/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./.yarn/__virtual__/css-loader-virtual-bf286824a5/6/AppData/Local/Yarn/Berry/cache/css-loader-npm-6.7.3-63aa933400-10.zip/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./.yarn/__virtual__/postcss-loader-virtual-1b7e30ecb8/6/AppData/Local/Yarn/Berry/cache/postcss-loader-npm-7.3.0-788d8ed604-10.zip/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../../../AppData/Local/Yarn/Berry/cache/resolve-url-loader-npm-5.0.0-9b441067c9-10.zip/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[3]!./.yarn/__virtual__/sass-loader-virtual-51a5632b47/6/AppData/Local/Yarn/Berry/cache/sass-loader-npm-13.2.2-b5bbed2dce-10.zip/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!../../../../../AppData/Local/Yarn/Berry/cache/@splidejs-splide-npm-4.1.4-574032679c-10.zip/node_modules/@splidejs/splide/dist/css/splide.min.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__arrow {
  -ms-flex-align: center;
  align-items: center;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 2em;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1;
}

.splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em;
}

.splide__arrow:hover:not(:disabled) {
  opacity: 0.9;
}

.splide__arrow:disabled {
  opacity: 0.3;
}

.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__arrow--prev {
  left: 1em;
}

.splide__arrow--prev svg {
  transform: scaleX(-1);
}

.splide__arrow--next {
  right: 1em;
}

.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__pagination {
  bottom: 0.5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1;
}

.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: 0.7;
  padding: 0;
  position: relative;
  transition: transform 0.2s linear;
  width: 8px;
}

.splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.4);
  z-index: 1;
}

.splide__pagination__page:hover {
  cursor: pointer;
  opacity: 0.9;
}

.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__progress__bar {
  background: #ccc;
  height: 3px;
}

.splide__slide {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.splide__slide:focus {
  outline: 0;
}

@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
}
@supports (outline-offset: -3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }

  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf;
  }
}
.splide__toggle {
  cursor: pointer;
}

.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__track--nav > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer;
}

.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000;
}

.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em;
}

.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1);
}

.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto;
}

.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1);
}

.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%);
}

.splide__arrows--ttb .splide__arrow--prev {
  top: 1em;
}

.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg);
}

.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto;
}

.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg);
}

.splide__pagination--ttb {
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: 0.5em;
  top: 0;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./.yarn/__virtual__/css-loader-virtual-bf286824a5/6/AppData/Local/Yarn/Berry/cache/css-loader-npm-6.7.3-63aa933400-10.zip/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./.yarn/__virtual__/postcss-loader-virtual-1b7e30ecb8/6/AppData/Local/Yarn/Berry/cache/postcss-loader-npm-7.3.0-788d8ed604-10.zip/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../../../AppData/Local/Yarn/Berry/cache/resolve-url-loader-npm-5.0.0-9b441067c9-10.zip/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[3]!./.yarn/__virtual__/sass-loader-virtual-51a5632b47/6/AppData/Local/Yarn/Berry/cache/sass-loader-npm-13.2.2-b5bbed2dce-10.zip/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!../../../../../AppData/Local/Yarn/Berry/cache/@splidejs-splide-npm-4.1.4-574032679c-10.zip/node_modules/@splidejs/splide/dist/css/themes/splide-default.min.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__arrow {
  -ms-flex-align: center;
  align-items: center;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 2em;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1;
}

.splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em;
}

.splide__arrow:hover:not(:disabled) {
  opacity: 0.9;
}

.splide__arrow:disabled {
  opacity: 0.3;
}

.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__arrow--prev {
  left: 1em;
}

.splide__arrow--prev svg {
  transform: scaleX(-1);
}

.splide__arrow--next {
  right: 1em;
}

.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__pagination {
  bottom: 0.5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1;
}

.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: 0.7;
  padding: 0;
  position: relative;
  transition: transform 0.2s linear;
  width: 8px;
}

.splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.4);
  z-index: 1;
}

.splide__pagination__page:hover {
  cursor: pointer;
  opacity: 0.9;
}

.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__progress__bar {
  background: #ccc;
  height: 3px;
}

.splide__slide {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.splide__slide:focus {
  outline: 0;
}

@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
}
@supports (outline-offset: -3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }

  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf;
  }
}
.splide__toggle {
  cursor: pointer;
}

.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__track--nav > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer;
}

.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000;
}

.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em;
}

.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1);
}

.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto;
}

.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1);
}

.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%);
}

.splide__arrows--ttb .splide__arrow--prev {
  top: 1em;
}

.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg);
}

.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto;
}

.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg);
}

.splide__pagination--ttb {
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: 0.5em;
  top: 0;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./.yarn/__virtual__/css-loader-virtual-bf286824a5/6/AppData/Local/Yarn/Berry/cache/css-loader-npm-6.7.3-63aa933400-10.zip/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./.yarn/__virtual__/postcss-loader-virtual-1b7e30ecb8/6/AppData/Local/Yarn/Berry/cache/postcss-loader-npm-7.3.0-788d8ed604-10.zip/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../../../AppData/Local/Yarn/Berry/cache/resolve-url-loader-npm-5.0.0-9b441067c9-10.zip/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[3]!./.yarn/__virtual__/sass-loader-virtual-51a5632b47/6/AppData/Local/Yarn/Berry/cache/sass-loader-npm-13.2.2-b5bbed2dce-10.zip/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/styles/master.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*  new colour #E8EBEF*/
/* ### Bullets */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (max width) */
/* Mobile (max width) */
/* Tablets (min width) */
/* Tablets (max width) */
/* Small Desktop  (min width) */
/* Small Desktop (max width) */
/* Large Desktop (min width) */
/* Large Desktop (max width) */
/* Extra-Large Desktop (min width) */
/* Extra-Large Desktop (max width) */
/* High Definition (HD) - THIS IS THE LEVEL OF OUR DEFAULT STYLES */
/* Containers - PLEASE USE REMS */
/* Container Padding */
/* Whitespace */
/* font-sizes */
/* Base unit used for spacing gutters */
/* Buttons */
/****************************************************************************************************/
/* #region Buttons */
/****************************************************************************************************/
/*
    Button styles were moved from placeholders to here to reduce generated CSS selector length.
    Ideally you should always either use a real <button> or add the .button class(es) where you needed,
    BUT if you really need it (perhaps to override some 3rd-party styles) you can always do this:

    #specific_selector .my-custom-button {
        @include button; // default styles
        // or
        @include button("secondary", true); // predefined styles WITH base button styles
    }

    You can also "extend" button classes defined in global.scss if you need to (similar to the old way).
    This keeps the css nice and light AS LONG as it's not super-nested beneath some comma-separated parents

    #specific_selector .my-custom-button {
        @extend .button.secondary;
    }
*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Link Styler */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Functions */
/****************************************************************************************************/
/* Remove units from a value */
/* Convert pixels to rems */
/* Convert rems to pixels */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Shortcut Selectors */
/****************************************************************************************************/
/*
    Set focus styles ONLY for users that need it.
    Will not work on older browsers (see base focus styles for example of overriding).
*/
/*  Just an alias for focusVisible */
/*
    Focus AND Hover
    A shortcut for when you need to share styles between focus and hover.
    Most of the time styles should go into separate focusVisible and/or :hover rules as needed.
*/
/* Select all FontAwesome icons */
/* Shortcut for writing out h1-h6 */
/* Cross-browser placeholders */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Font Styless & Fluid Type */
/****************************************************************************************************/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;
@include fluid-type($min_width, $max_width, $min_font, $max_font);
*/
/* Font Size Clamp */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Grid Mixins */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Size & Position */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Overlays & Gradients */
/****************************************************************************************************/
/*background-image: linear-gradient(120deg, scrim-gradient($primaryColour));*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Whitespace  */
/* You shouldn't ever need to use this directly - it's just used to generate our whitespace classes */
/* based on: https://styleguide.pivotal.io/modifiers/whitespace/#classes */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Modifiers  */
/* You shouldn't ever need to use this directly - it's just used to generate our subheader classes */
/* Based content https://frontstuff.io/generate-all-your-utility-classes-with-sass-maps            */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Misc */
/****************************************************************************************************/
/* shared outline styles for focus */
/* #endregion */
/****************************************************************************************************/
/* Force text to wrap with hyphen if to long (example long email) */
a[href^=mailto] {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
  white-space: unset;
}

.borderBottomShort {
  position: relative;
}
.borderBottomShort:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 3rem;
  height: 1px;
  background-color: #153156;
}

.container.edge *.container.full, .container.full {
  padding-left: 5rem;
  padding-right: 5rem;
  /*        @media(max-width:$XL_Max) {
          padding-left: $desktopPadding;
          padding-right: $desktopPadding;
      }*/
}
@media (max-width: 1599px) {
  .container.edge *.container.full, .container.full {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media (max-width: 1299px) {
  .container.edge *.container.full, .container.full {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (max-width: 1024px) {
  .container.edge *.container.full, .container.full {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (max-width: 767px) {
  .container.edge *.container.full, .container.full {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 500px) {
  .container.edge *.container.full, .container.full {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.coverImg {
  inset: 0;
  display: block;
  position: absolute;
}

/****************************************************************************************************/
/* #region Flex Grid */
/****************************************************************************************************/
.grid {
  /*width: 100%;*/
  width: initial;
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -1rem 0 -1rem;
}
.grid.col {
  width: auto;
}
.grid.grid-nogutter {
  margin: 0;
}
.grid.grid-nogutter > .col {
  margin: 0;
}
.grid.grid-nowrap {
  flex-wrap: nowrap;
}
.grid.featureFirst > .col:first-child {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 1) * 100% - 1rem);*/
  flex-basis: calc((1 / 1) * 100% - 1rem);
}
.grid:not(.col) {
  flex-grow: 1;
}
.grid > .col {
  margin: 0 1rem 0 1rem;
}

.col {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Grid + Column Alignment */
/****************************************************************************************************/
/* Justify Content Classes */
.grid-start,
.col-top {
  justify-content: flex-start;
}

.grid-end,
.col-bottom {
  justify-content: flex-end;
}

.grid-center,
.col-middle {
  justify-content: center;
}

.grid-evenly,
.col-evenly {
  justify-content: space-evenly;
}

.grid-around,
.col-around {
  justify-content: space-around;
}

.grid-between,
.col-between {
  justify-content: space-between;
}

/* Align Items Classes */
.col-align-start,
.grid-align-start {
  align-items: flex-start;
}

.col-align-end,
.grid-align-end {
  align-items: flex-end;
}

.col-align-center,
.grid-align-center {
  align-items: center;
}

.col-align-stretch,
.grid-align-stretch {
  align-items: stretch;
}

.col-align-baseline,
.grid-align-baseline {
  align-items: baseline;
}

/* Column Self-Alignment Classes */
.col-align-top {
  align-self: flex-start;
}

.col-align-bottom {
  align-self: flex-end;
}

.col-align-middle {
  align-self: center;
}

/* Reordering Columns */
.col-first {
  order: -1;
}

.col-last {
  order: 1;
}

.grid-reverse-columns {
  flex-direction: column-reverse;
}

.grid-reverse-rows {
  flex-direction: row-reverse;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Column Sizing */
/****************************************************************************************************/
.col-fixed {
  flex: initial;
  flex-shrink: 0;
}

.col-auto-width {
  flex: 0 1 auto;
}

.col-grow-2,
.grid.col-grow-2 {
  flex-grow: 2;
}

.col-grow-3,
.grid.col-grow-3 {
  flex-grow: 3;
}

.col-grow-4,
.grid.col-grow-4 {
  flex-grow: 4;
}

.col-grow-5,
.grid.col-grow-5 {
  flex-grow: 5;
}

.col-grow-6,
.grid.col-grow-6 {
  flex-grow: 6;
}

.col-grow-7,
.grid.col-grow-7 {
  flex-grow: 7;
}

.col-grow-8,
.grid.col-grow-8 {
  flex-grow: 8;
}

.col-grow-9,
.grid.col-grow-9 {
  flex-grow: 9;
}

.col-grow-10,
.grid.col-grow-10 {
  flex-grow: 10;
}

.col-grow-11,
.grid.col-grow-11 {
  flex-grow: 11;
}

.col-1 {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex-basis: 25%;
  max-width: 25%;
}

.col-4 {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.col-7 {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.col-10 {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex-basis: 100%;
  max-width: 100%;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Responsive Grids */
/****************************************************************************************************/
.grid[data-gutter-width] {
  flex-wrap: nowrap;
}
.sfPageEditor .grid[data-gutter-width] > .col {
  flex-grow: 1 !important;
  flex-shrink: 0 !important;
  flex-basis: 0 !important;
}
.grid[data-gutter-width]:not([data-media-breakpoint]) {
  /*@media (max-width: $M_Max) {
      @extend %colStackedStyles;
  }*/
}
@media (max-width: 1299px) {
  .grid[data-gutter-width][data-media-breakpoint="1299px"], .grid[data-gutter-width][data-media-breakpoint="1300px"] {
    flex-wrap: wrap;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .grid[data-gutter-width][data-media-breakpoint="1299px"] > .col, .grid[data-gutter-width][data-media-breakpoint="1300px"] > .col {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: initial !important;
    flex-basis: initial !important;
  }
}
@media (max-width: 1024px) {
  .grid[data-gutter-width][data-media-breakpoint="1024px"] {
    flex-wrap: wrap;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .grid[data-gutter-width][data-media-breakpoint="1024px"] > .col {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: initial !important;
    flex-basis: initial !important;
  }
}
@media (max-width: 767px) {
  .grid[data-gutter-width][data-media-breakpoint="767px"] {
    flex-wrap: wrap;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .grid[data-gutter-width][data-media-breakpoint="767px"] > .col {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: initial !important;
    flex-basis: initial !important;
  }
}
@media (max-width: 500px) {
  .grid[data-gutter-width][data-media-breakpoint="500px"] {
    flex-wrap: wrap;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .grid[data-gutter-width][data-media-breakpoint="500px"] > .col {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: initial !important;
    flex-basis: initial !important;
  }
}

/*
@media only screen and (max-width: $M_Max) {
    .grid {
        &:not([data-gutter-width]):not(.grid-nowrap) { // only apply to NON-resizable grids
            .col {
                flex: 100%;
                max-width: 100%;
            }
        }
    }
}
*/
/* #endregion */
/****************************************************************************************************/
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translatex(-1000%);
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translatex(1000%);
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes header-slide-in {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes slideBottom {
  0% {
    transform: translateY(100%);
  }
  100% {
    filter: blur(0);
  }
}
@keyframes slideTop {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes clippath {
  0%, 100% {
    -webkit-clip-path: inset(0 0 95% 0);
            clip-path: inset(0 0 95% 0);
  }
  25% {
    -webkit-clip-path: inset(0 95% 0 0);
            clip-path: inset(0 95% 0 0);
  }
  50% {
    -webkit-clip-path: inset(95% 0 0 0);
            clip-path: inset(95% 0 0 0);
  }
  75% {
    -webkit-clip-path: inset(0 0 0 95%);
            clip-path: inset(0 0 0 95%);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(1turn);
  }
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Remove Italic styling */
address {
  font-style: normal;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

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

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

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
  display: block;
}

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

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

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

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

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

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

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

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

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

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

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

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

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

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

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*  new colour #E8EBEF*/
/* ### Bullets */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (max width) */
/* Mobile (max width) */
/* Tablets (min width) */
/* Tablets (max width) */
/* Small Desktop  (min width) */
/* Small Desktop (max width) */
/* Large Desktop (min width) */
/* Large Desktop (max width) */
/* Extra-Large Desktop (min width) */
/* Extra-Large Desktop (max width) */
/* High Definition (HD) - THIS IS THE LEVEL OF OUR DEFAULT STYLES */
/* Containers - PLEASE USE REMS */
/* Container Padding */
/* Whitespace */
/* font-sizes */
/* Base unit used for spacing gutters */
/* Buttons */
/* these need to be here for intellisense and go-to-definition to work */
/****************************************************************************************************/
/* #region Document */
/****************************************************************************************************/
::selection {
  background: #153156;
  color: white;
}

::-webkit-input-placeholder {
  color: #555555;
  color: #555555;
  text-transform: none;
}

:-moz-placeholder {
  color: #555555;
  color: #555555;
  text-transform: none;
}

::-moz-placeholder {
  color: #555555;
  color: #555555;
  text-transform: none;
}

:-ms-input-placeholder {
  color: #555555;
  color: #555555;
  text-transform: none;
}

* {
  box-sizing: border-box;
}

:root {
  --scrollbar-width: 16px;
  --header-height: 150px;
  --card-width: 16rem;
  --column-count: 3;
  --card-gap: 1.5rem;
  --containerPadding: 4rem;
  --paddingAndMarginSize: 2rem;
  --topper-height: 400px;
  --paddedBottom: 1.5rem;
  color-scheme: normal !important;
  /* For Images */
  --image-width: 0;
  --image-height: 0;
  --image-aspectratio: 1.5;
  /* For Lines */
  --lines-group-width: 8rem;
  --pb-main-content: 2rem;
  --internalFeaturedContentPadding: 2rem;
  --externalFeaturedContainerPadding: 4rem;
  --externalFeaturedContainerPaddingSmall: 2rem;
  --paddingForLines: 8rem;
  --paddingForLinesSmall: 4rem;
  --number-size: 15rem;
}

html {
  min-height: auto;
  font-style: normal;
  font-family: "elza-text", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  scroll-behavior: smooth;
}
html {
  font-size: 16px;
}
@media screen and (min-width: 1024px) {
  html {
    font-size: calc(16px + 4 * ((100vw - 1024px) / 276));
  }
}
@media screen and (min-width: 1300px) {
  html {
    font-size: 20px;
  }
}

body {
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  color: #33383E;
  font-style: normal;
  font-family: "elza-text", sans-serif;
  font-weight: 400;
  background-color: white;
}

/* Custom Scrollbar Styles (only works in the latest browsers) */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(247, 247, 247, 0.5);
  background-color: #F5F5F5;
}

::-webkit-scrollbar {
  width: 10px;
  background-color: #F7F7F7;
}

::-webkit-scrollbar-thumb {
  background-color: #E6E6E6;
  border: 2px solid #E6E6E6;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Focus Styles */
/****************************************************************************************************/
* {
  outline-offset: 0;
}

*:focus {
  /* simple focus styles (for older browsers without support for :focus-visible */
  outline: 2px solid #EDC3AC;
}

*:focus:not(:focus-visible) {
  /* undo all the above focused button styles */
  outline: none;
}

*:focus-visible {
  /* focus styles for modern browsers */
  outline: 2px solid #EDC3AC;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Text-level Semantics */
/****************************************************************************************************/
p {
  margin: 0 0 1rem 0;
  padding: 0;
  font-size: 1em;
  font-style: normal;
  line-height: 1.5;
}

strong, b {
  font-weight: 700;
  font-style: normal;
}

em, i {
  font-style: italic;
}

sup {
  vertical-align: super;
  font-size: 50%;
  font-style: normal;
}

sub {
  vertical-align: sub;
  font-size: 50%;
  font-style: normal;
}

blockquote {
  width: 100%;
  max-width: 100%;
  margin: 32px auto;
  padding: 60px 125px;
  position: relative;
  border: none;
  text-align: left;
  background-color: rgba(244, 247, 250, 0.85);
  color: #153156;
  font-size: 20px;
  position: relative;
  font-family: "elza", sans-serif;
  border-left: 8px solid #153156;
}
blockquote:before {
  content: "“";
  /* Unicode for the opening quote “ */
  font-size: 150px;
  opacity: 0.1;
  position: absolute;
  left: 40px;
  top: 30px;
}
blockquote p:first-of-type {
  color: #153156;
  font-size: 30px;
  font-weight: 400;
}
blockquote p:last-of-type {
  margin: 0;
}

/* Testimonial CardView */
.testimonialsWrapper.splide .splide__slide {
  margin-bottom: 1.5rem !important;
}

.cardView.testimonial {
  background-color: rgba(244, 247, 250, 0.85);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 8px solid #153156;
}
.cardView.testimonial .cardContent {
  width: 100%;
  max-width: 100%;
  padding: 60px 125px;
  position: relative;
  border: none;
  text-align: left;
}
.cardView.testimonial .cardContent .testimonialQuote {
  color: #153156;
  font-size: 30px;
  font-weight: 400;
}
.cardView.testimonial .cardContent .testimonialQuote p {
  color: #153156;
  font-size: 30px;
  font-weight: 400;
}
.cardView.testimonial .cardContent .testimonialQuote:before {
  content: "“";
  /* Unicode for the opening quote “ */
  font-size: 150px;
  opacity: 0.1;
  position: absolute;
  left: 40px;
  top: 30px;
}
.cardView.testimonial .cardContent cite.testimonialSource {
  color: #153156;
  font-size: 20px;
  position: relative;
  font-family: "elza", sans-serif;
  font-style: normal;
  font-weight: 700;
}
.cardView.testimonial .cardContent cite.testimonialSource a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

a {
  color: #153156;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  text-decoration: none;
}

a:hover {
  color: #293142;
  text-decoration: underline;
}

a:active {
  color: #153156;
  text-decoration: none;
}

hr {
  border: none;
  height: 1px;
  margin: 2rem 0;
  background-color: #E6E6E6;
}

li {
  list-style: none;
  font-size: 1em;
  font-style: normal;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul li,
ol li {
  list-style: none;
}
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Headings */
/****************************************************************************************************/
span.seperator {
  padding: 0 7px;
  color: #A3A3A3;
}

/* Headings */
h1, h2, h3, h4, h5, h6, .h, .cmsContent.highlightFirstElement > :first-child {
  font-style: normal;
  font-family: "elza", sans-serif;
  font-weight: 700;
  line-height: 1.6;
  white-space: break-spaces;
  letter-spacing: 0.5px;
  color: #153156;
  margin: 1rem 0 0.75rem;
  padding: 0;
  display: block;
}
h1.centered, h2.centered, h3.centered, h4.centered, h5.centered, h6.centered, .h.centered, .cmsContent.highlightFirstElement > .centered:first-child {
  text-align: center;
}
h1.withBorderBottom, h2.withBorderBottom, h3.withBorderBottom, h4.withBorderBottom, h5.withBorderBottom, h6.withBorderBottom, .h.withBorderBottom, .cmsContent.highlightFirstElement > .withBorderBottom:first-child {
  margin: 0 0 1rem 0;
  border-bottom: 1px solid #9BB8D3;
  padding-bottom: 20px;
}

:is(h1, h2, h3, h4, h5, h6, .h) + :is(h1, h2, h3, h4, h5, h6, .h) {
  margin-top: 0;
}

h1 {
  color: #153156;
  font-size: clamp(40px, -34.2028985507px + 0.0724637681 * 100vw, 60px);
}

h2 {
  font-size: clamp(30px, 7.7391304348px + 0.0217391304 * 100vw, 36px);
}

h3 {
  font-size: clamp(22px, -7.6811594203px + 0.0289855072 * 100vw, 30px);
}

h4 {
  font-size: clamp(18px, -4.2608695652px + 0.0217391304 * 100vw, 24px);
  font-weight: 600;
}

h5 {
  font-size: 1.125rem;
  font-weight: 600;
}

h6 {
  font-size: 1rem;
  font-weight: 600;
}

span.labelHeader {
  display: block;
  width: 100%;
  color: #9BB8D3;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.33;
  letter-spacing: 2px;
  margin-bottom: 8px;
  text-transform: uppercase;
}

/* fake headings (turn any element into a heading, basically). These need to match the above. */
.h1 {
  color: #153156 !important;
  font-size: 2.488rem !important;
}

.h2 {
  font-size: 1.602rem !important;
}

.h3, .cmsContent.highlightFirstElement > :first-child {
  font-size: 1.424rem !important;
}

.h4 {
  font-size: 1.266rem !important;
}

.h5 {
  font-size: 1.125rem !important;
}

.h6 {
  font-size: 1rem !important;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Buttons */
/****************************************************************************************************/
/* standard line and arrow button */
:is(a.button, button.button, .cmsContent a.button) {
  display: inline-flex;
  align-items: center;
  min-height: 0;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  gap: 24px 0;
  padding: 0;
  /* Text */
  font-size: 18px;
  line-height: 1.6;
  color: #153156;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 8px;
  cursor: pointer;
  border: none;
  background-color: transparent;
  /* primary button */
}
:is(a.button, button.button, .cmsContent a.button):after {
  content: "";
  margin-left: 12px;
  /* Space between text and arrow */
  width: 18px;
  /* Width of the arrow */
  height: 18px;
  /* Height of the arrow */
  background-image: url("/CFImages/Icons/arrow-right.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 0.3s ease-out;
}
:is(a.button, button.button, .cmsContent a.button):hover, :is(a.button, button.button, .cmsContent a.button):focus {
  color: #153156;
}
:is(a.button, button.button, .cmsContent a.button):hover::after, :is(a.button, button.button, .cmsContent a.button):focus::after {
  transition: 0.1s ease-in-out transform;
  transform: translateX(12px);
}
:is(a.button, button.button, .cmsContent a.button):active {
  color: #293142;
}
:is(a.button, button.button, .cmsContent a.button).primary {
  background: #153156;
  border-radius: 4px;
  padding: 12px 20px 12px 20px;
  justify-content: center;
  border: 1px solid #153156;
  /* Text */
  color: #fff;
  text-decoration: none;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500;
}
:is(a.button, button.button, .cmsContent a.button).primary:after {
  content: none;
}
:is(a.button, button.button, .cmsContent a.button).primary:hover, :is(a.button, button.button, .cmsContent a.button).primary:focus {
  color: #153156;
  background: #E5ECF4;
}
:is(a.button, button.button, .cmsContent a.button).primary:active {
  color: #153156;
  background: #9BB8D3;
}
:is(a.button, button.button, .cmsContent a.button).outline {
  background: transparent;
  border-radius: 4px;
  padding: 12px 20px 12px 20px;
  justify-content: center;
  border: 1px solid #153156;
  /* Text */
  color: #153156;
  text-decoration: none;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500;
}
:is(a.button, button.button, .cmsContent a.button).outline:after {
  content: none;
}
:is(a.button, button.button, .cmsContent a.button).outline:hover, :is(a.button, button.button, .cmsContent a.button).outline:focus {
  color: white;
  background: #153156;
}
:is(a.button, button.button, .cmsContent a.button).outline:active {
  color: white;
  background: #153156;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Hyperlinks + Special Links */
/****************************************************************************************************/
/* Special Links */
/* Non-link elements with onclick functionality */
.clickable {
  cursor: pointer;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Images */
/****************************************************************************************************/
img {
  width: auto;
  height: auto;
}

/* As a NATIVE picture img */
.imgWrapper {
  width: 100%;
  /* if wrapped in hyperlink */
}
.imgWrapper img {
  max-width: 100%;
  height: 100%;
  width: 100%;
  aspect-ratio: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.imgWrapper a img {
  max-width: 100%;
}

/* As BACKGROUND image */
.bgImgWrapper {
  max-width: 100%;
  z-index: 0;
  overflow: hidden;
  position: relative;
}
.bgImgWrapper:before {
  /* sets the height and then effectively removes itself from flow so as not to interfere with siblings */
  float: left;
  width: 1px;
  height: 0;
  content: "";
  margin-left: -1px;
  padding-top: 56.25%;
}
.bgImgWrapper:after {
  /* to clear float */
  content: "";
  display: table;
  clear: both;
}
.bgImgWrapper .bgImg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.bgImgWrapper .bgImg {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.bgImgWrapper a {
  width: 100%;
  height: 100%;
  display: block;
}

/* As fullscreenimage */
.backstretch .overlay {
  inset: 0;
  position: absolute;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region TYPOGRAPHY CMS Content Styles */
/****************************************************************************************************/
.cmsContent {
  color: #33383E;
  font-size: 1em;
  line-height: 1.5;
  /* Headings */
  /* Links */
  /*    a[1="_blank"]:not(.button):after {
      content: " ";
      position: relative;
      display: inline-block;
      font-size: .6em;
      padding-left: .5rem;
  }*/
  /* Paragraphs */
  /* SHARED list styles */
  /* Unordered Lists Styles ONLY */
  /* Make sure what you're adding belongs here, and not in the SHARED list styles above */
  /* Ordered Lists */
  /* Make sure what you're adding belongs here, and not in the SHARED list styles above */
  /* Misc content elements */
  /* last child selector */
  /*
  > :last-child {
  }
  */
}
.cmsContent img {
  max-width: 100%;
}
.cmsContent em, .cmsContent i {
  font-style: italic;
}
.cmsContent h1, .cmsContent h2, .cmsContent h3, .cmsContent h4, .cmsContent h5, .cmsContent h6, .cmsContent .h, .cmsContent.highlightFirstElement > :first-child {
  color: #153156;
}
.cmsContent h1:first-child, .cmsContent h2:first-child, .cmsContent h3:first-child, .cmsContent h4:first-child, .cmsContent h5:first-child, .cmsContent h6:first-child, .cmsContent .h:first-child, .cmsContent.highlightFirstElement > :first-child {
  margin-top: 0;
}
.cmsContent a {
  color: #153156;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cmsContent a:hover, .cmsContent a:focus {
  text-decoration: underline;
  color: #9BB8D3;
}
.cmsContent a:active {
  color: #789fc3;
  text-decoration: underline;
}
.cmsContent .socialLinks a[target=_blank]:after {
  content: none;
}
.cmsContent p {
  line-height: 1.5;
}
.cmsContent ul,
.cmsContent ol {
  margin: 1rem 0;
  /* SHARED list item styles */
  /* SHARED nested list styles */
  /* Special lists:   Alpha & Roman Numerals */
}
.cmsContent ul li,
.cmsContent ol li {
  margin: 0 0 0.8em;
  position: relative;
  padding: 0 0 0 1.75rem;
}
.cmsContent ul ol,
.cmsContent ul ul,
.cmsContent ol ol,
.cmsContent ol ul {
  margin: 0.4rem 0 0.4rem 1.6rem;
}
.cmsContent ul ol > li,
.cmsContent ul ul > li,
.cmsContent ol ol > li,
.cmsContent ol ul > li {
  background: none;
}
.cmsContent ul ol > li:before,
.cmsContent ul ul > li:before,
.cmsContent ol ol > li:before,
.cmsContent ol ul > li:before {
  color: #9BB8D3;
}
.cmsContent ul.roman > li,
.cmsContent ol.roman > li {
  padding-left: 2rem;
}
.cmsContent ul.roman > li:before,
.cmsContent ol.roman > li:before {
  content: counter(customListCounter, lower-roman) ".";
}
.cmsContent ul.alpha > li:before, .cmsContent ul.lettered > li:before,
.cmsContent ol.alpha > li:before,
.cmsContent ol.lettered > li:before {
  content: counter(customListCounter, lower-alpha) ".";
}
.cmsContent ul.upper > li:before, .cmsContent ul.uppercase > li:before,
.cmsContent ol.upper > li:before,
.cmsContent ol.uppercase > li:before {
  text-transform: uppercase;
}
.cmsContent ul.reset li,
.cmsContent ol.reset li {
  padding-left: 0;
}
.cmsContent ul.reset li:before,
.cmsContent ol.reset li:before {
  display: none;
}
.cmsContent ul {
  list-style-type: none;
}
.cmsContent ul > li {
  list-style-type: none;
  font-size: 1em;
  position: relative;
  /* bullet icon */
}
.cmsContent ul > li:before {
  content: " ";
  top: initial;
  left: 0;
  width: 1em;
  height: 1.4em;
  color: #33383E;
  content: "";
  display: block;
  position: absolute;
  line-height: inherit;
  background-image: url(/CFImages/Icons/circle-solid.svg);
  background-size: 6px auto;
  background-repeat: no-repeat;
  background-position: center;
}
.cmsContent ol {
  counter-reset: customListCounter 0;
  list-style-position: outside;
}
.cmsContent ol > li {
  list-style-type: none;
  list-style-position: inside;
  counter-increment: customListCounter;
}
.cmsContent ol > li:before {
  top: initial;
  left: 0.4rem;
  content: counter(customListCounter) ".";
  color: #33383E;
  position: absolute;
  font-weight: 400;
}
.cmsContent address {
  margin: 0.5rem 0 1rem;
}
.cmsContent mark {
  color: white;
  background-color: #153156;
}
.cmsContent pre {
  white-space: pre-wrap;
  background-color: #efefef;
  padding: 2rem;
}
.cmsContent.highlight > p:nth-of-type(1) {
  font-size: 1.266rem;
  font-weight: 500;
  line-height: 1.2;
  margin: 0 0 1.38rem;
}
.cmsContent.highlightFirstElement > :first-child {
  margin: 0 0 1.38rem;
}
.cmsContent.highlightFirstElement > :first-child > * {
  font: inherit;
  line-height: inherit;
}

.dark, .dark .cmsContent {
  color: white;
  /* SHARED list styles */
  /* Unordered Lists Styles ONLY */
  /* Make sure what you're adding belongs here, and not in the SHARED list styles above */
  /* Ordered Lists */
  /* Make sure what you're adding belongs here, and not in the SHARED list styles above */
  /* Dark Buttons */
}
.dark ::selection, .dark .cmsContent ::selection {
  background: #1057AD;
  color: white;
}
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark p, .dark ul li, .dark address, .dark .cmsContent h1, .dark .cmsContent h2, .dark .cmsContent h3, .dark .cmsContent h4, .dark .cmsContent h5, .dark .cmsContent h6, .dark .cmsContent p, .dark .cmsContent ul li, .dark .cmsContent address {
  color: white;
}
.dark a:link, .dark a:visited, .dark .cmsContent a:link, .dark .cmsContent a:visited {
  color: white;
}
.dark a:hover, .dark a:active, .dark a:focus, .dark .cmsContent a:hover, .dark .cmsContent a:active, .dark .cmsContent a:focus {
  color: #9BB8D3;
  text-decoration: underline;
}
.dark ul,
.dark ol, .dark .cmsContent ul,
.dark .cmsContent ol {
  /* SHARED nested list styles */
}
.dark ul ol > li:before,
.dark ul ul > li:before,
.dark ol ol > li:before,
.dark ol ul > li:before, .dark .cmsContent ul ol > li:before,
.dark .cmsContent ul ul > li:before,
.dark .cmsContent ol ol > li:before,
.dark .cmsContent ol ul > li:before {
  color: white;
}
.dark ul > li, .dark .cmsContent ul > li {
  /* bullet icon */
}
.dark ul > li:before, .dark .cmsContent ul > li:before {
  color: white;
  background-image: url(/CFImages/Icons/bullet-square-solid-white.svg);
}
.dark ol > li:before, .dark .cmsContent ol > li:before {
  color: white;
}
.dark mark, .dark .cmsContent mark {
  color: white;
  background-color: #1057AD;
}
.dark pre, .dark .cmsContent pre {
  background-color: #293142;
  color: white;
}
.dark blockquote, .dark .cmsContent blockquote {
  background-color: #293142;
  color: white;
}
.dark blockquote p, .dark .cmsContent blockquote p {
  color: white;
}
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Icons / FontAwesome / Kendo Icons */
/****************************************************************************************************/
/* A trick for prefetching icons we know we need to prevent the flash-of-unstyled-icon on hover */
body::after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: url(/CFImages/Icons/chevron-down.svg) url(/CFImages/Icons/chevron-up.svg) url(/CFImages/Icons/audio.svg) url(/CFImages/Icons/plus.svg) url(/CFImages/Icons/minus.svg);
}

/* Any and all FontAwesome icons */
[class^=fa-], [class*=" fa-"] {
  color: inherit;
}

/* shared Kendo widget icon styles (works with navigation css file) */
.k-icon {
  width: 3rem;
  height: 3rem;
  /* Expand / Collapse Arrows */
}
.k-icon:before {
  content: " ";
  top: -2px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
}
.k-icon.k-menu-expand-arrow:before, .k-icon.k-i-expand:before {
  background-image: url(/CFImages/Icons/chevron-down.svg);
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
.k-state-active .k-icon.k-menu-expand-arrow:before, .k-state-active .k-icon.k-i-expand:before {
  transform: rotate(180deg);
  background-image: url(/CFImages/Icons/chevron-down.svg);
}
.k-icon.k-i-collapse:before {
  background-image: url(/CFImages/Icons/chevron-down.svg);
}
.k-state-active .k-icon.k-i-collapse:before {
  background-image: url(/CFImages/Icons/chevron-down.svg);
}

/* selected element icon (needs to be white because dark background */
li.k-item.selected > div .k-icon:first-of-type.k-i-expand:before {
  background-image: url(/CFImages/Icons/chevron-down.svg);
}
li.k-item.selected > div .k-icon:first-of-type.k-i-collapse:before {
  background-image: url(/CFImages/Icons/chevron-down.svg);
}

/* Custom icons element with background svgs*/
/*.icon {
    display: inline-block;
    font-size: 1em;

    &:before {
        content: ' ';
        width: 1.4em;
        height: 1.4em;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    &.audio {
        &:before {
            background-image: url(/CFImages/Icons/audio.svg);
        }
    }

    &.print {
        &:before {
            background-image: url(/CFImages/Icons/print.svg);
        }
    }

    &.bookmark {
        &:before {
            background-image: url(/CFImages/Icons/bookmark.svg);
        }
    }

    &.share {
        &:before {
            background-image: url(/CFImages/Icons/share.svg);
        }
    }

    &.vcard {
        &:before {
            background-image: url(/CFImages/Icons/vcard.svg);
        }
    }

    &.video {
        &:before {
            background-image: url(/CFImages/Icons/video.svg);
        }
    }
}*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Skip-to-Content + Sticky Links */
/****************************************************************************************************/
#skiptocontent a {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}
#skiptocontent a:focus, #skiptocontent a:active {
  top: auto;
  left: auto;
  width: 30%;
  height: auto;
  z-index: 999;
  overflow: auto;
  margin: 10px 35%;
  padding: 5px;
  color: white;
  font-size: 1.2rem;
  text-align: center;
  border: 4px solid #153156;
  border-radius: 15px;
  background-color: black;
}

/* #endregion */
/**

/****************************************************************************************************/
/* #region Layout / Structure */
/****************************************************************************************************/
/*Sticky Footer Items */
body {
  display: flex;
  flex-direction: column;
}

#wrapper {
  overflow: visible !important;
  height: auto !important;
  flex: 1 0 auto;
  z-index: 2;
}
.k-ie11 #wrapper {
  flex: inherit;
}

.pageWrapper {
  position: relative;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  left: 0;
}

.sfPageEditor .wrapper > * {
  opacity: 1 !important;
  transform: translatey(0) !important;
}

.buttonGroup .cmsContent {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: 1rem;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Containers */
/****************************************************************************************************/
.container {
  width: 76rem;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  max-width: calc(100vw - (5rem * 2) - var(--scrollbar-width));
}
.container.withOffset {
  max-width: calc(100vw - (3rem * 2) - var(--scrollbar-width));
}
@media (max-width: 1299px) {
  .container {
    max-width: calc(100vw - (3rem * 2) - var(--scrollbar-width));
  }
  .container.withOffset {
    max-width: calc(100vw - (1rem * 2) - var(--scrollbar-width));
  }
}
@media (max-width: 1024px) {
  .container {
    max-width: calc(100vw - (2rem * 2) - var(--scrollbar-width));
  }
}
@media (max-width: 767px) {
  .container {
    max-width: calc(100vw - (25px * 2) - var(--scrollbar-width));
  }
}
@media (max-width: 500px) {
  .container {
    max-width: calc(100vw - (1rem * 2) - var(--scrollbar-width));
  }
}
.container .container {
  padding-left: 0;
  padding-right: 0;
}
.container.withOffset {
  width: calc(80rem);
}
.container.wide {
  width: calc(80rem);
}
.container.narrow {
  width: calc(40rem);
}
.container.full {
  width: 100%;
  max-width: 100%;
}
.container.full > .container.full:not(.force) {
  padding-left: 0;
  padding-right: 0;
}
.container.full.force {
  width: calc(100vw - var(--scrollbar-width));
}
.container.edge {
  width: 100vw;
  max-width: calc(100vw);
  max-width: calc(100vw - var(--scrollbar-width));
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  margin-left: 0;
  margin-right: 0;
}
.container.edge.full {
  width: 100vw;
  max-width: 100vw;
}
.container.force {
  max-width: 100vw;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  margin-left: 0;
  margin-right: 0;
}

/* pad an element, pushing content in to align with the main container - this needs to be updated to match global padding settings*/
.padLeft {
  padding-left: calc((100vw - 76rem) / 2) !important;
  padding-left: calc((100vw - 76rem - var(--scrollbar-width)) / 2) !important;
}
@media (max-width: 1574px) {
  .padLeft {
    padding-left: 4rem !important;
  }
}
@media (max-width: 1299px) {
  .padLeft {
    padding-left: 3rem !important;
  }
}
@media (max-width: 1024px) {
  .padLeft {
    padding-left: 2rem !important;
  }
}
@media (max-width: 767px) {
  .padLeft {
    padding-left: 25px !important;
  }
}
@media (max-width: 500px) {
  .padLeft {
    padding-left: 1rem !important;
  }
}

.padRight {
  padding-right: calc((100vw - 76rem) / 2) !important;
  padding-right: calc((100vw - 76rem - var(--scrollbar-width)) / 2) !important;
}
@media (max-width: 1574px) {
  .padRight {
    padding-right: 4rem !important;
  }
}
@media (max-width: 1299px) {
  .padRight {
    padding-right: 3rem !important;
  }
}
@media (max-width: 1024px) {
  .padRight {
    padding-right: 2rem !important;
  }
}
@media (max-width: 767px) {
  .padRight {
    padding-right: 25px !important;
  }
}
@media (max-width: 500px) {
  .padRight {
    padding-right: 1rem !important;
  }
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Grids */
/****************************************************************************************************/
.gridCols {
  display: grid;
  position: relative;
  grid-template-columns: repeat(var(--column-count), 1fr);
  gap: var(--card-gap);
}
.gridCols.oneCol {
  --column-count: 1;
}
.gridCols.twoCol {
  --column-count: 2;
}
.gridCols.threeCol {
  --column-count: 3;
}
.gridCols.fourCol {
  --column-count: 4;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region Site Header */
/****************************************************************************************************/
#header {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  height: var(--header-height);
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  border-bottom: 1px solid #9BB8D3;
  position: absolute;
  background-color: white;
}
#header.up {
  position: fixed;
  animation: header-slide-in 300ms ease;
}
#header .searchHiddenWrapper {
  /* refer to "region Site Search" styles below */
  display: none;
}
#header .topHeader {
  position: relative;
  padding: 4px 0 2px 0;
}
#header .topHeader p {
  margin: 0;
}
#header .topHeader .topHeaderGrid .languagesOuter div {
  display: grid;
  grid-template-columns: auto auto;
  /* Ensures two columns */
  justify-content: flex-start;
  column-gap: 8px;
  /* Adds spacing between the columns */
}
#header .topHeader .topHeaderGrid .languagesOuter a {
  color: #153156;
  font-weight: 500;
  font-size: 16px;
  position: relative;
  /* Makes it easier to position the pseudo element */
  text-decoration: none;
}
#header .topHeader .topHeaderGrid .languagesOuter a.hideMe {
  display: none;
}
#header .topHeader .topHeaderGrid .languagesOuter a.hideMe:before {
  display: none;
}
#header .topHeader .topHeaderGrid .languagesOuter a:not(:first-child)::before {
  content: "|";
  color: #9BB8D3;
  margin-right: 8px;
}
#header .topHeader .topHeaderGrid .topHeaderGridRight {
  position: relative;
}
#header .header {
  padding: 0;
  z-index: 100;
  color: white;
  padding: 5px 0 20px 0;
  position: relative;
}
#header .header .logo img {
  width: 100%;
  height: auto;
}
#header .header .menu {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: flex-end;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region Page Topper (Banner) */
/****************************************************************************************************/
/* Usually nested in the topper */
.topperSection {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: var(--topper-height);
  color: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.topperSection:has(.imgWrapper) {
  position: relative;
  overflow: hidden;
}
.topperSection:has(.imgWrapper) .imgWrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.6;
  z-index: 1;
}
.topperSection:not(:has(.imgWrapper)) {
  background-color: #153156 !important;
  aspect-ratio: auto;
}
.topperSection .container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.topperSection .topperContent {
  margin-top: auto;
  padding: 2rem 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.topperSection .topperContent h1 {
  margin: 0;
  color: inherit;
}
.topperSection .topperContent .topperDescription, .topperSection .topperContent .subtitle {
  font-size: clamp(20px, -17.1014492754px + 0.0362318841 * 100vw, 30px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.2px;
  max-width: 800px;
  width: 100%;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region Site Main Content */
/****************************************************************************************************/
main {
  padding-top: var(--header-height);
}
main .bd .breadCrumbInner {
  padding: 24px 0;
  font-size: 14px;
  display: flex;
  color: #153156;
}
main .bd .breadCrumbInner a {
  text-decoration: none;
  font-weight: 400;
}
main .bd .breadCrumbInner > *:last-child {
  color: #153156;
}
main .bd .breadCrumbInner > *:not(:last-child) {
  color: #153156;
  font-weight: 400;
}
main .bd .breadCrumbInner > *:not(:last-child):hover, main .bd .breadCrumbInner > *:not(:last-child):focus {
  text-decoration: underline;
}
main .bd .breadCrumbInner span.separator {
  margin: 0 0.3rem;
  color: #153156;
}
main .bd .breadCrumbInner span.current {
  font-weight: 700;
}
main .bd .mainContent {
  padding-bottom: 4rem;
}
main .bd .mainContent .sfContentBlock img {
  max-width: 100%;
}
main .bd .detailView .mainContent {
  padding-bottom: initial;
}
main .bd .detailView .mainContent .overview .cmsContent a {
  font-weight: 700;
}
main .bd .detailView .mainContent {
  padding-bottom: initial;
}

/* for content being migrated with main */
.cmsContent main {
  padding-top: 0;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region Site Footer */
/****************************************************************************************************/
/* all footer sections */
/* NOTE USE mixin utility classes of mvxl or pvxl etc on Templates to contol padding and margins */
.siteFooter {
  position: relative;
  z-index: 1;
  font-size: 14px;
}
.siteFooter .mainFooter {
  background-color: #E5ECF4;
  padding: 3rem 0;
  font-size: 16px;
}
.siteFooter .mainFooter .mainFooterLeft .listView.offices {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 36px;
  row-gap: 36px;
  /* Adjust vertical spacing between rows */
  margin: 0;
  font-size: 16px;
}
.siteFooter .mainFooter .mainFooterLeft .listView.offices li .cardView.office.simple {
  font-weight: 400;
  font-size: 16px;
  color: #153156;
}
.siteFooter .mainFooter .mainFooterLeft .listView.offices li .cardView.office.simple a.officeTitle {
  font-weight: 600;
}
.siteFooter .mainFooter .mainFooterLeft .listView.offices li .cardView.office.simple p {
  padding: 0;
  margin: 0;
}
.siteFooter .mainFooter .mainFooterLeft .listView.offices li .cardView.office.simple span.officeTitle {
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
}
.siteFooter .mainFooter .mainFooterLeft .listView.offices li .cardView.office.simple address {
  margin-bottom: 10px;
}
.siteFooter .mainFooter .mainFooterRight .siteFooterGrid {
  display: grid;
  grid-template-columns: 2fr 2fr;
  gap: 50px;
  justify-content: flex-end;
}
.siteFooter .mainFooter .mainFooterRight .siteFooterGrid .siteFooterColumn {
  min-width: 60px;
}
.siteFooter .mainFooter .mainFooterRight .siteFooterGrid .siteFooterColumn nav.topLevelSimple ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 10px;
}
.siteFooter .mainFooter .mainFooterRight .siteFooterGrid .siteFooterColumn nav.topLevelSimple ul li a {
  font-weight: 600;
  font-size: 16px;
}
.siteFooter .mainFooter .mainFooterRight .siteFooterGrid .siteFooterColumn nav.topLevelSimple.level2 ul li a {
  font-weight: 400;
}
.siteFooter .mainFooter .mainFooterRight .siteFooterGrid:last-of-type {
  margin-top: 50px;
  gap: 10px;
}
.siteFooter .mainFooter .mainFooterRight .siteFooterGrid:last-of-type .siteFooterColumn p {
  font-size: 16px;
  color: #153156;
  font-weight: 600;
  margin: 0;
}
.siteFooter .mainFooter .mainFooterRight .siteFooterGrid:last-of-type .siteFooterColumn ul.socialLinks {
  font-size: 1rem;
}
.siteFooter .mainFooter .mainFooterRight .siteFooterGrid:last-of-type .siteFooterColumn ul.socialLinks li a {
  line-height: 1;
}
.siteFooter .mainFooter .mainFooterRight .siteFooterGrid:last-of-type .siteFooterColumn:last-of-type {
  display: flex;
  justify-content: flex-end;
}
.siteFooter .mainFooter .mainFooterRight .siteFooterGrid:last-of-type .cmsContent a.button.outline {
  font-size: 16px !important;
  line-height: 1;
}
.siteFooter .mainFooter .languageAndLegalGrid {
  margin: 24px 0;
}
.siteFooter .mainFooter .languageAndLegalGrid .leftSide .languagesOuter div {
  display: grid;
  grid-template-columns: auto auto;
  /* Ensures two columns */
  justify-content: flex-start;
  column-gap: 8px;
  /* Adds spacing between the columns */
}
.siteFooter .mainFooter .languageAndLegalGrid .leftSide .languagesOuter a {
  color: #153156;
  font-weight: 600;
  position: relative;
  /* Makes it easier to position the pseudo element */
}
.siteFooter .mainFooter .languageAndLegalGrid .leftSide .languagesOuter a:not(:last-child)::after {
  content: "|";
  color: #9BB8D3;
  margin-left: 8px;
}
.siteFooter .mainFooter .languageAndLegalGrid .rightSide ul.reset {
  display: flex;
  gap: 1rem;
  font-size: 14px;
  justify-content: flex-end;
}
.siteFooter .mainFooter .languageAndLegalGrid .rightSide ul.reset a {
  color: #153156;
  font-weight: 600;
  position: relative;
  /* Makes it easier to position the pseudo element */
}
.siteFooter .mainFooter .languageAndLegalGrid .leftSide a, .siteFooter .mainFooter .languageAndLegalGrid .rightSide a {
  font-size: 14px;
}
.siteFooter .mainFooter .footerLogo {
  display: flex;
  justify-content: flex-end;
  margin: 1rem 0 0 0;
  max-width: 100%;
}
.siteFooter .copyrightFooter {
  background-color: #153156;
  padding: 1rem 0;
}
.siteFooter .copyrightFooter .container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
.siteFooter .copyrightFooter .container .cmsContent {
  font-size: 14px;
}
.siteFooter .copyrightFooter .container .cmsContent p {
  margin: 0 0 0.25rem 0;
}
.siteFooter .copyrightFooter .container .leftSide {
  display: flex;
  flex-direction: column;
  padding-right: 1rem;
}
.siteFooter .copyrightFooter .container .leftSide ul.reset {
  display: flex;
  flex-direction: row;
  gap: 0 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
  flex-wrap: wrap;
  margin: 0 0 0.25rem 0;
}
.siteFooter .copyrightFooter .container .leftSide ul.reset li {
  margin: 0;
  padding: 0;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Universal Styles - Shared across cardViews and detailViews */
/****************************************************************************************************/
.audioButton {
  padding: 0rem;
}

.audioFile {
  border: none;
  border-radius: 3px;
  cursor: pointer;
  margin: 0;
  display: inline;
}
.audioFile a {
  padding: 0;
  display: inline-block;
  color: #9BB8D3;
  display: block;
  line-height: 0;
  display: inline;
}
.audioFile a .icon {
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  filter: grayscale(1) brightness(1.6);
}
.audioFile a:focus .icon, .audioFile a:hover .icon {
  filter: grayscale(0) brightness(1);
}
.audioFile a:active {
  filter: brightness(0.5);
}

.viewAllMoreWrapper {
  margin: 2rem 0 2rem 0;
}

.sideContent .viewAllMoreWrapper .button {
  width: 100%;
  max-width: 400px;
}

/*.viewMoreOuter {
    margin: 0rem auto 3rem;
    text-align: center;
}*/
/* #region Dates */
span.dates {
  /*text-transform: uppercase;*/
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
}
span.dates time {
  font-size: inherit;
  /*text-transform: uppercase;*/
}

/* #endregion */
/* #region Content Type Labels */
.contentTypeLabels {
  color: #153156;
  display: inline-block;
}
.contentTypeLabels span.labelValuesSeperator:before {
  content: ": ";
}
.contentTypeLabels a {
  color: inherit;
  text-decoration: none;
}
.contentTypeLabels span.subType {
  display: inline-block;
}
.contentTypeLabels span.itemSeperator {
  padding: 0;
}

/* #endregion */
/* #region Iframes + Videos + Embeds */
.embedWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.embedWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* #endregion */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Social & Sharing Links */
/****************************************************************************************************/
.printAndShare {
  display: flex;
}

ul.socialLinks,
.cmsContent ul.socialLinks {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  box-sizing: border-box;
  font-size: 1.2rem;
  flex-wrap: nowrap;
  justify-content: flex-start;
  list-style: none;
  margin: 0;
}
ul.socialLinks > li,
.cmsContent ul.socialLinks > li {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  vertical-align: top;
  flex: 0 1 auto;
  width: auto;
}
ul.socialLinks li,
.cmsContent ul.socialLinks li {
  list-style: none;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
ul.socialLinks li:first-child,
.cmsContent ul.socialLinks li:first-child {
  margin-left: 0;
}

/** ShareThis (social sharing links) *****************************************************************/
ul.sharingLinks {
  display: none;
}
ul.sharingLinks.popup_content {
  display: flex !important;
  flex-direction: column;
  gap: 0.5rem;
  border: 1px solid #153156;
  background-color: #E5ECF4;
  border-radius: 4px;
  padding: 1rem;
}
ul.sharingLinks.popup_content li button svg {
  display: none;
}
ul.sharingLinks.popup_content li button i {
  color: inherit;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Sliders - .sliderView  Currently using SPLIDE */
/****************************************************************************************************/
/* Splide sliders */
.splide {
  visibility: visible;
  /* Show only the first slide ONLY until the slider is initialized */
  /* slider initialized */
  /* Arrows */
}
.splide:not(.is-active) .splide__list {
  width: 100%;
}
.splide:not(.is-active) .splide__slide {
  width: 100%;
  display: flex;
}
.splide:not(.is-active) .splide__slide:not(:first-child) {
  display: none;
}
.splide:not(.is-active) .splide__arrow {
  display: none;
}
.splide.is-active .splide__slide {
  display: flex;
}
.splide .splide__list.sliderView > li.splide__slide {
  margin: 0;
  width: auto;
}
.splide .splide__arrows {
  position: relative;
  margin: 1rem 0;
}
.splide .splide__arrow {
  padding: 0;
  background-color: #9BB8D3;
  color: #153156;
  font-size: 16px;
  width: 54px;
  height: 54px;
  opacity: 1;
  margin: 0;
  border: none;
  border-radius: 4px;
}
.splide .splide__arrow.splide__arrow--prev {
  right: calc(1rem + 54px);
  left: initial;
}
.splide .splide__arrow.splide__arrow--prev svg {
  transform: translatex(0);
}
.splide .splide__arrow.splide__arrow--next {
  right: 0;
  left: initial;
}

.slider .slide {
  min-height: 500px;
}

.imageGallery.splide {
  margin: 2rem 0;
  background-color: white;
}
.imageGallery.splide .splide__slide {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  opacity: 0.5;
  /* Grey out by reducing opacity */
  filter: grayscale(80%);
  /* Convert to grayscale */
  aspect-ratio: 1.6;
  /* Adjust this ratio as needed */
}
.imageGallery.splide .splide__slide img {
  width: 100%;
  /* Ensures the image fills the container */
  height: 100%;
  /* Maintains aspect ratio */
  -o-object-fit: cover;
     object-fit: cover;
  /* Crops excess areas to maintain full coverage */
  margin: 0;
}
.imageGallery.splide .splide__slide.is-active {
  opacity: 1;
  /* Full visibility for active slide */
  filter: grayscale(0%);
  /* Remove grayscale */
}
.imageGallery.splide .splide__arrows {
  position: absolute !important;
  width: 100%;
  top: 100%;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  margin: 2rem 0;
  left: initial;
  right: 0;
}
.imageGallery.splide .splide__arrow {
  pointer-events: all;
  /* Allows clicking on the arrows */
}

.threeToOne .imageGallery.splide .splide__slide {
  aspect-ratio: 4;
  /* Adjust this ratio as needed */
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Single Slide Styles */
/****************************************************************************************************/
.slide article .innerContent {
  position: relative;
  height: 100%;
}
.slide article .innerContent .itemImage {
  position: relative;
}
.slide article .innerContent .itemImage .bgImgWrapper:before {
  /* sets the height and then effectively removes itself from flow so as not to interfere with siblings */
  float: left;
  width: 1px;
  height: 0;
  content: "";
  margin-left: -1px;
  padding-top: 56.25%;
}
.slide article .innerContent .itemImage .bgImgWrapper:after {
  /* to clear float */
  content: "";
  display: table;
  clear: both;
}
.slide article .innerContent .itemImage .bgImgWrapper a {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Home Slider Only */
/****************************************************************************************************/
.homeSlideshow {
  margin-bottom: 80px;
}

.homeSlideshow.splide {
  position: relative;
  /* Container for arrows */
}
.homeSlideshow.splide .splide__arrows {
  position: absolute;
  width: 100%;
  top: 50%;
  /* Centers vertically */
  left: 0;
  right: 0;
  transform: translateY(-50%);
  /* Fine-tune the vertical centering */
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  /* Adjust the padding for the desired distance from the edges */
  z-index: 1;
}
.homeSlideshow.splide .splide__arrows .splide__arrow {
  background-color: transparent;
  border-radius: 4px;
  width: 60px;
  aspect-ratio: 1;
  font-size: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  /* Style for prev arrow */
  /* Style for next arrow */
}
.homeSlideshow.splide .splide__arrows .splide__arrow.splide__arrow--prev {
  position: absolute;
  left: 1.25rem;
  /* Align to the far left */
  right: initial;
}
.homeSlideshow.splide .splide__arrows .splide__arrow.splide__arrow--next {
  position: absolute;
  left: initial;
  right: 1.25rem;
  /* Align to the far right */
}
.homeSlideshow.splide .splide__arrows .splide__arrow:focus, .homeSlideshow.splide .splide__arrows .splide__arrow:hover, .homeSlideshow.splide .splide__arrows .splide__arrow:active {
  border: 1px solid white;
}
.homeSlideshow.splide ul.splide__pagination {
  width: auto;
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  max-width: calc(100% - 4rem);
  margin-top: -100px;
}
.homeSlideshow.splide ul.splide__pagination li .splide__pagination__page {
  width: 16px;
  height: 16px;
  margin: 0;
  background-color: #7D7D7D;
  padding: 0 !important;
  min-height: initial;
}
.homeSlideshow.splide ul.splide__pagination li .splide__pagination__page.is-active {
  transform: scale(1);
  background-color: white;
}
.homeSlideshow.splide .splide__slide {
  position: relative;
  padding: 0;
  min-height: 583px;
  background-color: black;
}
.homeSlideshow.splide .splide__slide .imgWrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.homeSlideshow.splide .splide__slide .imgWrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, black 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 75%, black 100%);
  z-index: 1;
}
.homeSlideshow.splide .splide__slide .imgWrapper img {
  max-width: 100%;
  height: 100%;
  width: 100%;
  aspect-ratio: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.homeSlideshow.splide .splide__slide .cardContent {
  position: absolute;
  z-index: 2;
  top: initial;
  display: flex;
  width: 100%;
  height: 100%;
  max-width: 520px;
  padding: 60px 0 150px 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
  font-size: 0.9rem;
  overflow: visible;
  color: white;
}
.homeSlideshow.splide .splide__slide .cardContent span.intro {
  font-size: 14px;
  font-weight: 600;
  color: white;
  text-transform: uppercase;
  line-height: 1.5;
  letter-spacing: 4px;
}
.homeSlideshow.splide .splide__slide .cardContent span.topperTitle {
  font-family: "elza", sans-serif;
  font-size: clamp(36px, -8.5217391304px + 0.0434782609 * 100vw, 48px);
  line-height: 1.13;
  font-weight: 600;
  color: white;
  letter-spacing: -0.96px;
}
.homeSlideshow.splide .splide__slide.is-visible .cardContent {
  opacity: 1;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region LIST VIEWS - .listView THIS ONLY CONTROL THE GRIDS and number of ITEMS - NOT THE CARDS */
/****************************************************************************************************/
.listView {
  display: grid;
  position: relative;
  grid-template-columns: repeat(auto-fill, minmax(min(var(--card-width), 100%), 1fr));
  gap: var(--card-gap);
  --listViewArticleIndex: none;
}

.listView.withLoadMore li:nth-child(n+6) {
  display: none;
  /* Initially hide all list items except the first 5 */
}

.renderAsUl.listView {
  display: initial;
  position: relative;
  grid-template-columns: initial;
  gap: initial;
  margin: 0;
}

.listView.simple {
  grid-template-columns: initial;
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}

/* fixedSize class is a card that has a fixed pixel width that never scales and only wraps (should always be less than 320px) */
.listView.fixedSize {
  grid-template-columns: repeat(auto-fill, minmax(var(--card-width), var(--card-width)));
}

.listView.fixedSizeScales {
  grid-template-columns: repeat(auto-fit, minmax(min(var(--card-width), 100%), 1fr));
}

/* defined number of columns class */
.listView.gridCols {
  grid-template-columns: repeat(var(--column-count), 1fr);
}

.listView.gridCols.oneCol {
  --column-count: 1;
}

.listView.gridCols.twoCol {
  --column-count: 2;
}

.listView.gridCols.threeCol {
  --column-count: 3;
}

.listView.gridCols.fourCol {
  --column-count: 4;
}

.listView.gridCols.fiveCol {
  --column-count: 5;
}

.listView.gridCols.sixCol {
  --column-count: 6;
}

/* Responsive resizing of gridsCols */
@media (max-width: 1299px) {
  .listView.gridCols {
    /* Go down to 4 */
    /* Go down to 3 */
  }
  .listView.gridCols.fiveCol, .listView.gridCols.sixCol {
    --column-count: 4;
  }
  .listView.gridCols.fourCol {
    --column-count: 3;
  }
}
@media (max-width: 1024px) {
  /* Go down to 3 */
  .listView.gridCols.fiveCol, .listView.gridCols.sixCol {
    --column-count: 3;
  }

  /* Go down to 2 */
  .listView.gridCols.fourCol, .listView.gridCols.threeCol {
    --column-count: 2;
  }
}
@media (max-width: 767px) {
  /* Go down to 2 */
  .listView.gridCols.fiveCol, .listView.gridCols.sixCol {
    --column-count: 2;
  }

  /* Go down to 1 */
  .listView.gridCols.twoCol, .listView.gridCols.threeCol {
    --column-count: 1;
  }
}
@media (max-width: 600px) {
  /* Go down to 1 */
  .listView.gridCols.fourCol, .listView.gridCols.fiveCol, .listView.gridCols.sixCol {
    --column-count: 1;
  }
}
.locationsPage .officesWrapper .cardView.office .officeGrid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 2rem;
}
.locationsPage .officesWrapper .cardView.office .officeGrid .leftSide {
  position: relative;
}
.locationsPage .officesWrapper .cardView.office .officeGrid .leftSide .viewMap {
  display: none;
}
.locationsPage .officesWrapper .cardView.office .officeGrid .leftSide .imgWrapper {
  height: 100%;
}
.locationsPage .officesWrapper .cardView.office .officeGrid .leftSide .imgWrapper img {
  border-radius: 4px;
}
.locationsPage .officesWrapper .cardView.office .officeGrid .leftSide .cardContent {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  width: 430px;
  max-width: 100%;
  padding: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
  border-radius: 4px 0px;
  background: rgba(255, 255, 255, 0.85);
  font-size: 0.9rem;
}
.locationsPage .officesWrapper .cardView.office .officeGrid .leftSide .cardContent address p {
  margin: 0;
}
.locationsPage .officesWrapper .cardView.office .officeGrid .leftSide .cardContent .additional {
  font-size: 0.8rem;
}
.locationsPage .officesWrapper .cardView.office .officeGrid .leftSide .cardContent .additional p {
  font-size: inherit;
}
@media only screen and (max-width: 1024px) {
  .locationsPage .officesWrapper .cardView.office .officeGrid {
    grid-template-columns: 1fr;
  }
  .locationsPage .officesWrapper .cardView.office .officeGrid .leftSide .viewMap {
    position: absolute;
  }
  .locationsPage .officesWrapper .cardView.office .officeGrid .rightSide {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .locationsPage .officesWrapper .cardView.office .officeGrid .leftSide .imgWrapper {
    height: auto;
  }
  .locationsPage .officesWrapper .cardView.office .officeGrid .leftSide .cardContent {
    position: relative;
    right: initial;
    bottom: initial;
    display: flex;
    width: 100%;
    border-radius: 4px 0px;
    background: rgba(255, 255, 255, 0.85);
    font-size: 0.9rem;
    padding: 1rem 0;
  }
}

.listView.featuredlinks {
  --card-width: 400px;
  --card-gap: 20px;
}

/* Related Content Lists (if different) */
.listView.related.simple.offices {
  margin-bottom: 0;
  color: #153156;
}
.listView.related.simple.offices span, .listView.related.simple.offices span a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  color: inherit;
  font-size: clamp(16px, 8.5797101449px + 0.0072463768 * 100vw, 18px);
  line-height: 1;
}
.listView.related.simple.offices span + span, .listView.related.simple.offices span a + span {
  margin-left: 10px;
}
.listView.related.simple.offices span + span::before {
  content: "";
  display: inline-flex;
  width: 5px;
  height: 5px;
  margin-right: 10px;
  border-radius: 50%;
  background-color: #153156;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region CARDS - .cardView */
/****************************************************************************************************/
/* Shared/Common Card Views Styles */
.cardView {
  height: 100%;
  width: 100%;
  /*&.reverse {
      background-color: #fff;
      border-radius: $borderRadius;
      padding: 1.25rem;
      color: $primaryColour !important;*/
  /* Title */
  /*// .cardContent is only on Image Cards and ImageOverlay Cards
      h3 {
          font-size: 1.2rem;
          color: $primaryColour;
          margin-top: 0;

          a:link, a:visited {
              color: $primaryColour;
          }

          a:hover, a:active {
              color: $tertiaryColour;
          }
      }

      a:link, a:visited {
          color: $primaryColour;
      }

      a:hover, a:active {
          color: $tertiaryColour;
      }
  }

  &.twoColumn {
      padding: 0;
      display: grid;
      grid-template-columns: 1fr 1fr;
      overflow: hidden;

      .cardContent {
          padding: 1.25rem;
      }
  }*/
}
.cardView .cardContent .spaceBetween {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cardView .cardContent h3 {
  font-weight: 700;
  font-size: clamp(20px, 5.1594202899px + 0.0144927536 * 100vw, 24px);
  letter-spacing: -0.48px;
  line-height: 1.6;
  margin: 0 0 1.4rem 0;
}

/* Content Specfic Card Views Styles */
.listView.careers {
  --card-width: 100%;
  --card-gap: 1rem;
  /* li:last-of-type {
      border-bottom: 1px solid $primaryColour;
  }*/
}
.listView.careers li {
  border-top: 1px solid #E8EBEF;
  border-bottom: 1px solid #E8EBEF;
}

.cardView.career {
  display: grid;
  grid-template-columns: 3fr 1fr;
  justify-content: center;
  align-content: center;
  align-items: center;
  padding: 24px 36px;
  background-color: #F4F7FA;
}
.cardView.career .right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.cardView.featurelink {
  background-color: #E8EBEF;
  padding: 36px 36px 48px 36px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 310px;
  height: 100%;
}
.cardView.featurelink h3 {
  font-family: "elza", sans-serif;
  font-size: clamp(22px, -7.6811594203px + 0.0289855072 * 100vw, 30px);
  font-weight: 400;
  margin: 0 0 40px 0;
  line-height: 1.3;
}

/* Team Card View */
.cardView.teammember {
  cursor: pointer;
  /* for legacy and title only */
}
.cardView.teammember .imgWrapper {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1.1;
  padding-top: 30px;
  border-radius: 4px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  background: linear-gradient(280deg, #9BB8D3 -50%, #E5ECF4 30%);
}
.cardView.teammember .imgWrapper img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  transition: all 0.5s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
}
.cardView.teammember .cardContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.5rem 0.8rem;
  /* email & phone etc */
  /*        .spaceBetween {
      margin: 0;
      height: 100px;

      h3, .position {
          margin: 0;
      }
  }*/
}
.cardView.teammember .cardContent h3 {
  margin: 0 0 0.25rem 0;
}
.cardView.teammember .cardContent .position {
  color: #33383E;
  display: block;
  letter-spacing: 0.2px;
  margin: 0;
  font-size: clamp(18px, 10.5797101449px + 0.0072463768 * 100vw, 20px);
  font-weight: 500;
  line-height: 1.2;
}
.cardView.teammember .cardContent .contactInfo {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 1.25rem 0;
}
.cardView.teammember .cardContent .contactInfo li {
  font-size: 16px;
}
.cardView.teammember .cardContent .contactInfo li a {
  font-family: inherit;
  text-decoration: none;
}
.cardView.teammember .cardContent .contactInfo li a:focus, .cardView.teammember .cardContent .contactInfo li a:hover, .cardView.teammember .cardContent .contactInfo li a:active {
  text-decoration: underline;
}
.cardView.teammember .cardContent.centered {
  align-items: center;
  text-align: center;
}
.cardView.teammember .cardContent.centered h3 {
  margin: 0 0 0.25rem 0;
}
.cardView.teammember:focus:focus-visible .imgWrapper img {
  transform: scale(1.1);
}
.cardView.teammember:hover .imgWrapper img {
  transform: scale(1.1);
}
@media only screen and (max-width: 1024px) {
  .cardView.teammember .cardContent .contactInfo li {
    font-size: 1rem;
  }
  .cardView.teammember .cardContent .spaceBetween {
    height: 80px;
  }
}

/* Cardview variations based on classes */
.listView.teammembers {
  --card-width: 345px;
  /* &.horizontal {
      --card-width: 615px;
      grid-row-gap: 1.5rem;
      grid-column-gap: 1rem;

      .cardView.teammember {
          display: grid;
          width: 100%;
          grid-template-columns: 225px 1fr;
          grid-column-gap: 1rem;
          justify-content: flex-start;

          .cardContent {
              padding: 20px 30px;

              h3 {
                  margin: 0 0 10px 0;
              }
          }
      }

      @media only screen and (max-width: $S_Max) {
          .cardView.teammember {
              display: flex;
              flex-direction: column;
              justify-content: center;
              grid-template-columns: initial;
              grid-column-gap: initial;

              .cardContent {
                  padding: 1.5rem 0.8rem;
              }
          }
      }
  }*/
}
.listView.teammembers.keycontacts {
  display: grid;
  grid-template-columns: initial;
  grid-row-gap: 0.75rem;
}
.listView.teammembers.keycontacts .cardView.teammember {
  display: grid;
  width: 100%;
  grid-template-columns: 120px 1fr;
  grid-column-gap: 12px;
}
.listView.teammembers.keycontacts .cardView.teammember .imgWrapper {
  background: none;
  padding-top: 0;
  aspect-ratio: 1;
  box-shadow: none;
}
.listView.teammembers.keycontacts .cardView.teammember .imgWrapper img {
  transform: scale(1.5);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 0% 200%;
     object-position: 0% 200%;
}
.listView.teammembers.keycontacts .cardView.teammember .cardContent {
  height: 100%;
  padding: 0;
  /* email & phone etc */
}
.listView.teammembers.keycontacts .cardView.teammember .cardContent h3 {
  font-size: 16px;
  letter-spacing: 0.16px;
  margin: 0 0 0.5rem 0;
}
.listView.teammembers.keycontacts .cardView.teammember .cardContent .contactInfo {
  margin: 0;
  gap: 8px;
  /* Controls spacing between list items */
}
.listView.teammembers.keycontacts .cardView.teammember .cardContent .contactInfo li {
  font-size: 16px;
  line-height: 1;
}
@media only screen and (max-width: 500px) {
  .listView.teammembers.keycontacts .cardView.teammember {
    grid-template-columns: 1fr;
    grid-row-gap: 1rem;
    text-align: center;
  }
  .listView.teammembers.keycontacts .cardView.teammember .imgWrapper {
    width: 120px;
    height: 120px;
    margin: 0 auto;
  }
}

.expertiseOuter h2 {
  padding-bottom: 20px;
}
.expertiseOuter ul.nestedTreeView.level1 {
  columns: 3;
  column-gap: 20px;
}
.expertiseOuter ul.nestedTreeView.level1 li {
  margin: 0 0 20px 0;
}
.expertiseOuter ul.nestedTreeView.level1 li a {
  color: #33383E;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.45;
}
.expertiseOuter ul.nestedTreeView.level1 li.hasChildren ul.level2 {
  margin: 20px 0 0 0;
  padding-left: 20px;
  border-left: 2px solid #9BB8D3;
}
.expertiseOuter ul.nestedTreeView.level1 li.hasChildren ul.level2 li a {
  font-weight: 400;
}
@media only screen and (max-width: 1299px) {
  .expertiseOuter ul.nestedTreeView.level1 {
    columns: 2;
  }
}
@media only screen and (max-width: 767px) {
  .expertiseOuter ul.nestedTreeView.level1 {
    columns: 1;
  }
}

/* Expertise: Card View*/
.cardView.expertise h3 {
  margin-top: 0;
  color: #33383E;
  padding-bottom: 1em;
  text-decoration: none;
  word-break: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
}
.cardView.expertise h3:after {
  width: 3.8rem;
}
.cardView.expertise h3 a {
  color: inherit;
  text-decoration: none;
}
.cardView.expertise h3 a:focus, .cardView.expertise h3 a:hover {
  color: #9BB8D3;
}
.cardView.expertise h3 a:active {
  color: #7294bf;
}

.listView.insights {
  --card-width: 400px ;
}

/*.homePage {
    .listView.insights {
        --card-width: 300px;
    }
}*/
.cardView.insight {
  display: flex;
  flex-direction: column;
}
.cardView.insight .imgWrapper {
  margin-bottom: 1rem;
}
.cardView.insight .imgWrapper img {
  border-radius: 4px;
  aspect-ratio: 2.2;
  margin: 0 !important;
}
.cardView.insight .cardContent {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.cardView.insight .cardContent h3.hasSubtitle {
  margin-bottom: 0;
}
.cardView.insight .cardContent span.subtitle {
  font-family: "elza", sans-serif;
  font-weight: 500;
  color: #153156;
  font-size: clamp(16px, 1.1594202899px + 0.0144927536 * 100vw, 20px);
  letter-spacing: -0.48px;
  line-height: 1.6;
  margin: 6px 0 36px 0;
}
.cardView.insight .cardContent .bottom {
  display: flex;
  align-items: flex-end;
  flex-grow: 1;
  gap: 1rem;
  color: #33383E;
  font-family: "elza", sans-serif;
  line-height: 1.08;
  font-size: 14.75px;
}
.cardView.insight .cardContent .bottom .dates, .cardView.insight .cardContent .bottom .contentTypeLabels {
  margin: 0;
}
.cardView.insight .cardContent .bottom .dates a, .cardView.insight .cardContent .bottom .contentTypeLabels a {
  color: #33383E;
}
.cardView.insight .cardContent .bottom .dates + .contentTypeLabels {
  border-left: 1px solid #33383E;
  padding-left: 1rem;
  display: flex;
  flex-wrap: wrap;
}
.cardView.insight .cardContent .bottom .contentTypeLabels span.itemSeperator {
  border-left: 1px solid #33383E;
  padding-right: 1rem;
  margin-left: 1rem;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 500px) {
  .cardView.insight {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .cardView.insight .cardContent {
    padding: 16px;
  }
}

/* Insight CardView (old square) */
/*.cardView.insight {
    display: grid;
    grid-template-columns: 200px auto;
    gap: 32px 8px;

    .imgWrapper {
        aspect-ratio: 1;

        img {
            border-radius: $borderRadius;
        }
    }

    .cardContent {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        padding: 16px 32px;

        .bottom {
            display: flex;
            align-items: flex-end;
            flex-grow: 1;
            gap: 1rem;

            .dates, .contentTypeLabels {
                margin: 0;
                line-height: 1;
                font-size: 16px;
            }

            .dates {
                & + .contentTypeLabels {
                    border-left: 1px solid $primaryColour;
                    padding-left: 1rem;
                    display: flex;
                    flex-wrap: wrap;
                }
            }
        }
    }

    @media only screen and (max-width : $XS_Max) {
        grid-template-columns: 1fr;
        gap: 0;

        .cardContent {
            padding: 16px;
        }
    }
}*/
/* Ranking CardView */
.cardView.ranking {
  position: relative;
  display: flex;
  padding: 24px;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  align-items: center;
  border-radius: 4px;
  background-color: #E5ECF4;
  color: #153156;
}
.cardView.ranking span {
  display: block;
  text-align: center;
}
.cardView.ranking .top {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 1.5rem;
  min-height: 100px;
  margin-bottom: 0.25rem;
}
.cardView.ranking .top span.rankingPublisher {
  display: block;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.3px;
  margin: 0 0;
  line-height: 1.3;
}
.cardView.ranking .middle {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.25rem;
  text-align: center;
}
.cardView.ranking .middle span.awardSpecifics {
  display: block;
  font-size: 16px;
  letter-spacing: 0.16px;
  margin: 1rem 0 0 0;
  font-weight: 700;
}
.cardView.ranking .middle span {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.16px;
}
.cardView.ranking .middle ul.classificationGroup.regions, .cardView.ranking .middle .listView.related.simple {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  justify-content: center;
  text-align: center;
}
.cardView.ranking .bottom {
  border-top: 1px solid #9BB8D3;
  margin-top: 1rem;
  padding: 0.25rem 0 0 0;
  width: 100%;
}
.cardView.ranking .bottom span.yearAwarded {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.14px;
  padding: 0.4rem 0;
}

/* Global Alert CardView */
.cardView.globalalert {
  padding: 0.5rem 0;
  position: relative;
  display: flex;
  align-items: center;
}
.cardView.globalalert .alertIcon {
  padding-right: 1rem;
}
.cardView.globalalert .alertIcon svg {
  font-size: 1.2rem;
  color: white;
}
.cardView.globalalert .alertContent a.alertLabelLink {
  text-decoration: underline;
  display: block;
  margin-bottom: 0.25rem;
  font-size: 0.9rem;
}
.cardView.globalalert .alertContent .optionalContent {
  font-size: 0.8rem;
}
.cardView.globalalert .alertContent .optionalContent p {
  margin: 0;
  font-size: 0.8rem;
}
.cardView.globalalert .alertContent .optionalContent a {
  text-decoration: underline;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region DETAIL VIEWS - .detailView */
/****************************************************************************************************/
.sideContentInner {
  padding: 32px;
  background-color: #E5ECF4;
  font-size: 18px;
  height: -moz-fit-content;
  height: fit-content;
}
.sideContentInner h2:first-of-type,
.sideContentInner h3:first-of-type {
  margin-top: 0;
}
.sideContentInner h2 {
  font-size: clamp(20px, 5.1594202899px + 0.0144927536 * 100vw, 24px);
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 16px;
}
.sideContentInner h2 + .listView.related {
  padding-top: 16px;
}
.sideContentInner h3.listViewTitle {
  font-size: clamp(16px, 8.5797101449px + 0.0072463768 * 100vw, 18px);
  font-weight: 600;
  margin: 0 0 8px 0;
}
.sideContentInner .cmsContent ul li {
  margin: 0 0 8px 0;
}
.sideContentInner .cmsContent ul li a:hover, .sideContentInner .cmsContent ul li a:visited, .sideContentInner .cmsContent ul li a:active, .sideContentInner .cmsContent ul li a:focus {
  color: #153156;
}
.sideContentInner .renderAsUl.listView {
  display: block;
  margin: 0 0 24px 0;
}
.sideContentInner a.button.primary {
  font-size: 16px;
}
.sideContentInner .viewAllMoreWrapper {
  display: flex;
  margin: 1rem 0 0 0;
}
.sideContentInner .viewAllMoreWrapper a.button.primary {
  font-size: 16px;
}

/* Shared detailView Styles */
.detailView {
  padding: 0 0 4rem 0;
}
.detailView .topperSection .topperContent h1 {
  line-height: 1.04;
  margin: 0;
}
.detailView .topperSection .topperContent .contentTypeLabels {
  color: #9BB8D3;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.33;
  letter-spacing: 2px;
  margin-bottom: 12px;
}
.detailView .topperSection .topperContent .contentTypeLabels a {
  color: #9BB8D3;
}
.detailView .topperSection .topperContent .contentTypeLabels a:hover, .detailView .topperSection .topperContent .contentTypeLabels a:focus, .detailView .topperSection .topperContent .contentTypeLabels a:active {
  color: white;
}
.detailView .topperSection .topperContent .contentTypeLabels span.itemSeperator {
  border-left: 1px solid #9BB8D3;
  padding-right: 1rem;
  margin-left: 1rem;
  display: flex;
  flex-wrap: wrap;
}
.detailView .topperSection .topperContent div.meta {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.16px;
  margin-top: 24px;
}
.detailView .topperSection .topperContent div.meta span {
  display: block;
}
.detailView .topperSection .topperContent div.meta span.date {
  font-size: inherit;
}
.detailView .topperSection .topperContent div.meta span.source {
  font-size: inherit;
  font-style: italic;
}
.detailView .iconGroup .printAndShare {
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  color: white;
}
.detailView .iconGroup .printAndShare form {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.detailView .iconGroup .printAndShare a, .detailView .iconGroup .printAndShare button.button {
  color: inherit;
  margin-right: 1rem;
  font-size: inherit;
  line-height: 1;
  background: none;
}
.detailView .iconGroup .printAndShare a:after, .detailView .iconGroup .printAndShare button.button:after {
  display: none;
}
.detailView .iconGroup .printAndShare a:hover, .detailView .iconGroup .printAndShare a:active, .detailView .iconGroup .printAndShare a:focus, .detailView .iconGroup .printAndShare button.button:hover, .detailView .iconGroup .printAndShare button.button:active, .detailView .iconGroup .printAndShare button.button:focus {
  color: #9BB8D3;
  cursor: pointer;
}
.detailView .iconGroup .printAndShare div.shareThis .button.toggleSharingOptions {
  padding: 0;
  background: none;
  margin: 0;
  border: none;
  border-radius: 0;
  display: flex;
  justify-content: center;
  font-size: inherit;
  line-height: 1;
  color: white;
}
.detailView .iconGroup .printAndShare div.shareThis .button.toggleSharingOptions:after {
  display: none;
}
.detailView .iconGroup .printAndShare div.shareThis .button.toggleSharingOptions:hover, .detailView .iconGroup .printAndShare div.shareThis .button.toggleSharingOptions:active, .detailView .iconGroup .printAndShare div.shareThis .button.toggleSharingOptions:focus {
  background: none;
  color: #9BB8D3;
}
.detailView .iconGroup ul.socialLinks {
  justify-content: flex-start;
}
.detailView .iconGroup ul.socialLinks li {
  display: inline-block;
  font-size: 1rem;
  margin-left: 0;
  margin-right: 2rem;
}
.detailView .iconGroup ul.socialLinks li a:hover {
  color: #153156;
}
.detailView .mainContent .printAndShare button, .detailView .mainContent .printAndShare button.button {
  color: white;
}
.detailView .mainContent .printAndShare button:after, .detailView .mainContent .printAndShare button.button:after {
  display: none;
}
.detailView .paddedBottom {
  padding: 0 0 var(--paddedBottom) 0;
}
.detailView .sideColumnLayout {
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  gap: 2rem 0;
  margin: 44px 0;
}
.detailView .sideColumnLayout .mainContent {
  width: calc(100% - 490px);
  padding-right: calc((100% - 490px) * 0.15);
}
.detailView .sideColumnLayout .mainContent .meta {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 16px;
  color: #153156;
  font-weight: 400;
  letter-spacing: 0.15em;
  margin-bottom: 0.6rem;
}
.detailView .sideColumnLayout .mainContent .meta .separator {
  color: inherit;
  margin: 0 0.2rem;
}
.detailView .sideColumnLayout .mainContent .printAndShare {
  margin-bottom: 2rem;
  display: flex;
  gap: 1rem;
}
.detailView .sideColumnLayout .mainContent .printAndShare button, .detailView .sideColumnLayout .mainContent .printAndShare .button, .detailView .sideColumnLayout .mainContent .printAndShare a.print {
  color: #153156;
  border: 0;
  margin: 0;
  padding: 0;
  background: none;
}
.detailView .sideColumnLayout .mainContent .printAndShare button .svg-inline--fa, .detailView .sideColumnLayout .mainContent .printAndShare .button .svg-inline--fa, .detailView .sideColumnLayout .mainContent .printAndShare a.print .svg-inline--fa {
  height: 1.5rem;
}
.detailView .sideColumnLayout .mainContent .printAndShare button:focus:focus-visible, .detailView .sideColumnLayout .mainContent .printAndShare .button:focus:focus-visible, .detailView .sideColumnLayout .mainContent .printAndShare a.print:focus:focus-visible {
  color: #9BB8D3;
}
.detailView .sideColumnLayout .mainContent .printAndShare button:hover, .detailView .sideColumnLayout .mainContent .printAndShare .button:hover, .detailView .sideColumnLayout .mainContent .printAndShare a.print:hover {
  color: #9BB8D3;
}
.detailView .sideColumnLayout .sideContent {
  width: 490px;
}
@media only screen and (max-width: 1299px) {
  .detailView .sideColumnLayout {
    flex-direction: column;
    gap: 0.5rem 0;
  }
  .detailView .sideColumnLayout .mainContent {
    width: 100%;
  }
  .detailView .sideColumnLayout .sideContent {
    width: 100%;
    max-width: 490px;
  }
}
.detailView .listView.related.insights {
  --card-width: 400px ;
}
.detailView .panelbarOuter.k-panelbar .panelbarItem.k-item:last-of-type {
  border-top: 1px solid #9BB8D3;
  border-bottom: 1px solid #9BB8D3;
}

/* Content Specfic detailView Styles */
/* Team Detail View */
.detailView.teammember .bioTopContent {
  position: relative;
  width: 100%;
  color: #fff;
  background: linear-gradient(268deg, #1B3B65 1.21%, #153156 60.63%);
  padding-top: 30px;
}
.detailView.teammember .bioTopContent .container {
  display: grid;
  grid-template-columns: 1fr 700px;
}
.detailView.teammember .bioTopContent .bioPhotoWrapper {
  display: flex;
  width: 100%;
  max-width: 700px;
  flex-direction: column;
  justify-content: flex-end;
}
.detailView.teammember .bioTopContent .bioPhotoWrapper .imgWrapper {
  width: 100%;
  padding: 1rem 1rem 0 1rem;
}
.detailView.teammember .bioTopContent .bioPhotoWrapper .imgWrapper img {
  -o-object-fit: contain;
     object-fit: contain;
}
.detailView.teammember .bioTopContent .bioContact {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  padding: 2rem 0;
}
.detailView.teammember .bioTopContent .bioContact .nameDesignationsPronunciation {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding: 0;
  /* title */
}
.detailView.teammember .bioTopContent .bioContact .nameDesignationsPronunciation h1 {
  position: relative;
  font-weight: 500;
  margin: 0 0 8px 0;
  line-height: 1.04;
  letter-spacing: -1.2px;
}
.detailView.teammember .bioTopContent .bioContact .nameDesignationsPronunciation h1 span.asterisk {
  display: inline-flex;
}
.detailView.teammember .bioTopContent .bioContact h3.position {
  position: relative;
  font-family: "elza-text", sans-serif;
  font-weight: 500;
  font-size: clamp(18px, 10.5797101449px + 0.0072463768 * 100vw, 20px);
  line-height: 1.5;
  margin: 0 0 70px 0;
}
.detailView.teammember .bioTopContent .bioContact h3.position::after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 0;
  width: 109px;
  height: 2px;
  background-color: #EDC3AC;
}
.detailView.teammember .bioTopContent .bioContact .keyExpertiseOuter {
  /* outside of potentially two simple list views expertise and sector */
  display: flex;
  flex-wrap: wrap;
  gap: 0 1rem;
}
.detailView.teammember .bioTopContent .bioContact .keyExpertiseOuter .listView.related.simple {
  gap: 0 1rem;
  font-size: clamp(16px, 8.5797101449px + 0.0072463768 * 100vw, 18px);
}
.detailView.teammember .bioTopContent .bioContact .contactOuter {
  margin: 24px 0 24px 0;
  font-size: clamp(16px, 8.5797101449px + 0.0072463768 * 100vw, 18px);
}
.detailView.teammember .bioTopContent .bioContact .officesOuter {
  margin-bottom: 52px;
}
.detailView.teammember .bioTopContent .bioContact .officesOuter .listView.related.simple.offices {
  color: white;
}
.detailView.teammember .bioTopContent .bioContact .officesOuter .listView.related.simple.offices span, .detailView.teammember .bioTopContent .bioContact .officesOuter .listView.related.simple.offices span a {
  font-weight: 400;
  font-size: clamp(16px, 8.5797101449px + 0.0072463768 * 100vw, 18px);
  line-height: 1.33;
}
.detailView.teammember .bioTopContent .bioContact .officesOuter .listView.related.simple.offices span + span, .detailView.teammember .bioTopContent .bioContact .officesOuter .listView.related.simple.offices span a + span {
  margin-left: 10px;
}
.detailView.teammember .bioTopContent .bioContact .officesOuter .listView.related.simple.offices span + span::before {
  background-color: white;
}
.detailView.teammember .bioTopContent .bioContact .contactInfo {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.detailView.teammember .bioTopContent .bioContact .contactInfo .prefixLabel {
  color: #9BB8D3;
}
.detailView.teammember .bioTopContent div.iconGroup {
  margin-bottom: 24px;
}
.detailView.teammember .bioTopContent span.asteriskText {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.14;
}

.detailView.insight .iconGroup {
  margin-top: 36px;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region QR Codes and Online Business Card */
/****************************************************************************************************/
/* DOWNLOADABLE QR CODES SECTION*/
.listView.QRCodes {
  --card-width: 100%;
}
.listView.QRCodes .cardView.teamQRCode {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  padding: 1rem;
  border: 1px solid #000;
  background-color: #fff;
  color: #33383E;
  justify-content: space-between;
  align-items: flex-start;
}
.listView.QRCodes .cardView.teamQRCode a {
  color: #33383E;
}
.listView.QRCodes .cardView.teamQRCode .imgWrapper {
  width: 150px;
}
.listView.QRCodes .cardView.teamQRCode .imgWrapper img {
  -o-object-fit: contain;
     object-fit: contain;
}
.listView.QRCodes .cardView.teamQRCode .QRCodes {
  width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.listView.QRCodes .cardView.teamQRCode .QRCodes .biolink h3, .listView.QRCodes .cardView.teamQRCode .QRCodes .biocardlink h3 {
  font-size: 1.1rem;
  margin: 0.5rem 0;
  color: inherit;
}
.listView.QRCodes .cardView.teamQRCode .QRCodes .biolink img, .listView.QRCodes .cardView.teamQRCode .QRCodes .biocardlink img {
  width: 200px;
  margin: 1rem 0 0 0;
}

/* END DOWNLOADABLE QR CODES SECTION*/
/* The QRCode Image itself */
span.QRCodeWrapper {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  flex-direction: column;
  border: 1px solid black;
  background: #fff;
  margin: 1rem 0;
  padding: 0.5rem;
}
span.QRCodeWrapper a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
span.QRCodeWrapper img {
  width: 100px;
}
span.QRCodeWrapper span.QRCodeLabel {
  font-size: 0.8rem;
}

/* Modal version */
#QRModal {
  display: none;
}

#QRModalMobile {
  display: none;
}

#QRModal {
  max-width: 100%;
  background-color: white;
  padding: 1rem;
  border: 1px solid #9BB8D3;
  border-radius: 1rem;
}
#QRModal span.QRCodeWrapper {
  border: none;
  margin: 0;
  padding: 0;
}
#QRModal span.QRCodeWrapper img {
  width: 280px;
}

/* THE BIO CARD (Online Business Card) */
.bioCardTemplate a {
  text-decoration: none;
}
.bioCardTemplate header .bioCardHeader .container.narrow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.bioCardTemplate main .bd .detailView.teammember.bioCard {
  --busCardImageWidth: 140px;
}
.bioCardTemplate main .bd .detailView.teammember.bioCard .busCard {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2rem;
  padding-top: 4rem;
}
.bioCardTemplate main .bd .detailView.teammember.bioCard .busCard .busCardHeader {
  display: flex;
  justify-content: space-around;
  width: 100%;
  position: relative;
  z-index: 1;
}
.bioCardTemplate main .bd .detailView.teammember.bioCard .busCard .busCardHeader .busCardLogo {
  display: flex;
  justify-content: flex-end;
  height: auto;
  width: var(--busCardImageWidth);
  background-image: url(/CFImages/logo.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top right;
}
.bioCardTemplate main .bd .detailView.teammember.bioCard .busCard .busCardHeader .busCardImage {
  width: var(--busCardImageWidth);
  border: 3px solid #fff;
  border-radius: 100%;
  overflow: hidden;
  /*.imgWrapper {
      height: 135px;
  }*/
}
.bioCardTemplate main .bd .detailView.teammember.bioCard .busCard .busCardContent {
  background-color: #fff;
  padding: 6rem 3rem 3rem;
  width: calc(100% - var(--busCardImageWidth)/2);
  margin-top: calc(var(--busCardImageWidth)/2 * -1);
  position: relative;
  z-index: 0;
  /* Call To Action Links (View Full Bio, Download Contact) */
}
.bioCardTemplate main .bd .detailView.teammember.bioCard .busCard .busCardContent h3 {
  margin: 0;
  font-size: 1rem;
}
.bioCardTemplate main .bd .detailView.teammember.bioCard .busCard .busCardContent .fullTitle .nameAndPronunciation {
  margin-top: 1rem;
}
.bioCardTemplate main .bd .detailView.teammember.bioCard .busCard .busCardContent .fullTitle .nameAndPronunciation h1 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #153156;
  margin: 0;
}
.bioCardTemplate main .bd .detailView.teammember.bioCard .busCard .busCardContent .fullTitle .nameAndPronunciation h1:after {
  content: none;
}
.bioCardTemplate main .bd .detailView.teammember.bioCard .busCard .busCardContent .fullTitle .nameAndPronunciation span.audioFile {
  padding-left: 1rem;
}
.bioCardTemplate main .bd .detailView.teammember.bioCard .busCard .busCardContent .fullTitle .designationsAndPronouns span.designations {
  font-size: 1rem;
}
.bioCardTemplate main .bd .detailView.teammember.bioCard .busCard .busCardContent .fullTitle .designationsAndPronouns .pronounsWrapper ul li {
  font-size: 1rem;
}
.bioCardTemplate main .bd .detailView.teammember.bioCard .busCard .busCardContent .callToActionWrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  margin-top: 1.5rem;
}
.bioCardTemplate main .bd .detailView.teammember.bioCard .busCard .busCardContent .callToActionWrapper .socialLinks {
  font-size: 1.5rem;
  display: flex;
  gap: 1rem;
  align-items: center;
}
.bioCardTemplate main .bd .detailView.teammember.bioCard .busCard .busCardContent .callToActionWrapper .button {
  margin: 0;
}
.bioCardTemplate main .bd .detailView.teammember.bioCard .busCard .busCardContent .contactInfo {
  border-top: solid 1px #CCCCCC;
  padding-top: 2rem;
  margin: 2rem 0;
}
.bioCardTemplate main .bd .detailView.teammember.bioCard .busCard .busCardContent .contactInfo li {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
}
.bioCardTemplate main .bd .detailView.teammember.bioCard .busCard .busCardContent .contactInfo li .icon {
  background-color: #153156;
  border-radius: 100%;
  height: 3rem;
  width: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bioCardTemplate main .bd .detailView.teammember.bioCard .busCard .busCardContent .contactInfo li .icon:before {
  content: none;
}
.bioCardTemplate main .bd .detailView.teammember.bioCard .busCard .busCardContent .contactInfo li .icon svg {
  color: #fff;
}
.bioCardTemplate main .bd .detailView.teammember.bioCard .additionalInformation {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  /* ShortBio */
  /* Languages Spoken*/
  /* Location */
  /* Social Media */
}
.bioCardTemplate main .bd .detailView.teammember.bioCard .additionalInformation div.shortBio {
  width: 80%;
  text-align: center;
}
.bioCardTemplate main .bd .detailView.teammember.bioCard .additionalInformation .languagesSpoken {
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
}
.bioCardTemplate main .bd .detailView.teammember.bioCard .additionalInformation .languagesSpoken p {
  font-weight: bold;
  margin: 0;
  text-align: right;
}
.bioCardTemplate main .bd .detailView.teammember.bioCard .additionalInformation .related.wrapper {
  border: 1px solid #9BB8D3;
  border-radius: 1rem;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  padding: 2rem;
  width: 100%;
}
.bioCardTemplate main .bd .detailView.teammember.bioCard .additionalInformation .related.wrapper h2.listViewTitle {
  margin: 0 0 0.5rem 0;
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #33383E;
  font-weight: 700;
}
.bioCardTemplate main .bd .detailView.teammember.bioCard .additionalInformation .socialLinks {
  font-size: 1.5rem;
  display: flex;
  gap: 1.5rem;
}
.bioCardTemplate main .bd .detailView.teammember.bioCard span.QRCodeWrapper img {
  width: 150px;
}
@media only screen and (max-width: 650px) {
  .bioCardTemplate main .bd .detailView.teammember.bioCard .busCard {
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
  }
  .bioCardTemplate main .bd .detailView.teammember.bioCard .busCard .busCardImage {
    position: relative;
    left: initial;
    width: var(--busCardImageWidth);
  }
  .bioCardTemplate main .bd .detailView.teammember.bioCard .busCard .busCardContent {
    margin-top: calc((var(--busCardImageWidth)/2) * -1);
    padding: calc(2rem + var(--busCardImageWidth)/2) 2rem 2rem 2rem;
    width: 100%;
  }
  .bioCardTemplate main .bd .detailView.teammember.bioCard .busCard .busCardContent .busCardLogo {
    background-position: top left;
  }
}
.bioCardTemplate footer .bioCardFooter {
  text-align: center;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Expertises + Sectors  */
/****************************************************************************************************/
/* expertise tree view */
.expertisesWrapper.treeViewWrapper {
  margin: 0 0 2rem 0;
}
.expertisesWrapper.treeViewWrapper ul.level1 {
  visibility: hidden;
}
.expertisesWrapper.treeViewWrapper .k-treeview ul.level1 {
  visibility: visible;
}
.expertisesWrapper.treeViewWrapper .k-treeview {
  overflow: visible;
  /* first level */
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-item {
  font-size: 24px;
  color: #153156;
  border: none;
  border-bottom: 1px solid #9BB8D3;
  padding: 0;
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-item :is(a, .k-link) {
  font-size: inherit;
  font-weight: 700;
  padding: 16px 24px;
  width: 100%;
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-item :is(a, .k-link):focus, .expertisesWrapper.treeViewWrapper .k-treeview .k-item :is(a, .k-link):hover {
  color: #153156;
  background-color: #d1dfec;
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-item .k-icon {
  width: 2rem;
  height: 2rem;
  left: initial;
  right: 2rem;
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-item .k-icon:before {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 0.6rem;
  height: 0.6rem;
  background-size: 100% auto;
  background-position: center;
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-item .k-icon.k-i-expand:before {
  background-image: url(/CFImages/Icons/plus.svg);
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-item .k-icon.k-i-collapse:before {
  background-image: url(/CFImages/Icons/minus.svg);
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-item[data-expanded=true], .expertisesWrapper.treeViewWrapper .k-treeview .k-item:hover {
  background-color: #F4F7FA;
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-item[data-expanded=true] .k-icon.k-i-expand:before, .expertisesWrapper.treeViewWrapper .k-treeview .k-item:hover .k-icon.k-i-expand:before {
  background-image: url(/CFImages/Icons/plus.svg);
}
.expertisesWrapper.treeViewWrapper .k-treeview .k-item[data-expanded=true] .k-icon.k-i-collapse:before, .expertisesWrapper.treeViewWrapper .k-treeview .k-item:hover .k-icon.k-i-collapse:before {
  background-image: url(/CFImages/Icons/minus.svg);
}
.expertisesWrapper.treeViewWrapper .k-treeview .level1 > .k-item {
  margin: 0;
}
.expertisesWrapper.treeViewWrapper .k-treeview .level2 {
  margin: 1rem 0;
}
.expertisesWrapper.treeViewWrapper .k-treeview .level2 .k-item {
  border-bottom: none;
}
.expertisesWrapper.treeViewWrapper .k-treeview .level2 .k-item :is(a, .k-link) {
  font-size: inherit;
  font-weight: 300;
  padding: 8px 24px;
}
.expertisesWrapper.treeViewWrapper .k-treeview .level2 .k-item :is(a, .k-link):focus, .expertisesWrapper.treeViewWrapper .k-treeview .level2 .k-item :is(a, .k-link):hover {
  background-color: #d1dfec;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Documents */
/****************************************************************************************************/
.document {
  font-size: 0.8rem;
  background-color: #F7F7F7;
}
.document a {
  width: 100%;
  display: block;
  padding: 1rem 1.4rem 0.8rem 1.4rem;
  text-decoration: none !important;
  border-bottom: 1px solid #153156;
}
.document a .iconExtension {
  width: 1.5rem;
  flex-grow: 0;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  color: #153156;
}
.document a .iconExtension svg {
  color: inherit;
  font-size: 2rem;
}
.document a .documentDetails .titleLink {
  margin: 0;
  padding: 0;
  font-size: 1.2rem;
}
.document a .documentDetails .grid {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  box-sizing: border-box;
  display: flex;
}
.document a .documentDetails .grid > .col {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  vertical-align: top;
  flex: 0 1 auto;
  width: auto;
}
.document a .documentDetails span.col {
  margin: 0 1rem 0 0;
  flex-basis: auto;
  flex-grow: 0;
}
.document a .typeIcon {
  display: block;
}
.document a .hoverIcon {
  display: none;
}
.document a .textExtension {
  font-size: 1rem;
}
.document a:focus:focus-visible {
  background-color: #eaeaea;
  border-color: #9BB8D3;
}
.document a:focus:focus-visible .grid .col.iconExtension {
  color: #9BB8D3;
}
.document a:focus:focus-visible .grid .col.iconExtension svg.typeIcon {
  display: none;
}
.document a:focus:focus-visible .grid .col.iconExtension svg.hoverIcon {
  display: block;
}
.document a:hover {
  background-color: #eaeaea;
  border-color: #9BB8D3;
}
.document a:hover .grid .col.iconExtension {
  color: #9BB8D3;
}
.document a:hover .grid .col.iconExtension svg.typeIcon {
  display: none;
}
.document a:hover .grid .col.iconExtension svg.hoverIcon {
  display: block;
}

.documents {
  margin: 1rem 0;
}
.documents ul li {
  color: #153156;
  display: block;
  margin: 0;
  font-size: 1rem;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  background-color: transparent;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Filtered Content Items */
/****************************************************************************************************/
.filteredContent .checkboxes {
  flex-wrap: wrap;
}
.filteredContent .checkboxes label {
  display: flex;
  gap: 0.5em;
}
.filteredContent .checkboxes fieldset legend {
  width: 100%;
  height: auto;
  position: relative;
  margin: 0;
  padding: 0;
  overflow: initial;
}
.filteredContent .checkboxes fieldset ul.grid.checkboxes {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.filteredContent .checkboxes fieldset ul.grid.checkboxes li.field.col {
  flex: 0;
  font-size: 0.9rem;
}
.filteredContent ul.pagination {
  gap: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.filteredContent ul.pagination li button {
  padding: 0;
  width: 2rem;
  height: 2rem;
}

#toggleFiltersButton {
  display: none;
}

.advancedFiltersContainer {
  margin-bottom: 2rem;
  display: block;
}

.fieldGroups {
  /*    display: flex;
  flex-direction: row;
  flex-wrap: nowrap;*/
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 22px;
}
.fieldGroups > fieldset {
  flex: 1 1 0;
  margin: 0;
  padding: 0;
  border: none;
}
.fieldGroups > fieldset legend {
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  border: 0;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  position: absolute;
  background-color: #fff;
  color: #000;
}
.fieldGroups .k-dropdown {
  width: 100%;
}
.fieldGroups .k-dropdown:hover .k-dropdown-wrap, .fieldGroups .k-dropdown.k-state-border-down .k-dropdown-wrap {
  border-color: #A3A3A3;
}
.fieldGroups .k-dropdown .k-dropdown-wrap {
  border: 1px solid #9BB8D3;
  border-radius: 4px;
  box-shadow: none;
  background: none;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  padding: 10px 16px;
  align-items: baseline;
}
.fieldGroups .k-dropdown .k-dropdown-wrap .k-input {
  padding: 0;
  font-size: 16px;
  color: #153156;
  font-weight: 700;
  -webkit-user-select: none;
          user-select: none;
  line-height: 1;
}
.fieldGroups .k-dropdown .k-dropdown-wrap .k-select {
  padding: 0;
}
.fieldGroups .k-dropdown .k-dropdown-wrap .k-select .k-icon {
  width: 0.6rem;
  height: 0.6rem;
}
.fieldGroups .k-dropdown .k-dropdown-wrap .k-select .k-icon:before {
  background-image: url(/CFImages/Icons/plus.svg);
  background-size: 0.6rem auto;
}

/* the actual dropdown */
.k-animation-container {
  position: absolute;
  z-index: 10000;
  overflow: hidden;
  transform: translateZ(0);
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
  background-color: #fff;
  display: none;
}
.k-animation-container.k-popup {
  display: block;
}

.k-list-container {
  border: 1px solid #ddd;
  border-radius: 0.5rem;
  background-color: #fff;
  min-width: 100%;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  font-family: elza, sans-serif;
  line-height: 1.5;
}
.k-list-container .k-group-header {
  display: none;
}
.k-list-container .k-list-scroller {
  max-height: 200px;
  overflow-y: auto;
  scrollbar-color: #153156 transparent;
}
.k-list-container .k-list-scroller::-webkit-scrollbar {
  width: 30px;
}
.k-list-container .k-list-scroller::-webkit-scrollbar-thumb {
  background: #153156;
  border-radius: 4px;
  height: 50px;
}
.k-list-container .k-list-scroller::-webkit-scrollbar-thumb:hover {
  background: #0e233d;
}
.k-list-container .k-list-scroller::-webkit-scrollbar-track {
  background: red !important;
}
.k-list-container .k-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.k-list-container .k-list .k-item {
  padding: 0.5rem 1rem;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.k-list-container .k-list .k-item:hover {
  background-color: #f5f5f5;
  color: #007bff;
}
.k-list-container .k-list .k-item.k-state-selected {
  background-color: #007bff;
  color: #fff;
  font-weight: bold;
}
.k-list-container .k-list .k-item.k-state-focused {
  outline: 2px solid #007bff;
}
.k-list-container .k-nodata {
  padding: 1rem;
  color: #666;
  text-align: center;
  font-size: 14px;
  display: none;
}
.k-list-container .k-nodata div {
  margin: 0;
}

/* end of the actual dropdown */
/* Filters */
.filtersTopWrapper {
  background: #F4F7FA;
  padding: 1rem 0;
  margin-bottom: 1.5rem;
}

.filtersContainer {
  display: block;
  margin: 0 auto;
}
.filtersContainer fieldset legend {
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  border: 0;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  position: absolute;
  background-color: #fff;
  color: #000;
}

/* Keyword Search */
.keywordSearchWrapper {
  margin-bottom: 0;
  position: relative;
  display: grid;
  /* .buttons {
      display: flex;
      align-items: stretch;

      .button {
          //width: 2.6rem;

          svg {
              margin: 0;
          }
      }
  }

  input[type=search]:not(:placeholder-shown) ~ .buttons {
      .clearSearch {
          display: block;
          opacity: 1;
      }
  }*/
}
.keywordSearchWrapper:after {
  display: flex;
  height: 24px;
  aspect-ratio: 1;
  content: "";
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 2;
  background-image: url(/CFImages/Icons/search.svg);
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0 16px 0 0;
}
.keywordSearchWrapper input[type=search] {
  border: none;
  padding: 0 24px 0 70px;
  box-sizing: border-box;
  height: 3.4rem;
  position: relative;
  color: #153156;
}
.keywordSearchWrapper input[type=search]:focus, .keywordSearchWrapper input[type=search]:active, .keywordSearchWrapper input[type=search]:hover {
  outline: none !important;
  /*border-bottom: 2px solid $primaryColour;*/
}
.keywordSearchWrapper input[type=search]:focus + .textFieldUnderline, .keywordSearchWrapper input[type=search]:active + .textFieldUnderline, .keywordSearchWrapper input[type=search]:hover + .textFieldUnderline {
  background-position: 0% 0%;
  transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1), font-size 0s linear, padding 0s linear, margin 0s linear;
  transition-duration: 250ms;
}

/* Search by initial (alphabet) */
.searchByInitialContainer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  font-weight: 300;
  margin-top: 1rem;
}
.searchByInitialContainer span.initialsLabel {
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 20px;
  color: #153156;
  font-weight: 400;
  letter-spacing: 0.2px;
}
.searchByInitialContainer .alphaList {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(1.5rem, 1fr));
  gap: 0.25rem;
}
.searchByInitialContainer .alphaList a {
  display: flex;
  justify-content: center;
  align-content: center;
  cursor: pointer;
  text-decoration: none;
  border: 1px solid transparent;
  padding: 0.6rem 0.25rem 0.5rem 0.25rem;
  width: 1.5rem;
  margin: 0;
  line-height: 1;
  font-size: 20px;
}
.searchByInitialContainer .alphaList a.initialFilter.selected {
  background-color: #9BB8D3;
  color: white;
}
.searchByInitialContainer .alphaList a.initialFilter:hover {
  background-color: #9BB8D3;
  color: white;
}
.searchByInitialContainer .alphaList a.disabledFilter {
  color: #707070;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}
@media (max-width: 767px) {
  .searchByInitialContainer {
    flex-direction: column;
  }
}

/* Filtered Content Wrapper */
.filteredContent {
  padding-bottom: 6rem;
  min-height: 30rem;
}
.filteredContent .buttonsContainer .button i {
  margin-left: 2rem;
}
.filteredContent .buttonsContainer .button:not(:last-child) {
  margin-right: 1rem;
}
.filteredContent .loadMoreContainer {
  text-align: center;
  margin: 4rem 0 0;
}
.filteredContent .loadMoreContainer button .icon {
  font-size: 0.8rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 0.6rem;
  margin-right: 0.6rem;
}
.filteredContent .permanentLinkField {
  display: flex;
}
.filteredContent .permanentLinkField button {
  padding: 0.6rem 1rem;
  margin: 0;
}
.filteredContent .permanentLinkField button svg {
  margin: 0;
}

/* Active filters tags/pills */
#activeFilters {
  margin: 0;
  height: 0;
  display: none !important;
  /*

  .activeFilterGroup {
      display: inline-flex;
      flex-wrap: wrap;

      .activeFilterTag {
          border: 1px solid $greyXXLight;
          padding: 0.4rem 1rem;
          cursor: pointer;
          position: relative;
          padding-right: 2.4rem;
          margin-bottom: 0.6rem;
          user-select: none;
          margin-right: 1rem;
          color: $grey;

          &:not(:last-of-type) {
              margin-right: 0.6rem;
          }

          &:after {
              top: 50%;
              content: ' ';
              right: 0.8rem;
              color: $secondaryColour;
              background-image: url(/CFImages/Icons/plus.svg);
              background-size: 0.6rem auto;
              background-position: center;
              transform: translateX(-50%) translateY(-50%) rotate(45deg);
              transform-origin: center;
              width: 0.6rem;
              height: 0.6rem;
              position: absolute;
          }

          &:hover, &:focus {
              border-color: $greyLight;
              //background-color: $greyXXXLight;
          }

          &:active {
              border-color: $greyLight;
              //background-color: darken($greyXXXLight, 5%);
          }
      }
  }*/
}

#loadingIndicator {
  height: 200px;
  display: none;
  margin-top: 2rem;
}
#loadingIndicator svg {
  margin: 0 auto;
}
#loadingIndicator.loading {
  content: "loading";
  line-height: 200px;
  text-align: center;
  display: block;
}

#loadingCounter {
  margin: 2rem 0 2rem;
  color: #707070;
  font-weight: 300;
  font-size: 16px;
}

#filteredContentResult li.noResults {
  color: #707070;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0;
  flex: initial;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  font-size: 16px;
}
#filteredContentResult li.noResults .message {
  font-weight: 300;
  font-size: 16px;
}
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/*#region Popups / Modals (SHARED) */
/****************************************************************************************************/
.popup_wrapper .button.close {
  top: -2rem;
  right: 0;
  width: 2rem;
  height: 2rem;
  position: absolute;
  border: none;
  padding: 0;
  border-radius: 0;
  background-color: white;
  border: 1px solid #9BB8D3;
}
.popup_wrapper .button.close:before {
  background-image: url(/CFImages/Icons/plus.svg);
  background-size: 1rem auto;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(45deg);
  transform-origin: center;
  content: " ";
  display: inline-block;
  position: absolute;
  inset: 0;
}
.popup_wrapper .button.close:focus, .popup_wrapper .button.close:hover {
  background-color: transparent;
}
.popup_wrapper .button.close:active {
  background-color: transparent;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Forms + Inputs / Fields */
/****************************************************************************************************/
div.vutureSubscribeForm iframe {
  width: 100%;
  height: 1400px;
}
@media screen and (max-width: 740px) {
  div.vutureSubscribeForm iframe {
    height: 1700px;
    /* Reduce height for smaller screens */
  }
}

label {
  cursor: pointer;
}

/* Text Fields */
input {
  color: #153156;
  width: 100%;
  height: 3.15rem;
  max-width: 100%;
  padding: 0.2rem 1rem;
  padding-right: 3rem;
  text-overflow: ellipsis;
  border: 1px solid #9BB8D3;
  background-color: white;
  font-weight: 100;
  transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1), font-size 0s linear, padding 0s linear, margin 0s linear;
  border-radius: 4px;
  /*    &:hover, &:focus {
      @include placeholder {
          opacity: 0.4;
      }
  }*/
}
input::-webkit-input-placeholder {
  opacity: 0.6;
  -webkit-transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  color: #999;
  font-weight: 400;
  line-height: 1;
}
input:-moz-placeholder {
  opacity: 0.6;
  -moz-transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  color: #999;
  font-weight: 400;
  line-height: 1;
}
input::-moz-placeholder {
  opacity: 0.6;
  -moz-transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  color: #999;
  font-weight: 400;
  line-height: 1;
}
input:-ms-input-placeholder {
  opacity: 0.6;
  -ms-transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  color: #999;
  font-weight: 400;
  line-height: 1;
}
input:focus:focus-visible {
  outline: 1px solid #9BB8D3;
  outline-offset: 0;
}
textarea {
  width: 100%;
  min-height: 5rem;
  display: block;
  border: 1px solid #9BB8D3;
  font-weight: 100;
  border-radius: 4px;
}
textarea:hover::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  opacity: 0.4;
}
textarea:hover:-moz-placeholder, textarea:focus:-moz-placeholder {
  opacity: 0.4;
}
textarea:hover::-moz-placeholder, textarea:focus::-moz-placeholder {
  opacity: 0.4;
}
textarea:hover:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
  opacity: 0.4;
}
textarea:focus {
  outline: 1px solid #9BB8D3;
  outline-offset: 0;
}

/* Select Lists */
select {
  width: 100%;
  height: 3.15rem;
  max-width: 100%;
  color: #555555;
  cursor: pointer;
  border: 1px solid #9BB8D3;
  padding: 0.2rem 1rem;
  padding-right: 1.6rem;
  font-size: 1rem;
  font-weight: 100;
  line-height: 1;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  background-size: 0.8rem auto;
  background-image: url(/CFImages/Icons/plus.svg);
  background-repeat: no-repeat;
  background-position: right 1rem center;
  transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1), font-size 0s linear, padding 0s linear, margin 0s linear;
}
select:hover {
  border-color: rgba(21, 49, 86, 0.7);
}
select:focus {
  outline: none;
  outline: 1px solid #9BB8D3;
  outline-offset: 0;
}
select > option {
  text-transform: none;
}
select > option:checked, select > option:hover {
  background-color: #E6E6E6;
}

/* Checkboxes */
input[type=checkbox] {
  cursor: pointer;
  font-size: 1em;
  width: 1em;
  height: 1em;
}

/* Radio Buttons */
input[type=radio] {
  height: 1em;
  cursor: pointer;
  display: inline-block;
  width: auto;
}

/*  */
form {
  /* Form-only Buttons */
}
form label {
  cursor: pointer;
}
form fieldset {
  padding: 0;
  border: none;
}
/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the ‘X’ from Chrome */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

.hiddenForHumans {
  position: absolute !important;
  z-index: -10 !important;
  pointer-events: none !important;
  visibility: hidden !important;
  width: 0;
  height: 0;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Sitefinity Forms Only */
/****************************************************************************************************/
/* Sitefinity form container (doesn't become an actual form element until submit) */
[data-sf-role=form-container] {
  /* Form error messages */
  /* Sitefinity File Upload field */
  /* Success message */
  /* Show the checkmark animation on submit success */
}
[data-sf-role=form-container] fieldset {
  margin: 1rem 0;
}
[data-sf-role=form-container] fieldset legend {
  padding: 0 0.4rem;
}
[data-sf-role=form-container] .sf-fieldWrp label {
  font-size: 16px;
  letter-spacing: 0.16px;
  margin: 0 0 0.5rem;
  color: #153156;
  font-weight: 700;
}
[data-sf-role=form-container] .sfContentBlock.cmsContent {
  font-size: 14px;
  margin-bottom: 1rem;
}
[data-sf-role=form-container] .sfContentBlock.cmsContent p {
  font-size: 14px;
}
[data-sf-role=form-container] .sf-fieldWrp.sf-Checkboxes > strong {
  font-size: 16px;
  letter-spacing: 0.16px;
  margin: 0 0 0.5rem;
  color: #153156;
  font-weight: 700;
}
[data-sf-role=form-container] .sf-fieldWrp.sf-Checkboxes label {
  font-size: 14px;
  margin: 0;
  height: auto;
  color: #33383E;
  font-weight: 400;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
[data-sf-role=form-container] button[type=submit] {
  background: #153156;
  border-radius: 4px;
  padding: 12px 20px 12px 20px;
  justify-content: center;
  border: 1px solid #153156;
  /* Text */
  color: #fff;
  text-decoration: none;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500;
  cursor: pointer;
}
[data-sf-role=form-container] button[type=submit]:after {
  content: none;
}
[data-sf-role=form-container] button[type=submit]:hover, [data-sf-role=form-container] button[type=submit]:focus {
  color: #153156;
  background: #E5ECF4;
}
[data-sf-role=form-container] button[type=submit]:active {
  color: #153156;
  background: #9BB8D3;
}
[data-sf-role=form-container] [data-sf-role=error-message] {
  display: block;
  font-size: 0.6em;
  color: #ff3c00;
}
[data-sf-role=form-container] [data-sf-role=success-message] h3 {
  color: #9BB8D3;
}
[data-sf-role=form-container] [data-sf-role=file-field-inputs] {
  cursor: pointer;
}
[data-sf-role=form-container] [data-sf-role=file-field-inputs] input[type=file] {
  /* Default / Base button styles - only include these when you really need them */
  /* This is what you'll get when you just call @include button; (but you should avoid using this mixin altogether if you can) */
  color: #9BB8D3;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  /*padding: 0.9rem 1.4em;*/
  padding: 0.8em 2em;
  margin-top: 1em;
  font-size: 0.9rem;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none !important;
  border: 1px solid #9BB8D3;
  border-radius: 4px;
  background-color: transparent;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  white-space: nowrap;
  letter-spacing: 0.1em;
  height: auto;
  width: -moz-fit-content;
  width: fit-content;
  /* FontAwesome Icons in markup */
  /* Reverse (flip the colours of the standard button */
  /* Outline */
}
[data-sf-role=form-container] [data-sf-role=file-field-inputs] input[type=file]:after {
  width: 1em;
  height: 1em;
  display: inline-block;
  content: initial;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0.6em;
}
[data-sf-role=form-container] [data-sf-role=file-field-inputs] input[type=file] [class*=fa-] {
  margin-left: 0.6rem;
}
[data-sf-role=form-container] [data-sf-role=file-field-inputs] input[type=file]:hover, [data-sf-role=form-container] [data-sf-role=file-field-inputs] input[type=file]:focus {
  color: white;
  background-color: #89abcb;
  text-decoration: none !important;
}
[data-sf-role=form-container] [data-sf-role=file-field-inputs] input[type=file]:active {
  color: white;
  text-decoration: none !important;
  background-color: #789fc3;
}
[data-sf-role=form-container] [data-sf-role=file-field-inputs] input[type=file]::-webkit-file-upload-button {
  visibility: hidden;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  border: 0;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  position: absolute;
  background-color: #fff;
  color: #000;
}
[data-sf-role=form-container] .successAnimation {
  display: none;
  margin-bottom: 1rem;
}
[data-sf-role=form-container].success .successAnimation {
  display: block !important;
}

/* Form success animation */
@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #9BB8D3;
  }
}
svg.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: white;
  stroke-miterlimit: 10;
  box-shadow: inset 0px 0px 0px #9BB8D3;
  animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}
svg.checkmark .checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #9BB8D3;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
svg.checkmark .checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Global Alerts */
/****************************************************************************************************/
/* refer to class .dark for a lot of the styles */
.alertsHeader {
  height: auto;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Accordions + FAQs */
/****************************************************************************************************/
.accordionGroup.k-group .k-item {
  margin-bottom: 0;
  width: 100%;
  background-color: #9BB8D3;
  white-space: normal;
}
.accordionGroup.k-group .k-item .accordionTop {
  padding: 0.5rem 1rem 0.5rem 2rem;
  border-bottom: solid 1px #E5ECF4;
}
.accordionGroup.k-group .k-item .accordionTop .cmsContent {
  color: #fff;
}
.accordionGroup.k-group .k-item .accordionTop p {
  margin: 0;
  padding: 0;
}
.accordionGroup.k-group .k-item .accordionTop .k-in {
  padding: 0;
}
.accordionGroup.k-group .k-item .accordionTop .k-icon:before {
  background-image: url(/CFImages/Icons/plus.svg);
}
.accordionGroup.k-group .k-item .accordionTop .k-icon.k-i-collapse:before {
  background-image: url(/CFImages/Icons/minus.svg);
}
.accordionGroup.k-group .k-item .k-content {
  display: block;
  background-color: #E6E6E6;
  padding: 2rem;
  white-space: normal;
}
.accordionGroup.k-group .k-item .k-content .k-in {
  display: none;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Toggle Sections */
/****************************************************************************************************/
.toggleContent {
  display: none;
}
.toggleContent:active {
  display: block;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Image Galleries */
/****************************************************************************************************/
.imageGallery.slider {
  max-width: 100%;
}
.imageGallery.slider .gallerySlider .splide__arrows {
  opacity: 0;
}
.imageGallery.slider .gallerySlider:hover .splide__arrows {
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  opacity: 1;
}
.imageGallery.slider .gallerySlider .splide__slide {
  min-height: 600px;
  height: 70vh;
  max-height: 700px;
  max-width: 100vw;
  /*            &:hover {
      .descriptionWrapper {
          opacity: 1;
          .description {
          }
      }
  }*/
}
.imageGallery.slider .gallerySlider .splide__slide > a {
  cursor: zoom-in;
  position: absolute;
  inset: 0;
}
.imageGallery.slider .gallerySlider .splide__slide img {
  -o-object-fit: scale-down;
     object-fit: scale-down;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 13%;
     object-position: 50% 13%;
  height: 100%;
  width: 100%;
}
.imageGallery.slider .gallerySlider .splide__slide .descriptionWrapper {
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  width: 100%;
  bottom: 0;
  z-index: 2;
  color: black;
  max-width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  /*                opacity: 0;
      transition: $transitionQuint;*/
}
.imageGallery.slider .gallerySlider .splide__slide .descriptionWrapper .description {
  font-size: 0.9rem;
  padding: 2rem;
  display: inline-block;
}
.imageGallery.slider .gallerySlider .splide__slide .descriptionWrapper .description > :last-child {
  margin-bottom: 0;
}
.imageGallery.slider .gallerySlider,
.imageGallery.slider .gallerySliderNav {
  padding-top: 1rem;
}
@media (max-width: 767px) {
  .imageGallery.slider .gallerySliderNav {
    display: none;
  }
}
.imageGallery.slider .gallerySliderNav .splide__slide {
  /*opacity: 0.8;*/
  border: 2px solid white;
  /*            .bgImgWrapper {
      position: relative;
      @include aspectRatioBox(4 3);
      opacity: 0.9;

      div.bgImg {
      }
  }

  img {
      opacity: 0.8;
  }*/
}
.imageGallery.slider .gallerySliderNav .splide__slide.is-active {
  border: 2px solid #9BB8D3;
}
.imageGallery.slider .gallerySliderNav .splide__slide:before {
  content: " ";
  background-color: #F7F7F7;
  position: absolute;
  inset: 0;
  z-index: -1;
}
.imageGallery.slider .gallerySliderNav .splide__slide:after {
  content: " ";
  position: absolute;
  inset: 0;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.1);
  pointer-events: none;
  transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1), font-size 0s linear, padding 0s linear, margin 0s linear;
}
.imageGallery.slider .gallerySliderNav .splide__slide:focus:focus-visible {
  /*opacity: 1;*/
  /*                img,
  .bgImgWrapper {
      opacity: 1;
  }*/
}
.imageGallery.slider .gallerySliderNav .splide__slide:focus:focus-visible:after {
  background-color: rgba(255, 255, 255, 0);
}
.imageGallery.slider .gallerySliderNav .splide__slide:hover {
  /*opacity: 1;*/
  /*                img,
  .bgImgWrapper {
      opacity: 1;
  }*/
}
.imageGallery.slider .gallerySliderNav .splide__slide:hover:after {
  background-color: rgba(255, 255, 255, 0);
}

.fancybox-caption {
  display: none !important;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Page - Home Page */
/****************************************************************************************************/
.homePage {
  --pb-main-content: 0px;
}

/****************************************************************************************************/
/* #region Page - Careers (and child pages) */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Insights (shared styles) - Cards and Detail View  */
/****************************************************************************************************/
.wrapper.careersWrapper .k-treeview .listView.careers {
  --card-width: 100%;
}
.wrapper.careersWrapper .k-treeview .listView.careers .k-item {
  margin-bottom: 0.5rem;
}
.wrapper.careersWrapper .k-treeview .listView.careers .k-item .k-icon:before {
  background-image: url(/CFImages/Icons/plus.svg);
}
.wrapper.careersWrapper .k-treeview .listView.careers .k-item .k-icon.k-i-collapse:before {
  background-image: url(/CFImages/Icons/minus.svg);
}
.wrapper.careersWrapper .k-treeview .listView.careers .k-item .k-in {
  width: 100%;
  background-color: #9BB8D3;
  padding: 1rem 2rem;
  white-space: normal;
}
.wrapper.careersWrapper .k-treeview .listView.careers .k-item .k-in h4 {
  margin: 0;
  padding: 0;
  color: #fff;
}
.wrapper.careersWrapper .k-treeview .listView.careers .k-item .k-content {
  display: block;
  background-color: #E6E6E6;
  padding: 2rem;
  white-space: normal;
}
.wrapper.careersWrapper .k-treeview .listView.careers .k-item .k-content .k-in {
  display: none;
}

/* #endregion */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region PDF Generation (Printable Bios) */
/****************************************************************************************************/
#printModal_background {
  background: none !important;
}

#printModal {
  display: none;
}

.printModalWrapper #printModal {
  display: block;
}

#printModal, #printWordModal {
  width: 36rem;
  background-color: white;
  padding: 4rem;
  padding-top: 3rem;
  border: 1px solid #9BB8D3;
}
#printModal .top p, #printWordModal .top p {
  font-style: italic;
}
#printModal .bottom, #printWordModal .bottom {
  margin: 1.4rem 0 1.1rem;
}
#printModal .bottom .options ul li, #printWordModal .bottom .options ul li {
  display: flex;
  align-items: center;
  margin-bottom: 0.4em;
}
#printModal .label, #printWordModal .label {
  font-family: "elza", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.35em;
  letter-spacing: 0.25em;
  font-size: 0.7rem;
  color: #153156;
  margin-top: 0;
}
#printModal h3, #printWordModal h3 {
  color: #9BB8D3;
  margin-top: 0;
  margin-bottom: 0.6rem;
}
#printModal .button.close, #printWordModal .button.close {
  inset: initial;
  top: 2.6rem;
  right: 2.6rem;
  margin: 0;
}
#printModal button[type=submit], #printWordModal button[type=submit] {
  margin-left: auto;
  padding: 0.8em 2em 0.8em 1.6em;
}
#printModal button[type=submit] .icon, #printModal button[type=submit] svg, #printWordModal button[type=submit] .icon, #printWordModal button[type=submit] svg {
  margin-right: 1rem;
  font-size: 1.5rem;
}
#printModal button[type=submit] .fa-file-download, #printWordModal button[type=submit] .fa-file-download {
  display: none;
}
#printModal button[type=submit]:focus .fa-file-pdf, #printModal button[type=submit]:hover .fa-file-pdf, #printWordModal button[type=submit]:focus .fa-file-pdf, #printWordModal button[type=submit]:hover .fa-file-pdf {
  display: none;
}
#printModal button[type=submit]:focus .fa-file-download, #printModal button[type=submit]:hover .fa-file-download, #printWordModal button[type=submit]:focus .fa-file-download, #printWordModal button[type=submit]:hover .fa-file-download {
  display: inline-block;
}

@keyframes fadeToGreyscaleWhite {
  0% {
    filter: grayscale(0) brightness(1);
  }
  1% {
    filter: grayscale(1) brightness(1);
  }
  100% {
    filter: grayscale(1) brightness(200);
  }
}
html.popup_visible_printModal #wrapper > main {
  filter: blur(5px);
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Utility Classes - Visibility */
/****************************************************************************************************/
.sr-only {
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  border: 0;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  position: absolute;
  background-color: #fff;
  color: #000;
}

.hidden {
  display: none !important;
}

.forcedHide {
  display: none !important;
}

.printOnly {
  display: none;
}

.hideOnDesktop {
  display: none !important;
}

.mobileOnly {
  display: none;
  height: 0;
  width: 0;
}
@media (max-width: 1160px) {
  .mobileOnly {
    display: block;
    height: auto;
    width: auto;
  }
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Utility Classes - Position, Display, Float */
/****************************************************************************************************/
/* Floating */
.float-none {
  float: none;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

/* Positioning */
.position-absolute {
  position: absolute;
}

.position-relative {
  position: relative;
}

.position-fixed {
  position: fixed;
}

/* Display */
.display-flex {
  display: flex;
}

.display-block {
  display: block;
}

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

.display-inline {
  display: inline;
}

.display-none {
  display: none;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Utility Classes - Text Alignment */
/****************************************************************************************************/
.txt-c, table .txt-c, table tr .txt-c, table tr td.txt-c {
  text-align: center !important;
}

.txt-l, table .txt-l, table tr .txt-l, table tr td.txt-l {
  text-align: left !important;
}

.txt-r, table .txt-r, table tr .txt-r, table tr td.txt-r {
  text-align: right !important;
}

.txt-t, table .txt-t, table tr .txt-t, table tr td.txt-t, table tr th.txt-t {
  vertical-align: top !important;
}

.txt-b, table .txt-b, table tr .txt-b, table tr td.txt-b, table tr th.txt-b {
  vertical-align: bottom !important;
}

.txt-m, table .txt-m, table tr .txt-m, table tr td.txt-m, table tr th.txt-m {
  vertical-align: middle !important;
}

/* Table cell content alignment */
/* horizontal alignment */
/* vertical alignment */
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Utility Classes */
/****************************************************************************************************/
/* ##### Whitespace (padding + margin) ##### */
/*    Examples:
    .mtxl - margin-top-extra-large (add an extra large margin-top)
    .pan  - padding-all-none       (remove padding on all sides)
    .mvs  - margin-vertical-small  (add small margins on the top and bottom)
*/
.pan {
  padding: 0 !important;
}

.man {
  margin: 0 !important;
}

.pvn {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.mvn {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.phn {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.mhn {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.ptn {
  padding-top: 0 !important;
}

.mtn {
  margin-top: 0 !important;
}

.prn {
  padding-right: 0 !important;
}

.mrn {
  margin-right: 0 !important;
}

.pbn {
  padding-bottom: 0 !important;
}

.mbn {
  margin-bottom: 0 !important;
}

.pln {
  padding-left: 0 !important;
}

.mln {
  margin-left: 0 !important;
}

.paxs {
  padding: 0.25rem !important;
}

.maxs {
  margin: 0.25rem !important;
}

.pvxs {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.mvxs {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.phxs {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.mhxs {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.ptxs {
  padding-top: 0.25rem !important;
}

.mtxs {
  margin-top: 0.25rem !important;
}

.prxs {
  padding-right: 0.25rem !important;
}

.mrxs {
  margin-right: 0.25rem !important;
}

.pbxs {
  padding-bottom: 0.25rem !important;
}

.mbxs {
  margin-bottom: 0.25rem !important;
}

.plxs {
  padding-left: 0.25rem !important;
}

.mlxs {
  margin-left: 0.25rem !important;
}

.pas {
  padding: 0.5rem !important;
}

.mas {
  margin: 0.5rem !important;
}

.pvs {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.mvs {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.phs {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.mhs {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.pts {
  padding-top: 0.5rem !important;
}

.mts {
  margin-top: 0.5rem !important;
}

.prs {
  padding-right: 0.5rem !important;
}

.mrs {
  margin-right: 0.5rem !important;
}

.pbs {
  padding-bottom: 0.5rem !important;
}

.mbs {
  margin-bottom: 0.5rem !important;
}

.pls {
  padding-left: 0.5rem !important;
}

.mls {
  margin-left: 0.5rem !important;
}

.pam {
  padding: 1rem !important;
}

.mam {
  margin: 1rem !important;
}

.pvm {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.mvm {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.phm {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.mhm {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.ptm {
  padding-top: 1rem !important;
}

.mtm {
  margin-top: 1rem !important;
}

.prm {
  padding-right: 1rem !important;
}

.mrm {
  margin-right: 1rem !important;
}

.pbm {
  padding-bottom: 1rem !important;
}

.mbm {
  margin-bottom: 1rem !important;
}

.plm {
  padding-left: 1rem !important;
}

.mlm {
  margin-left: 1rem !important;
}

.pal {
  padding: 2rem !important;
}

.mal {
  margin: 2rem !important;
}

.pvl {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.mvl {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.phl {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.mhl {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.ptl {
  padding-top: 2rem !important;
}

.mtl {
  margin-top: 2rem !important;
}

.prl {
  padding-right: 2rem !important;
}

.mrl {
  margin-right: 2rem !important;
}

.pbl {
  padding-bottom: 2rem !important;
}

.mbl {
  margin-bottom: 2rem !important;
}

.pll {
  padding-left: 2rem !important;
}

.mll {
  margin-left: 2rem !important;
}

.paxl {
  padding: 3rem !important;
}

.maxl {
  margin: 3rem !important;
}

.pvxl {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.mvxl {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.phxl {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.mhxl {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.ptxl {
  padding-top: 3rem !important;
}

.mtxl {
  margin-top: 3rem !important;
}

.prxl {
  padding-right: 3rem !important;
}

.mrxl {
  margin-right: 3rem !important;
}

.pbxl {
  padding-bottom: 3rem !important;
}

.mbxl {
  margin-bottom: 3rem !important;
}

.plxl {
  padding-left: 3rem !important;
}

.mlxl {
  margin-left: 3rem !important;
}

.paxxl {
  padding: 5rem !important;
}

.maxxl {
  margin: 5rem !important;
}

.pvxxl {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.mvxxl {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.phxxl {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.mhxxl {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.ptxxl {
  padding-top: 5rem !important;
}

.mtxxl {
  margin-top: 5rem !important;
}

.prxxl {
  padding-right: 5rem !important;
}

.mrxxl {
  margin-right: 5rem !important;
}

.pbxxl {
  padding-bottom: 5rem !important;
}

.mbxxl {
  margin-bottom: 5rem !important;
}

.plxxl {
  padding-left: 5rem !important;
}

.mlxxl {
  margin-left: 5rem !important;
}

.paxxxl {
  padding: 7rem !important;
}

.maxxxl {
  margin: 7rem !important;
}

.pvxxxl {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}

.mvxxxl {
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}

.phxxxl {
  padding-left: 7rem !important;
  padding-right: 7rem !important;
}

.mhxxxl {
  margin-left: 7rem !important;
  margin-right: 7rem !important;
}

.ptxxxl {
  padding-top: 7rem !important;
}

.mtxxxl {
  margin-top: 7rem !important;
}

.prxxxl {
  padding-right: 7rem !important;
}

.mrxxxl {
  margin-right: 7rem !important;
}

.pbxxxl {
  padding-bottom: 7rem !important;
}

.mbxxxl {
  margin-bottom: 7rem !important;
}

.plxxxl {
  padding-left: 7rem !important;
}

.mlxxxl {
  margin-left: 7rem !important;
}

.paxxxxl {
  padding: 9rem !important;
}

.maxxxxl {
  margin: 9rem !important;
}

.pvxxxxl {
  padding-top: 9rem !important;
  padding-bottom: 9rem !important;
}

.mvxxxxl {
  margin-top: 9rem !important;
  margin-bottom: 9rem !important;
}

.phxxxxl {
  padding-left: 9rem !important;
  padding-right: 9rem !important;
}

.mhxxxxl {
  margin-left: 9rem !important;
  margin-right: 9rem !important;
}

.ptxxxxl {
  padding-top: 9rem !important;
}

.mtxxxxl {
  margin-top: 9rem !important;
}

.prxxxxl {
  padding-right: 9rem !important;
}

.mrxxxxl {
  margin-right: 9rem !important;
}

.pbxxxxl {
  padding-bottom: 9rem !important;
}

.mbxxxxl {
  margin-bottom: 9rem !important;
}

.plxxxxl {
  padding-left: 9rem !important;
}

.mlxxxxl {
  margin-left: 9rem !important;
}

/* ##### subheaders ##### */
/*    Examples: .font-size-h1 */
.font-size-h5 {
  font-size: 1rem !important;
}
.font-size-h4 {
  font-size: 1.25rem !important;
}
.font-size-h3 {
  font-size: 1.5rem !important;
}
.font-size-h2 {
  font-size: 2rem !important;
}
.font-size-h1 {
  font-size: 3rem !important;
}

/* ##### txt colours ##### (replaces old txtGrey txtPrimary etc.)*/
/*    Examples: .txt-primary .txt-secondary .txt-grey .txt-grey-dark */
.txt-white {
  color: #fff !important;
}
.txt-black {
  color: #000 !important;
}
.txt-primary {
  color: #153156 !important;
}
.txt-primary-light {
  color: #d1dfec !important;
}
.txt-primary-dark {
  color: #293142 !important;
}
.txt-secondary {
  color: #9BB8D3 !important;
}
.txt-secondary-light {
  color: #E5ECF4 !important;
}
.txt-secondary-dark {
  color: #7294bf !important;
}
.txt-tertiary {
  color: #EDC3AC !important;
}
.txt-tertiary-light {
  color: #fcf5f0 !important;
}
.txt-tertiary-dark {
  color: #e6a88b !important;
}
.txt-grey {
  color: #707070 !important;
}
.txt-grey-dark {
  color: #555555 !important;
}
.txt-grey-xdark {
  color: #33383E !important;
}
.txt-grey-light {
  color: #A3A3A3 !important;
}
.txt-grey-xlight {
  color: #CCCCCC !important;
}
.txt-grey-xxlight {
  color: #E6E6E6 !important;
}
.txt-grey-xxxlight {
  color: #F7F7F7 !important;
}

/* ##### bg colours ##### (replaces old bgGrey bgDark etc.) */
/*    Examples: .bg-primary .bg-secondary .bg-dark .bg-light .bg-grey .bg-grey-dark .bg-grey-xdark */
.bg-white {
  background-color: #fff !important;
}
.bg-black {
  background-color: #000 !important;
}
.bg-dark {
  background-color: #555555 !important;
}
.bg-light {
  background-color: #E6E6E6 !important;
}
.bg-offwhite {
  background-color: #F4F7FA !important;
}
.bg-primary {
  background-color: #153156 !important;
}
.bg-primary-light {
  background-color: #d1dfec !important;
}
.bg-primary-dark {
  background-color: #293142 !important;
}
.bg-secondary {
  background-color: #9BB8D3 !important;
}
.bg-secondary-light {
  background-color: #E5ECF4 !important;
}
.bg-secondary-dark {
  background-color: #7294bf !important;
}
.bg-tertiary {
  background-color: #EDC3AC !important;
}
.bg-tertiary-light {
  background-color: #fcf5f0 !important;
}
.bg-tertiary-dark {
  background-color: #e6a88b !important;
}
.bg-grey {
  background-color: #707070 !important;
}
.bg-grey-dark {
  background-color: #555555 !important;
}
.bg-grey-xdark {
  background-color: #33383E !important;
}
.bg-grey-light {
  background-color: #A3A3A3 !important;
}
.bg-grey-xlight {
  background-color: #CCCCCC !important;
}
.bg-grey-xxlight {
  background-color: #E6E6E6 !important;
}
.bg-grey-xxxlight {
  background-color: #F7F7F7 !important;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Utility Classes - Misc */
/****************************************************************************************************/
/* (simple, single-purpose classes intended for use in Siteifnity editors, etc) */
.border {
  border: 1px solid #9BB8D3;
}

.equalTopMargins > :first-child {
  margin-top: 1rem;
}

.pullQuote {
  padding: 30px 50px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  font-size: 1.3em;
  font-weight: 700;
}

.subtle {
  color: #245493;
  font-size: 0.8em;
}

/* #endregion */
/****************************************************************************************************/
/*Filtered content*/
.pagination-page {
  color: #153156;
}
.pagination-page .selected {
  color: #ffffff;
  background-color: #940e14;
  padding: 4px;
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 90px;
  display: inline-block;
  line-height: 100%;
}

#ClearFiltersWrapper {
  position: fixed;
  z-index: 10000;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  right: 5%;
  bottom: 10%;
  background: #153156;
  border: solid #fff 1px;
  border-radius: 40px;
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.2);
  color: #fff;
  opacity: 0.45;
  transition: all linear 0.15s;
  cursor: pointer;
}
#ClearFiltersWrapper span.horizontal-slash {
  position: absolute;
  transform: rotate(35deg);
  height: 3px;
  width: 100%;
  background: #fff;
}

#ClearFiltersWrapper:hover {
  opacity: 1;
}

.goToPageLbl {
  display: block;
  max-width: 100px;
  padding: 3px;
  border-radius: 5px;
  text-align: center;
  margin: 15px auto;
  position: relative;
  transition: all linear 0.15s;
}
.goToPageLbl select {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 999;
  margin: 0 auto;
  height: auto;
}
.goToPageLbl .goToDropdown {
  height: 0px;
  max-width: 80px;
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: hidden;
}
.goToPageLbl .goToDropdown.active {
  height: 140px;
  border: solid #153156 1px;
  border-radius: 6px;
  overflow-y: auto;
}
.goToPageLbl li {
  margin-right: 3px;
}
.goToPageLbl li.selected {
  background: #F7F7F7;
}

.goToPageLbl:hover {
  color: #153156;
}

/* #endregion */
/****************************************************************************************************/
/**********************************************************************************************************************/
/* #region View Transitions (Page Transitions) */
/**********************************************************************************************************************/
/*@view-transition {
    navigation: auto;
}*/
/* Customize the default animation behavior */
/*
$ease-in-quint: cubic-bezier(0.755, 0.050, 0.855, 0.060);
$ease-in-sine: cubic-bezier(0.470, 0.000, 0.745, 0.715);
*/
/*::view-transition-group(root) {
    animation-duration: .5s;
    animation-timing-function: ease-in;
}*/
/* Create a custom animation */
@keyframes move-out {
  from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(-100%);
  }
}
@keyframes move-in {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0%);
  }
}
/* Apply the custom animation to the old and new page states */
/*::view-transition-old(root) {
    animation: 0.5s ease-in both move-out;
    animation-timing-function: $ease-in-cubic;
}

::view-transition-new(root) {
    animation: 0.5s ease-in both move-in;
    animation-timing-function: $ease-in-cubic;
}*/
/* #endregion */
/**********************************************************************************************************************/
/****************************************************************************************************/
/* #region FEATURED GRID */
/****************************************************************************************************/
body:has(.footerLines) main .bd .mainContent {
  padding-bottom: 0;
}
body:has(.footerLines) .siteFooter .mainFooter .mainFooterGrid, body:has(.footerLines) .siteFooter .mainFooter .languageAndLegalGrid {
  padding-left: var(--paddingForLines);
}
body:has(.footerLines) .siteFooter .mainFooter {
  padding: 3rem 0 10rem;
}
body:has(.footerLines) .siteFooter .mainFooter .footerLogo {
  display: none;
}

.homePage .featuredGrid .content h2 {
  width: 450px;
  max-width: 100%;
  /* Text */
  font-family: "elza", sans-serif;
  font-size: clamp(32px, -16.231884058px + 0.0471014493 * 100vw, 45px);
  font-weight: 300;
  line-height: 1.33;
  letter-spacing: 0.5px;
}
.homePage .featuredGrid.stayAheadOuter .content .listView.insights {
  padding-left: 2rem;
}

.featuredGrid {
  /* Double content is the default */
  /*    &.linesPadLeft {
      > .container:not(.lines) {
          padding-left: var(--internalFeaturedContentPadding);
      }
  }

  &.linesPadLeftLarge {
      > .container:not(.lines) {
          padding-left: 8rem;
      }
  }

  &.linesPadRightLarge {
      > .container:not(.lines) {
          padding-right: 8rem;
      }
  }

  &.linesPadRight {
      div.content:nth-of-type(2) {
          padding: var(--internalFeaturedContentPadding) var(--paddingForLines) var(--internalFeaturedContentPadding) 0; // was var(--internalFeaturedContentPadding);
      }

      &.withPhoto div.photo {
          padding: var(--internalFeaturedContentPadding) var(--paddingForLines) var(--internalFeaturedContentPadding) var(--internalFeaturedContentPadding);
      }

      &.withPhoto.reversed div.photo {
          padding: var(--internalFeaturedContentPadding) calc(3 * var(--internalFeaturedContentPadding)) var(--internalFeaturedContentPadding) 0;
      }
  }*/
}
.featuredGrid .container {
  display: grid;
  grid-template-columns: 50% 50%;
}
.featuredGrid > .container:not(.lines) {
  padding-left: var(--paddingForLines);
  padding-right: var(--paddingForLines);
  padding-top: var(--externalFeaturedContainerPadding);
  padding-bottom: var(--externalFeaturedContainerPadding);
  gap: 4rem;
}
.featuredGrid .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  /*        &.spaceBetween .sfContentBlock {
      display: flex;
      height: calc(100% - (2 * var(--internalFeaturedContentPadding)));
      flex-direction: column;
      justify-content: space-between;
  }*/
}
.featuredGrid .content span.featureCharacter {
  font-size: var(--number-size);
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: 0;
  color: #d1dfec;
  width: var(--number-size);
  height: var(--number-size);
  display: block;
}
.featuredGrid .content span.featureCharacter + h3 {
  margin-top: 0;
}
.featuredGrid .content h2 {
  font-weight: 500;
  font-size: clamp(38px, -21.3623188406px + 0.0579710145 * 100vw, 54px);
  width: 100%;
  line-height: 1.15;
}
.featuredGrid .content .sfContentBlock h3 {
  max-width: 100%;
  /* Text */
  font-family: "elza-text", sans-serif;
  font-size: clamp(32px, -16.231884058px + 0.0471014493 * 100vw, 45px);
  font-weight: 300;
  line-height: 1.33;
  letter-spacing: 0.5px;
}
.featuredGrid > .container:not(.lines) {
  position: relative;
  z-index: 3;
}
.featuredGrid.withPhoto :is(h2, h3, .featureCharacter span) {
  position: relative;
  z-index: 5;
}
.featuredGrid.withPhoto :is(h2, h3, .featureCharacter span):before {
  content: " ";
  background: white;
  inset: -1rem;
  position: absolute;
  z-index: -1;
}
.featuredGrid.withPhoto .container {
  grid-template-columns: 50% 50%;
}
.featuredGrid.withPhoto div.photo {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
}
.featuredGrid.withPhoto div.photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
  aspect-ratio: 0.85;
  max-height: 580px;
}
.featuredGrid.withPhoto.reversed .container {
  grid-template-columns: 50% 50%;
}
.featuredGrid.withPhoto.reversed div.photo {
  justify-content: flex-start;
}
.featuredGrid.withPhoto.reversed.noPadLeft div.content {
  padding-left: calc(var(--paddingForLines) / 2);
}
.featuredGrid.blueFeature .container {
  grid-template-columns: 100%;
}
.featuredGrid.blueFeature > .container:not(.lines) {
  padding-bottom: var(--externalFeaturedContainerPadding);
}
.featuredGrid.blueFeature .content {
  max-width: 100%;
  display: flex;
  padding: 3rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #E5ECF4;
  color: #153156;
}
.featuredGrid.blueFeature .content h2 {
  font-weight: 300;
  font-size: clamp(30px, -7.1014492754px + 0.0362318841 * 100vw, 40px);
  width: 100%;
  max-width: 100%;
}
.featuredGrid.blueFeature .content p, .featuredGrid.blueFeature .content li, .featuredGrid.blueFeature .content h3 {
  color: #153156;
}
.featuredGrid.oneCol .container {
  grid-template-columns: 100%;
}
.featuredGrid.oneCol .container .content img {
  max-width: 100%;
}
.featuredGrid.noPadLeft > .container:not(.lines) {
  padding-left: 0;
}
.featuredGrid.noPadTop > .container:not(.lines) {
  padding-top: 0;
}
.featuredGrid.noPadRight > .container:not(.lines) {
  padding-right: 0;
}
.featuredGrid.noPadLeft.noPadRight > .container:not(.lines) {
  padding-left: 0;
  padding-right: 0;
}
/* #endregion */
/****************************************************************************************************/
/**********************************************************************************************************************/
/* #region NEW LINES */
/**********************************************************************************************************************/
.withLines {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  --yellow: #EDC3AC;
}
.withLines.justify-end {
  justify-content: flex-end;
}
.withLines.justify-center {
  justify-content: center;
}
.withLines.justify-start {
  justify-content: flex-end;
}

.lines {
  pointer-events: none !important;
  position: absolute;
  inset: 0;
  --line-space: 1.5rem;
}
.lines .line.blue {
  position: absolute;
  background: #153156;
}

.lineVariation1 {
  --top-inset: 4rem;
  padding-top: calc(var(--top-inset) + var(--lines-group-width));
}
.lineVariation1 > .container:not(.lines) {
  padding-top: 0;
}
.lineVariation1 .blue-lines .line1 {
  top: 0;
  left: 20%;
  height: var(--top-inset);
  width: 1px;
}
.lineVariation1 .blue-lines .line2 {
  top: var(--top-inset);
  left: 20%;
  width: 80%;
  height: 1px;
}
.lineVariation1 .blue-lines .line3 {
  height: calc(100% - var(--top-inset));
  width: 1px;
  top: var(--top-inset);
  right: 0;
}
.lineVariation1 .blue-lines .line4 {
  height: 1px;
  width: 100%;
  bottom: 0;
  right: 0;
}
.lineVariation1 .yellow-lines {
  overflow: hidden;
  position: absolute;
  inset: 0;
}
.lineVariation1 .yellow-lines .line.yellow {
  position: absolute;
  background: var(--yellow);
}
.lineVariation1 .yellow-lines .group {
  height: 10rem;
  width: 100%;
  position: absolute;
  top: -4.5rem;
  left: calc(20% + var(--line-space));
}
.lineVariation1 .yellow-lines .group .line1 {
  width: 1px;
  top: 0;
  left: 0;
  height: 100%;
}
.lineVariation1 .yellow-lines .group .line2 {
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
}
.lineVariation1 .yellow-lines .group.group2 {
  transform: translateY(calc(var(--line-space) * 1)) translateX(calc(var(--line-space) * 1));
}
.lineVariation1 .yellow-lines .group.group3 {
  transform: translateY(calc(var(--line-space) * 2)) translateX(calc(var(--line-space) * 2));
}
.lineVariation1 .yellow-lines .group.group4 {
  transform: translateY(calc(var(--line-space) * 3)) translateX(calc(var(--line-space) * 3));
}

.lineVariation1b {
  --top-inset: 4rem;
  padding-top: calc(var(--top-inset) + var(--lines-group-width));
}
.lineVariation1b > .container:not(.lines) {
  padding-top: 0;
}
.lineVariation1b .blue-lines .line1 {
  top: 0;
  left: 0;
  height: var(--top-inset);
  width: 1px;
}
.lineVariation1b .blue-lines .line2 {
  top: var(--top-inset);
  left: 0;
  width: 100%;
  height: 1px;
}
.lineVariation1b .blue-lines .line3 {
  height: calc(100% - var(--top-inset));
  width: 1px;
  top: var(--top-inset);
  right: 0;
}
.lineVariation1b .blue-lines .line4 {
  height: 1px;
  width: 100%;
  bottom: 0;
  right: 0;
}
.lineVariation1b .yellow-lines {
  overflow: hidden;
  position: absolute;
  inset: 0;
}
.lineVariation1b .yellow-lines .line.yellow {
  position: absolute;
  background: var(--yellow);
}
.lineVariation1b .yellow-lines .group {
  height: 10rem;
  width: 100%;
  position: absolute;
  top: -4.5rem;
  left: var(--line-space);
}
.lineVariation1b .yellow-lines .group .line1 {
  width: 1px;
  top: 0;
  left: 0;
  height: 100%;
}
.lineVariation1b .yellow-lines .group .line2 {
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
}
.lineVariation1b .yellow-lines .group.group2 {
  transform: translateY(calc(var(--line-space) * 1)) translateX(calc(var(--line-space) * 1));
}
.lineVariation1b .yellow-lines .group.group3 {
  transform: translateY(calc(var(--line-space) * 2)) translateX(calc(var(--line-space) * 2));
}
.lineVariation1b .yellow-lines .group.group4 {
  transform: translateY(calc(var(--line-space) * 3)) translateX(calc(var(--line-space) * 3));
}

.lineVariation2 .blue-lines .line1 {
  top: 0;
  left: 10%;
  height: 100%;
  width: 1px;
}
.lineVariation2 .blue-lines .line2 {
  bottom: 0;
  left: 10%;
  width: 100%;
  height: 1px;
}
.lineVariation2 .yellow-lines {
  overflow: hidden;
  position: absolute;
  inset: 0;
  bottom: calc(-4 * var(--line-space));
}
.lineVariation2 .yellow-lines .line.yellow {
  position: absolute;
  background: var(--yellow);
}
.lineVariation2 .yellow-lines .group {
  width: 100%;
  position: absolute;
  top: -4.5rem;
  bottom: calc(3 * var(--line-space));
  left: calc(10% + var(--line-space));
}
.lineVariation2 .yellow-lines .group .line1 {
  width: 1px;
  top: 0;
  left: 0;
  height: 100%;
}
.lineVariation2 .yellow-lines .group .line2 {
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
}
.lineVariation2 .yellow-lines .group.group2 {
  transform: translateY(calc(var(--line-space) * 1)) translateX(calc(var(--line-space) * 1));
}
.lineVariation2 .yellow-lines .group.group3 {
  transform: translateY(calc(var(--line-space) * 2)) translateX(calc(var(--line-space) * 2));
}
.lineVariation2 .yellow-lines .group.group4 {
  transform: translateY(calc(var(--line-space) * 3)) translateX(calc(var(--line-space) * 3));
}

.lineVariation3, .lineVariationBlueOnlyReverse {
  min-height: 18rem;
}
.lineVariation3 > .container:not(.lines), .lineVariationBlueOnlyReverse > .container:not(.lines) {
  padding-top: calc(2 * var(--externalFeaturedContainerPadding));
}
.lineVariation3 .blue-lines .line1, .lineVariationBlueOnlyReverse .blue-lines .line1 {
  top: 0;
  right: 0;
  height: 100%;
  width: 1px;
}
.lineVariation3 .blue-lines .line2, .lineVariationBlueOnlyReverse .blue-lines .line2 {
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1px;
}

.lineVariation3b > .container:not(.lines) {
  padding-top: calc(2 * var(--externalFeaturedContainerPadding));
}
.lineVariation3b .blue-lines .line1 {
  top: 0;
  left: 0;
  height: 1px;
  width: 100%;
}
.lineVariation3b .blue-lines .line2 {
  top: 0;
  height: 100%;
  right: 0;
  width: 1px;
}
.lineVariation3b .blue-lines .line3 {
  top: 100%;
  right: 0;
  width: 100%;
  height: 1px;
}

.lineVariation4 .blue-lines .line1 {
  top: 0;
  left: 0;
  height: 100%;
  width: 1px;
}
.lineVariation4 .blue-lines .line2 {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
}
.lineVariation4 .yellow-lines {
  overflow: hidden;
  position: absolute;
  inset: 0;
  bottom: calc(-4 * var(--line-space));
}
.lineVariation4 .yellow-lines .line.yellow {
  position: absolute;
  background: var(--yellow);
}
.lineVariation4 .yellow-lines .group {
  width: 100%;
  position: absolute;
  top: -4.5rem;
  bottom: calc(3 * var(--line-space));
  left: var(--line-space);
}
.lineVariation4 .yellow-lines .group .line1 {
  width: 1px;
  top: 0;
  left: 0;
  height: 100%;
}
.lineVariation4 .yellow-lines .group .line2 {
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
}
.lineVariation4 .yellow-lines .group.group2 {
  transform: translateY(calc(var(--line-space) * 1)) translateX(calc(var(--line-space) * 1));
}
.lineVariation4 .yellow-lines .group.group3 {
  transform: translateY(calc(var(--line-space) * 2)) translateX(calc(var(--line-space) * 2));
}
.lineVariation4 .yellow-lines .group.group4 {
  transform: translateY(calc(var(--line-space) * 3)) translateX(calc(var(--line-space) * 3));
}

.lineVariation4VerticalOnly .blue-lines .line1 {
  top: 0;
  left: 0;
  height: 100%;
  width: 1px;
}
.lineVariation4VerticalOnly .yellow-lines {
  overflow: hidden;
  position: absolute;
  inset: 0;
  bottom: calc(-4 * var(--line-space));
}
.lineVariation4VerticalOnly .yellow-lines .line.yellow {
  position: absolute;
  background: var(--yellow);
}
.lineVariation4VerticalOnly .yellow-lines .group {
  width: 100%;
  position: absolute;
  top: -4.5rem;
  bottom: calc(3 * var(--line-space));
  left: var(--line-space);
}
.lineVariation4VerticalOnly .yellow-lines .group .line1 {
  width: 1px;
  top: 0;
  left: 0;
  height: 100%;
}
.lineVariation4VerticalOnly .yellow-lines .group.group2 {
  transform: translateY(calc(var(--line-space) * 1)) translateX(calc(var(--line-space) * 1));
}
.lineVariation4VerticalOnly .yellow-lines .group.group3 {
  transform: translateY(calc(var(--line-space) * 2)) translateX(calc(var(--line-space) * 2));
}
.lineVariation4VerticalOnly .yellow-lines .group.group4 {
  transform: translateY(calc(var(--line-space) * 3)) translateX(calc(var(--line-space) * 3));
}

.lineVariationBlueOnly .blue-lines .line1 {
  top: 0;
  left: 0;
  height: 100%;
  width: 1px;
}
.lineVariationBlueOnly .blue-lines .line2 {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
}
.lineVariationBlueOnly .yellow-lines {
  display: none;
}

.lineVariation4.footerLines {
  padding-bottom: var(--paddingForLinesSmall);
}
.lineVariation4.footerLines .container.lines {
  bottom: calc(-24rem - var(--pb-main-content));
}
.lineVariation4.footerLines .lines-logo {
  display: block !important;
  position: absolute;
  right: 0;
  bottom: 0;
  height: calc(var(--line-space) * 4);
}
.lineVariation4.footerLines .lines-logo:before {
  content: " ";
  background: #E5ECF4;
  padding-left: 2rem;
  inset: 0;
  left: -2rem;
  top: -0.5rem;
  position: absolute;
  z-index: 0;
}
.lineVariation4.footerLines .lines-logo img {
  width: auto;
  height: 100%;
  position: relative;
  z-index: 1;
}

.lineVariationBlueOnlyReverse > .container:not(.lines), .lineVariationBlueOnly > .container:not(.lines) {
  padding-top: var(--externalFeaturedContainerPadding);
}

.lineVariationBlueOnly.lineThroughMiddle .blue-lines .line1 {
  top: 0;
  left: 0;
  height: 50%;
  width: 1px;
}
.lineVariationBlueOnly.lineThroughMiddle .blue-lines .line2 {
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
}
.lineVariationBlueOnly.lineThroughMiddle .blue-lines .line3 {
  top: 50%;
  right: 0;
  height: 50%;
  width: 1px;
}

.lineVariationBlueOnlyReverse.lineThroughMiddle .blue-lines .line1 {
  top: 0;
  right: 0;
  height: 50%;
  width: 1px;
}
.lineVariationBlueOnlyReverse.lineThroughMiddle .blue-lines .line2 {
  top: 50%;
  right: 0;
  width: 100%;
  height: 1px;
}
.lineVariationBlueOnlyReverse.lineThroughMiddle .blue-lines .line3 {
  top: 50%;
  left: 0;
  height: 50%;
  width: 1px;
}

.lineVariationLeftToRightTop400 .blue-lines .line1 {
  top: 0;
  left: 0;
  height: 400px;
  width: 1px;
}
.lineVariationLeftToRightTop400 .blue-lines .line2 {
  top: 400px;
  left: 0;
  width: 100%;
  height: 1px;
}
.lineVariationLeftToRightTop400 .blue-lines .line3 {
  top: 400px;
  right: 0;
  height: calc(100% - 400px);
  width: 1px;
}

.lineVariationRightToLeftTop400 .blue-lines .line1 {
  top: 0;
  right: 0;
  height: 400px;
  width: 1px;
}
.lineVariationRightToLeftTop400 .blue-lines .line2 {
  top: 400px;
  right: 0;
  width: 100%;
  height: 1px;
}
.lineVariationRightToLeftTop400 .blue-lines .line3 {
  top: 400px;
  left: 0;
  height: calc(100% - 400px);
  width: 1px;
}

.withLines:not(.blueFeature):not(.oneCol) .sfContentBlock {
  background: white;
  padding-left: 2rem;
  padding-right: 2rem;
}

/* #endregion */
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/* #region New utility classes for lines */
/**********************************************************************************************************************/
.whiteBefore {
  position: relative;
  z-index: 5;
}
.whiteBefore:before {
  content: " ";
  background: white;
  inset: -1rem;
  position: absolute;
  z-index: -1;
}

.whiteBeforeChildren > * {
  position: relative;
}
.whiteBeforeChildren > *:before {
  content: " ";
  background: white;
  inset: -1rem;
  position: absolute;
  z-index: 0;
}

/* Some very simple utility classes for specific padding values (for use with .withLines sections) */
/*.pt1 {
    padding-top: 1rem !important;
}

.pt2 {
    padding-top: 2rem !important;
}

.pt3 {
    padding-top: 3rem !important;
}

.pt4 {
    padding-top: 4rem !important;
}

.pt5 {
    padding-top: 5rem !important;
}

.pt6 {
    padding-top: 6rem !important;
}

.pt7 {
    padding-top: 7rem !important;
}

.pt8 {
    padding-top: 8rem !important;
}

.pt9 {
    padding-top: 9rem !important;
}

.pt10 {
    padding-top: 10rem !important;
}

.pt11 {
    padding-top: 11rem !important;
}

.pt12 {
    padding-top: 12rem !important;
}

.pt13 {
    padding-top: 13rem !important;
}

.pt14 {
    padding-top: 14rem !important;
}

.pt15 {
    padding-top: 15rem !important;
}

.pt16 {
    padding-top: 16rem !important;
}

.pt17 {
    padding-top: 17rem !important;
}

.pt18 {
    padding-top: 18rem !important;
}


.pb1 {
    padding-bottom: 1rem !important;
}

.pb2 {
    padding-bottom: 2rem !important;
}

.pb3 {
    padding-bottom: 3rem !important;
}

.pb4 {
    padding-bottom: 4rem !important;
}

.pb5 {
    padding-bottom: 5rem !important;
}

.pb6 {
    padding-bottom: 6rem !important;
}

.pb7 {
    padding-bottom: 7rem !important;
}

.pb8 {
    padding-bottom: 8rem !important;
}

.pb9 {
    padding-bottom: 9rem !important;
}

.pb10 {
    padding-bottom: 10rem !important;
}

.pb11 {
    padding-bottom: 11rem !important;
}

.pb12 {
    padding-bottom: 12rem !important;
}

.pb13 {
    padding-bottom: 13rem !important;
}

.pb14 {
    padding-bottom: 14rem !important;
}

.pb15 {
    padding-bottom: 15rem !important;
}

.pb16 {
    padding-bottom: 16rem !important;
}

.pb17 {
    padding-bottom: 17rem !important;
}

.pb18 {
    padding-bottom: 18rem !important;
}*/
/*body:not(.sfPageEditor) {

    .pushUpContent1 {
        > .container:not(.lines) {
            margin-top: -11rem;
        }
    }

    .pushUpNumber {
        > .container:not(.lines) {
            margin-top: calc((-1 * var(--number-size)) - 4rem);
        }
    }

    .inBetweener {
        height: 0;

        > .container {
            transform: translateY(-50%);
        }
    }

    .translateContentDown50 {
        > .container:not(.lines) {
            transform: translateY(50%);
        }
    }
}*/
/* #endregion */
/**********************************************************************************************************************/
/****************************************************************************************************/
/*#region Site Search */
/****************************************************************************************************/
.searchOuter {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}
.searchOuter .searchHidden {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 0;
  overflow: hidden;
  transition: width 0.5s ease-out;
  padding: 0;
  opacity: 0;
}
.searchOuter .searchHidden .formGroup {
  display: flex;
  width: 600px;
  max-width: 100%;
  margin-right: 2rem;
  position: relative;
}
.searchOuter .searchHidden .formGroup input[type=search] {
  width: 100%;
  color: #153156;
  background-color: #F7F7F7;
  border-radius: 4px;
  border: none;
  padding: 12px 60px 12px 10px;
  font-size: 16px;
  text-overflow: ellipsis;
  height: initial;
  line-height: 1;
}
.searchOuter .searchHidden .formGroup input[type=search]::-webkit-input-placeholder {
  opacity: 0.7;
  -webkit-transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  color: #33383E;
  text-transform: none;
  line-height: 1;
}
.searchOuter .searchHidden .formGroup input[type=search]:-moz-placeholder {
  opacity: 0.7;
  -moz-transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  color: #33383E;
  text-transform: none;
  line-height: 1;
}
.searchOuter .searchHidden .formGroup input[type=search]::-moz-placeholder {
  opacity: 0.7;
  -moz-transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  color: #33383E;
  text-transform: none;
  line-height: 1;
}
.searchOuter .searchHidden .formGroup input[type=search]:-ms-input-placeholder {
  opacity: 0.7;
  -ms-transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  color: #33383E;
  text-transform: none;
  line-height: 1;
}
.searchOuter .searchHidden .formGroup input[type=search]:hover::-webkit-input-placeholder, .searchOuter .searchHidden .formGroup input[type=search]:focus::-webkit-input-placeholder {
  opacity: 0.4;
}
.searchOuter .searchHidden .formGroup input[type=search]:hover:-moz-placeholder, .searchOuter .searchHidden .formGroup input[type=search]:focus:-moz-placeholder {
  opacity: 0.4;
}
.searchOuter .searchHidden .formGroup input[type=search]:hover::-moz-placeholder, .searchOuter .searchHidden .formGroup input[type=search]:focus::-moz-placeholder {
  opacity: 0.4;
}
.searchOuter .searchHidden .formGroup input[type=search]:hover:-ms-input-placeholder, .searchOuter .searchHidden .formGroup input[type=search]:focus:-ms-input-placeholder {
  opacity: 0.4;
}
.searchOuter .searchHidden .formGroup input[type=search]:focus {
  outline: 2px solid #153156;
}
.searchOuter .searchHidden .formGroup button.sfsearchSubmit {
  position: absolute;
  border: none;
  width: 30px;
  height: 100%;
  background: none;
  right: 16px;
  top: 0;
  background-color: none;
  background-image: url(/CFImages/Icons/Search-hover.svg);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center center;
  cursor: pointer;
}
.searchOuter .searchHidden .formGroup button.sfsearchSubmit:focus, .searchOuter .searchHidden .formGroup button.sfsearchSubmit:hover, .searchOuter .searchHidden .formGroup button.sfsearchSubmit:active {
  background-image: url(/CFImages/Icons/Search.svg);
}
.searchOuter a.searchShow {
  position: absolute;
  top: 8px;
  right: 0;
  cursor: pointer;
}
.searchOuter a.searchShow:hover svg.search-icon path, .searchOuter a.searchShow:focus svg.search-icon path {
  fill: #9BB8D3;
}
.searchOuter.open a.searchShow {
  width: 18px;
  /* Width of the x */
  height: 18px;
}
.searchOuter.open a.searchShow svg {
  display: none;
}
.searchOuter.open a.searchShow:after {
  content: "";
  width: 16px;
  /* Width of the x */
  height: 16px;
  /* Height of the x */
  background-image: url("/CFImages/Icons/x.svg");
  position: absolute;
  top: 4px;
  background-repeat: no-repeat;
}
.searchOuter.open a.searchShow:hover:after, .searchOuter.open a.searchShow:active:after, .searchOuter.open a.searchShow:focus:after {
  background-image: url("/CFImages/Icons/x-hover.svg");
}
.searchOuter.open .searchHidden {
  width: 100%;
  overflow: visible;
  opacity: 1;
}

.searchSorting {
  width: 600px;
  max-width: 100%;
  padding-bottom: 2rem;
}

.searchResults h1 {
  font-size: 34px;
}
.searchResults .searchResult {
  padding: 24px 36px;
  background-color: #F4F7FA;
  margin: 1rem 0;
  border-radius: 4px;
}
.searchResults .searchResult h3 {
  white-space: initial;
}
@media only screen and (max-width: 767px) {
  .searchResults .searchResult {
    padding: 12px 18px;
  }
}

div.pageCount {
  text-align: center;
  margin: 2rem auto 0;
}

div.searchPager {
  margin: 1rem 0;
  text-align: center;
}
div.searchPager ul.pagination {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  box-sizing: border-box;
  justify-content: center;
}
div.searchPager ul.pagination > li {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  vertical-align: top;
  flex: 0 1 auto;
  width: auto;
}
div.searchPager ul.pagination li {
  margin-top: 0;
}
div.searchPager ul.pagination li.active a {
  color: #555555;
}

/* #endregion */
/****************************************************************************************************/
.svg-inline--fa {
  vertical-align: bottom !important;
}

/****************************************************************************************************/
/* Kendo Treeview (shared, general treeview styles) */
/* remember - these styles will affect ANY kendo treeview. So if you're making heavy changes then you probably want to target your specific treeview */
/****************************************************************************************************/
.k-treeview {
  padding: 0;
}
.k-treeview .k-item {
  color: inherit;
  position: relative;
  padding: 0;
  font-size: 1rem;
  border: none;
}
.k-treeview .k-item .k-icon {
  right: 5%;
  position: absolute;
  z-index: 3;
  width: 2em;
  height: 2em;
}
.k-treeview .k-item .k-icon:before {
  color: #fff;
  content: " ";
  font-size: 1rem;
}
.k-treeview .k-link {
  color: inherit;
  width: 100%;
  font-size: inherit;
  padding: 0;
  white-space: break-spaces;
}
.k-treeview .k-link.k-state-hover, .k-treeview .k-link.k-state-active, .k-treeview .k-link.k-state-selected, .k-treeview .k-link.k-state-focused {
  background: none !important;
  box-shadow: none;
  text-decoration: underline;
  text-underline-offset: 3px;
  color: #153156 !important;
}
.k-treeview:focus:focus-visible .k-state-focused {
  outline: 2px solid #EDC3AC;
  outline-offset: 0;
}
.k-treeview .k-item.level2 {
  padding-left: 48px;
}

/* #endregion */
/****************************************************************************************************/
/* #CF Default Menu */
/****************************************************************************************************/
/* CF Default Menu */
.mainNavWrapper {
  height: 100%;
}
.mainNavWrapper .mainNav:not(.k-menu) {
  display: none;
}
.mainNavWrapper :is(.mainNav, .k-menu) {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  height: 100%;
  align-items: flex-end;
  color: #153156;
  /* .k-animation-container {
      display: block !important;
      overflow: visible !important;

      .k-menu-group {
          display: block !important;
          transform: translateY(0) !important;
      }
  }*/
}
.mainNavWrapper :is(.mainNav, .k-menu) li.k-item.rootMenuItem {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.2px;
  color: #153156;
  order: 1;
  text-decoration: none;
  background-color: transparent;
  padding: 0;
}
.mainNavWrapper :is(.mainNav, .k-menu) li.k-item.rootMenuItem.k-state-focused {
  box-shadow: none;
}
.mainNavWrapper :is(.mainNav, .k-menu) li.k-item.rootMenuItem > a.k-link {
  font-size: 18px;
  color: #153156;
  font-weight: 500;
  text-decoration: none;
  padding: 12px 16px 8px 16px;
}
.mainNavWrapper :is(.mainNav, .k-menu) li.k-item.rootMenuItem > a.k-link span.k-icon {
  margin-left: 10px;
}
.mainNavWrapper :is(.mainNav, .k-menu) li.k-item.rootMenuItem > a.k-link.selected, .mainNavWrapper :is(.mainNav, .k-menu) li.k-item.rootMenuItem > a.k-link.childSelected {
  color: white;
  background-color: #153156;
  border-radius: 4px;
}
.mainNavWrapper :is(.mainNav, .k-menu) li.k-item.rootMenuItem > a.k-link.selected span.k-icon:before, .mainNavWrapper :is(.mainNav, .k-menu) li.k-item.rootMenuItem > a.k-link.childSelected span.k-icon:before {
  background-image: url(/CFImages/Icons/chevron-down-white.svg);
}
.mainNavWrapper :is(.mainNav, .k-menu) li.k-item.rootMenuItem:nth-last-of-type(-n+4) {
  order: 3;
}
.mainNavWrapper :is(.mainNav, .k-menu) li.k-item.rootMenuItem.k-state-hover > a.k-link, .mainNavWrapper :is(.mainNav, .k-menu) li.k-item.rootMenuItem.k-state-focus > a.k-link, .mainNavWrapper :is(.mainNav, .k-menu) li.k-item.rootMenuItem.k-state-active > a.k-link {
  color: white;
  background-color: #153156;
  border-radius: 4px;
}
.mainNavWrapper :is(.mainNav, .k-menu) li.k-item.rootMenuItem.k-state-hover > a.k-link span.k-icon:before, .mainNavWrapper :is(.mainNav, .k-menu) li.k-item.rootMenuItem.k-state-focus > a.k-link span.k-icon:before, .mainNavWrapper :is(.mainNav, .k-menu) li.k-item.rootMenuItem.k-state-active > a.k-link span.k-icon:before {
  background-image: url(/CFImages/Icons/chevron-down-white.svg);
}
.mainNavWrapper :is(.mainNav, .k-menu) li.k-item.rootMenuItem.homePageLink {
  order: 2;
  margin: 0;
  width: auto;
}
.mainNavWrapper :is(.mainNav, .k-menu) li.k-item.rootMenuItem.homePageLink a.logoLink {
  display: flex;
  background: none !important;
}
.mainNavWrapper :is(.mainNav, .k-menu) li.k-item.rootMenuItem.homePageLink a.logoLink img {
  min-width: 140px;
  max-width: 200px;
}
.mainNavWrapper :is(.mainNav, .k-menu) ul.k-menu-group {
  border-radius: 0;
  padding: 16px 24px;
  border: none;
  background-color: #E5ECF4;
  display: none;
  min-width: 200px;
  transition-duration: 50ms !important;
}
.mainNavWrapper :is(.mainNav, .k-menu) ul.k-menu-group li.k-item {
  order: 1 !important;
  padding: 0;
  background-color: #E5ECF4;
}
.mainNavWrapper :is(.mainNav, .k-menu) ul.k-menu-group li.k-item.k-state-focused {
  box-shadow: none;
}
.mainNavWrapper :is(.mainNav, .k-menu) ul.k-menu-group li.k-item a.k-link {
  padding: 8px 48px 8px 24px;
  margin: 4px 0;
  color: #153156;
  border-bottom: 1px solid transparent;
  background-color: #E5ECF4;
  font-size: 16px;
  font-weight: 500;
}
.mainNavWrapper :is(.mainNav, .k-menu) ul.k-menu-group li.k-item a.k-link:focus, .mainNavWrapper :is(.mainNav, .k-menu) ul.k-menu-group li.k-item a.k-link:hover, .mainNavWrapper :is(.mainNav, .k-menu) ul.k-menu-group li.k-item a.k-link:active {
  background-color: #E5ECF4;
  border-bottom: 1px solid #9BB8D3;
}
.mainNavWrapper :is(.mainNav, .k-menu) ul.k-menu-group li.k-item a.k-link:focus:after, .mainNavWrapper :is(.mainNav, .k-menu) ul.k-menu-group li.k-item a.k-link:hover:after, .mainNavWrapper :is(.mainNav, .k-menu) ul.k-menu-group li.k-item a.k-link:active:after {
  content: "";
  position: absolute;
  right: 12px;
  width: 16px;
  height: 16px;
  background-image: url("/CFImages/Icons/arrow-right.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 0.3s ease-out;
}
.mainNavWrapper :is(.mainNav, .k-menu) ul.k-menu-group li.k-item a.k-link span.k-icon {
  display: flex;
}
.mainNavWrapper :is(.mainNav, .k-menu) ul.k-menu-group li.k-item.indented a.k-link {
  padding: 6px 24px 6px 48px;
  color: #153156;
  border-bottom: none;
}
.mainNavWrapper :is(.mainNav, .k-menu) ul.k-menu-group li.k-item.indented a.k-link:focus, .mainNavWrapper :is(.mainNav, .k-menu) ul.k-menu-group li.k-item.indented a.k-link:hover {
  background-color: transparent;
  border-bottom: none;
}
.mainNavWrapper :is(.mainNav, .k-menu) ul.k-menu-group li.k-item.indented a.k-link span.k-icon {
  display: none;
}

/* #endregion */
/****************************************************************************************************/
/* #region Hamburger */
/****************************************************************************************************/
.hamburgerOuter {
  display: none;
}
.hamburgerOuter button.hamburger {
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
  border: none;
  padding: 0;
  margin: 0;
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear;
  min-height: 0;
  gap: 0;
  background-color: transparent;
  cursor: pointer;
}
.hamburgerOuter button.hamburger .hamburger-inner, .hamburgerOuter button.hamburger .hamburger-inner:after, .hamburgerOuter button.hamburger .hamburger-inner:before {
  position: absolute;
  width: 30px;
  height: 2px;
  transition-timing-function: ease;
  transition-duration: 0.15s;
  transition-property: transform;
  background-color: #153156;
}
.hamburgerOuter button.hamburger .hamburger-inner {
  top: 50%;
  left: 50%;
  display: block;
  transform: translate(-50%, -50%) rotate(0deg);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: 75ms;
}
.hamburgerOuter button.hamburger .hamburger-inner:before {
  top: -10px;
  transition: top 75ms ease 0.12s, opacity 75ms ease;
}
.hamburgerOuter button.hamburger .hamburger-inner:after {
  bottom: -10px;
}
.hamburgerOuter button.hamburger .hamburger-inner:after, .hamburgerOuter button.hamburger .hamburger-inner:before {
  display: block;
  content: "";
}
.hamburgerOuter button.hamburger.open {
  z-index: 10000;
}
.hamburgerOuter button.hamburger.open .hamburger-inner {
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate(-50%, -50%) rotate(45deg);
}
.hamburgerOuter button.hamburger.open .hamburger-inner:before {
  top: 0;
  transition: top 75ms ease, opacity 75ms ease 0.12s, color 75ms ease-in;
  opacity: 0;
}
.hamburgerOuter button.hamburger.open .hamburger-inner:after {
  bottom: 0;
  transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transform: rotate(-90deg);
}
.hamburgerOuter button.hamburger:hover {
  cursor: pointer;
}
.hamburgerOuter button.hamburger:hover .hamburger-inner, .hamburgerOuter button.hamburger:hover .hamburger-inner:after, .hamburgerOuter button.hamburger:hover .hamburger-inner:before {
  background-color: #9BB8D3;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Mobile Menu */
/****************************************************************************************************/
/* sometimes a duplicate of the header, sometimes just a container for the mobile nav */
.mobileHeader {
  position: fixed;
  z-index: 1000;
}
.mobileHeader.withNavOpen nav.mobileNav .k-treeview .logoLink {
  display: none;
}

/* tweak other elements when the mobile nav is open */
body.withNavOpen #header {
  top: 0;
  left: 0;
  right: 0;
  bottom: initial;
  position: fixed;
}
body.withNavOpen #header .topHeader {
  position: relative;
  background-color: white;
  padding-bottom: 20px;
  z-index: 9999;
}

/* the mobile nav menu */
nav.mobileNav {
  top: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: fixed;
  padding: calc(var(--header-height) + 1.5rem) 1.5rem 4rem 1.5rem;
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 100vh;
  transform: translateX(100%);
  transition: all 0.2s ease, font-size 0s linear, padding 0s linear, margin 0s linear, outline 0s linear, visibility linear 0s;
  visibility: hidden;
  background-color: #E5ECF4;
}
nav.mobileNav.open {
  transform: translateX(0%);
  visibility: visible;
}
nav.mobileNav .k-treeview {
  color: #153156;
  height: 100%;
}
nav.mobileNav .k-treeview .logoLink img {
  max-width: 100%;
  margin-bottom: 1rem;
}

/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Sitemap */
/****************************************************************************************************/
/*nav {
    ul.siteMapComplete {
        padding-left: 2em;

        li {
            padding: 0.35em 0 0 0.25em;
            list-style-type: disc;
            text-transform: none;
        }

        li.rootMenuItem {
            list-style-type: square;
            text-transform: uppercase;

            ul {
                padding-left: 2em;
            }

            ul.level2 {
                padding-left: 4em;
            }

            ul.level3 {
                padding-left: 6em;
            }

            ul.level4 {
                padding-left: 8em;
            }
        }

        li.reset {
            padding: 0;
            margin: 0;
            list-style-type: none;
        }

        li a.toggleAction.button {
            margin: 0.5em 0 0 0;
        }
        // FAQ Toggle
        li a.toggleAction.withPlusMinus {
            .openIcon {
                display: inline-block;
            }

            .closeIcon {
                display: none;
            }
        }
        // Active FAQ Toggle
        li.active {
            a.toggleAction.withPlusMinus {
                .openIcon {
                    display: none;
                }

                .closeIcon {
                    display: inline-block;
                }
            }
        }

        div.toggleContent {
            display: none;

            &.active {
                display: block;
            }
        }
    }
}*/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Tabs / Tabstrip */
/****************************************************************************************************/
.tabstrip {
  display: none;
}

.tabstrip.k-widget {
  display: block;
}
.tabstrip.k-widget .button .k-flat {
  display: none;
}
.tabstrip.k-widget.k-tabstrip {
  background: none;
  border: none;
  font-size: inherit;
  padding-top: 1rem;
}
.tabstrip.k-widget.k-tabstrip .k-tabstrip-items {
  border: none;
  background: none;
  text-transform: uppercase;
}
.tabstrip.k-widget.k-tabstrip .k-tabstrip-items .k-item {
  border: none;
  background: none;
  border-radius: 0;
}
.tabstrip.k-widget.k-tabstrip .k-tabstrip-items .k-item .k-loading {
  border: none;
}
.tabstrip.k-widget.k-tabstrip .k-tabstrip-items .k-item .k-link {
  color: #EDC3AC;
  padding: 0 2rem 0;
  font-size: 1.4rem;
  background: none;
  text-transform: none;
  border-right: solid 1px #EDC3AC;
}
.tabstrip.k-widget.k-tabstrip .k-tabstrip-items .k-item.k-first .k-link {
  padding-left: 0;
}
.tabstrip.k-widget.k-tabstrip .k-tabstrip-items .k-item.k-last .k-link {
  border: none;
}
.tabstrip.k-widget.k-tabstrip .k-tabstrip-items .k-item.k-state-active .k-link {
  color: #fff;
}
.tabstrip.k-widget.k-tabstrip .k-tabstrip-items .k-item.k-state-hover .k-link {
  opacity: 0.8;
}
.tabstrip.k-widget.k-tabstrip .k-tabstrip-items .k-item:active .k-link {
  color: #fff;
}
.tabstrip.k-widget.k-tabstrip:focus {
  box-shadow: none;
}
.tabstrip.k-widget.k-tabstrip:focus:focus-visible {
  outline: 2px solid #EDC3AC;
  outline-color: #A3A3A3;
  outline-style: dashed;
}
.tabstrip.k-widget.k-tabstrip:focus:focus-visible .k-item.k-state-active {
  outline: 2px solid #EDC3AC;
}
.tabstrip.k-widget.k-tabstrip .k-content {
  border: none;
  padding: 0;
  background-color: transparent;
  overflow: hidden;
}
.tabstrip.k-widget.k-tabstrip .k-content.k-state-active {
  background-color: transparent;
}
.tabstrip.k-widget.k-tabstrip .k-content:focus {
  outline: none;
}
.tabstrip.k-widget.k-tabstrip .k-content:focus:focus-visible {
  outline: 2px solid #EDC3AC;
  outline-offset: 0;
}

/* #endregion */
/****************************************************************************************************/
/**********************************************************************************************************************/
/* #region Kendo Panelbar overrides */
/**********************************************************************************************************************/
.k-panelbar {
  --offsetPadding: 2rem;
  color: inherit;
  background: transparent;
}
.k-panelbar .panelbarItem.k-item {
  color: inherit;
  border-top: 1px solid #9BB8D3;
  padding: 0;
}
.k-panelbar .panelbarItem.k-item span.k-link {
  display: grid;
  grid-template-columns: 1fr 50px;
  padding: 1rem var(--offsetPadding);
  align-items: center;
}
.k-panelbar .panelbarItem.k-item span.k-link .k-panelbar-item-text {
  display: flex;
  margin: 0;
  padding: 0;
}
.k-panelbar .panelbarItem.k-item span.k-link .k-panelbar-item-text h2, .k-panelbar .panelbarItem.k-item span.k-link .k-panelbar-item-text h3 {
  margin: 0;
  font-size: clamp(22px, 7.5639097744px + 0.0187969925 * 100vw, 32px);
}
.k-panelbar .panelbarItem.k-item span.k-link .k-icon {
  width: 48px;
  height: 48px;
}
.k-panelbar .panelbarItem.k-item span.k-link .k-icon:before {
  background-size: 28px auto;
}
.k-panelbar .panelbarItem.k-item span.k-link .k-icon.k-panelbar-expand:before {
  background-image: url(/CFImages/Icons/plus.svg);
}
.k-panelbar .panelbarItem.k-item span.k-link .k-icon.k-panelbar-collapse:before {
  background-image: url(/CFImages/Icons/minus.svg);
}
.k-panelbar .panelbarItem.k-item span.k-link.k-state-selected {
  background: transparent;
  position: relative;
}
.k-panelbar .panelbarItem.k-item span.k-link.k-state-selected:hover {
  background: transparent;
}
.k-panelbar .panelbarItem.k-item span.k-link.k-state-selected .title {
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 767px) {
  .k-panelbar .panelbarItem.k-item span.k-link.k-state-selected:before {
    content: " ";
    position: absolute;
    inset: 0 -100vw;
    background: rgba(255, 255, 255, 0.1);
  }
  .k-panelbar .panelbarItem.k-item span.k-link.k-state-selected .title {
    background: transparent;
  }
}
.k-panelbar .panelbarItem.k-item span.k-link.k-state-hover {
  background: transparent;
}
.k-panelbar .panelbarItem.k-item .k-content {
  padding: 1.4rem var(--offsetPadding) 1.4rem var(--offsetPadding);
  color: inherit;
}
.k-panelbar .panelbarItem.k-item .k-content h3 {
  font-size: clamp(18px, 9.3383458647px + 0.0112781955 * 100vw, 24px);
}
.k-panelbar .panelbarItem.k-item .k-content :first-child {
  margin-top: 0;
}

@media only screen and (max-width: 1024px) {
  .withOffset .k-panelbar {
    --offsetPadding: 0;
  }
}

/* #endregion */
/* 
Media queries for tablet and mobile (general guidelines for breakpoints globally set in the _variables file) 
Mobile ($S_Max)   Tablet ($M_Min and $M_Max)  Small Desktop ($L_Min and $L_Max)  Large Desktop ($XL_Min - This is the standard for all styles)
*/
/* Variables Section*/
@media (max-width: 1299px) {
  :root {
    --containerPadding: 3rem;
  }
}
@media (max-width: 1160px) {
  :root {
    --header-height: 128px;
  }
}
@media (max-width: 1024px) {
  :root {
    --containerPadding: 2rem;
    --paddingAndMarginSize: 2rem;
    --topper-height: 300px;
    --paddingForLines: 0;
    --number-size: 9rem;
  }
}
@media (max-width: 767px) {
  :root {
    --topper-height: 150px;
    --header-height: 140px;
  }
}
/* Large Desktop (switch between simple and mobile nav) */
/* Small Desktop (switch between simple and mobile nav) */
@media only screen and (max-width: 1299px) {
  .homeSlideshow.splide .splide__arrows {
    display: none;
  }
  .homeSlideshow.splide .splide__slide {
    min-height: 480px;
  }
  .homeSlideshow.splide .splide__slide .cardContent {
    max-width: 100%;
    padding: 24px 24px 150px 24px;
  }

  .detailView.teammember .bioTopContent .container {
    grid-template-columns: 1fr 550px;
  }
  .detailView.teammember .bioTopContent .bioPhotoWrapper {
    max-width: 550px;
  }

  .siteFooter {
    font-size: 14px;
  }
  .siteFooter .mainFooter {
    font-size: 14px;
  }
  .siteFooter .mainFooter .mainFooterGrid .mainFooterLeft .listView.offices {
    font-size: 14px;
  }
  .siteFooter .mainFooter .mainFooterGrid .mainFooterLeft .listView.offices li .cardView.office.simple {
    font-size: 14px;
  }
  .siteFooter .mainFooter .mainFooterGrid .mainFooterRight .siteFooterGrid {
    /*.siteFooterColumn:last-of-type {
        nav.topLevelSimple {
            ul {
                flex-direction: row;
            }
        }
    }*/
  }
  .siteFooter .mainFooter .mainFooterGrid .mainFooterRight .siteFooterGrid .siteFooterColumn nav.topLevelSimple ul li a {
    font-size: 14px;
  }
  .siteFooter .mainFooter .mainFooterGrid .mainFooterRight .siteFooterGrid:last-of-type {
    grid-template-columns: 2fr 3fr;
  }
  .siteFooter .mainFooter .mainFooterGrid .mainFooterRight .siteFooterGrid:last-of-type .siteFooterColumn p {
    font-size: 14px;
  }
  .siteFooter .mainFooter .mainFooterGrid .mainFooterRight .siteFooterGrid:last-of-type .cmsContent a.button.outline {
    font-size: 14px !important;
  }
  .siteFooter .mainFooter .languageAndLegalGrid .leftSide a, .siteFooter .mainFooter .languageAndLegalGrid .rightSide a {
    font-size: 14px;
  }

  .featuredGrid > .container:not(.lines) {
    padding-left: 2rem;
    padding-right: 3rem;
    gap: 2rem;
  }

  .featuredGrid.withPhoto.reversed.noPadLeft div.content {
    padding-left: 1rem;
  }

  .lineVariation2 .yellow-lines, .lineVariation3 .yellow-lines, .lineVariation3b .yellow-lines, .lineVariation4VerticalOnly .yellow-lines, .lineVariation4:not(.footerLines) .yellow-lines {
    display: none;
  }

  .lineVariation3, .lineVariationBlueOnlyReverse {
    min-height: 0;
  }
  .lineVariation3 > .container:not(.lines), .lineVariationBlueOnlyReverse > .container:not(.lines) {
    padding-top: var(--externalFeaturedContainerPadding);
  }

  .lineVariation4.footerLines .container.lines {
    bottom: calc(-23rem - var(--pb-main-content));
  }
}
@media only screen and (max-width: 1160px) {
  #header {
    padding-bottom: 0;
  }
  #header .mainNavWrapper {
    display: none !important;
  }
  #header .topHeader .hamburgerOuter {
    display: flex !important;
    position: absolute;
    right: 1rem;
    top: 4rem;
    z-index: 5;
  }
  #header .topHeader .mobileOnly.logo {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding-top: 0px;
  }
  #header .topHeader .mobileOnly.logo a img {
    width: 180px;
  }
  #header .header {
    display: none;
    height: 0;
    width: 0;
    padding: 0;
  }
  #header .searchOuter a.searchShow {
    top: 8px;
  }

  .k-treeview .k-item {
    font-size: 1.6rem;
  }

  .lineVariation4.footerLines .container.lines {
    bottom: calc(-27rem - var(--pb-main-content));
  }
}
/* Tablet */
@media only screen and (max-width: 1024px) {
  .topperSection .topperContent {
    padding: 4.5rem 0 2rem 0;
  }

  .gridCols.threeCol {
    --column-count: 1;
  }

  body.detailPage.teamdetail .popup_wrapper {
    left: initial !important;
    right: 2rem !important;
  }

  .detailView.teammember .bioTopContent {
    padding-top: 10px;
  }
  .detailView.teammember .bioTopContent .container {
    display: flex;
    grid-template-columns: initial;
    flex-direction: column-reverse;
  }
  .detailView.teammember .bioTopContent .padRightOnMobile {
    padding-right: 2rem;
    position: relative;
  }
  .detailView.teammember .bioTopContent div.iconGroup {
    margin-bottom: 0;
    position: absolute;
    right: 0;
    top: 1rem;
  }
  .detailView.teammember .bioTopContent div.iconGroup .printAndShare {
    font-size: 1.5rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
  }
  .detailView.teammember .bioTopContent div.iconGroup .printAndShare a {
    margin-right: 0;
  }
  .detailView.teammember .bioTopContent .bioContact {
    display: flex;
    padding-top: 2rem;
  }
  .detailView.teammember .bioTopContent .bioContact .officesOuter {
    margin-bottom: 16px;
  }
  .detailView.teammember .bioTopContent .bioPhotoWrapper {
    margin-top: 1.25rem;
    background: #E8EBEF;
    border-radius: 4px;
    align-items: center;
    max-width: 100%;
  }
  .detailView.teammember .bioTopContent .bioPhotoWrapper .imgWrapper {
    max-width: 400px;
  }

  blockquote {
    margin: 20px auto;
    padding: 30px 30px;
    border-left: 4px solid #153156;
    font-size: 16px;
  }
  blockquote:before {
    left: 0;
    top: -15px;
  }
  blockquote p:first-of-type {
    font-size: 20px;
  }

  .keywordSearchWrapper:after {
    top: 15px;
  }

  /* Testimonial CardView */
  .cardView.testimonial {
    border-left: 4px solid #153156;
  }
  .cardView.testimonial .cardContent {
    padding: 30px 30px;
  }
  .cardView.testimonial .cardContent .testimonialQuote {
    font-size: 16px;
  }
  .cardView.testimonial .cardContent .testimonialQuote p {
    color: #153156;
    font-size: 20px;
    font-weight: 400;
  }
  .cardView.testimonial .cardContent .testimonialQuote:before {
    left: 0;
    top: -15px;
  }
  .cardView.testimonial .cardContent cite.testimonialSource {
    font-size: 16px;
  }

  .featuredGrid {
    position: relative;
    --internalFeaturedPadding: 0;
  }
  .featuredGrid .container {
    display: flex;
    flex-direction: column;
    grid-template-columns: initial;
  }
  .featuredGrid.withPhoto div.photo, .featuredGrid.withPhoto.reversed div.photo {
    justify-content: center;
  }
  .featuredGrid.withPhoto.noPhotoOnMobile, .featuredGrid.withPhoto.reversed.noPhotoOnMobile {
    display: none !important;
  }
  .featuredGrid.oneCol .container .content img {
    max-width: 100%;
    margin-bottom: 1rem;
  }

  .featuredRanking {
    width: calc(100% - 15%);
    padding: 3rem 2rem;
  }

  .lines.container {
    display: none !important;
  }

  .homePage .featuredGrid.stayAheadOuter .content .listView.insights {
    padding-left: 0;
  }

  .featuredGrid:not(.blueFeature) {
    padding: 2rem 0 !important;
    --top--inset: 0 0 !important;
  }
  .featuredGrid:not(.blueFeature) .container {
    padding: 0 !important;
  }
  .featuredGrid:not(.blueFeature) .container .content, .featuredGrid:not(.blueFeature) .container .photo {
    padding: 0 !important;
  }
  .featuredGrid:not(.blueFeature) .container .content .sfContentBlock, .featuredGrid:not(.blueFeature) .container .photo .sfContentBlock {
    padding: 0 !important;
  }
  .featuredGrid:not(.blueFeature).noPadTop {
    padding-top: 0 !important;
  }

  .featuredGrid.blueFeature {
    padding: 2rem 0 !important;
  }
  .featuredGrid.blueFeature .container {
    padding: 0 !important;
  }
  .featuredGrid.blueFeature .container .content {
    padding: 2.5rem 2rem;
  }

  .featuredGrid.withPhoto.reversed .container:not(.lines) {
    display: flex;
    flex-direction: column-reverse;
  }

  body:has(.footerLines) .siteFooter .mainFooter .mainFooterGrid, body:has(.footerLines) .siteFooter .mainFooter .languageAndLegalGrid {
    padding-left: 0;
  }
  body:has(.footerLines) .siteFooter .mainFooter {
    padding: 3rem 0;
  }
  body:has(.footerLines) .siteFooter .mainFooter .footerLogo {
    display: flex;
  }

  .siteFooter {
    font-size: 14px;
  }
  .siteFooter .mainFooter {
    padding: 1rem 0;
    font-size: 14px;
  }
  .siteFooter .mainFooter .mainFooterGrid .mainFooterLeft {
    padding-bottom: 36px;
  }
  .siteFooter .mainFooter .mainFooterGrid .mainFooterLeft .listView.offices {
    column-gap: 18px;
    font-size: 14px;
  }
  .siteFooter .mainFooter .mainFooterGrid .mainFooterLeft .listView.offices li .cardView.office.simple {
    font-size: 14px;
  }
  .siteFooter .mainFooter .mainFooterGrid .mainFooterRight .siteFooterGrid {
    gap: 20px;
    grid-template-columns: 1fr 1fr;
  }
  .siteFooter .mainFooter .mainFooterGrid .mainFooterRight .siteFooterGrid .siteFooterColumn nav.topLevelSimple ul li a {
    font-size: 14px;
  }
  .siteFooter .mainFooter .mainFooterGrid .mainFooterRight .siteFooterGrid:last-of-type {
    margin: 24px 0;
    grid-template-columns: 1fr 2fr;
  }
  .siteFooter .mainFooter .mainFooterGrid .mainFooterRight .siteFooterGrid:last-of-type .siteFooterColumn p {
    font-size: 14px;
  }
  .siteFooter .mainFooter .mainFooterGrid .mainFooterRight .siteFooterGrid:last-of-type .siteFooterColumn:last-of-type {
    text-align: right;
  }
  .siteFooter .mainFooter .mainFooterGrid .mainFooterRight .siteFooterGrid:last-of-type .cmsContent a.button.outline {
    font-size: 14px !important;
  }
  .siteFooter .mainFooter .languageAndLegalGrid {
    margin: 24px 0;
  }
  .siteFooter .mainFooter .languageAndLegalGrid .leftSide, .siteFooter .mainFooter .languageAndLegalGrid .rightSide {
    align-items: flex-start;
  }
  .siteFooter .mainFooter .languageAndLegalGrid .leftSide a, .siteFooter .mainFooter .languageAndLegalGrid .rightSide a {
    font-size: 14px;
  }
}
/* Mobile Only */
@media only screen and (max-width: 767px) {
  #header .topHeader .topHeaderGrid .topHeaderGridRight .subscribeOuter {
    display: none;
  }

  #toggleFiltersButton {
    display: inline-flex;
    margin-bottom: 1rem;
  }

  .advancedFiltersContainer {
    display: none;
  }
  .advancedFiltersContainer.active {
    display: flex;
  }

  .cardView.career {
    grid-template-columns: 1fr;
    padding: 18px;
  }
  .cardView.career .left h3 {
    margin-top: 0;
  }
  .cardView.career .right {
    justify-content: flex-start;
  }

  .cardView.featurelink {
    padding: 24px 24px 36px 24px;
    min-height: initial;
  }

  .homeSlideshow.splide .splide__arrows {
    display: none;
  }
  .homeSlideshow.splide .splide__slide .cardContent {
    padding: 24px 24px 100px 24px;
  }
  .homeSlideshow.splide .splide__slide .cardContent span.topperTitle {
    font-size: 32px;
    margin: 12px 0;
  }
  .homeSlideshow.splide .splide__slide .cardContent a.button.primary {
    font-size: 16px !important;
  }
  .homeSlideshow.splide ul.splide__pagination {
    padding-left: 24px;
  }

  .siteFooter .mainFooter {
    font-size: 12px;
  }
  .siteFooter .mainFooter .mainFooterGrid .mainFooterLeft .listView.offices {
    font-size: 12px;
  }
  .siteFooter .mainFooter .mainFooterGrid .mainFooterLeft .listView.offices li .cardView.office.simple {
    font-size: 12px;
  }
  .siteFooter .mainFooter .mainFooterGrid .mainFooterRight .siteFooterGrid .siteFooterColumn nav.topLevelSimple ul li a {
    font-size: 12px;
  }
  .siteFooter .mainFooter .mainFooterGrid .mainFooterRight .siteFooterGrid:last-of-type .siteFooterColumn p {
    font-size: 12px;
  }
  .siteFooter .mainFooter .mainFooterGrid .mainFooterRight .siteFooterGrid:last-of-type .cmsContent a.button.outline {
    font-size: 12px !important;
  }
  .siteFooter .mainFooter .languageAndLegalGrid .leftSide a, .siteFooter .mainFooter .languageAndLegalGrid .rightSide a {
    font-size: 12px;
  }
  .siteFooter .mainFooter .footerLogo img {
    width: 225px;
  }
  .siteFooter .copyrightFooter .container .cmsContent {
    font-size: 12px;
  }
}
/* XS Mobile Only */
/*  new colour #E8EBEF*/
/* ### Bullets */
/* XXS Mobile (min width) */
/* XS Mobile (min width) */
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (max width) */
/* Mobile (max width) */
/* Tablets (min width) */
/* Tablets (max width) */
/* Small Desktop  (min width) */
/* Small Desktop (max width) */
/* Large Desktop (min width) */
/* Large Desktop (max width) */
/* Extra-Large Desktop (min width) */
/* Extra-Large Desktop (max width) */
/* High Definition (HD) - THIS IS THE LEVEL OF OUR DEFAULT STYLES */
/* Containers - PLEASE USE REMS */
/* Container Padding */
/* Whitespace */
/* font-sizes */
/* Base unit used for spacing gutters */
/* Buttons */
@media print {
  .noPrint {
    display: none;
  }

  .printOnly {
    display: block;
    height: auto;
    width: auto;
  }

  a[href]:after {
    content: none !important;
  }

  /* Hide these elements */
  .topHeader {
    display: none !important;
  }

  .mobile,
.topHeader,
header nav,
header .search,
footer,
video, audio, object, embed {
    display: none !important;
    height: 0 !important;
  }

  header .header.stuck {
    position: relative !important;
  }

  img {
    max-width: 100%;
  }

  @page {
    margin: 0.5cm;
  }
  body {
    line-height: 1.5;
  }

  h1 {
    font-size: 21pt;
  }

  h2 {
    font-size: 15pt;
    margin-top: 25px;
  }

  h3 {
    font-size: 13pt;
    margin-top: 20px;
  }

  p a {
    color: black;
    word-wrap: break-word;
  }
  p a:after {
    content: " " attr(href) ")";
  }
  p a[href^="#"]:after {
    display: none;
  }
  p a[href^="http://"]:after, p a a[href^="https://"]:after {
    content: " (" attr(href) ")";
  }

  .pageTopper {
    min-height: 0;
  }
  .pageTopper .topperImage {
    display: none;
  }

  .filteredContent .filtersContainer, .filteredContent #loadingIndicator, .filteredContent #loadMoreContainer {
    display: none !important;
  }

  .viewMoreOuter {
    display: none;
  }
}
/* ############## PRINTABLE PDF STYLES ############### */
.printWrapper {
  background-color: #fff;
  font-size: 14px;
  font-family: "elza", sans-serif;
  /*.h3, .cmsContent.highlightFirstElement > :first-child {
      font-size: 1.1rem !important;
  }*/
  /* Shared List views and cards */
  /* Two Column Table */
  /* bottom table (for resource etc) */
  /* ##### CARDS Sections #####*/
  /* ##### DETAIL VIEWS #### */
  /* ##### Team Bio Specific Styles*/
}
.printWrapper a {
  color: #153156;
}
.printWrapper .cmsContent {
  color: #33383E;
}
.printWrapper .cmsContent a {
  color: #153156;
}
.printWrapper .cmsContent p {
  font-size: 14px;
  line-height: 1.4;
}
.printWrapper .cmsContent ul li {
  margin: 0;
  padding: 4px 0 0 20px;
  line-height: 1.4;
  word-break: break-word;
}
.printWrapper .cmsContent ul li:before {
  height: 1rem;
  background-size: 4px auto;
}
.printWrapper table {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  border-collapse: inherit;
  border-spacing: 0;
  border-color: inherit;
  vertical-align: inherit;
  text-align: left;
  font-weight: inherit;
}
.printWrapper table tr td {
  vertical-align: top;
}
.printWrapper table tr td.alignBottom {
  vertical-align: bottom;
}
.printWrapper table tr td.alignMiddle {
  vertical-align: middle;
}
.printWrapper .cmsContent p, .printWrapper .cmsContent li {
  font-size: 14px;
  line-height: 1.1rem;
}
.printWrapper h1, .printWrapper h2, .printWrapper h3, .printWrapper h4, .printWrapper h5 {
  text-align: left;
  color: inherit;
}
.printWrapper .avoidPageBreak {
  page-break-inside: avoid;
}
.printWrapper .container {
  width: 100%;
  padding: 0;
  margin: 0;
  max-width: 100% !important;
}
.printWrapper .paddedWithMargin {
  padding: 0.5rem 2rem 2rem;
  margin: 1.5rem 0;
}
.printWrapper .baseFont {
  font-family: "elza", sans-serif;
}
.printWrapper .viewAllMoreWrapper {
  display: none;
}
.printWrapper .listView {
  display: block;
  gap: initial;
  margin-bottom: 0;
}
.printWrapper .mainContent {
  padding: 0 2rem 0 0rem;
}
.printWrapper table.mainGrid tr td {
  vertical-align: top;
  border: none;
  border-spacing: 0px;
}
.printWrapper table.mainGrid .sideContent {
  padding: 0 0 1rem 0;
}
.printWrapper table.mainGrid .sideContent h2 {
  font-size: 20px;
  margin-bottom: 1.5rem;
}
.printWrapper table.fullGrid {
  width: 100%;
}
.printWrapper .detailView {
  margin-top: 40px;
  /* Ranking CardView */
}
.printWrapper .detailView h2 {
  font-size: 22px;
  padding-bottom: 0;
  break-inside: avoid;
  margin: 2rem 0 0.75rem;
}
.printWrapper .detailView h2:after {
  content: "";
  display: block;
  height: 120px;
  position: relative;
  margin-bottom: -120px;
}
.printWrapper .detailView h3 {
  font-size: 16px;
  padding-bottom: 0;
  break-inside: avoid;
  margin: 1rem 0 0.75rem;
}
.printWrapper .detailView .sideColumnLayout {
  margin: 40px 0 0 0;
}
.printWrapper .detailView .sideColumnLayout .mainContent {
  width: 100%;
  padding-right: 36px;
}
.printWrapper .detailView .sideColumnLayout .sideContent {
  width: 100%;
}
.printWrapper .detailView .sideColumnLayout .sideContent .sideContentInner {
  padding: 20px;
}
.printWrapper .detailView .sideColumnLayout .sideContent .sideContentInner h2 {
  color: #153156;
  line-height: 1.2;
}
.printWrapper .detailView .sideColumnLayout .sideContent .sideContentInner .renderAsUl.listView {
  margin: 0 0 20px 0;
}
.printWrapper .detailView .sideColumnLayout .sideContent .cmsContent {
  margin-top: 0.5rem;
  color: #153156;
}
.printWrapper .detailView .sideColumnLayout .sideContent .cmsContent ul li {
  margin: 0;
  padding: 3px 0 0 16px;
}
.printWrapper .detailView .sideColumnLayout .sideContent h3 {
  margin-top: 0;
  color: #153156;
}
.printWrapper .detailView .cardView.pdfranking {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
.printWrapper .detailView .cardView.pdfranking .line1 {
  font-size: 16px;
}
.printWrapper .detailView .cardView.pdfranking .line1 span.rankingPublisher {
  font-weight: 700;
  display: block;
}
.printWrapper .detailView .cardView.pdfranking .line1 span.awardSpecifics {
  font-weight: 300;
}
.printWrapper .detailView .cardView.pdfranking .line2.related {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.printWrapper .detailView .cardView.pdfranking .line2.related .listView.related.simple {
  display: flex;
  gap: 0.5rem;
}
.printWrapper .detailView .cardView.pdfranking .line2.related .listView.related.simple span {
  position: relative;
  font-size: 12px;
  font-weight: 300;
}
.printWrapper .detailView .cardView.pdfranking .line2.related .listView.related.simple span:not(:last-child) {
  margin-right: 0.5rem;
}
.printWrapper .detailView .cardView.pdfranking span.yearAwarded {
  display: block;
  font-weight: 700;
}
.printWrapper .detailView .cardView.pdfranking:after {
  content: "";
  display: block;
  height: 120px;
  position: relative;
  margin-bottom: -120px;
}
.printWrapper .detailView .listView.related.insights {
  display: block;
  grid-template-columns: initial;
  --card--width: 100%;
  width: 100%;
}
.printWrapper .detailView .listView.related.insights .cardView.insight {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.printWrapper .detailView .listView.related.insights .cardView.insight .cardContent {
  padding: 0;
  color: #33383E;
}
.printWrapper .detailView .listView.related.insights .cardView.insight .cardContent h3 {
  font-weight: 700;
  font-size: 16px;
  margin: 0;
  line-height: 1.2;
}
.printWrapper .detailView .listView.related.insights .cardView.insight .cardContent a {
  color: #33383E;
}
.printWrapper .detailView .listView.related.insights .cardView.insight .cardContent span.subtitle {
  font-weight: 400;
  font-size: 14px;
  margin: 0;
  color: #33383E;
}
.printWrapper .detailView .listView.related.insights .cardView.insight .cardContent span.bioText {
  font-weight: 300;
}
.printWrapper .detailView .listView.related.insights .cardView.insight .cardContent .bottom {
  font-size: 12px;
  font-weight: 300;
  margin: 0 0 0.75rem 0;
}
.printWrapper .detailView .listView.related.insights .cardView.insight .cardContent .bottom .dates, .printWrapper .detailView .listView.related.insights .cardView.insight .cardContent .bottom .contentTypeLabels {
  font-size: inherit;
}
.printWrapper .detailView .listView.related.insights .cardView.insight .cardContent .bottom .dates + .contentTypeLabels {
  border-left: none;
  padding: 0;
}
.printWrapper .detailView .listView.related.insights .cardView.insight:after {
  content: "";
  display: block;
  height: 80px;
  position: relative;
  margin-bottom: -80px;
}
.printWrapper .detailView.teammember .bioTopContent {
  margin-bottom: 1rem;
  /* top table (for contact and image) */
}
.printWrapper .detailView.teammember .bioTopContent table.topGrid .bioContact {
  position: relative;
  font-size: 1rem;
  height: 100%;
  width: 100%;
  padding: 1rem 0 1.5rem 2rem;
}
.printWrapper .detailView.teammember .bioTopContent table.topGrid .bioContact .nameDesignationsPronunciation h1 {
  font-size: 30px;
  margin: 0;
}
.printWrapper .detailView.teammember .bioTopContent table.topGrid .bioContact h3.position {
  font-size: 16px;
  margin: 15px 0 40px 0;
}
.printWrapper .detailView.teammember .bioTopContent table.topGrid div.iconGroup {
  margin-bottom: 24px;
}
.printWrapper .detailView.teammember .bioTopContent table.topGrid span.asteriskText {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.14;
}
.printWrapper .detailView.teammember .bioTopContent table.topGrid .bioPhotoWrapper {
  margin: 0;
  overflow: hidden;
  background: none;
  border-radius: 0;
}
.printWrapper .detailView.teammember .bioTopContent table.topGrid .bioPhotoWrapper .imgWrapper {
  padding: 0;
  max-width: 100%;
}
.printWrapper .detailView.insight .topperSection .container .topperContent, .printWrapper .detailView.expertiseandsector .topperSection .container .topperContent {
  padding: 2rem 0 2rem 2rem;
}
.printWrapper .detailView.insight .sideColumnLayout .sideContent .sideContentInner .listView.related.teammembers.keycontacts .cardView.teammember, .printWrapper .detailView.expertiseandsector .sideColumnLayout .sideContent .sideContentInner .listView.related.teammembers.keycontacts .cardView.teammember {
  grid-template-columns: 1fr;
}
.printWrapper .detailView.insight .sideColumnLayout .sideContent .sideContentInner .listView.related.teammembers.keycontacts .cardView.teammember .imgWrapper, .printWrapper .detailView.expertiseandsector .sideColumnLayout .sideContent .sideContentInner .listView.related.teammembers.keycontacts .cardView.teammember .imgWrapper {
  width: 120px;
}
.printWrapper .detailView.insight .sideColumnLayout .sideContent .sideContentInner .listView.related.teammembers.keycontacts .cardView.teammember .cardContent h3, .printWrapper .detailView.expertiseandsector .sideColumnLayout .sideContent .sideContentInner .listView.related.teammembers.keycontacts .cardView.teammember .cardContent h3 {
  font-size: 14px;
  margin: 0 0 3px 0;
}
.printWrapper .detailView.insight .sideColumnLayout .sideContent .sideContentInner .listView.related.teammembers.keycontacts .cardView.teammember .cardContent .contactInfo li, .printWrapper .detailView.expertiseandsector .sideColumnLayout .sideContent .sideContentInner .listView.related.teammembers.keycontacts .cardView.teammember .cardContent .contactInfo li {
  font-size: 12px;
}
.printWrapper .detailView.insight .sideColumnLayout .sideContent .sideContentInner .viewAllMoreWrapper, .printWrapper .detailView.expertiseandsector .sideColumnLayout .sideContent .sideContentInner .viewAllMoreWrapper {
  display: none;
}
.printWrapper .detailView.insight .expertiseOuter a, .printWrapper .detailView.expertiseandsector .expertiseOuter a {
  color: #33383E;
}
.printWrapper .detailView.insight .topperSection .topperContent .contentTypeLabels {
  color: white;
}
.printWrapper .detailView.insight .topperSection .topperContent .contentTypeLabels a {
  color: white;
}
.printWrapper .detailView.insight .sideColumnLayout .sideContent .sideContentInner .listView.related.teammembers.keycontacts .cardView.teammember .imgWrapper {
  display: none;
}

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