/*!**********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/css/main.css ***!
  \**********************************************************************************************************************************************************************/
  *, ::before, ::after{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(147, 197, 253, 0.5);
    --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
    --tw-ring-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow-colored: 0 0 rgba(0,0,0,0);
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
  }
  
  ::-webkit-backdrop{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(147, 197, 253, 0.5);
    --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
    --tw-ring-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow-colored: 0 0 rgba(0,0,0,0);
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
  }
  
  ::backdrop{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(147, 197, 253, 0.5);
    --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
    --tw-ring-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow-colored: 0 0 rgba(0,0,0,0);
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
  }
  
  /* utilities */
  
  /* custom media queries */
  
  /* custom selectors */
  
  :root {
    /* colors */
  
    /* misc */
    --transition: 250ms ease;
    --shadow: 0 15px 20px 0 rgba(0,0,0,0.50);
    --shadow-light: 0px 3px 15px rgba(0, 0, 0, 0.1);
    --transparent: rgba(255, 255, 255, 0);
  
    /* layout */
    --gap: 2rem;
    --gutter: var(--space-xl);
  
    --font-light: 300;
    --font-semibold: 600;
    --font-bold: 700;
    --font-black: 800;
  
  
    /* fonts */
    --sans-serif: 'Whyte', serif;
    --serif: 'Arizona', sans-serif;
  
    /* @link https://utopia.fyi/space/calculator?c=320,14,1.2,1140,16,1.5,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l */
    --space-3xs: max(0.25rem, min(calc(0.25rem + 0.00vw), 0.25rem));
    --space-2xs: max(0.44rem, min(calc(0.41rem + 0.12vw), 0.50rem));
    --space-xs: max(0.69rem, min(calc(0.66rem + 0.12vw), 0.75rem));
    --space-s: max(0.88rem, min(calc(0.83rem + 0.24vw), 1.00rem));
    --space-m: max(1.31rem, min(calc(1.24rem + 0.37vw), 1.50rem));
    --space-l: max(1.75rem, min(calc(1.65rem + 0.49vw), 2.00rem));
    --space-xl: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
    --space-2xl: max(3.50rem, min(calc(3.30rem + 0.98vw), 4.00rem));
    --space-3xl: max(5.25rem, min(calc(4.96rem + 1.46vw), 6.00rem));
  
    /* One-up pairs */
    --space-3xs-2xs: max(0.25rem, min(calc(0.15rem + 0.49vw), 0.50rem));
    --space-2xs-xs: max(0.44rem, min(calc(0.32rem + 0.61vw), 0.75rem));
    --space-xs-s: max(0.69rem, min(calc(0.57rem + 0.61vw), 1.00rem));
    --space-s-m: max(0.88rem, min(calc(0.63rem + 1.22vw), 1.50rem));
    --space-m-l: max(1.31rem, min(calc(1.04rem + 1.34vw), 2.00rem));
    --space-l-xl: max(1.75rem, min(calc(1.26rem + 2.44vw), 3.00rem));
    --space-xl-2xl: max(2.63rem, min(calc(2.09rem + 2.68vw), 4.00rem));
    --space-2xl-3xl: max(3.50rem, min(calc(2.52rem + 4.88vw), 6.00rem));
  
    /* Custom pairs */
    --space-s-l: max(0.88rem, min(calc(0.44rem + 2.20vw), 2.00rem));
  }
  
  @font-face {
    font-family: "Whyte";
    src: url('/media/umassboston/site-assets/fonts/ABCWhyte-Book.woff');
    src: url('/media/umassboston/site-assets/fonts/ABCWhyte-Book.woff2') format("woff2"),
      url('/media/umassboston/site-assets/fonts/ABCWhyte-Book.woff') format("woff");
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Whyte";
    src: url('/media/umassboston/site-assets/fonts/ABCWhyte-Medium.woff');
    src: url('/media/umassboston/site-assets/fonts/ABCWhyte-Medium.woff2') format("woff2"),
      url('/media/umassboston/site-assets/fonts/ABCWhyte-Medium.woff') format("woff");
    font-weight: 500;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Whyte";
    src: url('/media/umassboston/site-assets/fonts/ABCWhyte-Bold.woff');
    src: url('/media/umassboston/site-assets/fonts/ABCWhyte-Bold.woff2') format("woff2"),
      url('/media/umassboston/site-assets/fonts/ABCWhyte-Bold.woff') format("woff");
    font-weight: bold;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Arizona";
    src: url('/media/umassboston/site-assets/fonts/ABCArizonaSerif-Bold.woff');
    src: url('/media/umassboston/site-assets/fonts/ABCArizonaSerif-Bold.woff2') format("woff2"),
      url('/media/umassboston/site-assets/fonts/ABCArizonaSerif-Bold.woff') format("woff");
    font-weight: normal;
    font-style: normal;
  }
  
  body {
    font-family: 'Whyte', serif;
    font-family: var(--sans-serif);
  }
  
  /* h1, h2 {
    font-family: var(--serif);
    color: var(--color-blue);
  } */
  
  h1, .h1 {
    font-family: 'Arizona', sans-serif;
    font-family: var(--serif);
    font-size: var(--size-step-4);
    color: var(--color-blue);
    line-height: 1;
  }
  
  h2, .h2 {
    font-family: 'Arizona', sans-serif;
    font-family: var(--serif);
    font-size: var(--size-step-3);
    color: var(--color-blue);
    line-height: 1.2;
  }
  
  h3, .h3 {
    font-family: 'Whyte', serif;
    font-family: var(--sans-serif);
    font-size: var(--size-step-2);
    color: var(--color-blue);
    line-height: 1.2;
  }
  
  h4, .h4 {
    font-family: 'Whyte', serif;
    font-family: var(--sans-serif);
    font-size: var(--size-step-1);
    color: var(--color-dark);
    line-height: 1.2;
  }
  
  h5, .h5 {
    font-family: 'Whyte', serif;
    font-family: var(--sans-serif);
    font-size: var(--size-step-xs);
    text-transform: uppercase;
    letter-spacing: 2.5px;
    color: var(--color-blue);
    line-height: 1.2;
  }
  
  h6, .h6 {
    font-family: 'Whyte', serif;
    font-family: var(--sans-serif);
    font-size: var(--size-step-0);
    line-height: 1.2;
  }
  
  .text-intro {
    font-size: .875rem;
    font-weight: 500;
  }
  
  @media (min-width: 48em) {
  
  .text-intro {
      font-size: 1.0625rem
  }
    }
  
  *,
  ::before,
  ::after {
    box-sizing: inherit;
  }
  
  html {
    box-sizing: border-box;
  }
  
  body {
    word-wrap: break-word;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
  }
  
  a {
    color: currentColor;
  }
  
  iframe {
    border: 0;
  }
  
  img,
  svg {
    display: block;
    max-width: 100%;
    height: auto;
  }
  
  svg {
    fill: currentColor;
  }
  
  button,
  input,
  optgroup,
  select,
  textarea {
    border-radius: 0;
    color: inherit;
   
  }
  
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
    cursor: pointer;
  }
  
  [type="search"] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  
  ::-moz-placeholder {
    color: inherit;
    opacity: 1;
  }
  
  ::placeholder {
    color: inherit;
    opacity: 1;
  }
  
  /* Remove outline for non-keyboard :focus */
  
  *:focus:not(.focus-visible) {
    outline: none !important;
  }
  
  *:focus { 
      outline-style: dashed;
    outline-offset: 3px;
    outline-width: 3px;
    outline-color: var(--color-blue);
    outline-color: var(--outline-color, var(--color-blue));
  }
  
  /* Base selection styles that invert whatever colours are rendered */
  
  ::-moz-selection {
    background: var(--color-blue-dark);
    color: var(--color-light);
  }
  
  ::selection {
    background: var(--color-blue-dark);
    color: var(--color-light);
  }
  
  /* Modern reset: https://piccalil.li/blog/a-modern-css-reset/ */
  
  /* Box sizing rules */
  
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  
  /* Remove default margin */
  
  body,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  figure,
  blockquote,
  dl,
  dd {
    margin: 0;
  }
  
  /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
  
  ul.reset,
  ol.reset,
  ul[role='list'],
  ol[role='list'] {
    list-style: none;
  }
  
  .reset,
  [role='list'] {
    padding: 0;
    margin: 0;
  }
  
  /* Prevent zooming when orientation changes on some iOS devices */
  
  html {
    -moz-text-size-adjust: none;
         text-size-adjust: none;
    -webkit-text-size-adjust: none;
    scroll-behavior: smooth;
  }
  
  /* Set core root defaults */
  
  html[focus-within] {
    scroll-behavior: smooth;
  }
  
  html:focus-within {
    scroll-behavior: smooth;
  }
  
  /* Set core body defaults */
  
  body {
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
  }
  
  /* A elements that don't have a class get default styles */
  
  a:not([class]) {
    -webkit-text-decoration-skip: ink;
            text-decoration-skip-ink: auto;
    transition: color 250ms ease;
    transition: color var(--transition);
    text-decoration-thickness: 0.05em;
    text-underline-offset: 0.1em;
    color: var(--color-blue);
  }
  
  a:not([class]):hover {
      text-decoration: none;
      color: var(--color-blue);
    }
  
  .invert a:not([class]) {
      color: var(--color-light);
    }
  
  /* h1 > a:not([class]),
  h2 > a:not([class]),
  h3 > a:not([class]),
  h4 > a:not([class]) {
    &:hover {
      color: #002EBC;
    }
  } */
  
  /* Make images easier to work with */
  
  img,
  svg,
  picture {
    max-width: 100%;
    display: block;
  }
  
  /* Inherit fonts for inputs and buttons */
  
  input,
  button,
  textarea,
  select {
    font: inherit;
  }
  
  /* Take out default address Italic styling */
  
  address {
    font-style: inherit;
  }
  
  /*
  Removes the default search icon on inputs with search type
  */
  
  [type='search'] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  
  /* Remove default webkit based "clear" button on search inputs */
  
  ::-webkit-search-cancel-button {
    display: none;
  }
  
  @-webkit-keyframes slide-down {
    0% {
      transform: translateY(-100%);
    }
  
    100% {
      transform: none;
    }
  }
  
  @keyframes slide-down {
    0% {
      transform: translateY(-100%);
    }
  
    100% {
      transform: none;
    }
  }
  
  @-webkit-keyframes fade-in-up {
    0% {
      transform: translateY(2rem);
      opacity: 0;
    }
  
    100% {
      transform: translateY(0rem);
      opacity: 1;
    }
  }
  
  @keyframes fade-in-up {
    0% {
      transform: translateY(2rem);
      opacity: 0;
    }
  
    100% {
      transform: translateY(0rem);
      opacity: 1;
    }
  }
  
  @-webkit-keyframes fade-in-bounce {
    0% {
      transform: translateY(2rem);
      opacity: 0;
    }
  
    100% {
      transform: none;
      opacity: 1;
    }
  }
  
  @keyframes fade-in-bounce {
    0% {
      transform: translateY(2rem);
      opacity: 0;
    }
  
    100% {
      transform: none;
      opacity: 1;
    }
  }
  
  @-webkit-keyframes fade-in {
    0% {
      opacity: 0;
    }
  
    100% {
      opacity: 1;
    }
  }
  
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
  
    100% {
      opacity: 1;
    }
  }
  
  @-webkit-keyframes slide-left-fade {
    0% {
      transform: translateX(-100%);
      opacity: 0;
    }
  
    100% {
      transform: none;
      opacity: 1;
    }
  }
  
  @keyframes slide-left-fade {
    0% {
      transform: translateX(-100%);
      opacity: 0;
    }
  
    100% {
      transform: none;
      opacity: 1;
    }
  }
  
  @-webkit-keyframes slide-left-fade-absolute {
    0% {
      transform: translate(-100%,-50%);
      opacity: 0;
    }
  
    100% {
      transform: translate(0,-50%);
      opacity: 1;
    }
  }
  
  @keyframes slide-left-fade-absolute {
    0% {
      transform: translate(-100%,-50%);
      opacity: 0;
    }
  
    100% {
      transform: translate(0,-50%);
      opacity: 1;
    }
  }
  
  @-webkit-keyframes slide-right-fade {
    0% {
      transform: translateX(100%);
      opacity: 0;
    }
  
    100% {
      transform: none;
      opacity: 1;
    }
  }
  
  @keyframes slide-right-fade {
    0% {
      transform: translateX(100%);
      opacity: 0;
    }
  
    100% {
      transform: none;
      opacity: 1;
    }
  }
  
  @-webkit-keyframes background-zoom{
    0% {
      transform: scale(1.2);
    }
  
    100% {
      transform: scale(1);
    }
  }
  
  @keyframes background-zoom{
    0% {
      transform: scale(1.2);
    }
  
    100% {
      transform: scale(1);
    }
  }
  
  @media not print {
  
    [data-animation='fade-in-up'] {
      -webkit-animation: fade-in-up 700ms ease both;
              animation: fade-in-up 700ms ease both;
    }
  
    [data-animation='fade-in-bounce'] {
      -webkit-animation: fade-in-bounce 700ms cubic-bezier(0.5, -0.25, 0.5, 2) both;
              animation: fade-in-bounce 700ms cubic-bezier(0.5, -0.25, 0.5, 2) both;
    }
  
    [data-animation='fade-in'] {
      -webkit-animation: fade-in 700ms ease both;
              animation: fade-in 700ms ease both;
    }
  
    [data-animation='slide-left-fade'] {
      -webkit-animation: slide-left-fade 700ms ease both;
              animation: slide-left-fade 700ms ease both;
    }
  
    @media (min-width: 80em) {
      [data-animation='slide-left-fade-absolute'] {
        -webkit-animation: slide-left-fade-absolute 700ms ease both;
                animation: slide-left-fade-absolute 700ms ease both;
      }
    }
  
    [data-animation='slide-right-fade'] {
      -webkit-animation: slide-right-fade 700ms ease both;
              animation: slide-right-fade 700ms ease both;
    }
      [data-animation='background-zoom']::before {
        -webkit-animation: background-zoom 700ms ease both;
                animation: background-zoom 700ms ease both;
      }
  
    [data-animate] {
      -webkit-animation-play-state: paused;
              animation-play-state: paused;
    }
  
    [data-animate='true'] {
      -webkit-animation-play-state: running;
              animation-play-state: running;
    }
  
  }
  
  @media (prefers-reduced-motion: reduce) {
    [data-animation='fade-in-up'] {
      -webkit-animation: none;
              animation: none;
    }
  
    [data-animation='fade-in-bounce'] {
      -webkit-animation: none;
              animation: none;
    }
  
    [data-animation='fade-in'] {
      -webkit-animation: none;
              animation: none;
    }
  
    [data-animation='slide-left-fade'] {
      -webkit-animation: none;
              animation: none;
    }
  
    @media (min-width: 80em) {
      [data-animation='slide-left-fade-absolute'] {
        -webkit-animation: none;
                animation: none;
      }
    }
  
    [data-animation='slide-right-fade'] {
      -webkit-animation: none;
              animation: none;
    }
      [data-animation='background-zoom']::before {
        -webkit-animation: none;
                animation: none;
      }
  
    [data-animate] {
      -webkit-animation-play-state: paused;
              animation-play-state: paused;
    }
  
    [data-animate='true'] {
      -webkit-animation-play-state: running;
              animation-play-state: running;
    }
  }
  
  .wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 85rem;
    max-width: var(--wrapper-max-width,85rem);
    padding-left: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
    padding-left: var(--gutter);
    padding-right: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
    padding-right: var(--gutter);
  }
  
  .wrapper-alt {
    margin-left: auto;
    margin-right: auto;
    max-width: 85rem;
    max-width: var(--wrapper-max-width,85rem);
    padding-left:2rem ;
    padding-right: 2rem;
  }
  
  @media (min-width: 64em) {
  
  .wrapper-alt {
  
      padding-left: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
  
      padding-left: var(--gutter);
      padding-right: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
      padding-right: var(--gutter)
  }
       }
  
  .bg-blue {
    background-color: var(--color-blue);
    color: var(--color-light);
  }
  
  .bg-blue-dark {
    background-color: var(--color-blue-dark);
    color: var(--color-light);
  }
  
  .bg-ecru {
    background-color: var(--color-ecru-light);
    color: rgb(var(--blackish));
  }
  
  .bg-blue-gradient {
    background-image: linear-gradient(180deg, #005A8B 0%, #132245 72%);
    color: var(--color-light);
  }
  
  .bg-blue-gradient-to-right {
    background-image: linear-gradient(90deg, #132245 0%, #005A8B 72%);
    color: var(--color-light);
  }
  
  .bg-blue-light {
    background-color:red;
  
  }
  
  .bg-yellow {
    background-color: #FEDE42;
    color: #005A8B;
  }
  
  .bg-black-gradient::before {
      position: absolute;
      inset: 0;
      content: " ";
      background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, #000000 100%);
      width: 100%;
    }
  
  .box {
    /* --color-light: var(--color-light);
    --color-dark: var(--color-blue); */
    color: var(--color-dark);
    background-color: var(--color-light);
    padding: var(--s1);
  }
  
  /* .box * {
    color: inherit;
  } */
  
  .invert {
    /* ↓ Dark becomes light, and light becomes dark */
    --outline-color: var(--color-light);
    color: var(--color-light);
  }
  
  /* background-color: var(--color-blue); */
  
  .invert h1, .invert h2, .invert h3, .invert h4, .invert h5, .invert h6 {
      color: var(--color-light);
    }
  
  .bg-static {
    position: relative;
  }
  
  .bg-static img {
      width: 100%;
    }
  
  .bg-static:after {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      content: " ";
      background-image: url('/media/umassboston/site-assets/images/static.png');
      opacity: 0.15;
    }
  
  .sticky-menu {
    /* padding-top: 85px; */
  }
  
  .border-radius {
    border-radius: 2.1875rem;
   
  }
  
  .shadow {
    box-shadow: 0 15px 20px 0 rgba(0,0,0,0.50);
    box-shadow: var(--shadow);
  }
  
  .shadow-light {
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
    box-shadow: var(--shadow-light);
  }
  
  .rounded {
    border-radius: 30%;
    overflow: hidden;
  }
  
  .rounded img {
      width: 100%;
    }
  
  .rounded-stick-left {
    border-radius: 50%;
    margin-left: -3rem;
  }
  
  @media (min-width: 64em) {
  
  .rounded-stick-left {
      margin-left: 0;
      margin-left: initial
  }
    }
  
  .rounded-stick-right {
    border-radius: 50%;
    margin-right: -3rem;
  }
  
  @media (min-width: 64em) {
  
  .rounded-stick-right {
      margin-right: 0;
      margin-right: initial
  }
    }
  
  .rounded-top-left,
  .rounder-top-left img {
    border-top-left-radius: 0;
  }
  
  .rounded-top-right,
  .rounder-top-right img {
    border-top-right-radius: 0;
  }
  
  .rounded-bottom-left,
  .rounder-bottom-left img {
    border-bottom-left-radius: 0;
  }
  
  .rounded-bottom-right,
  .rounder-bottom-right img {
    border-bottom-right-radius: 0;
  }
  
  .intro-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
  @media (min-width: 64em) {
  
  .intro-content {
      flex-direction: row !important;
      align-items: flex-end !important
  }
  
  .intro-content {
      width: 100%
  }
      .intro-content p {
        max-width: 65ch;
      }
      .intro-content > div:first-of-type {
        flex: 1;
      }
    }
  
  .intro-centered {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
  }
  
  @media (min-width: 64em) {
      .intro-centered p {
        max-width: 65ch;
      }
    }
  
  .image-with-hanger {
    position: relative;
    max-width: 25rem;
    margin: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem)) auto max(5.25rem, min(calc(4.96rem + 1.46vw), 6.00rem)) auto;
    margin: var(--space-xl) auto var(--space-3xl) auto;
  }
  
  .image-with-hanger .frame:first-child {
        width: 80%;
        margin-left: auto;
      }
  
  @media (min-width: 64em) {
  
  .image-with-hanger .frame:first-child {
          width: 70%
      }
        }
  
  .image-with-hanger .frame:last-child {
        position: absolute;
        width: 50%;
        /* margin-bottom: 15rem; */
        /* bottom: 15rem; */
        top: 70%;
        transform: translateY(-70%);
        z-index: 2;
      }
  
  @media (min-width: 64em) {
  
  .image-with-hanger .frame:last-child {
          width: 50%;
          right: 50%;
          margin-bottom: -2rem
      }
  
  .image-with-hanger {
      max-width: 25rem;
      align-self: flex-end;
      margin-bottom: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
      margin-bottom: var(--space-xl)
  }
        }
  
  @media (min-width: 80em) {
  
  .image-with-hanger {
      max-width: 37.5rem
  }
    }
  
  /* .image-with-hanger {
    margin-bottom: 5rem;
    > div:first-of-type {
      max-width: 80%;
      margin-left: auto;
    }
    > div:last-of-type {
      position: absolute;
      z-index: 2;
      bottom: -25%;
      left: 0%;
      max-width: 50%;
      
      @media (--lg) {
        bottom: -50%;
        left: -10%;
        max-width: 19.75rem;
      }
    }
  } */
  
  .with-overflow {
    overflow: visible !important;
  }
  
  .with-overflow + div {
  
      position: relative;
      padding-top: calc(max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem)) + 5rem);
      padding-top: calc(var(--space-xl) + 5rem);
      margin-top: -7rem;
    
  }
  
  .menu-active,
  .search-active,
  html[data-minimodal-active] body {
    overflow: hidden;
    touch-action: none;
    -ms-touch-action: none;
  }
  
  @media (min-width: 48em) {
  
  .column-2 {
      -moz-column-count: 2;
           column-count: 2;
      gap: 2rem;
      gap: var(--gap)
  }
    }
  
  .flex-1 {
    flex: 1 !important;
  }
  
  summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
  
    border-bottom: 4px solid var(--color-primary);
    outline: none;
  
    position: relative;
    cursor: pointer;
  }
  
  details {
    box-sizing: border-box;
  }
  
  details summary::-webkit-details-marker {
    display:none;
  }
  
  details[open] > summary::after {
        transform: rotate(-180deg);
      }
  
  summary:after {
    content: '';
    font-family: 'Material Symbols Outlined';
    font-size: var(--size-step-3);
    line-height: 0;
    content: '\e5c5';
    position: relative;
    margin-left: auto;
    transform: rotate(0deg);
    transition: .25s transform ease;
  }
  
  .content {
    position: relative;
    /* &::before {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      content: " ";
      border-top: 4px var(--color-blue) solid;
      width: 100% - var(--space-s-m);
      height: 4px;
      @apply mx-s-m;
    } */
  }
  
  ul:not([class]) {
    padding-left: 1.5rem;
  }
  
  ul:not([class]) li::marker {
        color: var(--color-blue-light);
      }
  
  ol:not([class]) {
    padding-left: 2.25rem;
  }
  
  ol:not([class]) li::marker {
        color: var(--color-blue);
      }
  
  hr {
    width: 100%;
    border-color: rgba(32,31,31, 0.15);
    border-width: .0625rem;
  }
  
  .bordered > * + * {
      border-top: .0625rem solid var(--color-gray);
      padding-top: var(--flow-space);
      margin-top: var(--flow-space);
    }
  
  .underline-full {
    position: relative;
    padding-bottom: max(0.88rem, min(calc(0.83rem + 0.24vw), 1.00rem));
    padding-bottom: var(--space-s);
  }
  
  .underline-full::after {
      content: " ";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: .25rem;
      border-bottom: .25rem solid var(--color-gray);
    }
  
  .underline-orange::after {
      border-color: var(--color-orange);
    }
  
  .canvas {
    /* overflow: hidden; */
  }
  
  .l-page-sidebar {
    gap: max(1.31rem, min(calc(1.24rem + 0.37vw), 1.50rem));
    gap: var(--space-m);
    display: flex;
    flex-direction: column;
  }
  
  @media (min-width: 64em) {
  
  .l-page-sidebar {
      gap: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
      gap: var(--space-xl);
      flex-direction: row
  }
  
      .l-page-sidebar > :first-child {
        position: relative;
        min-width: 22rem;
        max-width: 22rem;
        width: 100%;
        flex: 1;
      }
  
      .l-page-sidebar > :nth-child(2){
        flex: 1;
        overflow: hidden;
      }
    }
  
  /* .marketing-list-items{
    ul{
      padding-left:0.5rem!important;
      max-width:37rem;
  
      li {
        line-height: 1.7rem;
  
        @media (--lg) {
          line-height: 2.2rem;
        }
      }
    }
  
  } */
  
  /* .marketing-list{
  
  } */
  
  .blue-radius {
    background-color:#005A8B;
    position: absolute;
    top:0;
    left:0;
    border-top-left-radius:35px;
    border-top-right-radius:35px;
    height:1rem;
    width:100%;
    display: none;
  }
  
  .blue-radius-alt {
    background-color:#005A8B;
    position: absolute;
    top:0;
    left:0;
    border-top-left-radius:35px;
    border-top-right-radius:35px;
    height:4.3rem;
    width:100%;
  
  }
  
  .padding-flow{
    margin-top:3.5rem;
  }
  
  .blue-radius-alt .facts{
  color:white;
  margin:1rem 3rem;
  font-size: 32px;
  font-family: ABC Arizona Serif;
  }
  
  .border-top-radius {
    border-top-left-radius: 50%;
  
  
  
  }
  
  .border-bottom-radius {
    border-bottom-left-radius: 50%;
  }
  
  .svg,
  .video {
    display: block;
    position: relative;
  }
  
  .svg::before, .video::before {
      content: "";
      display: block;
    }
  
  .svg iframe,
    .svg svg,
    .svg video,
    .video iframe,
    .video svg,
    .video video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
  
  .svg::before {
      padding-top: 100%;
    }
  
  .logo__main {
    width: 8.25rem;
  }
  
  .logo__main::before {
      padding-top: 50%;
    }
  
  .menu-active .logo__main,
    .search-active .logo__main {
      color: var(--color-light);
    }
  
  @media (min-width: 70em) {
  
  .menu-active .logo__main,
    .search-active .logo__main {
        color: var(--color-blue)
    }
      }
  
  .hero-marketing--full .logo__main svg {
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.8));
      }
  
  .footer .logo__main {
      color: var(--color-light);
    }
  
  .video::before {
      padding-top: 56.25%;
    }
  
  .screen-reader-text:not(:focus):not(:active) {
      position: absolute;
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip: rect(0 0 0 0);
      -webkit-clip-path: inset(50%);
              clip-path: inset(50%);
      white-space: nowrap;
    }
  
  .skip-link {
    position: absolute;
    left: -10000rem;
    top: -2rem;
    width: .1rem;
    height: .1rem;
    overflow: hidden;
    z-index: 100;
    outline: 0;
    padding: 0.5rem 1rem;
    font-size: 1.5rem;
    border-bottom-right-radius: .3rem;
    transition: top 1s ease-out;
    font-family: $serif;
    color: $white;
  }
  
  .skip-link:focus,
    .skip-link:hover {
      left: 0;
      top: 0;
      width: auto;
      height: auto;
      background: var(--color-dark);
      transition: top .1s ease-in;
      color: var(--color-light);
    }
  
  .flex-end {
    flex-direction: column;
  }
  
  @media (min-width: 64em) {
  
  .flex-end {
    display:flex;
    flex-direction:row;
   align-items:center;
    gap:8rem
  }
  
  .flex-end p{
        max-width: 33rem
    }
   
  
    }
  
  .color-blue {
    color:hsla(201, 100%, 27%, 1);
  }
  
  /* .gap-one {
  
    @media (--lg) {
      gap: 8rem!important;
    
      }
  
  } */
  
  .card-logo{
    width:3rem;
  }
  
  .card-logo img {
    width:3rem;
  }
  
  .card-logo-wrapper{
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    /* width:100%; */
    gap:1.2rem;
    text-transform: capitalize;
    letter-spacing: 0;
  
  }
  
  .fact-logo{
    width:2.5rem;
  }
  
  .fact-logo svg{
    width:2.5rem;
    
    }
  
  .padding-top-grid{
    padding-top:3rem;
  }
  
  .margin-top-grid{
    margin-top:1rem!important;
  }
  
  .margin-top-grid-alt{
    margin-top:2rem!important;
  }
  
  .border-blue{
   border: 1px solid hsla(201, 100%, 27%, 1);
  }
  
  .fact-card{
  margin-top: 3rem!important;
  }
  
  .break-padding {
    margin-top:2rem;
  }
  
  .break-padding-lg{
    margin-top: 4rem!important;
  }
  
  .padding-area{
    padding-bottom: 1rem;
    padding-top: 2rem;
  }
  
  @media (min-width: 64em) {
  
  .padding-area{
      padding-bottom: 4rem;
      padding-top: 3rem
  }
       }
  
  .padding-area-mark{
    padding-bottom: 0;
    padding-top: 2rem;
  }
  
  @media (min-width: 64em) {
  
  .padding-area-mark{
      padding-bottom: 0;
      padding-top: 3rem
  }
       }
  
  .title-center{
    text-align: center;
    display: none;
  }
  
  @media (min-width: 64em) {
  
  .title-center{
      text-align: left;
      display:block
  }
       }
  
  .facts-new-updated-wrapper{
    display: flex;
    flex-direction: row;
    gap: 3rem;
    align-items: center;
  }
  
  .facts-new-updated{
    text-decoration: none !important;
  }
  
  .facts-new-updated{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap:1.2rem;
    text-transform: capitalize;
    letter-spacing: 0;
    font-size: 14px;
  }
  
  @media (min-width: 32em) {
  
  .facts-new-updated{
      flex-direction: row;
      align-items: center
  }
    }
  
  .swiper-pagi {
    font-weight: 700;
    margin-right: max(1.31rem, min(calc(1.24rem + 0.37vw), 1.50rem));
    margin-right: var(--space-m);
  }
  
  .swiper-initialized .button-circle {
      width: 3.25rem;
      height: 3.25rem;
    }
  
  .swiper-prev::after {
      font-family: 'Material Symbols Outlined';
      content: '\f1e6';
      font-weight: 600;
      font-size: 1.2rem;
      color: var(--color-dark);
    }
  
  .swiper-next::after {
      font-family: 'Material Symbols Outlined';
      content: '\f1df';
      font-weight: 600;
      font-size: 1.2rem;
      color: var(--color-dark);
    }
  
  .swiper-button-disabled {
    opacity: 0.75 !important;
    background: var(--color-light) !important;
  }
  
  .swiper-button-disabled {
    cursor: default;
  }
  
  .swiper-button-disabled:hover::after {
        transform: none !important;
      }
  
  .swiper-button-disabled:hover{
      transform: none !important;
  }
  
  .swiper-button-disabled:hover{
      cursor: default;
  }
  
  .swiper--alt .swiper-button-disabled {
      background: var(--color-dark) !important;
    }
  
  .swiper--alt .swiper-button-disabled::after {
        color: var(--color-light);
      }
  
  .swiper-scrollbar {
    position: relative;
    height: 6px;
    background: rgba(255,255,255, 0.06);
    margin-top: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
    margin-top: var(--space-xl);
  }
  
  .swiper--alt .swiper-scrollbar {
      background: rgba(32,31,31, 0.09);
    }
  
  .swiper-scrollbar-drag {
    position: relative;
    height: 6px;
    background: var(--color-yellow);
  }
  
  .swiper--alt .swiper-scrollbar-drag {
      background: var(--color-orange);
    }
  
  @media print {
    * {
      background-image: none !important;
      color: #000 !important;
    }
  
    body {
      color: #000 !important;
    }
  
    body {
      margin: 0;
      background-color: #fff;
    }
  
    header {
      padding-bottom: 5rem;
    }
  
    .header--sticky {
      display: none;
    }
  
    .button-media, img, .swiper-prev, .swiper-next, .swiper-pagi, .swiper-scrollbar {
      display: none !important;
    }
  
    img.print, svg.print {
      display: block;
      max-width: 100%;
    }
  
    h1 {
      page-break-before: always;
      -moz-column-break-before: always;
           break-before: always;
    }
    table, img, svg {
      page-break-inside: avoid;
      -moz-column-break-inside: avoid;
           break-inside: avoid;
    }
  
    .pin-scroll__sticky {
      position: relative !important;
    }
    .pin-scroll__sticky-content {
      position: relative !important;
      margin: 0 !important;
    }
  }
  
  :root{
    --color-dark: #201F1F;
    --color-light: #FFFFFF;
    --color-blue: #005A8B;
    --color-blue-light: #78AFE9;
    --color-blue-dark: #132245;
    --color-yellow: #FEDE42;
    --color-chocolate: #50403E;
    --color-ecru: #FEF4BD;
    --color-ecru-light: #FAFAF3;
    --color-orange: #FF791F;
    --color-gray: #DEDEDE;
    --space-3xs: clamp(0.25rem, 0.23rem + 0.12vw, 0.3125rem);
    --space-2xs: clamp(0.5rem, 0.45rem + 0.24vw, 0.625rem);
    --space-xs: clamp(0.75rem, 0.68rem + 0.37vw, 0.9375rem);
    --space-s: clamp(1rem, 0.90rem + 0.49vw, 1.25rem);
    --space-m: clamp(1.5rem, 1.35rem + 0.73vw, 1.875rem);
    --space-l: clamp(2rem, 1.80rem + 0.98vw, 2.5rem);
    --space-xl: clamp(3rem, 2.71rem + 1.46vw, 3.75rem);
    --space-2xl: clamp(4rem, 3.61rem + 1.95vw, 5rem);
    --space-3xl: clamp(6rem, 5.41rem + 2.93vw, 7.5rem);
    --space-3xs-2xs: clamp(0.25rem, 0.10rem + 0.73vw, 0.625rem);
    --space-2xs-xs: clamp(0.5rem, 0.33rem + 0.85vw, 0.9375rem);
    --space-xs-s: clamp(0.75rem, 0.55rem + 0.98vw, 1.25rem);
    --space-s-m: clamp(1rem, 0.66rem + 1.71vw, 1.875rem);
    --space-m-l: clamp(1.5rem, 1.11rem + 1.95vw, 2.5rem);
    --space-l-xl: clamp(2rem, 1.32rem + 3.41vw, 3.75rem);
    --space-l-2xl: clamp(2rem, 0.83rem + 5.85vw, 5rem);
    --space-xl-2xl: clamp(3rem, 2.22rem + 3.90vw, 5rem);
    --space-2xl-3xl: clamp(4rem, 2.63rem + 6.83vw, 7.5rem);
    --space-zero: clamp(-0.0625rem, -0.09rem + 0.12vw, 0rem);
    --size-step-xs: clamp(0.750625rem, 0.75rem + -0.00vw, 0.75rem);
    --size-step-s: clamp(0.75rem, 0.70rem + 0.24vw, 0.875rem);
    --size-step-0: clamp(0.875rem, 0.83rem + 0.24vw, 1rem);
    --size-step-1: clamp(1.125rem, 1.03rem + 0.49vw, 1.375rem);
    --size-step-2: clamp(1.375rem, 1.28rem + 0.49vw, 1.625rem);
    --size-step-3: clamp(1.75rem, 1.55rem + 0.98vw, 2.25rem);
    --size-step-4: clamp(2.8125rem, 2.20rem + 3.05vw, 4.375rem);
    --size-step-5: clamp(2.8125rem, 0.84rem + 9.88vw, 7.875rem);
    --font-base: Whyte,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
    --font-heading: Arizona,serif;
  }
  
  .minimodal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  
  .minimodal__overlay {
    position: absolute;
    top: -8rem;
    left: 0;
    width: 100%;
    height: calc(100% + 16rem);
    background: rgba(0, 0, 0, 0.9);
  }
  
  .minimodal__viewport {
    position: relative;
    height: 100%;
    pointer-events: none;
  }
  
  .minimodal__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  .minimodal__status {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;
  }
  
  .minimodal__content {
    height: 100%;
  }
  
  .minimodal__element {
    display: block;
    position: relative;
    top: 50%;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    transform: translateY(-50%);
    pointer-events: auto;
  }
  
  .minimodal__element--map {
    background: white;
  }
  
  .minimodal__element--video {
    max-width: calc(100vh * (16/9));
  }
  
  .minimodal__element--video::before {
    display: block;
    padding-bottom: 56.25%;
    background: black;
    content: '';
  }
  
  .minimodal__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  .minimodal__caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    color: white;
    pointer-events: auto;
  }
  
  .minimodal__close {
    position: absolute;
    top: 0;
    right: 0;
  }
  
  .minimodal__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  
  .minimodal__nav--previous {
    left: 0;
  }
  
  .minimodal__nav--next {
    right: 0;
  }
  
  /* components */
  
  .accordion details {
      border-bottom: var(--color-gray) .1875rem solid;
      transition: 250ms ease;
      transition: var(--transition);
    }
  
  .accordion details .content {
        padding: 0 max(0.88rem, min(calc(0.83rem + 0.24vw), 1.00rem)) max(1.75rem, min(calc(1.65rem + 0.49vw), 2.00rem));
        padding: 0 var(--space-s) var(--space-l);
      }
  
  .accordion details[open] {
        border-bottom: var(--color-blue-light) .3125rem solid;
      }
  
  .accordion__summary {
      padding: max(0.88rem, min(calc(0.63rem + 1.22vw), 1.50rem)) max(0.88rem, min(calc(0.83rem + 0.24vw), 1.00rem));
      padding: var(--space-s-m) var(--space-s);
      transition: all 250ms ease;
      transition: all var(--transition);
    }
  
  .accordion__summary:hover {
  
      }
  
  .alert {
    position: absolute;
    top: max(0.88rem, min(calc(0.83rem + 0.24vw), 1.00rem));
    top: var(--space-s);
    right: 0;
    max-width: 90%;
    display: flex;
    background: var(--color-yellow);
    color: var(--color-dark);
    border-radius: 5rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-size: var(--size-step-s);
    font-weight: 700;
    font-weight: var(--font-bold);
    padding: max(0.88rem, min(calc(0.83rem + 0.24vw), 1.00rem)) max(3.50rem, min(calc(3.30rem + 0.98vw), 4.00rem)) max(0.88rem, min(calc(0.83rem + 0.24vw), 1.00rem)) max(1.31rem, min(calc(1.24rem + 0.37vw), 1.50rem));
    padding: var(--space-s) var(--space-2xl) var(--space-s) var(--space-m);
    z-index: 2;
    flex: 1;
  }
  
  .alert::before {
      flex-shrink: 0;
      display: inline-flex;
      position: relative;
      margin-top: 0.25rem;
      content: " ";
      width: .625rem;
      height: .625rem;
      background: var(--color-blue-dark);
      border-radius: 100%;
      margin-right: max(0.69rem, min(calc(0.66rem + 0.12vw), 0.75rem));
      margin-right: var(--space-xs);
    }
  
  .alert a {
      color: var(--color-dark);
    }
  
  .alert span {
      display: block;
    }
  
  .alert .close-action::before {
        font-size: 1.3rem;
      }
  
  .alert-urgent {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.7);
    padding: 0 max(1.75rem, min(calc(1.65rem + 0.49vw), 2.00rem));
    padding: 0 var(--space-l);
    z-index: 100;
  }
  
  .alert-urgent__modal {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background: #201F1F;
      border: .0625rem solid var(--color-yellow);
      padding: max(1.75rem, min(calc(1.65rem + 0.49vw), 2.00rem));
      padding: var(--space-l);
      width: 100%;
      max-width: 58.5rem;
      text-align: center;
      gap: max(1.75rem, min(calc(1.65rem + 0.49vw), 2.00rem));
      gap: var(--space-l);
    }
  
  .alert-urgent__modal .material-symbols-outlined {
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--color-yellow);
        width: 3.25rem;
        height: 3.25rem;
        color: var(--color-dark);
        border-radius: 100%;
        margin: 0 auto max(1.75rem, min(calc(1.65rem + 0.49vw), 2.00rem));
        margin: 0 auto var(--space-l);
      }
  
  @media (min-width: 64em) {
  
  .alert-urgent__modal .material-symbols-outlined {
          display: inline-flex;
          margin: 0;
          margin-right: max(0.69rem, min(calc(0.66rem + 0.12vw), 0.75rem));
          margin-right: var(--space-xs)
      }
        }
  
  .alert-urgent__modal p {
        max-width: 50ch;
      }
  
  .breadcrumbs {
    --space:  0.5rem;
    display: flex;
    align-items: center;
    font-weight: 700;
    font-weight: var(--font-bold);
    color: var(--color-blue);
    padding: 0 max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
    padding: 0 var(--gutter);
    font-size: clamp(0.75rem, 0.70rem + 0.24vw, 0.875rem);
  }
  
  .invert .breadcrumbs {
      color: var(--color-light);
    }
  
  .breadcrumbs li {
      position: relative;
    }
  
  /* margin-right: 0.5rem; */
  
  .breadcrumbs li::after {
        /* position: absolute;
        bottom: 0; */
        text-decoration: none;
        content: "\2014";
        padding-left: 0.5rem;
      }
  
  .breadcrumbs li:first-of-type::after {
          /* bottom: 4px; */
        }
  
  .breadcrumbs li:last-of-type::after {
          display: none;
        }
  
  .breadcrumbs li a:hover {
          color: var(--text-light);
        }
  
  .hero .breadcrumbs li a:hover {
            text-decoration: none;
          }
  
  @media (min-width: 48em) {
      .hero .breadcrumbs {
        position: absolute;
        z-index: 1;
        top: max(1.31rem, min(calc(1.24rem + 0.37vw), 1.50rem));
        top: var(--space-m);
      }
    }
  
  .breadcrumbs--mobile {
    display: flex;
    position: relative;
    padding: max(0.69rem, min(calc(0.66rem + 0.12vw), 0.75rem)) 0;
    padding: var(--space-xs) 0;
  }
  
  @media (min-width: 48em) {
  
  .breadcrumbs--mobile {
      display: none
  }
    }
  
  .marketing-breadcrumbs{
    width:100;
  
    
  }
  
  @media (min-width: 64em) {
  
  .marketing-breadcrumbs{
      width:55%!important
  
    
  }
    }
  
  .button,
  .form button {
    display: inline-block;
    background-color: var(--color-blue-dark);
    color: var(--color-light);
    border-radius: 5rem;
    border: none;
    padding: 1rem 2rem;
    text-decoration: none;
    font-size: var(--size-step-s);
    font-weight: 700;
    line-height: 1;
    text-align: center;
    width: 100%;
    transition: 250ms ease;
    transition: var(--transition);
  }
      
  .button {
 		margin-bottom:0.5em;
	} 
  
  .button:hover, .form button:hover {
      text-decoration: none !important;
    }
  
  .button:hover, .form button:hover {
      color: var(--color-blue-dark);
      background: var(--color-blue-light);
    }
  
  .bg-blue .button, .bg-blue .form button {
      background-color: var(--color-yellow);
      color: var(--color-dark);
    }
  
  .bg-blue .button:hover, .bg-blue .form button:hover {
        background-color: var(--color-ecru);
        color: var(--color-dark);
      }
  
  .bg-blue-dark .button, .bg-blue-dark .form button {
      background-color: var(--color-yellow);
      color: var(--color-dark);
    }
  
  .bg-blue-dark .button:hover, .bg-blue-dark .form button:hover {
        background-color: var(--color-ecru);
        color: var(--color-dark);
      }
  
  @media(min-width: 48em) {
  
  .button,
  .form button {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content
  }
    }
  
  .button--s {
    padding: 0.75rem 1rem;
  }
  
  .button--secondary,
  .form button {
    background-color: var(--color-yellow);
    color: var(--color-dark);
  }
  
  .button--secondary:hover, .form button:hover {
      background-color: var(--color-ecru);
      color: var(--color-dark);
    }
  
  .button--dark-opacity {
    background-color: rgba(32,31,31, 0.43);
    color: var(--color-light);
  }
  
  .button--dark-opacity:hover {
      color: var(--color-light);
      background-color: var(--color-dark);
    }
  
  .button--outline-reverse {
    border: .0625rem solid var(--color-blue-dark);
    color: var(--color-dark);
    background: transparent;
  }
  
  .button--outline-reverse:hover {
      background: var(--color-blue-dark);
      color: var(--color-light);
    }
  
  .button--outline-reverse-secondary {
    border: .0625rem solid var(--color-yellow);
    background: transparent;
  }
  
  .button--outline-reverse-secondary:hover {
      background: var(--color-yellow);
      color: var(--color-dark);
    }
  
  .button-circle {
    display: flex;
    flex: none;
    justify-content: center;
    align-items: center;
    height: 4rem;
    width: 4rem;
    border: none;
    background-color: var(--color-blue);
    color: var(--color-light);
    border-radius: 100%;
    cursor: pointer;
    transition: 250ms ease;
    transition: var(--transition);
  }
  
  .button-circle::after {
      transition: 250ms ease;
      transition: var(--transition);
    }
  
  .button-circle:focus {
      background-color: var(--color-blue-dark) !important;
    }
  
  .button-circle:hover {
      background-color: var(--color-blue-dark);
  
      transform: scale(1.25);
    }
  
  .button-circle:hover::after {
        transform: scale(0.8);
      }
  
  .button-circle--secondary {
    background-color: var(--color-yellow);
    color: rgb(var(--blue-a11y));
  }
  
  .button-circle--secondary:focus {
      background-color: var(--color-yellow) !important;
    }
  
  .button-circle--secondary:hover {
      background-color: var(--color-yellow);
    }
  
  .button-circle--alt {
    background-color: var(--color-orange);
    color: var(--color-dark);
  }
  
  .button-circle--alt:focus {
      background-color: var(--color-orange) !important;
    }
  
  .button-circle--alt:hover {
      background-color: var(--color-orange);
      color: var(--color-dark);
    }
  
  .button-media {
    --outline-color: var(--color-light);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    inset: 0;
    margin: auto;
    height: 3.375rem;
    width: 3.375rem;
    border: .125rem solid var(--color-light);
    border-radius: 100%;
    background: rgba(32,31,31, 0.43);
    color: var(--color-light);
    text-decoration: none;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.7);
    z-index: 1;
    transition: 250ms ease;
    transition: var(--transition);
  }
  
  .button-media::after {
      font-family: 'Material Symbols Outlined';
      font-variation-settings:
      'FILL' 1,
      'wght' 400,
      'GRAD' 0,
      'opsz' 48;
      content: '\e037';
      font-size: 2rem;
      text-shadow: 0 0 20px rgba(0,0,0,0.94);
      transition: 250ms ease;
      transition: var(--transition);
    }
  
  .button-media:hover {
      transform: scale(1.25);
    }
  
  .button-media:hover::after {
        transform: scale(0.8);
      }
  
  @media (min-width: 64em) {
  
  .button-media {
      height: 4.5rem;
      width: 4.5rem
  }
    }
  
  .button-gallery {
    --outline-color: var(--color-light);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    margin: auto;
    height: 2.625rem;
    width: 2.625rem;
    border-radius: 100%;
    background: rgba(255,255,255);
    color: var(--color-dark);
    text-decoration: none;
    z-index: 1;
    transition: 250ms ease;
    transition: var(--transition);
  }
  
  .button-gallery::after {
      font-family: 'Material Symbols Outlined';
      font-variation-settings:
      'FILL' 1,
      'wght' 400,
      'GRAD' 0,
      'opsz' 48;
      content: '\e145';
      font-size: 2rem;
      text-shadow: 0 0 20px rgba(255,255,255.94);
      transition: 250ms ease;
      transition: var(--transition);
    }
  
  .button-gallery:hover {
      transform: scale(1.25);
    }
  
  .button-gallery:hover::after {
        transform: scale(0.8);
      }
  
  .button-cta {
    --duration: .4s;
    --strokeHeight: 4px;
    
    --easeIn: cubic-bezier(.2, .85, .45, 1);
    --easeCubic: cubic-bezier(0.6, 0, 0.2, 1);
    --easeOut: cubic-bezier(.45, 0, .85, 2);
    display: inline-block;
    font-size: var(--size-step-s);
    font-weight: 700;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: transparent;
    padding-bottom: 0.25rem;
    background-size: 100% var(--strokeHeight), 0 var(--strokeHeight);
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    border: none;
    text-decoration: none;
    background-image: linear-gradient(var(--color-blue-light), var(--color-blue-light));
  }
  
  .button-cta--secondary {
      background-image: linear-gradient(var(--color-yellow), var(--color-yellow));
    }
  
  .spot-color-blue .button-cta--secondary {
        color: var(--color-light);
      }
  
  .bg-ecru .button-cta--secondary {
        color: var(--color-dark);
        background-image: linear-gradient(var(--color-blue-dark), var(--color-blue-dark));
      }
  
  .button-cta--blue-dark {
      color: var(--color-dark);
      background-image: linear-gradient(var(--color-blue-dark), var(--color-blue-dark));
    }
  
  .button-cta:hover {
      -webkit-animation: twoUnderlineOut var(--duration) var(--easeOut) forwards,
        twoUnderlineIn var(--duration) var(--duration) var(--easeIn) forwards;
              animation: twoUnderlineOut var(--duration) var(--easeOut) forwards,
        twoUnderlineIn var(--duration) var(--duration) var(--easeIn) forwards;
    }
  
  @-webkit-keyframes twoUnderlineOut {
    to {
      background-size: 0 var(--strokeHeight), 100% var(--strokeHeight);
    }
  }
  
  @keyframes twoUnderlineOut {
    to {
      background-size: 0 var(--strokeHeight), 100% var(--strokeHeight);
    }
  }
  
  @-webkit-keyframes twoUnderlineIn {
    from,
    to {
      background-position: 0 100%, 100% 100%;
    }
    
    to {
      background-size: 100% var(--strokeHeight), 0 var(--strokeHeight);
    }
  }
  
  @keyframes twoUnderlineIn {
    from,
    to {
      background-position: 0 100%, 100% 100%;
    }
    
    to {
      background-size: 100% var(--strokeHeight), 0 var(--strokeHeight);
    }
  }
  
  .button-icon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  
  .button-icon::after {
      line-height: 1;
      margin-left: 0.5rem;
    }
  
  .button-icon--down::after {
      font-family: 'Material Symbols Outlined';
      content: '\f181';
      font-size: 2rem;
      font-variation-settings:
      'FILL' 0,
      'wght' 400,
      'GRAD' 0,
      'opsz' 48;
    }
  
  .button-icon--play::after {
      font-family: 'Material Symbols Outlined';
      content: '\e1c4';
      font-size: 2rem;
      font-variation-settings:
      'FILL' 0,
      'wght' 400,
      'GRAD' 0,
      'opsz' 48;
    }
  
  .button-icon--search .svg--search {
      height: 1.25rem;
      width: 1.25rem;
    }
  
  .button-icon--close::after {
      font-family: 'Material Symbols Outlined';
      content: '\e5cd';
      font-size: 1rem;
      font-variation-settings:
      'FILL' 0,
      'wght' 400,
      'GRAD' 0,
      'opsz' 48;
    }
  
  .button-router {
    display: flex;
    justify-content: space-between;
    font-size: var(--size-step-0);
    font-weight: 700;
    font-weight: var(--font-bold);
    text-decoration: none;
    line-height: calc(1em + .75rem);
    box-shadow: 0 0.1875rem var(--color-gray);
    padding: 0 0 0.25rem;
    transition: 250ms ease;
    transition: var(--transition);
  }
  
  .button-router:hover {
      box-shadow: 0 0.375rem var(--color-blue-light);
    }
  
  .button-router{
    padding-bottom: 0.5rem;
  }
  
  .bg-ecru .button-router {
      text-decoration: none;
      line-height: calc(1em + .75rem);
      box-shadow: 0 0.1875rem rgba(0,0,0,0.15);
      padding: 0 0 0.25rem;
      transition: 250ms ease;
      transition: var(--transition);
    }
  
  .bg-ecru .button-router:hover {
      box-shadow: 0 0.375rem rgba(0,0,0,0.15);
    }
  
  .bg-blue .button-router {
      text-decoration: none;
      line-height: calc(1em + .75rem);
      box-shadow: 0 0.1875rem rgba(255,255,255,0.15);
      padding: 0 0 0.25rem;
      transition: 250ms ease;
      transition: var(--transition);
    }
  
  .bg-blue .button-router:hover {
      box-shadow: 0 0.375rem var(--color-yellow);
    }
  
  .bg-blue-dark .button-router {
      text-decoration: none;
      line-height: calc(1em + .75rem);
      box-shadow: 0 0.1875rem rgba(255,255,255,0.15);
      padding: 0 0 0.25rem;
      transition: 250ms ease;
      transition: var(--transition);
    }
  
  .bg-blue-dark .button-router:hover {
      box-shadow: 0 0.375rem var(--color-yellow);
    }
  
  .button-program {
    --gutter: var(--space-m);
  
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: max(0.88rem, min(calc(0.83rem + 0.24vw), 1.00rem));
    gap: var(--space-s);
    transition: all 250ms ease;
    transition: all var(--transition);
    position: relative;
    background: 
    linear-gradient(to right, var(--color-gray), var(--color-gray)),
    linear-gradient(to right, var(--color-blue), var(--color-blue));
    background-size: 100% 2px, 0 2px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    text-decoration: none;
    line-height: 1.3;
    padding-bottom: 4px;
    transition: 250ms ease;
    transition: var(--transition);
  
  }
  
  .button-program:hover {
      background-size: 0 2px, 100% 2px;
    }
  
  .button-program{
    padding: max(0.88rem, min(calc(0.83rem + 0.24vw), 1.00rem)) max(0.69rem, min(calc(0.66rem + 0.12vw), 0.75rem));
    padding: max(0.88rem, min(calc(0.83rem + 0.24vw), 1.00rem)) max(0.69rem, min(calc(0.66rem + 0.12vw), 0.75rem));
    padding: var(--space-s) var(--space-xs);
  }
  
  .button-program::after {
      font-family: 'Material Symbols Outlined';
      content: '\eaaa';
      font-size: 2rem;
      font-variation-settings:
      'FILL' 0,
      'wght' 300,
      'GRAD' 0,
      'opsz' 72;
      margin-left: auto;
      transition: 250ms ease;
      transition: var(--transition);
    }
  
  @media (min-width: 64em) {
  
  .button-program::after {
        margin-left: 0.25rem
    }
      }
  
  .button-program:hover::after {
        font-variation-settings:
        'FILL' 1,
        'wght' 300,
        'GRAD' 0,
        'opsz' 72;
      }
  
  @media (min-width: 64em) {
  
  .button-program {
      flex-direction: row
  
  }
    }
  
  [data-grid] .button-program {
      flex-direction: column;
      align-items: flex-start;
      border: none;
      padding: 0;
      margin-bottom: max(1.75rem, min(calc(1.65rem + 0.49vw), 2.00rem));
      margin-bottom: var(--space-l);
    }
  
  [data-grid] .button-program::after {
        display: none;
      }
  
  .close-action {
    position: relative;
    width: 3.5rem;
    height: 3.5rem;
    padding: 0;
    border: 0;
    background-color: transparent;
    overflow: hidden;
  }
  
  .close-action::before {
      font-family: 'Material Symbols Outlined';
      font-size: var(--size-step-3);
      content: "\e5cd";
      background-position: center center;
    }
  
  .button-program-toggle {
    border: none;
    background: none;
  
    color: var(--color-dark);
  }
  
  [data-grid] .button-program-toggle[data-view="grid"] {
        color: var(--color-dark);
      }
  
  .button-program-toggle[data-view="list"] {
        color: var(--color-dark);
      }
  
  [data-grid] .button-program-toggle[data-view="list"] {
          color: var(--color-dark);
        }
  
  .button--lighblue {
      background-color:#005A8B;
      outline-color: #005A8B;
      
    }
  
  .cluster {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    gap: var(--space, 1rem);
    justify-content: flex-start;
    align-items: center;
  }
  
  .events {
  
  }
  
  .event {
    flex-direction: column-reverse !important;
  }
  
  .event {
    position: relative;
    /* align-items: center !important; */
  }
  
  .event > :first-child {
      min-inline-size: 40% !important;
    }
  
  .event > :last-child {
      flex-basis: initial !important;
    }
  
  .event > :last-child {
      max-width: 200px;
      margin-right: auto;
      /* margin: 0 auto; */
    }
  
  @media (min-width: 80em) {
  
  .event {
      flex-direction: row-reverse !important
  }
    }
  
  /* &::after {
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      top: 42%;
      transform: translateY(-50%);
  
      content: " ";
      height: 5px;
      width: calc(100% - var(--space-2xl));
      background-color: var(--color-orange);
      z-index: 1;
    } */
  
  .event.event--range::after {
        top: 50%;
      }
  
  .event__date {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 14.375rem;
    width: 14.375rem;
    background: var(--color-light);
    color: var(--color-blue);
    gap: max(0.69rem, min(calc(0.66rem + 0.12vw), 0.75rem));
    gap: var(--space-xs);
  }
  
  .event__date > div:first-child {
      font-family: 'Whyte', serif;
      font-family: var(--sans-serif);
      font-size: var(--size-step-2);
      color: var(--color-blue);
      line-height: 1.2;
      font-family: 'Whyte', serif;
      font-family: var(--sans-serif);
      font-weight: 700;
      font-weight: var(--font-bold);
      text-transform: uppercase;
      padding-bottom: max(0.69rem, min(calc(0.66rem + 0.12vw), 0.75rem));
      padding-bottom: var(--space-xs);
      border-bottom: .3125rem solid var(--color-orange);
    }
  
  .event__date > div:last-child {
      font-family: 'Arizona', sans-serif;
      font-family: var(--serif);
      font-size: var(--size-step-4);
      color: var(--color-blue);
      line-height: 1;
      font-family: 'Arizona', sans-serif;
      font-family: var(--serif);
    }
  
  .event--range .event__date > div {
        display: flex;
        align-items: center;
        gap: max(0.69rem, min(calc(0.66rem + 0.12vw), 0.75rem));
        gap: var(--space-xs);
      }
  
  .event--range .event__date > div:first-child {
        font-family: 'Whyte', serif;
        font-family: var(--sans-serif);
        font-size: var(--size-step-2);
        color: var(--color-blue);
        line-height: 1.2;
        font-family: 'Whyte', serif;
        font-family: var(--sans-serif);
        font-weight: 700;
        font-weight: var(--font-bold);
        text-transform: uppercase;
      }
  
  .event--range .event__date > div:last-child {
        font-family: 'Whyte', serif;
        font-family: var(--sans-serif);
        font-size: var(--size-step-2);
        color: var(--color-blue);
        line-height: 1.2;
        font-family: 'Whyte', serif;
        font-family: var(--sans-serif);
        font-weight: 700;
        font-weight: var(--font-bold);
        text-transform: uppercase;
      }
  
  .event--range .event__date span {
        font-family: 'Arizona', sans-serif;
        font-family: var(--serif);
        font-size: var(--size-step-3);
        color: var(--color-blue);
        line-height: 1.2;
        font-size: 40px;
      }
  
  /* .event--range {
    align-items: center !important;
  } */
  
  .feature {
    display: flex;
    align-items: flex-start;
    gap: max(1.31rem, min(calc(1.04rem + 1.34vw), 2.00rem));
    gap: var(--space-m-l);
  }
  
  .feature > :last-child {
    flex-basis: 300px; 
    flex-grow: 1;
    order: 0;
  }
  
  @media (min-width: 64em) {
  
  .feature > :last-child {
      order: 1
  }
    }
  
  .feature-alt-marketing {
    display: flex;
    align-items: flex-start;
  }
  
  @media (min-width: 64em) {
  
  .feature-alt-marketing {
      gap: max(1.31rem, min(calc(1.04rem + 1.34vw), 2.00rem));
      gap: var(--space-m-l)
  }
    }
  
  .feature-alt-marketing  > :last-child {
    flex-basis: 300px; 
    flex-grow: 1;
    order: 0;
  }
  
  @media (min-width: 64em) {
  
  .feature-alt-marketing  > :last-child {
      order: 1
  }
    }
  
  .feature-alt-marketing  > :first-child {
    flex-basis: 0;
    flex-grow: 999;
    min-inline-size: 50%;
    order: 0;
  }
  
  @media (min-width: 64em) {
  
  .feature-alt-marketing  > :first-child {
      order: initial
  }
    }
  
  .feature--home > :last-child {
      flex-basis: 500px;
    }
  
  .feature > :first-child {
    flex-basis: 0;
    flex-grow: 999;
    min-inline-size: 50%;
    order: 0;
  }
  
  @media (min-width: 64em) {
  
  .feature > :first-child {
      order: initial
  }
    }
  
  /* 
    A flipped version where the sidebar is on the right
  */
  
  .feature[data-direction='rtl'] {
    flex-direction: row-reverse;
  }
  
  /* 
    Small version
  */
  
  .feature--s > :last-child {
      flex-basis: 35%;
    }
  
  .feature--s > :first-child {
      flex-basis: 0;
      flex-grow: 999;
      min-inline-size: 20%;
    }
  
  /* 
    Extra Small version
  */
  
  .feature--xs > :last-child {
      flex-basis: 66%; 
    }
  
  .feature--xs > :first-child {
      flex-basis: 0;
      flex-grow: 999;
      min-inline-size: 20%;
    }
  
  .feature-full {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: center;
    gap: max(0.69rem, min(calc(0.66rem + 0.12vw), 0.75rem));
    gap: var(--space-xs);
  }
  
  .feature-full .frame {
      width: 90vw;
      max-width: 25rem;
      flex: 1;
    }
  
  @media (min-width: 64em) {
  
  .feature-full .frame {
        max-width: none;
        max-width: initial
    }
      }
  
  .feature-full > :last-child > * {
        max-width: 50ch;
      }
  
  @media (min-width: 64em) {
  
  .feature-full > :last-child {
        max-width: 45vw;
        flex: 1
    }
  
  .feature-full {
      flex-direction: row;
      gap: max(5.25rem, min(calc(4.96rem + 1.46vw), 6.00rem));
      gap: var(--space-3xl)
  }
  
      .feature-full p {
        font-size: var(--size-step-1);
      }
  
      .feature-full .frame {
        width: 40vw;
        margin-right: 0;
        margin-right: initial;
      }
  
      .feature-full[data-direction='rtl'] {
        flex-direction: row-reverse;
      }
      }
  
  .c-feature-panel {
    --gutter: var(--space-2xs);
    --sidebar-target-width: 20rem;
    --sidebar-content-min-width: 50%;
  
    align-items: center;
  }
  
  .c-feature-panel--lg {
    --gutter: var(--space-l);
    --sidebar-target-width: 34rem;
    --sidebar-content-min-width: 45%;
  }
  
  .c-feature-panel.bg-primary {
    color: var(--color-light);
  }
  
  /* 
  FLOW UTILITY
  Like the Every Layout stack: https://every-layout.dev/layouts/stack/
  Info about this implementation: https://piccalil.li/quick-tip/flow-utility/ 
  */
  
  .flow > * {
    margin-block: 0;
  }
  
  .flow > * + * {
    -webkit-margin-before: 1.5rem;
            margin-block-start: 1.5rem;
    -webkit-margin-before: var(--flow-space, 1.5rem);
            margin-block-start: var(--flow-space, 1.5rem);
    /* margin-top: var(--flow-space, 1em); */
  }
  
  .footer {
    position: relative;
  }
  
  .footer__main {
      font-weight: 500;
      padding: 2rem max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
      padding: 2rem var(--space-xl);
    }
  
  @media (min-width: 64em) {
  
  .footer__main {
        padding: 5rem max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
        padding: 5rem var(--space-xl)
    }
      }
  
  .footer__top {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 4rem;
      padding-top: 6rem;
    }
  
  @media (min-width: 64em) {
  
  .footer__top {
        flex-direction: row;
        gap: 8rem;
        padding-top: 0
    }
      }
  
  .footer__branding {
      flex: 0;
      width: 100%;
     
    }
  
  .footer__branding .button {
        white-space: nowrap;
      }
  
  .footer__branding-alt{
      
    }
  
  .footer__additional {
      flex-wrap: nowrap;
      flex-direction: column;
      flex: 1;
      gap: 4rem;
      align-items: flex-start;
      width: 100%;
      margin-bottom: 2rem;
    }
  
  @media (min-width: 64em) {
  
  .footer__additional {
        flex-direction: row;
        margin-bottom: 0
    }
      }
  
  .footer__logo {
      color: var(--color-light);
      display: block;
      flex: 1;
    }
  
  .footer__logo > span {
        width: 235px;
      }
  
  .footer__menu {
      list-style-type: none;
      margin: 0;
      padding: 0;
      flex: 1;
      -moz-column-gap: 4rem;
           column-gap: 4rem;
      width: 100%;
    }
  
  .footer__menu li > a {
        display: inline-block;
        width: 100%;
        font-weight: 700;
        text-decoration: none;
        padding: 0.5rem 0;
        border-bottom: 1px solid #4E8CAE;
        transition: 250ms ease;
        transition: var(--transition);
      }
  
  .footer__menu li > a:hover {
          color: var(--color-yellow);
        }
  
  @media (min-width: 48em) {
  
  .footer__menu {
        -moz-column-count: 2;
             column-count: 2
    }
      }
  
  @media (min-width: 64em) {
  
  .align-items{
      align-items: center
  }
    }
  
  .copyright {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
    padding: max(1.75rem, min(calc(1.65rem + 0.49vw), 2.00rem)) 0;
    padding: var(--space-l) 0 ;
  }
  
  .copyright__links {
      list-style-type: none;
      margin: 0;
      padding: 0;
    }
  
  .copyright__links > li > a {
        color: var(--color-blue);
      }
  
  .copyright-marketing {
    display: flex;
    /* justify-content: space-between; */
    font-size: 14px;
    font-weight: 500;
    padding: max(1.75rem, min(calc(1.65rem + 0.49vw), 2.00rem)) 0;
    padding: var(--space-l) 0 ;
  }
  
  .copyright-marketing__links {
      list-style-type: none;
      margin: 0;
      padding: 0;
    }
  
  .copyright-marketing__links > li > a {
        color: var(--color-blue);
      }
  
  .back-to-top {
    position: absolute;
    top: 2rem;
    right: 2rem;
    display: flex;
    align-items: center;
    text-decoration: none;
    font-weight: 700;
  }
  
  .back-to-top::after {
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: 'Material Symbols Outlined';
      content: '\f1e0';
      font-size: 1.5rem;
      font-weight: 600;
      width: 2.625rem;
      height: 2.625rem;
      margin-left: 1rem;
      border-radius: 100%;
      color: var(--color-dark);
      background-color: var(--color-yellow);
      transition: 250ms ease;
      transition: var(--transition);
    }
  
  .back-to-top:hover::after {
        background-color: var(--color-yellow);
        font-size: 1.25rem;
        transform: scale(1.25);
      }
  
  @media (min-width: 64em) {
  
  .back-to-top {
      position: relative;
      top: auto;
      top: initial;
      right: auto;
      right: initial
  }
    }
  
  .form label,
    .form .form_label,
    .form .form_label strong {
      font-weight: normal !important;
    }
  
  .form label,
    .form .form_label,
    .form .form_label strong {
      display: block;
      font-size: var(--size-step-s);
    }
  
  .form__group {
      width: 100%;
    }
  
  .form__input,
    .form input[type="text"],
    .form input[type="email"] {
      --flow-space: var(--space-3xs);
      -webkit-margin-before: 1.5rem;
              margin-block-start: 1.5rem;
      -webkit-margin-before: var(--flow-space, 1.5rem);
              margin-block-start: var(--flow-space, 1.5rem);
      border: none;
      border-radius: .375rem;
      background-color: #DDEBF9;
      color: var(--color-dark);
      padding: max(0.44rem, min(calc(0.41rem + 0.12vw), 0.50rem));
      padding: var(--space-2xs);
      width: 100%;
    }
  
  .form .button,
    .form button {
      width: 100%;
    }
  
  .form__select {
    --flow-space: var(--space-3xs);
    position: relative;
  }
  
  .form__select select {
    width: 100%;
    border: none;
    border-radius: .375rem;
    background-color: #DDEBF9;
    padding: max(0.44rem, min(calc(0.41rem + 0.12vw), 0.50rem));
    padding: var(--space-2xs);
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
  }
  
  .form__select select::-ms-expand {
      display: none;
    }
  
  .form select {
    --flow-space: var(--space-3xs);
    -webkit-margin-before: 1.5rem;
            margin-block-start: 1.5rem;
    -webkit-margin-before: var(--flow-space, 1.5rem);
            margin-block-start: var(--flow-space, 1.5rem);
    border: none;
    border-radius: .375rem;
    background-color: #DDEBF9;
    color: var(--color-dark);
    padding: max(0.25rem, min(calc(0.25rem + 0.00vw), 0.25rem));
    padding: var(--space-3xs);
  }
  
  .form__select::before {
    font-family: 'Material Symbols Outlined';
    content: '\e5c5';
    font-size: 1rem;
    margin-left: 0.25rem;
    transition: 250ms ease;
    transition: var(--transition);
    position: absolute;
    top: 0;
    right: 0;
    width: 20%;
    height: 100%;
    text-align: center;
    font-size: 28px;
    line-height: 45px;
    pointer-events: none;
  }
  
  /* costume select */
  
  .custom-select {
    position: relative;
  }
  
  .custom-select select {
    display: none;
  }
  
  .select-selected {
    background-color: #DDEBF9;
    color: var(--color-dark);
    border-radius: .375rem;
    padding: max(0.44rem, min(calc(0.41rem + 0.12vw), 0.50rem));
    padding: var(--space-2xs);
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    
  }
  
  .select-selected:after {
    font-family: 'Material Symbols Outlined';
    content: '\e5c5';
    font-size: 1rem;
    margin-left: 0.25rem;
    transition: 250ms ease;
    transition: var(--transition);
    position: absolute;
    top: 0;
    right: 0;
    width: 20%;
    height: 100%;
    text-align: center;
    font-size: 28px;
    line-height: 45px;
    pointer-events: none;
  }
  
  .select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    transform: rotate(180deg);
  }
  
  .select-items div,.select-selected {
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  
  .select-items {
    color:var(--color-dark) !important;
  }
  
  .select-items {
    position: absolute;
    background-color: rgb(255, 255, 255);
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
  }
  
  .select-hide {
    display: none;
  }
  
  .select-items div:hover,
  .select-items div.same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
    color: var(--color-dark);
  }
  
  .select-items div:focus,
  .select-items div.same-as-selected {
    background-color: #e2e2e2;
    outline: none;
    box-shadow: 0 0 0 2px blue;
    color: var(--color-dark);
  }
  
  @media (min-width: 64em) {
  
  .form-width:last-child{
     flex-basis:370px!important
  }
    
      }
  
  .absolute-form-area{
    position: relative;
    min-width: 400px;
    margin-top: -12rem;
    z-index:34; 
  }
  
  .relative-form-area {
    position: relative;
    /* margin-top: -2rem; */
  }
  
  .frame {
    --n: 16;
    --d: 9;
    aspect-ratio: var(--n) / var(--d);
    overflow: hidden;
    isolation: isolate;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-light);
  }
  
  .frame > img,
  .frame > video,
  .frame > iframe {
    inline-size: 100%;
    block-size: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    transition: 250ms ease;
    transition: var(--transition);
  }
  
  .image-link {
    display: block;
    text-decoration: none;
  }
  
  .image-link h1,.image-link h2,.image-link h3,.image-link h4 {
      text-decoration: underline;
      transition: color 250ms ease;
      transition: color var(--transition);
      text-decoration-thickness: 0.05em;
      text-underline-offset: 0.1em;
      color: var(--color-blue);
    }
  
  .invert .image-link h1, .invert .image-link h2, .invert .image-link h3, .invert .image-link h4 {
        color: var(--color-light);
      }
  
  .image-link:hover h1,.image-link:hover h2,.image-link:hover h3,.image-link:hover h4 {
        text-decoration: none;
      }
  
  .image-link:hover .frame > img {
        transform: scale(1.1);
      }
  
  .frame[data-ratio='1:1'] {
    --n: 1;
    --d: 1;
  }
  
  .frame[data-ratio='2:3'] {
    --n: 2;
    --d: 3;
  }
  
  .frame[data-ratio='3:2'] {
    --n: 3;
    --d: 2;
  }
  
  .frame[data-ratio='4:3'] {
    --n: 4;
    --d: 3;
  }
  
  .frame[data-ratio='3:4'] {
    --n: 3;
    --d: 4;
  }
  
  .frame[data-ratio='5:4'] {
    --n: 5;
    --d: 4;
  }
  
  /* AUTO GRID
  Related Every Layout: https://every-layout.dev/layouts/grid/
  More info on the flexible nature: https://piccalil.li/tutorial/create-a-responsive-grid-layout-with-no-media-queries-using-css-grid/
  A flexible layout that will create an auto-fill grid with
  configurable grid item sizes
  
  CUSTOM PROPERTIES AND CONFIGURATION
  --gutter (var(--space-s-m)): This defines the space
  between each item.
  
  --grid-min-item-size (16rem): How large each item should be
  ideally, as a minimum.
  
  --grid-placement (auto-fill): Set either auto-fit or auto-fill
  to change how empty grid tracks are handled */
  
  .grid {
    display: grid;
    grid-template-columns: repeat(
      auto-fill,
      minmax(16rem, 1fr)
    );
    grid-template-columns: repeat(
      var(--grid-placement, auto-fill),
      minmax(var(--grid-min-item-size, 16rem), 1fr)
    );
    gap: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
    grid-gap: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
    grid-gap: var(--gutter, var(--space-s-l));
    gap: var(--gutter, var(--space-s-l));
  
    --flow-space: var(--space-s-l);
  }
  
  .grid[data-rows='masonry'] {
    grid-template-rows: masonry;
    align-items: start;
  }
  
  .grid[data-layout='1/2'] {
    --grid-placement: auto-fit;
    --grid-min-item-size: max(16rem, min(30vw, 26rem));
  }
  
  .l-page-sidebar .grid[data-layout='1/2'] {
      --grid-min-item-size: max(12rem, min(50vw, 13rem));
    }
  
  .grid[data-layout='1/3'] {
    --grid-placement: auto-fit;
    --grid-min-item-size: var(--grid-min-item-size-custom, max(16rem, min(20vw, 20rem)));
  
    /* &.grid--gallery {
      --grid-min-item-size: var(--grid-min-item-size-custom, clamp(12rem, 50vw, 12rem));
    } */
  }
  
  .l-page-sidebar .grid[data-layout='1/3'] {
      --grid-min-item-size: max(12rem, min(16vw, 12rem));
    }
  
  .grid[data-layout='1/4'] {
    --grid-placement: auto-fit;
    --grid-min-item-size: var(--grid-min-item-size-custom, max(16rem, min(50vw, 16rem)));
  }
  
  .l-page-sidebar .grid[data-layout='1/4'] {
      --grid-min-item-size: max(12rem, min(50vw, 11rem));
    }
  
  .header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 1rem 0.5rem 1.5rem;
    z-index: 5;
  
  }
  
  /* transition: var(--transition); */
  
  .search-active:not(.sticky-menu) .header--standard .search {
          transform: translateX(0%);
        }
  
  .search-active:not(.sticky-menu) .header--standard .search .search__form {
            visibility: visible;
          }
  
  .header--sticky {
      position: fixed;
      top: 0;
      width: 100%;
      visibility: hidden;
      background-color: var(--color-light);
      box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
      transform: translateY(-100%);
      transition: 250ms ease;
      transition: var(--transition);
      z-index: 5;
    }
  
  /* .search {
        .search-active.sticky-menu & {
          transform: translateX(0%);
          .search__form {
            visibility: visible;
          }
        }
      } */
  
  .sticky-menu .header--sticky {
        visibility: visible;
        transform: translateY(0);
      }
  
  .search-active.sticky-menu .header--sticky .search {
          transform: translateX(0%);
        }
  
  .search-active.sticky-menu .header--sticky .search .search__form {
            visibility: visible;
          }
  
  .header__logo {
      display: block;
      max-width: 131px;
      flex: 1;
      color: var(--color-blue);
    }
  
  .header__main {
      display: flex;
      align-items: center;
      justify-content: flex-end;
    }
  
  .header__nav {
      display: flex;
      list-style-type: none;
      margin: 0;
      padding: 0 1.5rem;
      width: 100%;
      flex-direction: column;
      background-color: var(--color-blue);
    }
  
  .header__nav > li {
        border-bottom: 1px solid rgba(255,255,255, 0.30);
      }
  
  .header__nav > li:last-of-type .header__subnav, .header__nav > li:nth-last-child(2) .header__subnav {
            right: 0;
          }
  
  .header__nav > li > button,
      .header__nav > li > a {
        display: flex;
        justify-content: space-between;
        color: var(--color-light);
        font-size: 22px;
        font-weight: 700;
        padding: max(0.44rem, min(calc(0.41rem + 0.12vw), 0.50rem)) 0;
        padding: var(--space-2xs) 0;
        width: 100%;
        text-decoration: none;
        border-bottom: 5px transparent solid;
      }
  
  .header__nav > li > button:hover, .header__nav > li > a:hover {
          color: var(--color-light);
        }
  
  .header__nav > li > button[aria-expanded="true"], .header__nav > li > a[aria-expanded="true"] {
          border-bottom: 5px var(--color-blue) solid;
        }
  
  @media (min-width: 70em) {
  
  .header__nav {
        display: flex;
        flex-direction: row;
        gap: max(1.31rem, min(calc(1.24rem + 0.37vw), 1.50rem));
        gap: var(--space-m);
        background-color: transparent
    }
  
        .header__nav > li > button,
        .header__nav > li > a {
          font-size: 18px;
          color: var(--color-blue);
          padding: 2rem 0;
          width: auto;
        }
          /* transition: var(--transition); */
  
          .header__nav > li > button:hover, .header__nav > li > a:hover {
            color: var(--color-blue-dark);
          }
      }
  
  .header__menu-toggle {
      width: 2.625rem;
      height: 4rem;
      padding: 0;
      border: none;
      background-color: transparent;
      color: var(--color-blue);
    }
  
  .header__menu-toggle::after {
        font-family: 'Material Symbols Outlined';
        content: '\e5d2';
        font-size: 2rem;
      }
  
  .menu-active .header__menu-toggle {
        color: var(--color-light);
      }
  
  .search-active .header__menu-toggle {
        display: none;
      }
  
  @media (min-width: 70em) {
  
  .header__menu-toggle {
        display: none;
        background-color: var(--color-light)
    }
      }
  
  .header__search-toggle {
        width: 2.625rem;
        border: none;
        border-radius: 0;
        background-color: transparent;
        color: var(--color-blue);
      }
  
  /* transition: none; */
  
  .header__search-toggle .svg--search {
          height: 1.25rem;
          width: 1.25rem;
        }
  
  .search-active .header__search-toggle .svg--search {
            display: none;
          }
  
  .search-active .header__search-toggle {
          color: var(--color-light);
        }
  
  .menu-active .header__search-toggle {
          display: none;
        }
  
  .header__search-toggle:hover {
          background-color: transparent;
        }
  
  @media (min-width: 70em) {
  
  .header__search-toggle {
          width: 2.625rem;
          height: 2.625rem;
          border-radius: 100%;
          background-color: var(--color-blue);
          color: var(--color-light)
          /* transition: var(--transition); */
      }
  
          .header__search-toggle:hover {
            background-color: var(--color-blue-dark);
          }
  
  .header__search {
        display: flex;
        align-items: center;
        height: 5.875rem;
        background: var(--color-light);
        padding: 0 2rem 0 0;
        padding: 0 var(--gap) 0 0
    }
        }
  
  .header__subnav {
      display: none;
      list-style-type: none;
      margin: 0;
      padding: 0;
      visibility: hidden;
      margin-bottom: 1rem;
    }
  
  /* transition: var(--transition); */
  
  .header__subnav > li > a {
        display: block;
        color: var(--color-light);
        font-size: 14px;
        font-weight: 500;
        text-decoration: none;
        padding: 0.5rem 0;
      }
  
  /* transition: var(--transition); */
  
  .header__subnav > li > a:hover {
          color: var(--color-light);
          text-decoration: underline;
        }
  
  @media (min-width: 70em) {
  
  .header__subnav {
        display: block;
        transform: translateY(-100%);
        position: absolute;
        background: #FAFAF3;
        min-width: 25rem;
        border-bottom-left-radius: .5625rem;
        border-bottom-right-radius: .5625rem;
        box-shadow: 0 15px 20px 0 rgba(0,0,0,0.50);
        box-shadow: var(--shadow);
        z-index: 1
    }
          .header__subnav > li:nth-child(2) {
            margin-top: max(0.88rem, min(calc(0.83rem + 0.24vw), 1.00rem));
            margin-top: var(--space-s);
          }
          .header__subnav > li:last-child {
            margin-bottom: max(0.88rem, min(calc(0.83rem + 0.24vw), 1.00rem));
            margin-bottom: var(--space-s);
          }
  
        .header__subnav > li > a {
          font-size: var(--size-step-s);
          font-weight: 700;
          color: var(--color-blue);
          padding: max(0.44rem, min(calc(0.41rem + 0.12vw), 0.50rem)) max(1.75rem, min(calc(1.65rem + 0.49vw), 2.00rem));
          padding: var(--space-2xs) var(--space-l);
        }
  
          .header__subnav > li > a.header__subnav-overview {
            padding: max(0.88rem, min(calc(0.83rem + 0.24vw), 1.00rem)) max(1.75rem, min(calc(1.65rem + 0.49vw), 2.00rem)) !important;
            padding: var(--space-s) var(--space-l) !important;
          }
  
          .header__subnav > li > a.header__subnav-overview {
            background: var(--color-yellow);
          }
    
            .header__subnav > li > a.header__subnav-overview:hover {
              background: var(--color-ecru);
              color: var(--color-blue-dark);
            }
  
          .header__subnav > li > a:hover {
            color: var(--color-blue-dark);
            text-decoration: none;
          };
      }
  
  .menu-active .header,
    .search-active .header {
      background: var(--color-blue);
    }
  
  @media (min-width: 70em) {
  
  .menu-active .header,
    .search-active .header {
        background: var(--color-light)
    }
      }
  
  .header__mobile-menu-wrapper {
      display: none;
      flex-direction: column;
      position: fixed;
      width: 100%;
      left: 0;
      top: 80px;
      background: var(--color-blue);
      height: 100vh;
      padding-bottom: 10rem;
      overflow-y: scroll;
    }
  
  .header__mobile-menu-wrapper .button-cta--secondary {
        color: var(--color-light);
      }
  
  .menu-active .header__mobile-menu-wrapper {
        display: flex;
      }
     
  @media (min-width: 768px) and (max-width: 1023px) {
    .dropdown[aria-expanded="false"] + ul {
      display: none;
    }
    .c-menu-sidebar__toggle {
      display: block !important;
    }
  }
  @media (min-width: 768px) {
  .c-menu-sidebar__heading {
      display: none !important;
    }
  }    
    
  
  @media (min-width: 70em) {
  
  .header__mobile-menu-wrapper {
        position: relative;
        display: flex;
        background-color: var(--color-light);
        height: auto;
        height: initial;
        top: auto;
        top: initial;
        left: auto;
        left: initial;
        overflow-y: visible;
        overflow-y: initial;
        padding: 0
    }
  
  .header {
      padding: 0 2rem;
      padding: 0 var(--gap);
      padding-right: 0
  
  }
      }
  
  .dropdown {
    display: flex;
    align-items: center;
    border: none;
    background: none;
  }
  
  .dropdown::after {
      font-family: 'Material Symbols Outlined';
      content: '\e5c5';
      font-size: 1rem;
      margin-left: 0.25rem;
      /* transition: var(--transition); */
    }
  
  .dropdown[aria-expanded="true"]::after {
        transform: rotate(-180deg);
      }
  
  .dropdown[aria-expanded="true"] + ul {
        display: block;
        transform: translateY(0);
        visibility: visible;
      }
  
  [data-toggle-control] {
    /* } */
  }
  
  /* &[aria-expanded="true"] { */
  
  .search-active [data-toggle-control]::after, .menu-active [data-toggle-control]::after {
          font-family: 'Material Symbols Outlined';
          content: '\e5cd';
          font-size: 2rem;
        }
  
  .secondary-menu {
      background: transparent;
      background: var(--spot-color, transparent);
      --outline-color: var(--color-light);
      position: relative;
      display: flex;
      justify-content: space-between;
      width: 100%;
      padding: 1rem 2rem;
      top: 0;
      z-index: 3;
  }
  
  .secondary-menu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 auto;
        gap: 1rem;
      }
  
  .secondary-menu ul:first-child {
          display: none;
        }
  
  @media (min-width: 70em) {
  
  .secondary-menu ul:first-child {
            display: flex;
            flex-direction: row
        }
            .secondary-menu ul:first-child a {
              font-weight: 700;
              text-decoration: none;
            }
      
              .secondary-menu ul:first-child a:hover {
                text-decoration: underline;
              }
          }
  
  @media (min-width: 32em) {
  
  .secondary-menu ul {
          margin: 0 0 0 auto
      }
        }
  
  @media (min-width: 70em) {
  
  .secondary-menu ul {
          margin: 0;
          justify-content: center
      }
        }
  
  .hero--home .secondary-menu {
        position: relative;
        background: var(--color-blue);
      }
  
  .hero--home .secondary-menu ul {
          list-style-type: none;
          margin: 0;
          padding: 0;
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin: 0 auto;
          gap: 1rem;
        }
  
  .hero--home .secondary-menu ul:first-child {
            display: none;
          }
  
  @media (min-width: 70em) {
  
  .hero--home .secondary-menu ul:first-child {
              display: flex
          }
              .hero--home .secondary-menu ul:first-child a {
                color: var(--color-light);
              }
  
  .hero--home .secondary-menu ul {
            margin: 0
        }
  
  .hero--home .secondary-menu {
          position: absolute;
          background: transparent
      }
            }
  
  .secondary-menu--mobile {
      display: block;
      margin: 2rem 1.5rem;
      padding: 0;
      width: auto;
      width: initial;
      padding-top: 1rem;
      border-top: 5px solid var(--color-yellow);
    }
  
  .secondary-menu--mobile ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        flex-wrap: wrap;
        gap: 0;
      }
  
  .secondary-menu--mobile ul:first-child {
          display: block;
          flex-direction: column;
          align-items: flex-start;
        }
  
  .secondary-menu--mobile ul:first-child a {
            display: block;
            color: var(--color-light);
            text-decoration: none;
            font-weight: 700;
            padding: max(0.44rem, min(calc(0.41rem + 0.12vw), 0.50rem)) 0;
            padding: var(--space-2xs) 0;
          }
  
  @media (min-width: 70em) {
  
  .secondary-menu--mobile {
        display: none;
        visibility: hidden
    }
      }
  
  @-webkit-keyframes stickySlidein {
    from {
      transform: translateY(-100%);
    }
  
    to {
      transform: translateY(0%);
    }
  }
  
  @keyframes stickySlidein {
    from {
      transform: translateY(-100%);
    }
  
    to {
      transform: translateY(0%);
    }
  }
  
  .hero {
    --gutter: var(--space-l);
    --sidebar-target-width: 36rem;
    --sidebar-content-min-width: 50%;
  
    position: relative;
    background-color: var(--color-primary);
  
    overflow: hidden;
  
  }
  
  .hero .frame {
      max-height: 60vh;
      width: 100%;
    }
  
  .hero .bg-gradient-half::before {
        opacity: 0.85;
      }
  
  .hero__media {
      position: relative;
      margin: 0 auto;
      /* z-index: -1; */
    }
  
  .hero--home .hero__media {
        height: 62vh;
        min-height: 450px;
        max-height: 830px;
      }
  
  .hero--pattern .hero__media {
        aspect-ratio: 4/3;
        background-color: var(--color-blue);
        background-image: url(/media/umassboston/site-assets/images/favicons/squircle-pattern.svg);
        background-size: 16rem;
        background-position: center;
        width: 100%;
        max-width: none;
        max-width: initial;
      }
  
  @media (min-width: 64em) {
  
  .hero--pattern .hero__media {
          aspect-ratio: 16/9
      }
        }
  
  .hero--sm .hero__media {
        max-height: 23.125rem;
      }
  
  .hero__media::before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: -1px;
        content: " ";
        background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, #000000 100%);
        z-index: 1;
      }
  
  .hero--home .hero__media::before {
          background-image: linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.35) 100%);
        }
  
  .hero--pattern .hero__media::before {
          display: none;
        }
  
  .hero--plain .hero__media {
        min-height: 23.125rem;
      }
  
  .hero--plain .hero__media::before {
          display: none;
        }
  
  .hero__media img, .hero__media video {
        position: relative;
        z-index: 0;
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        aspect-ratio: 16/9;
      }
  
  .hero__media img {
        aspect-ratio: 4/3;
      }
  
  .hero__media video {
        display: block;
        margin-bottom: -0.4rem;
        aspect-ratio: 4/3;
      }
  
  .hero__media .hero__video-container{
        display: block;
        margin-bottom: -0.4rem;
        aspect-ratio: 4/3;
      }
  
  @media(min-width: 48em) {
  
  .hero__media .hero__video-container{
          height: 70vh;
          max-height: 530px;
          width: 100vw;
          aspect-ratio: 16/9
      }
        }
  
  .hero__media iframe {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100vw;
        height: 100vh;
        transform: translate(-50%, -50%);
        pointer-events: none;
      }
  
  @media (min-width: 48em) {
        .hero__media img {
          aspect-ratio: 16/9;
          height: 70vh;
          max-height: 530px;
        }
          .hero--video .hero__media img {
            display: none;
          }
        .hero__media video {
          display: block;
        }
          .hero--video .hero__media video {
            aspect-ratio: 16/9;
            height: 70vh;
            max-height: 530px;
          }
          .hero--home .hero__media video {
            aspect-ratio: 16/9;
            height: 100%;
            max-height:none;
            max-height:initial;
          }
      }
  
  .hero__content {
      position: absolute;
      inset: 0;
      display: flex;
      justify-content: center;
      align-items: flex-end;
      padding: max(1.75rem, min(calc(1.65rem + 0.49vw), 2.00rem));
      padding: var(--space-l);
      z-index: 2;
    }
  
  .hero--video .hero__content {
        max-width: 85%;
      }
  
  .hero--home .hero__content {
        max-width: 100%;
        align-items: flex-start;
        margin-top: 5rem;
      }
  
  @media (min-width: 64em) {
  
  .hero--home .hero__content {
          align-items: center;
          margin-top: 0
      }
        }
  
  .hero__title {
      font-family: 'Arizona', sans-serif;
      font-family: var(--serif);
      font-size: 8vw;
      line-height: 1;
      text-align: center;
      color: var(--color-light);
      width: 100%;
      max-width: 1068px;
    }
  
  @media (min-width: 48em) {
  
  .hero__title {
        font-size: var(--size-step-4)
    }
      }
  
  .hero--home .hero__title {
        font-size: var(--size-step-5);
        text-align: left;
        text-align: initial;
      }
  
  .hero--home .hero__title span {
          display: block;
        }
  
  .hero--home .hero__title span:last-child {
          display: block;
          margin-left: auto;
          text-align: right;
        }
  
  @media (min-width: 48em) {
  
  .hero--home .hero__title {
          font-size: var(--size-step-5)
      }
        }
  
  .hero__control {
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      bottom: 2rem;
      right: 2rem;
      height: 2.625rem;
      width: 2.625rem;
      border: 0.125rem solid var(--color-light);
      border-radius: 100%;
      background: rgba(32,31,31, 0.43);
      color: var(--color-light);
      z-index: 3;
      box-shadow: 0 0 20px 0 rgba(0,0,0,0.7);
      transition: 250ms ease;
      transition: var(--transition);
    }
  
  .hero__control::after {
        font-family: 'Material Symbols Outlined';
        font-variation-settings:
        'FILL' 1,
        'wght' 400,
        'GRAD' 0,
        'opsz' 48;
        content: '\e037';
        font-size: 1.5rem;
        transition: 250ms ease;
        transition: var(--transition);
        text-shadow: 0 0 20px rgba(0,0,0,0.94);
      }
  
  .hero__control[data-playing]::after {
          font-family: 'Material Symbols Outlined';
          content: '\e034';
          font-size: 1.5rem;
        }
  
  .hero__control:hover {
        transform: scale(1.25);
      }
  
  .hero__control:hover::after {
          transform: scale(0.8);
        }
  
  .hero__explore {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 15vh;
      display: inline-flex;
      margin: 0 auto;
      padding: 0.5rem 1rem;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      z-index: 2;
    }
  
  @media (min-width: 64em) {
  
  .hero__explore {
        padding: 1rem 2rem;
        bottom: 2rem
    }
      }
  
  .hero--home {
      --outline-color: var(--color-light);
    }
  
  @media (min-aspect-ratio: 16/9) {
    .hero__video-container iframe {
      height: 56.25vw;
    }
  }
  
  @media (max-aspect-ratio: 16/9) {
    .hero__video-container iframe {
      width: 177.78vh;
    }
  }
  
  .hero-marketing {
      --gutter: var(--space-l);
      --sidebar-target-width: 36rem;
      --sidebar-content-min-width: 50%;
      position: relative;
      background-color: #033048;
      overflow: hidden;
  
    }
  
  .hero-marketing::before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: -1px;
        content: " ";
        background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.26275) 100%);
        z-index: 1;
      }
  
  .hero-marketing.bg-yellow::before,
        .hero-marketing.bg-yellow::after {
          display: none;
        }
  
  .hero-marketing.hero-marketing--full {
        height: 76vh;
        width: 100vw;
      }
  
  .hero-marketing__media{
      position: relative;
      /* background-color: #132245 !important; */
      overflow: hidden;
      z-index:4;
      height:auto;
    }
  
  /* .frame {
        max-height: 100%;
        width: 70%;
    
      } */
  
  .hero-marketing--full .hero-marketing__media {
        height: 100%;
      }
  
  .bg-yellow .hero-marketing__media {
        z-index: 2;
      }
  
  .bg-yellow .hero-marketing__media .frame-gradient::before,
        .bg-yellow .hero-marketing__media .frame-gradient::after {
          display: none;
        }
  
  @media (min-width: 64em) {
  
  .hero-marketing__media{
        height:auto;
        overflow-y: hidden
    }
      }
  
  .hero-marketing__media-blue{
      position: relative;
      /* background-color: #005a8b !important; */
      overflow: hidden;
    }
  
  @media (--lg) {
    
       
     }
  
  /* .hero-marketing__media-yellow{
      position: relative;
      background-color: #FEDE42 !important;
      overflow: hidden;
      z-index: 2;
  
      & .frame-gradient::before,
      & .frame-gradient::after {
        display: none;
      }
    } */
  
  .hero-marketing__media::before{
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: -1px;
      content: " ";
      z-index: 1;
    }
  
  .frame-wrapper {
      z-index: 4;
      display: flex;
      justify-content: space-between;
      max-height: 85vh;
      margin-top: 0;
      margin-bottom: 0;
      margin-top:6rem;
    }
  
  /* margin-bottom: -2rem; */
  
  .hero-marketing--full .frame-wrapper {
        max-height: 100%;
        height: 100%;
        display: block;
        margin: 0;
        padding: 0;
      }
  
  @media (min-width: 64em) {
  
  .frame-wrapper {
        margin-top:0
    }
      }
  
  .svg-frame {
      width: 0;
      position: relative;
      display: block;
      opacity: 1;
      height:65%;
    }
  
  .hero-marketing--full .svg-frame {
        display: none;
      }
  
  .bg-yellow .svg-frame {
        filter: invert(8%) sepia(100%) saturate(6481%) hue-rotate(39deg) brightness(102%) contrast(143%);
        opacity: 0.16;
        color: #036ea8;
        display: none;
      }
  
  @media (min-width: 64em) {
  
  .bg-yellow .svg-frame {
          display:block
      }
  
  .svg-frame {
        top:6rem;
        left: -15rem;
        width: 65vw;
        display:block;
        position: absolute;
        opacity: 0.5;
        height:90%;
        max-height: 35vw
    }
        }
  
  .svg-frame-mobile  {
      opacity: 0.5;
      position: relative;
      margin-right: 4rem;
      margin-left: -30%;
      margin-bottom: -45%;
      height:50rem;
      display:block;
      position: absolute;
      top:0; 
      left:-4rem;
    }
  
  .hero-marketing--full .svg-frame-mobile {
        display: none;
      }
  
  .bg-yellow .svg-frame-mobile {
        width: 85rem;
        position: relative;
        margin-right: 4rem;
        margin-left: -30%;
        margin-bottom: -45%;
        height:50rem;
        display:block;
        position: absolute;
        top:0; 
        left:-4rem;
        filter: invert(8%) sepia(100%) saturate(6481%) hue-rotate(39deg) brightness(102%) contrast(143%);
        opacity: 0.28;
        color: #036ea8;
      }
  
  @media (min-width: 64em) {
  
  .bg-yellow .svg-frame-mobile {
          display:none
      }
  
  .svg-frame-mobile  {
        display:none
    }
        }
  
  @media screen and (max-width: 475px) {
      .svg-frame-mobile  {
        top:-15%;
      }
    }
  
  /* .svg-frame-yellow{
      filter: invert(8%) sepia(100%) saturate(6481%) hue-rotate(39deg) brightness(102%) contrast(143%);
      opacity: 0.16;
      color: #036ea8;
      display: none;
  
      @media (--lg) {
        display:block;
      }
    }
  
    .svg-frame-yellow-mobile{
      width: 85rem;
      position: relative;
      margin-right: 4rem;
      margin-left: -30%;
      margin-bottom: -45%;
      height:50rem;
      display:block;
      position: absolute;
      top:0; 
      left:-4rem;
      filter: invert(8%) sepia(100%) saturate(6481%) hue-rotate(39deg) brightness(102%) contrast(143%);
      opacity: 0.28;
      color: #036ea8;
  
      @media (--lg) {
        display:none;
      }
    } */
  
  .hero-marketing-logo {
      position: absolute;
      width: 100%;
      top: 0;
      left:0;
      z-index: 4;
      color:white;
      padding:1.2rem 1rem 1rem 2.2rem;
    }
  
  .bg-yellow .hero-marketing-logo {
        color: var(--color-blue);
      }
  
  @media (min-width: 64em) {
  
  .hero-marketing-logo {
        top: 0;
        left:0;
        width: 100%;
        padding:1.2rem 1rem 1rem 2.2rem
    }
      }
  
  /* .hero-marketing-logo-yellow {
    color: var(--color-blue);
  } */
  
  .bg-gradient-half::before {
      opacity: 0.85;
    }
  
  .hero-media {
      position: relative;
      margin: 0 auto;
    }
  
  .hero-media--home {
      height: 62vh;
      min-height: 450px;
      max-height: 830px;
    }
  
  .hero-media--pattern {
      aspect-ratio: 4/3;
      background-color: var(--color-blue);
      background-image: url(/media/umassboston/site-assets/images/favicons/squircle-pattern.svg);
      background-size: 16rem;
      background-position: center;
      width: 100%;
      max-width: none;
      max-width: initial;
    }
  
  .hero-media--sm {
      max-height: 23.125rem;
    }
  
  .hero-media::before {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: -1px;
      content: " ";
      background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000000 120%);
      z-index: 1;
    }
  
  .hero-media--home::before {
      background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 120%);
    }
  
  .hero-media--pattern::before {
      display: none;
    }
  
  .hero-media--plain {
      min-height: 23.125rem;
    }
  
  .hero-media img,
    .hero-media video {
      position: relative;
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      aspect-ratio: 16/9;
      z-index: 4;
    }
  
  .hero-media img {
      aspect-ratio: 4/3;
      z-index: 4;
    }
  
  .hero-media video {
      display: block;
      margin-bottom: -0.4rem;
      aspect-ratio: 4/3;
    }
  
  @media (min-width: 48em) {
      .hero-media img {
        aspect-ratio: 16/9;
        height: 70vh;
        max-height: 530px;
      }
    
      .hero-media video {
        display: block;
        aspect-ratio: 16/9;
        height: 70vh;
        max-height: 530px;
      }
    
      .hero-media--home video {
        aspect-ratio: 16/9;
        height: 100%;
        max-height: none;
        max-height: initial;
      }
    }
  
  .hero-marketing__content {
    padding-left: 1rem!important;
    margin-left: 0.5rem!important;
  }
  
  .hero-marketing__content {
    position: static;
    inset: 0;
    display: grid;
    justify-content:flex-start;
    align-items: flex-end;
    padding: max(1.75rem, min(calc(1.65rem + 0.49vw), 2.00rem));
    padding: var(--space-l);
    z-index: 2;
    margin-top: 1.4rem;
  }
  
  .hero-marketing--full .hero-marketing__content {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      text-align: center;
      padding: 20px;
    }
  
  .hero-marketing--video .hero-marketing__content {
    max-width: 85%;
  }
  
  .hero-marketing--home .hero-marketing__content {
    max-width: 100%;
    align-items: center;
    margin-top: 5rem;
  }
  
  @media (min-width: 64em) {
     .hero-marketing__content {
      padding-left: 0!important;
     
      padding-left: 0rem!important;
      margin-left: 0!important;
    }
     .hero-marketing__content {
      align-items: center;
      margin-top: 0;
      position: absolute;
    }
  
  
  }
  
  .hero-marketing__title {
    font-family: 'Arizona', sans-serif;
    font-family: var(--serif);
    font-size: 30px;
    line-height: 1;
    text-align: left;
    color: #FEDE42;
    width: 100%;
    max-width: 700px;
    z-index: 3;
  }
  
  .bg-yellow .hero-marketing__title {
      color: var(--color-blue);
    }
  
  @media (min-width: 64em) {
  
  .hero-marketing__title {
      font-size: 62px !important
  }
  
  .hero-marketing__title {
      max-width:50vw;
      padding:0 1rem
  }
  
      .bg-yellow .hero-marketing__title {
        max-width: 50vw;
      }
  
      .hero-marketing--small-title .hero-marketing__title {
        font-size: 48px !important;
      }
    }
  
  /* .hero-marketing__title-small {
    @media (--lg) {
      font-size: 48px !important;
    }
  } */
  
  /* .hero-marketing__title-yellow{
    color: #005A8B;
  } */
  
  .hero-marketing__description {
    font-family: 'Whyte', serif;
    font-family: var( --sans-serif);
    font-size: 1.2rem;
    line-height: 1.3;
    text-align: left;
    z-index: 3;
    position: relative;
    color: white;
    width: 100%;
    max-width: 700px;
    margin-top: 1rem;
  
  }
  
  .bg-yellow .hero-marketing__description {
      color: black;
    }
  
  @media (min-width: 64em) {
    .hero-marketing__description {
      display: none;
    }
  }
  
  /* .hero-marketing__description-yellow{
    color: black;
  } */
  
  @media (min-width: 48em) {
    .hero-marketing__title {
      font-size: 4.2vw;
      margin-left: 1.3rem;
      padding-bottom: 1rem;
    }
    .hero-marketing__description {
      font-size: 1.5rem;
      margin-left: 1.3rem;
      padding-bottom: 1rem;
      line-height: 1.3;
      margin-top: 0.2rem;
    }
  }
  
  .hero-marketing--home .hero-marketing__title {
    font-size: var(--size-step-5);
    text-align: left;
    text-align: initial;
  }
  
  .hero-marketing--home .hero-marketing__title span {
    display: block;
  }
  
  .hero-marketing--home .hero-marketing__title span:last-child {
    display: block;
    margin-left: auto;
    text-align: right;
  }
  
  @media (min-width: 48em) {
    .hero-marketing--home .hero-marketing__title {
      font-size: var(--size-step-4);
    }
  }
  
  @media (min-width: 64em) {
    .hero-marketing__title {
      font-size: 4.2vw;
      margin-left: 1.3rem;
      padding-bottom: 1rem;
  
    }
  }
  
  .hero-control {
      position: absolute;
      width: 6rem;
      height: 6rem;
      border-radius: 50%;
      background-color: var(--color-blue);
      color: var(--color-white);
      border: none;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: flex;
      justify-content: center;
      align-items: center;
      transition: background-color 0.2s ease-in-out;
    }
  
  .hero-control:hover {
      background-color: var(--color-blue-dark);
    }
  
  .hero-explore {
      position: absolute;
      padding: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
      padding: var(--gutter);
      width: 100%;
      bottom: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
      bottom: var(--gutter);
      left: 0;
      z-index: 3;
      text-align: center;
    }
  
  @media (min-width: 48em) {
      .hero-explore {
        padding-left: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
        padding-left: var(--gutter);
        padding-right: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
        padding-right: var(--gutter);
      }
    }
  
  .hero-marketing--home {
      background-color: var(--color-white);
      color: var(--color-blue);
      overflow: visible;
    }
  
  @media (min-width: 64em) {
      .hero-marketing--home .frame {
        max-height: 100%;
      }
    }
  
  .wrapper-button-down{
    display: flex;
    justify-content: center;
    margin-bottom: 1.2rem;
  }
  
  @media (min-width: 64em) {
  
  .wrapper-button-down{
      display:none
  }
    }
  
  .scroll-link-marketing{
      display: grid;
      border-radius: 50%;
      text-align: center;
      padding:2rem;
      background-color: var(--color-blue);
      color: var(--color-light);
      width:0.5rem;
      height:0.5rem;
      align-content: center;
      justify-content: center;
      place-content: center;
      cursor: pointer;
      text-decoration:none;
     z-index: 2;
     transition: all 250ms ease-in-out;
    }
  
  .scroll-link-marketing-navy{
      background-color:var(--color-blue-dark);
    }
  
  .scroll-link-marketing:hover{
      opacity: 0.8;
    }
  
  .scroll-link-marketing span{
      border: 1px solid white;
      border-radius:50%;
      padding:0.4rem;
    }
  
  .marketing-frame{
      inline-size: 100%;
      block-size: 100%;
      position: relative;
     }
  
  @media (min-width: 64em) {
  
  .marketing-frame{
        inline-size: 60%;
        block-size: 60%
     }
      }
  
  .marketing-frame:before{
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1));
      z-index: 5;
     }
  
  .hero-marketing--full .frame-gradient:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.9));
        z-index: 5;
      }
  
  @media (min-width: 64em) {
  
  .frame-gradient:before{
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.9));
        z-index: 5
     }
       }
  
  .frame-gradient-blue:before{
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 5;
      background: none;
     }
  
  @media (min-width: 64em) {
  
  .frame-gradient-blue:before{
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7))
     }
      }
  
  .frame-marketing-wrapper {
      display: flex;
      justify-content: flex-end;
      width: 100%;
     }
  
  .hero-marketing--full .frame-marketing-wrapper {
        margin: 0;
        width: 100%;
        height: 100%;
        justify-content: initial;
      }
  
  @media (min-width: 64em) {
  
  .frame-marketing-wrapper {
        margin-block: 1rem
     }
      }
  
  .frame-marketing {
      border-top-left-radius: 80rem;
      border-bottom-left-radius: 80rem;
      margin-right: -5%;
      height: 80vh;
      max-height: 68vw;
      max-width: 30rem;
      width: 90%;
      aspect-ratio: 4/3;
     }
  
  .hero-marketing--full .frame-marketing {
        width: 100%;
        height: 100%;
        max-height: none;
        max-height: initial;
        max-width: none;
        max-width: initial;
        border-radius: 0;
        border-radius: initial;
      }
  
  .hero-marketing--full .frame-marketing img {
          max-width: none;
          max-width: initial;
          width: 100%;
        }
  
  @media (min-width: 64em) {
  
  .frame-marketing {
        width: auto;
        margin-right: 0;
        margin-right: initial;
        height: 80vh;
        max-height: 45vw
     }
      }
  
  @media (min-width: 80em) {
  
  .frame-marketing {
        max-width: none;
        max-width: initial
     }
      }
  
  .hero-marketing--full .filler-lg {
        display: none;
      }
  
  @media (min-width: 64em) {
  
  .filler-lg{
        border:2px solid red;
        width:20rem;
        height:2rem;
        opacity: 0
    }
      }
  
  .hero-full {
    position: relative;
    height: 76vh;
    width: 100vw;
    background-image: url("../../img/Admissions-&-Financial-Aid-Header.jpg");
    background-size: cover;
    background-position: center;
  }
  
  .hero-full::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  }
  
  .text-full {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 20px;
  }
  
  .hero-title {
    /* color: #ffffff; */
    /* font-size: 3rem;
    margin-bottom: 10px; */
   
  }
  
  .hero-link {
    /* color: #ffffff; 
    font-size: 2rem;
    display: block; */
    margin: 0 auto;
  z-index:44;
  font-size: 24px;
  color: white; 
  margin-top: 1rem;
  
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); 
  
  }
  
  .hero-link:hover{
   
  
  }
  
  .hero-description {
    text-align: left!important;
  }
  
  .hero-description {
    /* color: #ffffff;  */
    /* font-size: 1.5rem;
    margin-top: 10px; */
  }
  
  /* Styles for tablet devices (e.g., iPad) */
  
  @media (max-width: 768px) {
    .hero-title {
        /* font-size: 2.5rem; */
    }
    .hero-link {
        /* font-size: 1.5rem; */
    }
    .hero-description {
        /* font-size: 1.2rem; */
    }
  }
  
  /* Styles for mobile devices (e.g., smartphones) */
  
  @media (max-width: 480px) {
    .hero-title {
        /* font-size: 2rem; */
    }
    .hero-link {
        /* font-size: 1.2rem; */
    }
    .hero-description {
        /* font-size: 1rem; */
    }
  }
  
  .checkbox-wrapper-flex{
    display: flex;
    gap:0.3rem;
  }
  
  /* margin: 3rem 0; */
  
  .media img {
      border-radius: 2.1875rem;
    }
  
  @media (min-width: 48em) {
  
  .media--right {
      max-width: calc(40% - 1rem);
      margin: 0.5rem 0 1.5rem 2rem;
      float: right
  }
  
  .media--left {
      max-width: calc(40% - 1rem);
      margin: 0.5rem 2rem 1.5rem 0;
      float: left
  }
    }
  
  .media__caption {
    margin-top: 1rem;
  }
  
  @media (min-width: 48em) {
  
  .media--inset .media__caption {
        max-width: calc(100% - 12rem)
    }
      }
  
  .c-menu-sidebar__heading {
      display: none;
    }
  
  @media (min-width: 48em) {
  
  .c-menu-sidebar__heading {
        position: relative;
        display: flex;
        align-items: center;
        font-family: 'Whyte', serif;
        font-family: var(--sans-serif);
        font-size: var(--size-step-0);
        color: var(--color-dark)
        /* padding: var(--space-xs); */
    }
        
        .c-menu-sidebar__heading span {
          /* &::before {
            font-family: 'Material Symbols Outlined';
            font-variation-settings:
            'FILL' 1,
            'wght' 400,
            'GRAD' 0,
            'opsz' 48;
            content: '\e5d2';
            font-size: 1.2rem;
            color: var(--color-blue-light);
            margin-right: 0.5rem;
          } */
  
          display: flex;
          align-items: center;
          position: relative;
          background: var(--color-light);
          padding-right: max(0.69rem, min(calc(0.66rem + 0.12vw), 0.75rem));
          padding-right: var(--space-xs);
          z-index: 1;
        }
  
          .bg-ecru-light .c-menu-sidebar__heading span {
            background: var(--color-ecru-light);
          }
  
  
        .c-menu-sidebar__heading::after {
          content: " ";
          position: absolute;
          left: 0;
          top: 50%;
          width: 100%;
          border-bottom: 1px var(--color-gray) solid;
        }
      }
  
  .c-menu-sidebar__toggle {
      /* @apply display-heading text-step-2 p-s bg-primary-glare w-full; */
      border: none;
      display: flex;
      justify-content: center;
      width: calc(100% + (max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem))*2));
      width: calc(100% + (var(--space-xl)*2));
      margin: 0 calc(-1 * max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem)));
      margin: 0 calc(-1 * var(--space-xl));
      padding: max(0.88rem, min(calc(0.83rem + 0.24vw), 1.00rem));
      padding: var(--space-s);
      border-top: 1px var(--color-gray) solid;
      border-bottom: 1px var(--color-gray) solid;
    }
  
  /* margin-top: calc(-1 * var(--space-l-2xl)); */
  
  .c-menu-sidebar__toggle::after {
        position: absolute;
        right: 2rem;
      }
  
  .c-menu-sidebar__toggle > span {
        color: var(--color-blue-light);
        margin-right: 0.5rem;
      }
  
  .c-menu-sidebar__toggle.dropdown::after {
          color: var(--color-dark);
          font-size: 1.5rem;
        }
  
  @media (min-width: 48em) {
  
  .c-menu-sidebar__toggle {
        display: none
    }
      }
  
  .c-menu-sidebar__content {
      display: none;
      gap: max(0.44rem, min(calc(0.41rem + 0.12vw), 0.50rem));
      gap: var(--space-2xs);
    }
  
  [aria-expanded='true'] + .c-menu-sidebar__content {
        display: flex;
        flex-direction: column;
      }
  
  @media (min-width: 48em) {
  
  .c-menu-sidebar__content {
        display: flex;
        flex-direction: column
    }
      }
  
  .c-menu-sidebar ul > li > a,
    .c-menu-sidebar summary {
      display: flex;
      color: var(--color-dark);
      text-decoration: none;
      font-size: var(--size-step-s);
      font-weight: 700;
      font-weight: var(--font-bold);
      padding: max(0.69rem, min(calc(0.66rem + 0.12vw), 0.75rem)) 0;
      padding: var(--space-xs) 0;
      transition: all 250ms ease;
      transition: all var(--transition);
      /* @mixin link-underline-change var(--color-gray), var(--color-blue); */
      box-shadow: 0 0.1875rem var(--color-gray);
  
    }
  
  .c-menu-sidebar ul > li > a:hover, .c-menu-sidebar summary:hover {
        box-shadow: 0 0.1875rem var(--color-blue);
        color: var(--color-blue);
      }
  
  .c-menu-sidebar summary {
      border: none;
    }
  
  .c-menu-sidebar summary::after {
        font-size: var(--size-step-1);
      }
  
  .c-menu-sidebar ul > li > a {
      position: relative;
    }
  
  /* border-bottom: 3px var(--color-gray) solid; */
  
  .c-menu-sidebar ul > li > a[open] {
        background: none;
        box-shadow: 0 0.1875rem var(--color-blue);
        /* border-bottom: 3px var(--color-blue-light) solid; */
      }
  
  .c-menu-sidebar details[open] > summary,
    .c-menu-sidebar .active {
      box-shadow: 0 0.1875rem var(--color-blue);
      color: var(--color-blue);
    }
  
  .c-menu-sidebar .content::before {
        display: none;
      }
  
  .c-menu-sidebar .content ul {
        margin-top: max(0.69rem, min(calc(0.66rem + 0.12vw), 0.75rem));
        margin-top: var(--space-xs);
      }
  
  .c-menu-sidebar .content a {
        font-weight: normal;
        border: none;
        padding: max(0.25rem, min(calc(0.25rem + 0.00vw), 0.25rem)) 0;
        padding: var(--space-3xs) 0;
        box-shadow: none;
        text-decoration: underline;
      }
  
  .c-menu-sidebar .content a:hover {
          box-shadow: none;
        }
  
  .c-menu-sidebar--alt .c-menu-sidebar__content a {
        display: inline-block;
      }
  
  .minimodal {
    --outline-color: var(--color-light);
    transition: opacity 300ms ease;
    opacity: 0;
    z-index: 40;
  }
  
  .minimodal--active {
    opacity: 1;
  }
  
  .minimodal__overlay {
    background-color: rgba(0, 0, 0, .95);
  }
  
  .minimodal__viewport {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .minimodal__item {
    position: relative;
    height: auto;
    height: initial;
    width: 100%;
    max-width: 90vw;
  }
  
  .minimodal__content {
    width: 100%;
    max-width: 80rem;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    max-width: 1280px;
  
  }
  
  .minimodal__caption {
    width: 100%;
    max-width: 80rem;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    font-size: var(--size-step-s);
    color: var(--color-light);
    padding-block: max(1.31rem, min(calc(1.24rem + 0.37vw), 1.50rem));
    padding-block: var(--space-m);
    max-width: calc(60vh * (16/9));
  }
  
  .minimodal__close {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Material Symbols Outlined';
    font-variation-settings:
    'FILL' 1,
    'wght' 400,
    'GRAD' 0,
    'opsz' 48;
    font-size: 2rem;
    content: "\e5ca";
    background-position: center center;
    color: var(--color-light);
    top: max(1.31rem, min(calc(1.04rem + 1.34vw), 2.00rem));
    top: var(--space-m-l);
    right: max(1.31rem, min(calc(1.04rem + 1.34vw), 2.00rem));
    right: var(--space-m-l);
    z-index: 30;
    width: 2.625rem;
    height: 2.625rem;
    border-radius: 100%;
    padding: 0;
    border: 0;
    background-color: var(--color-dark);
    overflow: hidden;
    transition: 250ms ease;
    transition: var(--transition);
  }
  
  .minimodal__close:hover {
      transform: scale(1.25);
    }
  
  .minimodal__close:hover::after {
        transform: scale(0.8);
      }
  
  .minimodal__element {
    top: auto;
    top: initial;
    transform: none;
    width: 100%;
  }
  
  .minimodal__element--video {
    max-width: calc(60vh * (16/9));
  }
  
  .minimodal__element--video iframe {
      border: none;
    }
  
  .minimodal__nav {
    display: flex;
    flex: none;
    justify-content: center;
    align-items: center;
    height: 2.625rem;
    width: 2.625rem;
    border: none;
    background-color: var(--color-yellow);
    color: rgb(var(--blue-a11y));
    border-radius: 100%;
    cursor: pointer;
    transform: none;
    transition: 250ms ease;
    transition: var(--transition);
  }
  
  .minimodal__nav::after {
      transition: 250ms ease;
      transition: var(--transition);
    }
  
  .minimodal__nav:hover {
      background-color: var(--color-yellow);
  
      transform: scale(1.25);
      transform-origin: center;
    }
  
  .minimodal__nav:hover::after {
        transform: scale(0.8);
      }
  
  .minimodal__nav--next {
    right: max(0.44rem, min(calc(0.41rem + 0.12vw), 0.50rem));
    right: var(--space-2xs);
  }
  
  .minimodal__nav--next::after {
      font-family: 'Material Symbols Outlined';
      content: '\f1df';
      font-weight: 600;
      font-size: 1.2rem;
      color: var(--color-dark);
    }
  
  @media(min-width: 80em) {
  
  .minimodal__nav--next {
      right: max(1.75rem, min(calc(1.65rem + 0.49vw), 2.00rem));
      right: var(--space-l)
  }
    }
  
  .minimodal__nav--previous {
    left: max(0.44rem, min(calc(0.41rem + 0.12vw), 0.50rem));
    left: var(--space-2xs);
  }
  
  .minimodal__nav--previous::after {
      font-family: 'Material Symbols Outlined';
      content: '\f1e6';
      font-weight: 600;
      font-size: 1.2rem;
      color: var(--color-dark);
    }
  
  @media(min-width: 80em) {
  
  .minimodal__nav--previous {
      left: max(1.75rem, min(calc(1.65rem + 0.49vw), 2.00rem));
      left: var(--space-l)
  }
    }
  
  /* 
  SIDEBAR
  More info: https://every-layout.dev/layouts/sidebar/
  A layout that allows you to have a flexible main content area
  and a "fixed" width sidebar that sits on the left or right.
  If there is not enough viewport space to fit both the sidebar
  width *and* the main content minimum width, they will stack
  on top of each other
  
  CUSTOM PROPERTIES AND CONFIGURATION
  --gutter (var(--space-size-1)): This defines the space
  between the sidebar and main content.
  
  --sidebar-target-width (20rem): How large the sidebar should be
  
  --sidebar-content-min-width(50%): The minimum size of the main content area
  
  EXCEPTIONS
  .sidebar[data-direction='rtl']: flips the sidebar to be on the right 
  */
  
  .sidebar {
    display: flex;
    flex-wrap: wrap;
    gap: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
    gap: var(--gutter, var(--space-s-l));
  }
  
  .sidebar > :first-child {
    flex-basis: 20rem;
    flex-basis: var(--sidebar-target-width, 20rem);
    flex-grow: 1;
  }
  
  .sidebar > :last-child {
    flex-basis: 0;
    flex-grow: 999;
    min-width: 65%;
    min-width: var(--sidebar-content-min-width, 65%);
  }
  
  /* 
  A flipped version where the sidebar is on the right
  */
  
  .sidebar[data-direction='rtl'] {
    flex-direction: row-reverse;
  }
  
  /* TODO Move this to proper place */
  
  .split-heading {
    --gutter: var(--space-l);
    --sidebar-target-width: 20rem;
    --sidebar-content-min-width: 50%;
  }
  
  .split-heading > :last-child {
      align-self: flex-end;
      display: flex;
      /* justify-content: flex-end; */
    }
  
  .split-heading--home {
      --sidebar-target-width: 38rem;
      --sidebar-content-min-width: 50%;
    }
  
  .split-heading--home > :last-child {
        display: inline;
        display: initial;
      }
  
  .c-program-feature-search {
    --gutter: var(--space-l);
    --sidebar-target-width: 62rem;
    --sidebar-content-min-width: 20%;
  
    align-items: center;
  }
  
  .c-program-feature-search input::-moz-placeholder {
      color: var(--color-dark);
      letter-spacing: -0.35px;
    }
  
  .c-program-feature-search input,
    .c-program-feature-search input::placeholder {
      color: var(--color-dark);
      letter-spacing: -0.35px;
    }
  
  .social-links {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  
  .social-links > li > a {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 2.625rem;
      width: 2.625rem;
      background-color: rgba(32,31,31, 0.37);
      border-radius: 100%;
      transition: 250ms ease;
      transition: var(--transition);
    }
  
  .social-links > li > a svg {
        transition: 250ms ease;
        transition: var(--transition);
      }
  
  .social-links > li > a > span {
        display: block;
        width: 1.5rem;
        height: 1.5rem;
      }
  
  .social-links > li > a:hover {
        background-color: var(--color-blue-dark);
    
        transform: scale(1.25);
      }
  
  .social-links > li > a:hover svg {
          transform: scale(0.8);
        }
  
  @media (min-width: 64em) {
  
  .social-links {
      justify-content: flex-end
  }
    }
  
  /* @import "components/stack"; */
  
  .testimonial {
    display: flex;
    flex-direction: column;
    gap: max(1.31rem, min(calc(1.24rem + 0.37vw), 1.50rem));
    gap: var(--space-m);
  }
  
  .testimonial blockquote {
      position: relative;
      font-family: 'Whyte', serif;
      font-family: var(--sans-serif);
      font-size: var(--size-step-1);
      color: var(--color-dark);
      line-height: 1.2;
      color: var(--color-light);
      font-weight: 700;
    }
  
  /* line-height: 1.2; */
  
  .testimonial blockquote::before {
         background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='64' viewBox='0 0 70 64' fill='black'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.1656 34.3579C11.2279 33.6842 13.2901 33.2351 15.8107 33.2351C25.2054 33.2351 32.0796 39.7474 32.0796 48.5053C32.0796 57.4877 25.6637 64 16.4981 64C6.64506 64 0 56.3649 0 47.1579C0 41.993 1.83312 36.8281 5.49936 31.214L24.518 0H30.4756L9.1656 34.3579ZM47.086 34.3579C49.1483 33.6842 51.2105 33.2351 53.9602 33.2351C63.1258 33.2351 70 39.7474 70 48.5053C70 57.4877 63.5841 64 54.4185 64C44.5655 64 37.9204 56.3649 37.9204 47.1579C37.9204 41.993 39.9827 36.8281 43.4198 31.214L62.4384 0H68.396L47.086 34.3579Z' fill='%23fede42'/%3E %3C/svg%3E");
         background-position: center;
         background-repeat: no-repeat;
         background-size: contain;
        /* @mixin inline-svg quote-slider; */
        
        width: 2.5rem;
        height: 2.3125rem;
      
        content: '';
        display: block;
        position: relative;
        margin-bottom: 2rem;
      }
  
  @media (min-width: 48em) {
  
  .testimonial blockquote::before {
          position: absolute;
          top: -5.5rem;
          margin-bottom: 0;
          margin-bottom: initial;
          width: 4.375rem;
          height: 4rem
      }
        }
  
  .testimonial.testimonial--with-image blockquote::before {
          position: absolute;
          top: -5.5rem;
          margin-bottom: 0;
          margin-bottom: initial;
        }
  
  @media (min-width: 48em) {
  
  .testimonial.testimonial--with-image blockquote::before {
            top: 1rem
        }
          }
  
  .testimonial cite {
      display: flex;
      font-family: 'Whyte', serif;
      font-family: var(--sans-serif);
      font-size: var(--size-step-xs);
      text-transform: uppercase;
      letter-spacing: 2.5px;
      color: var(--color-blue);
      line-height: 1.2;
      font-size: 1rem;
      font-weight: 700;
      font-weight: var(--font-bold);
      font-style: normal;
      color: var(--color-yellow);
    }
  
  .testimonial cite::before {
        content: "\2014";
        margin-right: 0.25rem;
      }
  
  .testimonial .cite-marketing {
      color: white;
    }
  
  .testimonial .frame {
      max-width: 25rem;
    }
  
  .testimonial img {
      border-radius: 30%;
      border-top-right-radius: 0;
    }
  
  @media (min-width: 48em) {
  
  .testimonial {
      flex-direction: row;
      align-items: flex-start;
      padding: 0 12rem;
      gap: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
      gap: var(--space-xl)
  }
        .testimonial blockquote::before {
          top: 0.5rem;
          left: -6rem;
        }
  
      .l-page-sidebar .testimonial {
        padding: 0 0 0 6rem;
      }
    }
  
  .testimonial.testimonial--l blockquote::before {
          width: 4.375rem;
          height: 4rem;
        }
  
  @media (min-width: 48em) {
        .testimonial.testimonial--l img {
          max-width: 110rem;
        }
        .testimonial.testimonial--l blockquote {
          font-family: 'Whyte', serif;
          font-family: var(--sans-serif);
          font-size: var(--size-step-2);
          color: var(--color-blue);
          line-height: 1.2;
          font-family: 'Whyte', serif;
          font-family: var(--sans-serif);
          color: var(--color-light);
        }
  
          .testimonial.testimonial--l blockquote::before {
            width: 4.375rem;
            left: -6rem;
          }
      }
  
  .testimonial--with-image {
    padding: 0 !important;
  }
  
  .testimonial-swiper {
    --space: var(--space-2xl);
    position: relative;
    overflow: hidden;
    padding-bottom: 110px;
  }
  
  .testimonial-swiper__paging {
      display: flex;
      align-items: center;
      gap: 0.785rem;
      position: absolute;
      right: 2rem;
      bottom: 1rem;
    }
  
  .testimonial-swiper .swiper-wrapper {
      align-items: center;
    }
  
  .gallery-swiper {
    --space: var(--space-xl);
    position: relative;
    overflow: hidden;
    padding-bottom: 110px;
  }
  
  .gallery-swiper__paging {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      position: absolute;
      right: 2rem;
      bottom: 1rem;
    }
  
  .gallery__image {
    position: relative;
    display: block;
  }
  
  .gallery__image img {
      width: 100%;
    }
  
  .gallery__caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 6rem 3rem 3rem;
    color: var(--color-light);
    font-weight: 500;
  }
  
  .gallery__caption > * {
      position: relative;
      z-index: 1;
      max-inline-size: 30ch;
    }
  
  .gallery__caption::before {
      position: absolute;
      inset: 0;
      content: " ";
      background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, #000000 100%);
      width: 100%;
    }
  
  .slide-cta {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: max(1.75rem, min(calc(1.65rem + 0.49vw), 2.00rem));
    gap: var(--space-l);
    padding: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem)) max(1.75rem, min(calc(1.65rem + 0.49vw), 2.00rem));
    padding: var(--space-xl) var(--space-l);
    padding-right: max(5.25rem, min(calc(4.96rem + 1.46vw), 6.00rem));
    padding-right: var(--space-3xl);
    text-align: center;
    width: 95%;
    border-top-right-radius: 100000000000000px;
    border-bottom-right-radius: 100000000000000px;
  }
  
  .slide-cta p {
      max-width: 500px;
    }
  
  .slide-cta .cluster {
      flex-direction: column;
      align-items: center;
      width: 100%;
    }
  
  .slide-cta .cluster .button {
        width: 100%;
      }
  
  .slide-cta__title {
      font-family: 'Arizona', sans-serif;
      font-family: var(--serif);
      font-size: var(--size-step-4);
      color: var(--color-blue);
      line-height: 1;
      color: var(--color-light);
    }
  
  @media (min-width: 32em) {
      .slide-cta .cluster {
        flex-direction: row;
        justify-content: flex-end;
        align-items: flex-start;
        width: 100%;
      }
        .slide-cta .cluster .button {
          width: auto;
          width: initial;
        }
    }
  
  @media (min-width: 80em) {
  
  .slide-cta {
      flex-direction: row;
      align-items: center;
      padding: max(3.50rem, min(calc(3.30rem + 0.98vw), 4.00rem)) max(5.25rem, min(calc(4.96rem + 1.46vw), 6.00rem));
      padding: var(--space-2xl) var(--space-3xl);
      width: 85%;
      gap: max(0.69rem, min(calc(0.66rem + 0.12vw), 0.75rem));
      gap: var(--space-xs)
  }
  
      .slide-cta__title {
        /* max-inline-size: 5ch; */
      }
    }
  
  .slide-cta-marketing {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: max(1.75rem, min(calc(1.65rem + 0.49vw), 2.00rem));
    gap: var(--space-l);
   padding-top:2.5rem;
   padding-bottom:2.5rem;
    padding-right: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
    padding-right: var(--gutter);
    padding-left: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
    padding-left: var(--gutter);
    text-align: center;
    width: 100%;
  
  
  
  
  }
  
  @media (min-width: 64em) {
  
  .slide-cta-marketing {
      flex-direction: row;
      align-items: center;
      justify-content:center;
      margin:0 auto;
      padding: max(3.50rem, min(calc(3.30rem + 0.98vw), 4.00rem)) max(5.25rem, min(calc(4.96rem + 1.46vw), 6.00rem));
      padding: var(--space-2xl) var(--space-3xl);
      width: 100%;
      gap: max(0.69rem, min(calc(0.66rem + 0.12vw), 0.75rem));
      gap: var(--space-xs)
  
  
  
  
  }
    
      .slide-cta-marketing__title {
      
      }
    }
  
  /* border-top-right-radius: 100000000000000px;
    border-bottom-right-radius: 100000000000000px; */
  
  .slide-cta-marketing p {
      max-width: 800px;
      color:black;
    /* text-align: center; */
    }
  
  .slide-cta-marketing .cluster {
      flex-direction: column;
      align-items: center;
    }
  
  /* width: 100%; */
  
  .slide-cta-marketing .cluster .button {
        width: 100%;
      }
  
  @media (min-width: 64em) {
  
  .slide-cta-marketing .cluster {
        max-width: 100%
    }
  
      }
  
  .slide-cta-marketing__title {
      color: #005A8B!important;
    }
  
  .slide-cta-marketing__title {
      font-family: 'Arizona', sans-serif;
      font-family: var(--serif);
      font-size: var(--size-step-4);
      color: var(--color-blue);
      line-height: 1;
      text-align: center;
    }
  
  @media (min-width: 32em) {
        /* flex-direction: row;
        align-items: flex-start;
        display: grid;
        place-content: baseline;
        width: 100%; */
       
        .slide-cta-marketing .cluster .button {
          width: auto;
          width: initial;
        }
    }
  
  @media (max-width: 900px) {
      .slide-cta-marketing .cluster {
        /* display: grid;
        place-content: center; */
        width:100%;
      }
    }
  
  @media (min-width: 48em) {
  
  .pin-scroll {
      display: flex
  }
  
  .pin-scroll__left {
        width: 50%
    }
    }
  
  .pin-scroll__sticky {
      position: relative;
      padding: max(5.25rem, min(calc(4.96rem + 1.46vw), 6.00rem)) max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
      padding: var(--space-3xl) var(--space-xl);
    }
  
  @media (min-width: 48em) {
  
  .pin-scroll__sticky {
        position: sticky;
        top: 5rem
    }
      }
  
  .pin-scroll__sticky-content {
      max-inline-size: 45ch;
      z-index: 1;
    }
  
  .pin-scroll .bg-static::before {
        position: absolute;
        content: " ";
        inset: 0;
        background-image: linear-gradient(180deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.00) 50%);
      }
  
  .pin-scroll__title {
      font-family: 'Arizona', sans-serif;
      font-family: var(--serif);
      font-size: var(--size-step-4);
      color: var(--color-blue);
      line-height: 1;
      max-inline-size: 8ch;
    }
  
  .pin-scroll__background {
      min-height: 50vh;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
    }
  
  @media (min-width: 48em) {
  
  .pin-scroll__background {
        height: 100vh
    }
      }
  
  .pin-scroll__image {
      position: absolute;
      left: 0;
      bottom: -15%;
      border-top-right-radius: 200px 200px;
      border-bottom-right-radius: 200px 200px;
      width: 80%;
      max-width: 414px;
      z-index: 2;
    }
  
  @media (min-width: 48em) {
  
  .pin-scroll__image {
        width: 60%;
        bottom: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
        bottom: var(--space-xl)
    }
      }
  
  .pin-scroll__content {
      padding: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
      padding: var(--space-xl);
      padding-top: max(5.25rem, min(calc(4.96rem + 1.46vw), 6.00rem));
      padding-top: var(--space-3xl);
    }
  
  .pin-scroll__content > * + * {
        /* border-top: 1px solid rgba(#201F1F,0.15); */
        margin-top: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
        margin-top: var(--space-xl);
        padding-top: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
        padding-top: var(--space-xl);
      }
  
  @media (min-width: 48em) {
  
  .pin-scroll__content {
        width: 50%
    }
      }
  
  @media (min-width: 80em) {
  
  .pin-scroll__content {
        padding: max(5.25rem, min(calc(4.96rem + 1.46vw), 6.00rem));
        padding: var(--space-3xl)
    }
      }
  
  .pin-scroll--stats .pin-scroll__content {
        background: var(--color-light);
      }
  
  .pin-scroll--with-background .pin-scroll__sticky {
      padding: 0;
    }
  
  .pin-scroll--with-background .pin-scroll__sticky::before {
        position: absolute;
        inset: 0;
        content: " ";
        background-image: linear-gradient(0deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.6) 100%);
        width: 100%;
        z-index: 1;
      }
  
  .pin-scroll--with-background .pin-scroll__sticky-content {
      position: absolute;
      padding: max(3.50rem, min(calc(3.30rem + 0.98vw), 4.00rem)) max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
      padding: var(--space-2xl) var(--space-xl);
    }
  
  @media (min-width: 48em) {
  
  .pin-scroll-sticky-alt{
     
      top: 0!important
  }
    }
  
  .stat {
    --space: 0.5rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: max(1.31rem, min(calc(1.04rem + 1.34vw), 2.00rem));
    gap: var(--space-m-l);
    font-weight: 700;
  }
  
  .stat__number {
      position: relative;
      font-size: 2rem;
      font-family: 'Arizona', sans-serif;
      font-family: var(--serif);
      /* white-space: nowrap; */
      line-height: 1;
      padding-bottom: 0.5rem;
      color: var(--color-blue);
    }
  
  .stat__number::after {
        position: absolute;
        left: 0;
        bottom: 0;
        content: " ";
        height: 5px;
        width: 150%;
        background-color: var(--color-orange);
        z-index: 1;
      }
  
  @media (min-width: 64em) {
  
  .stat__number {
        font-size: 3.75rem
    }
      }
  
  .stat__description {
      color: var(--color-blue);
      max-inline-size: 20ch;
      line-height: 1.2;
    }
  
  .stat img {
      width: 100%;
    }
  
  .stat > :last-child {
    flex-basis: 50%; 
    flex-grow: 1;
  }
  
  .stat > :first-child {
    flex-basis: 0;
    flex-grow: 999;
    min-inline-size: 20%;
  }
  
  .stat:nth-child(3n + 1) .stat__number::after {
        background-color: var(--color-orange);
      }
  
  .stat:nth-child(3n + 2) .stat__number::after {
        background-color: var(--color-yellow);
      }
  
  .stat:nth-child(3n + 3) .stat__number::after {
        background-color: var(--color-blue-light);
      }
  
  /* 
    A flipped version where the sidebar is on the right
  */
  
  .stat[data-direction='rtl'] {
    flex-direction: row-reverse;
  }
  
  .stat[data-direction='rtl'] .stat__number::after {
        left: auto;
        left: initial;
        right: 0;
      }
  
  .search {
    /* visibility: hidden; */
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    padding: max(1.31rem, min(calc(1.24rem + 0.37vw), 1.50rem));
    padding: var(--space-m);
    background: var(--color-blue);
    transform: translateX(100%);
    z-index: 0;
    transition: 250ms ease;
    transition: var(--transition);
  }
  
  .search__form {
      visibility: hidden;
      display: flex;
      border-radius: 3rem;
      padding: 1rem 1rem 1rem 2rem;
      max-width: 50.875rem;
      margin: 0 auto;
      background: var(--color-light);
    }
  
  .search__form .button-circle {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 3.25rem;
        height: 3.25rem;
        padding: 0;
      }
  
  .search__form .button-circle::after {
          font-size: 1.5rem;
        }
  
  .search__input {
      flex: 1;
      color: var(--color-dark);
      border: none;
      background: transparent;
    }
  
  @media (min-width: 70em) {
  
  .search {
      top: 97px;
      padding: max(1.31rem, min(calc(1.24rem + 0.37vw), 1.50rem));
      padding: var(--space-m)
  }
    }
  
  /**
   * REGION 
   * Add consistent vertical padding to create regions of content 
   * Can either be configured by setting --region-space or use a default from the space scale
   */
  
  .region {
    overflow: hidden;
    padding-top: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
    padding-top: var(--region-space, var(--space-xl));
    padding-bottom: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
    padding-bottom: var(--region-space, var(--space-xl));
  }
  
  @media (min-width: 64em) {
  
  .region {
      padding-top: max(5.25rem, min(calc(4.96rem + 1.46vw), 6.00rem));
      padding-top: var(--region-space, var(--space-3xl));
      padding-bottom: max(5.25rem, min(calc(4.96rem + 1.46vw), 6.00rem));
      padding-bottom: var(--region-space, var(--space-3xl))
  }
    }
  
  .region.region--first {
      padding-top: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
      padding-top: var(--region-space, var(--space-xl));
    }
  
  .region.bg-light + .region.bg-light {
    padding-top: 0;
  }
  
  .region.bg-blue + .region.bg-blue {
    padding-top: 0;
    margin-top: 1rem;
  }
  
  .region.bg-blue-dark + .region.bg-blue-dark {
    padding-top: 0;
    margin-top: 1rem;
  }
  
  .region.bg-ecru + .region.bg-ecru {
    padding-top: 0;
    margin-top: 1rem;
  }
  
  .region.bg-ecru-light + .region.bg-ecru-light {
    padding-top: 0;
    margin-top: 1rem;
  }
  
  /* This container class will allow a table to scroll horizontally on smaller screens. */
  
  .hscroll {
    overflow-x: auto; /* Horizontal */
  
    background-image: 
      
      /* Shadows */ 
      linear-gradient(to right, white, white),
      linear-gradient(to right, white, white),
    
  /* Shadow covers */ 
      linear-gradient(to right, rgba(0,0,0,.25), rgba(255,255,255,0)),
      linear-gradient(to left, rgba(0,0,0,.25), rgba(255,255,255,0));   
  
    background-position: left center, right center, left center, right center;
      background-repeat: no-repeat;
      background-color: white;
      background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;
      
      /* Opera doesn't support this in the shorthand */
      background-attachment: local, local, scroll, scroll;
  }
  
  .c-table table {
      position: relative;
    }
  
  .c-table tr:first-of-type th {
          border-bottom: 4px var(--color-gray) solid;
        }
  
  .c-table th {
      font-weight: 700;
      font-weight: var(--font-bold);
    }
  
  .c-table th,
    .c-table td{
    padding: clamp(1rem, 0.90rem + 0.49vw, 1.25rem);
      white-space: nowrap;
      border-bottom: 1px var(--color-gray) solid;
  }
  
  .timely-update {
    /* position: relative; */
    display: flex;
    flex-direction: column;
  }
  
  .timely-update__image {
      margin-left: -2rem;
      height: 200px;
      width: 65%;
      /* width: fit-content; */
      border-top-right-radius: 200px 200px;
      border-bottom-right-radius: 200px 200px;
    }
  
  .timely-update--offset .timely-update__image {
        /* @media (--xl) { */
          transform: translate(0,-50%);
          position: absolute;
          z-index: 1;
          top: 0;
          left: 0;
        /* } */
      }
  
  @media (min-width: 48em) {
  
  .timely-update__image {
        width: 95%;
        max-width: 26rem
    }
      }
  
  @media (min-width: 64em) {
  
  .timely-update__image {
        height: 360px
    }
      }
  
  .timely-update.timely-update--offset {
      padding-top: 6rem;
    }
  
  @media (min-width: 64em) {
  
  .timely-update.timely-update--offset {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
      }
  
  .timely-update .close-action {
      top: 0;
      right: 0;
    }
  
  @media (min-width: 64em) {
  
  .timely-update .close-action {
        top: max(1.75rem, min(calc(1.65rem + 0.49vw), 2.00rem));
        top: var(--space-l);
        right: max(1.75rem, min(calc(1.65rem + 0.49vw), 2.00rem));
        right: var(--space-l)
    }
      }
  
  .timely-update__content {
      padding: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
      padding: var(--space-xl);
    }
  
  @media (min-width: 64em) {
  
  .timely-update__content {
        flex: 1;
        padding: 0 6rem
    }
        .timely-update--offset .timely-update__content {
          padding-left: calc(520px + 2rem);
        }
  
  .timely-update {
      flex-direction: row;
      align-items: center
  }
      }
  
  .filter__form {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: var(--color-light);
      padding: max(0.69rem, min(calc(0.66rem + 0.12vw), 0.75rem));
      padding: var(--space-xs);
      margin: max(1.75rem, min(calc(1.65rem + 0.49vw), 2.00rem)) 0;
      margin: var(--space-l) 0;
      border-radius: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
      border-radius: var(--space-xl);
      border: none;
      gap: max(0.88rem, min(calc(0.83rem + 0.24vw), 1.00rem));
      gap: var(--space-s);
    }
  
  .filter__form .button-circle {
        height: 3rem;
        width: 3rem;
      }
  
  .filter__form .button-circle.focus-visible {
          outline: .0625rem dashed var(--color-blue);
          outline-width: 3px;
          outline-offset: 3px;
        }
  
  .filter__form .button-circle:focus-visible {
          outline: .0625rem dashed var(--color-blue);
          outline-width: 3px;
          outline-offset: 3px;
        }
  
  .filter__input {
      font-size: .875rem;
      font-weight: 700;
      font-weight: var(--font-bold);
      background: transparent;
      color: var(--color-dark);
      margin-left: max(0.88rem, min(calc(0.83rem + 0.24vw), 1.00rem));
      margin-left: var(--space-s);
      border: none;
      flex: 1;
    }
  
  .filter__input::-moz-placeholder {
        color: var(--color-dark);
      }
  
  .filter__input::placeholder {
        color: var(--color-dark);
      }
  
  .filter__input.focus-visible {
        outline: .0625rem dashed var(--color-blue);
        outline-width: 3px;
        outline-offset: 3px;
      }
  
  .filter__input:focus-visible {
        outline: .0625rem dashed var(--color-blue);
        outline-width: 3px;
        outline-offset: 3px;
      }
  
  @media (min-width: 48em) {
  
  .filter__input {
        font-size: var(--size-step-0)
    }
      }
  
  .filter__submit {
      background: var(--color-blue-dark);
      border: none;
    }
  
  .filter__submit svg {
        width: max(0.88rem, min(calc(0.83rem + 0.24vw), 1.00rem));
        width: var(--space-s);
        height: max(0.88rem, min(calc(0.83rem + 0.24vw), 1.00rem));
        height: var(--space-s);
      }
  
  .filter__options {
      width: 100%;
    }
  
  .filter__options details {
        padding-bottom: 0.5rem;
        border-bottom: 1px solid white;
      }
  
  .filter__options details[open] {
          border: none;
        }
  
  @media (min-width: 64em) {
  
  .filter__options {
        width: auto
    }
        .filter__options .content {
          position: absolute;
          background: var(--color-blue-dark);
          z-index: 2;
        }
      }
  
  .c-filter-sidebar ul > li > a,
    .c-filter-sidebar summary {
      display: flex;
      text-decoration: none;
      font-weight: 700;
      font-weight: var(--font-bold);
  
    }
  
  /* padding: var(--space-xs) 0; */
  
  .c-filter-sidebar ul > li > a:hover, .c-filter-sidebar summary:hover {
        color: var(--color-primary);
      }
  
  .c-filter-sidebar summary {
      border: none;
    }
  
  .c-filter-sidebar summary::after {
        font-size: var(--size-step-1);
      }
  
  .c-filter-sidebar ul > li > a .content, .c-filter-sidebar details .content {
        background: var(--color-light);
        color: var(--color-dark);
        padding: max(0.88rem, min(calc(0.83rem + 0.24vw), 1.00rem));
        padding: var(--space-s);
        margin-top: max(0.88rem, min(calc(0.83rem + 0.24vw), 1.00rem));
        margin-top: var(--space-s);
        border-radius: .625rem;
        box-shadow: 0 15px 20px 0 rgba(0,0,0,0.50);
        box-shadow: var(--shadow);
      }
  
  .c-filter-sidebar .content::before {
        display: none;
      }
  
  .c-filter-sidebar .content a {
        border: none;
        font-weight: normal;
        padding: max(0.25rem, min(calc(0.25rem + 0.00vw), 0.25rem)) 0;
        padding: var(--space-3xs) 0;
      }
  
  .filter__label-c {
    display: block;
    position: relative;
    padding-left: 2.5rem;
    font-weight: 700;
    font-weight: var(--font-bold);
    cursor: pointer;
  }
  
  .filter__label-c input {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      border: 0;
      opacity: 0;
    }
  
  .filter__label-c input.focus-visible + .filter__checkbox::after {
        outline: .0625rem dashed var(--color-light);
        outline-width: 3px;
        outline-offset: 3px;
      }
  
  .filter__label-c input:focus-visible + .filter__checkbox::after {
        outline: .0625rem dashed var(--color-light);
        outline-width: 3px;
        outline-offset: 3px;
      }
  
  details .filter__label-c input.focus-visible + .filter__checkbox::after {
          outline-color: var(--color-dark);
        }
  
  details .filter__label-c input:focus-visible + .filter__checkbox::after {
          outline-color: var(--color-dark);
        }
  
  .filter__checkbox {
    display: block;
    background-color: var(--color-light);
    color: var(--color-dark);
    padding-left: 0.5rem;
  }
  
  .filter__checkbox::first-letter {
      text-transform: uppercase;
    }
  
  :checked+.filter__checkbox {
      color: var(--color-dark);
    }
  
  .filter__checkbox::before,
    .filter__checkbox::after {
      content: '';
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
    }
  
  .filter__checkbox::before {
      left: 0;
      width: 1.75rem;
      height: 1.75rem;
      border: 1px solid var(--color-blue);
      border-radius: 0.25rem;
      background-color: var(--color-light);
    }
  
  :checked+.filter__checkbox::before {
        font-family: 'Material Symbols Outlined';
        font-size: 1.5rem;
        content: "\e5ca";
        background-position: center center;
        background-color: var(--color-light);
        color: var(--color-dark);
        display: flex;
        align-items: center;
        justify-content: center;
      }
  
  .filter__checkbox::after {
      left: 0;
      width: 1.75rem;
      height: 1.75rem;
    }
  
  .results__main {
      padding: max(1.31rem, min(calc(1.24rem + 0.37vw), 1.50rem)) 0;
      padding: var(--space-m) 0;
    }
  
  .results__toggle-view {
      display: flex;
      align-items: center;
      height: 3.125rem;
    }
  
  .results__toggle-view .button-program-toggle {
        height: 1.5rem;
        width: 3rem;
      }
  
  .results__toggle-view .button-program-toggle:first-child {
          border-right: .0625rem solid var(--color-dark);
        }
  
  .results__current {
      padding: 0 max(0.69rem, min(calc(0.66rem + 0.12vw), 0.75rem));
      padding: 0 var(--space-xs);
      /* margin-bottom: var(--space-l); */
    }
  
  .results__single {
      color: #5A5A5A;
    }
  
  .results__sidebar .results__message {
        display: none;
        visibility: hidden;
      }
  
  .results__list {
      border-top: 2px solid var(--color-gray);
    }
  
  .results__list .frame {
        display: none;
      }
  
  [data-grid] .results__list {
        padding-top: max(1.75rem, min(calc(1.65rem + 0.49vw), 2.00rem));
        padding-top: var(--space-l);
        --grid-min-item-size: var(--grid-min-item-size-custom, max(16rem, min(50vw, 20rem)));
  
        display: grid;
        grid-template-columns: repeat(
          auto-fill,
          minmax(16rem, 1fr)
        );
        grid-template-columns: repeat(
          var(--grid-placement, auto-fill),
          minmax(var(--grid-min-item-size, 16rem), 1fr)
        );
        gap: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
        grid-gap: max(2.63rem, min(calc(2.48rem + 0.73vw), 3.00rem));
        grid-gap: var(--gutter, var(--space-s-l));
        gap: var(--gutter, var(--space-s-l));
      
        --flow-space: var(--space-s-l);
      }
  
  [data-grid] .results__list > li {
          border: none;
          padding: 0;
          margin: 0;
        }
  
  [data-grid] .results__list .frame {
          display: block;
        }
  
  [data-grid] .results__list .button-program {
          background-image: none;
        }
  
  .program__name-wrapper {
    display: flex;
    margin-right: auto;
  }
  
  [data-grid] .program__name-wrapper {
      margin: 0;
  
    }
  
  .program__name {
      font-size: var(--size-step-0);
      font-family: 'Whyte', serif;
      font-family: var(--sans-serif);
      font-weight: 700;
      font-weight: var(--font-bold);
      color: var(--color-dark);
    }
  
  .program__options {
      --gutter: var(--space-s);
      font-weight: 700;
      font-weight: var(--font-bold);
    }
  
  /* color: rgba(32,31,31,0.55); */
  
  .program__options .material-symbols-outlined {
        font-variation-settings:
        'FILL' 0,
        'wght' 700,
        'GRAD' 0,
        'opsz' 48;
        -webkit-margin-end: 0.1em;
                margin-inline-end: 0.1em;
        font-size: 16px;
      }
  
  .program__grid {
      --grid-min-item-size-custom: max(5rem, min(30vw, 16rem));
    }
  
  @media (min-width: 48em) {
  
  .program__grid {
        --grid-min-item-size-custom: max(20rem, min(50vw, 16rem))
    }
      }
  
  .masonry-row {
    --modifier: calc(29970rem - 99900%);
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
  
  .masonry-item {
    aspect-ratio: var(--ratio);
    flex-basis: max(var(--modifier),0px);
    flex-grow: calc(var(--ratio));
  }
  
  .c-pagination {
    --space: 0;
  }
  
  .c-pagination a {
      display: inline-flex;
      align-items: center;
      text-decoration: none;
      padding: max(0.25rem, min(calc(0.25rem + 0.00vw), 0.25rem)) max(0.69rem, min(calc(0.66rem + 0.12vw), 0.75rem));
      padding: var(--space-3xs) var(--space-xs);
      border-radius: 100%;
      aspect-ratio: 1/1;
      transition: 250ms ease;
      transition: var(--transition);
    }
  
  .c-pagination a:hover {
        background: var(--color-ecru);
      }
  
  .c-pagination a.c-pagination--next::after {
          font-family: 'Material Symbols Outlined';
          content: '\eaaa';
          font-size: 2.5rem;
          font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 72;
          color: var(--color-blue-dark);
          transition: 250ms ease;
          transition: 250ms ease;
          transition: var(--transition);
        }
  
  .c-pagination a.c-pagination--next:hover {
          background: transparent;
        }
  
  .c-pagination a.c-pagination--next:hover::after {
            color: var(--color-blue);
          }
  
  .c-pagination .active {
      font-weight: 700;
      font-weight: var(--font-bold);
      /* background: var(--color-primary-glare); */
    }
  
  .wFormContainer {
    max-width: none !important;
    max-width: initial !important;
  }
  
  .wFormTitle, .wForm {
    font-family: 'Whyte', serif !important;
    font-family: var(--sans-serif) !important;
    font-size: var(--size-step-0) !important;
  }
  
  .wForm label *, .wForm .label * {
    font-family: 'Whyte', serif !important;
    font-family: var(--sans-serif) !important;
  }
  
  .wFormContainer .wForm {
    background-color: var(--color-blue) !important;
    border-radius: 2.1875rem !important;
	color: var(--color-light) !important;
    padding: clamp(2rem, 1.8rem + 0.98vw, 2.5rem) !important;
  }
  /* 
  .wForm dl, .wForm dt, .wForm dd, .wForm ul, .wForm ol, .wForm li, .wForm div, .wForm th, .wForm h1, .wForm h2, .wForm h3, .wForm h4, .wForm h5, .wForm h6, .wForm pre, .wForm td, .wForm form, .wForm fieldset, .wForm input, .wForm textarea, .wForm p, .wForm blockquote, .wForm label *, .wForm .label *, .wFormContainer fieldset legend {
    color: var(--color-dark) !important;
  }
  */
  .wForm input[type=text] {
    --flow-space: var(--space-3xs);
    -webkit-margin-before: 1.5rem;
            margin-block-start: 1.5rem;
    margin-block-start: 1.5rem;
    -webkit-margin-before: var(--flow-space, 1.5rem);
            margin-block-start: var(--flow-space, 1.5rem);
    border: none;
    border-radius: 0.375rem;
    background-color: rgba(255,255,255,0.2);
    padding: max(0.44rem, min(calc(0.41rem + 0.12vw), 0.5rem));
    padding: max(0.44rem, min(calc(0.41rem + 0.12vw), 0.50rem));
    padding: var(--space-2xs);
    width: 100%;
  }
  
  .wForm select {
    --flow-space: var(--space-3xs);
    -webkit-margin-before: 1.5rem;
            margin-block-start: 1.5rem;
    margin-block-start: 1.5rem;
    -webkit-margin-before: var(--flow-space, 1.5rem);
            margin-block-start: var(--flow-space, 1.5rem);
    border: none;
    border-radius: 0.375rem;
    background-color: rgba(255,255,255,0.2);
    padding: max(0.25rem, min(calc(0.25rem + 0.00vw), 0.25rem));
    padding: var(--space-3xs);
  }
  
  .wForm .reqMark:after {
    color: var(--color-dark) !important;
  }
  
  .wForm .reqMark:after {
    content: " *";
    font-size: 90%;
  }
  
  .wForm .primaryAction, .wForm .secondaryAction {
    padding: 1rem 2rem !important;
  }
  
  .wForm .primaryAction, .wForm .secondaryAction {
    display: inline-block;
    background-color: var(--color-blue-dark);
    color: var(--color-dark);
    border-radius: 5rem;
    border: none;
    text-decoration: none;
    font-size: var(--size-step-s);
    font-weight: 700;
    line-height: 1;
    text-align: center;
    width: 100%;
    transition: 250ms ease;
    transition: 250ms ease;
    transition: var(--transition);
  }
  
  .wForm .primaryAction {
    color: var(--color-dark) !important;
  }
  
  .wForm .primaryAction {
    background-color: var(--color-yellow);
  }
  
  .wForm .primaryAction:hover {
      background-color: var(--color-ecru);
      color: var(--color-dark);
    }
  
  input[type="file"]::file-selector-button {
    padding: 1rem 2rem !important;
  }
  
  input[type="file"]::file-selector-button {
    background-color: var(--color-blue-dark);
    color: var(--color-dark);
    border-radius: 5rem;
    border: none;
    transition: 250ms ease;
    transition: var(--transition);
  }
  
  input[type="file"]::file-selector-button:hover {
      color: var(--color-blue-dark);
      background: var(--color-blue-light);
    }
  
  .visible{
    visibility: visible;
  }
  
  .static{
    position: static;
  }
  
  .fixed{
    position: fixed;
  }
  
  .absolute{
    position: absolute;
  }
  
  .relative{
    position: relative;
  }
  
  .sticky{
    position: sticky;
  }
  
  .inset-s{
    top: clamp(1rem, 0.90rem + 0.49vw, 1.25rem);
    right: clamp(1rem, 0.90rem + 0.49vw, 1.25rem);
    bottom: clamp(1rem, 0.90rem + 0.49vw, 1.25rem);
    left: clamp(1rem, 0.90rem + 0.49vw, 1.25rem);
  }
  
  .bottom-l{
    bottom: clamp(2rem, 1.80rem + 0.98vw, 2.5rem);
  }
  
  .left-l{
    left: clamp(2rem, 1.80rem + 0.98vw, 2.5rem);
  }
  
  .top-xs{
    top: clamp(0.75rem, 0.68rem + 0.37vw, 0.9375rem);
  }
  
  .right-xs{
    right: clamp(0.75rem, 0.68rem + 0.37vw, 0.9375rem);
  }
  
  .top-0{
    top: 0;
  }
  
  .right-0{
    right: 0;
  }
  
  .right-l{
    right: clamp(2rem, 1.80rem + 0.98vw, 2.5rem);
  }
  
  .top-auto{
    top: auto;
  }
  
  .m-m{
    margin: clamp(1.5rem, 1.35rem + 0.73vw, 1.875rem);
  }
  
  .mx-auto{
    margin-left: auto;
    margin-right: auto;
  }
  
  .my-l{
    margin-top: clamp(2rem, 1.80rem + 0.98vw, 2.5rem);
    margin-bottom: clamp(2rem, 1.80rem + 0.98vw, 2.5rem);
  }
  
  .mt-l{
    margin-top: clamp(2rem, 1.80rem + 0.98vw, 2.5rem);
  }
  
  .mb-xl{
    margin-bottom: clamp(3rem, 2.71rem + 1.46vw, 3.75rem);
  }
  
  .mb-2xl{
    margin-bottom: clamp(4rem, 3.61rem + 1.95vw, 5rem);
  }
  
  .ml-xs{
    margin-left: clamp(0.75rem, 0.68rem + 0.37vw, 0.9375rem);
  }
  
  .mb-l{
    margin-bottom: clamp(2rem, 1.80rem + 0.98vw, 2.5rem);
  }
  
  .mt-m-l{
    margin-top: clamp(1.5rem, 1.11rem + 1.95vw, 2.5rem);
  }
  
  .block{
    display: block;
  }
  
  .inline{
    display: inline;
  }
  
  .flex{
    display: flex;
  }
  
  .table{
    display: table;
  }
  
  .grid{
    display: grid;
  }
  
  .hidden{
    display: none;
  }
  
  .w-75{
    width: 75%;
  }
  
  .w-full{
    width: 100%;
  }
  
  .transform{
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  
  .flex-col{
    flex-direction: column;
  }
  
  .items-center{
    align-items: center;
  }
  
  .justify-end{
    justify-content: flex-end;
  }
  
  .justify-center{
    justify-content: center;
  }
  
  .gap-xs{
    gap: clamp(0.75rem, 0.68rem + 0.37vw, 0.9375rem);
  }
  
  .gap-2xs{
    gap: clamp(0.5rem, 0.45rem + 0.24vw, 0.625rem);
  }
  
  .gap-s{
    gap: clamp(1rem, 0.90rem + 0.49vw, 1.25rem);
  }
  
  .gap-xl{
    gap: clamp(3rem, 2.71rem + 1.46vw, 3.75rem);
  }
  
  .gap-m{
    gap: clamp(1.5rem, 1.35rem + 0.73vw, 1.875rem);
  }
  
  .overflow-hidden{
    overflow: hidden;
  }
  
  .bg-blue{
    --tw-bg-opacity: 1;
    background-color: rgba(0, 90, 139, var(--tw-bg-opacity));
  }
  
  .bg-blue-dark{
    --tw-bg-opacity: 1;
    background-color: rgba(19, 34, 69, var(--tw-bg-opacity));
  }
  
  .bg-light{
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }
  
  .bg-ecru-light{
    --tw-bg-opacity: 1;
    background-color: rgba(250, 250, 243, var(--tw-bg-opacity));
  }
  
  .bg-ecru{
    --tw-bg-opacity: 1;
    background-color: rgba(254, 244, 189, var(--tw-bg-opacity));
  }
  
  .bg-gray{
    --tw-bg-opacity: 1;
    background-color: rgba(222, 222, 222, var(--tw-bg-opacity));
  }
  
  .bg-blue-light{
    --tw-bg-opacity: 1;
    background-color: rgba(120, 175, 233, var(--tw-bg-opacity));
  }
  
  .bg-yellow{
    --tw-bg-opacity: 1;
    background-color: rgba(254, 222, 66, var(--tw-bg-opacity));
  }
  
  .p-l{
    padding: clamp(2rem, 1.80rem + 0.98vw, 2.5rem);
  }
  
  .p-l-xl{
    padding: clamp(2rem, 1.32rem + 3.41vw, 3.75rem);
  }
  
  .p-s{
    padding: clamp(1rem, 0.90rem + 0.49vw, 1.25rem);
  }
  
  .py-l{
    padding-top: clamp(2rem, 1.80rem + 0.98vw, 2.5rem);
    padding-bottom: clamp(2rem, 1.80rem + 0.98vw, 2.5rem);
  }
  
  .px-xl{
    padding-left: clamp(3rem, 2.71rem + 1.46vw, 3.75rem);
    padding-right: clamp(3rem, 2.71rem + 1.46vw, 3.75rem);
  }
  
  .py-s{
    padding-top: clamp(1rem, 0.90rem + 0.49vw, 1.25rem);
    padding-bottom: clamp(1rem, 0.90rem + 0.49vw, 1.25rem);
  }
  
  .pb-l{
    padding-bottom: clamp(2rem, 1.80rem + 0.98vw, 2.5rem);
  }
  
  .text-left{
    text-align: left;
  }
  
  .text-center{
    text-align: center;
  }
  
  .text-right{
    text-align: right;
  }
  
  .font-base{
    font-family: Whyte, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  }
  
  .font-heading{
    font-family: Arizona, serif;
  }
  
  .text-step-s{
    font-size: clamp(0.75rem, 0.70rem + 0.24vw, 0.875rem);
  }
  
  .text-step-1{
    font-size: clamp(1.125rem, 1.03rem + 0.49vw, 1.375rem);
  }
  
  .text-step-0{
    font-size: clamp(0.875rem, 0.83rem + 0.24vw, 1rem);
  }
  
  .text-step-2{
    font-size: clamp(1.375rem, 1.28rem + 0.49vw, 1.625rem);
  }
  
  .font-bold{
    font-weight: 700;
  }
  
  .text-dark{
    --tw-text-opacity: 1;
    color: rgba(32, 31, 31, var(--tw-text-opacity));
  }
  
  .text-light{
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }
  
  .text-blue{
    --tw-text-opacity: 1;
    color: rgba(0, 90, 139, var(--tw-text-opacity));
  }
  
  .shadow-md{
    --tw-shadow: 2px 2px 14px 0 rgba(0,0,0,0.12);
    --tw-shadow-colored: 2px 2px 14px 0 var(--tw-shadow-color);
    box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
    box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
  }
  
  .filter{
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  
  .flow-space-xs{
    --flow-space: clamp(0.75rem, 0.68rem + 0.37vw, 0.9375rem);
  }
  
  .flow-space-s{
    --flow-space: clamp(1rem, 0.90rem + 0.49vw, 1.25rem);
  }
  
  .flow-space-m{
    --flow-space: clamp(1.5rem, 1.35rem + 0.73vw, 1.875rem);
  }
  
  .flow-space-l{
    --flow-space: clamp(2rem, 1.80rem + 0.98vw, 2.5rem);
  }
  
  .flow-space-xl{
    --flow-space: clamp(3rem, 2.71rem + 1.46vw, 3.75rem);
  }
  
  .flow-space-2xl{
    --flow-space: clamp(4rem, 3.61rem + 1.95vw, 5rem);
  }
  
  .spot-color-blue{
    --spot-color: #005A8B;
  }
  
  .hide {
              display: none;
          }
  
  .minimodal__content img {
      max-height: 75vh;
      width: auto;
    }
  
  @media (min-width: 48em){
  
    .md\:mb-3xl{
      margin-bottom: clamp(6rem, 5.41rem + 2.93vw, 7.5rem);
    }
  
    .md\:block{
      display: block;
    }
  
    .md\:flex{
      display: flex;
    }
  
    .md\:hidden{
      display: none;
    }
  
    .md\:items-end{
      align-items: flex-end;
    }
  
    .md\:p-l{
      padding: clamp(2rem, 1.80rem + 0.98vw, 2.5rem);
    }
  }
  
  @media (min-width: 64em){
  
    .lg\:my-l{
      margin-top: clamp(2rem, 1.80rem + 0.98vw, 2.5rem);
      margin-bottom: clamp(2rem, 1.80rem + 0.98vw, 2.5rem);
    }
  
    .lg\:mb-0{
      margin-bottom: 0;
    }
  
    .lg\:block{
      display: block;
    }
  
    .lg\:hidden{
      display: none;
    }
  
    .lg\:w-75{
      width: 75%;
    }
  
    .lg\:flex-row{
      flex-direction: row;
    }
  
    .lg\:items-center{
      align-items: center;
    }
  
    .lg\:gap-3xl{
      gap: clamp(6rem, 5.41rem + 2.93vw, 7.5rem);
    }
  
    .lg\:gap-xl{
      gap: clamp(3rem, 2.71rem + 1.46vw, 3.75rem);
    }
  
    .lg\:py-m{
      padding-top: clamp(1.5rem, 1.35rem + 0.73vw, 1.875rem);
      padding-bottom: clamp(1.5rem, 1.35rem + 0.73vw, 1.875rem);
    }
  }
  
  @media (min-width: 70em){
  
    .menu\:block{
      display: block;
    }
  
    .menu\:flex{
      display: flex;
    }
  
    .menu\:hidden{
      display: none;
    }
  
    .menu\:bg-light{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }
  
    .menu\:text-blue{
      --tw-text-opacity: 1;
      color: rgba(0, 90, 139, var(--tw-text-opacity));
    }
  }
  /*!****************************************************************************************************************************************************************************************!*\
    !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/swiper/swiper.min.css ***!
    \****************************************************************************************************************************************************************************************/
  /**
   * Swiper 8.4.2
   * Most modern mobile touch slider and framework with hardware accelerated transitions
   * https://swiperjs.com
   *
   * Copyright 2014-2022 Vladimir Kharlampidi
   *
   * Released under the MIT License
   *
   * Released on: September 15, 2022
   */
  
  @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}
  
  :root{--swiper-theme-color:#007aff}
  
  .swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
  
  .swiper-vertical>.swiper-wrapper{flex-direction:column}
  
  .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
  
  .swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}
  
  .swiper-pointer-events{touch-action:pan-y}
  
  .swiper-pointer-events.swiper-vertical{touch-action:pan-x}
  
  .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
  
  .swiper-slide-invisible-blank{visibility:hidden}
  
  .swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}
  
  .swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
  
  .swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
  
  .swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}
  
  .swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}
  
  .swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
  
  .swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}
  
  .swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
  
  .swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
  
  .swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
  
  .swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
  
  .swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
  
  .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
  
  .swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
  
  .swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}
  
  .swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
  
  .swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}
  
  .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}
  
  .swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}
  
  .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}
  
  .swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}
  
  .swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}
  /*!***************************************************************************************************************************************************************************************************!*\
    !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/swiper/modules/a11y/a11y.min.css ***!
    \***************************************************************************************************************************************************************************************************/
  .swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
  /*!***************************************************************************************************************************************************************************************************************!*\
    !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/swiper/modules/navigation/navigation.min.css ***!
    \***************************************************************************************************************************************************************************************************************/
  :root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(44px/ 44 * 27);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:44px;height:var(--swiper-navigation-size);margin-top:calc(0px - (44px/ 2));margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-theme-color);color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{text-transform:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:44px;font-size:var(--swiper-navigation-size);letter-spacing:0;font-feature-settings:;font-variant:normal;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}
  /*!***************************************************************************************************************************************************************************************************************!*\
    !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/swiper/modules/pagination/pagination.min.css ***!
    \***************************************************************************************************************************************************************************************************************/
  .swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:8px;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:#000;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:.2;opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:1;opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}

    
    
/* forms */
    
.htmlContent h3 {
  color: var(--color-light) !important;
}
.wForm .reqMark::after {
  color: var(--color-light) !important;
}

/* remove text underline (not animated underline) from the button-cta  */
.button-cta a {
 	text-decoration: none !important; 
}


/* library form */