/**
 * FILEPATH: /resources/sass/main/components/text-img-block.css
 * 
 * This file contains the styling for the text image block component.
 * The text image block component is used to display a section with text and an image side by side.
 * 
 * The component has different variations based on the theme and layout.
 * 
 * CSS Classes:
 * - section.text-img-block: The main container for the text image block section.
 * - section.text-img-block:nth-of-type(even): Applies styles to even numbered text image block sections.
 * - section.text-img-block:nth-of-type(odd): Applies styles to odd numbered text image block sections.
 * - section.text-img-block ul: Styles the unordered list within the text image block section.
 * - section.text-img-block ul li: Styles the list items within the unordered list.
 * - section.text-img-block .block--img: Styles the image block within the text image block section.
 * - section.text-img-block .block--content: Styles the content block within the text image block section.
 * - section.text-img-block.text-img-block--none: Styles the text image block section with a "none" theme.
 * - section.text-img-block.text-img-block--dark: Styles the text image block section with a "dark" theme.
 * - section.text-img-block.text-img-block--light: Styles the text image block section with a "light" theme.
 * - section.text-img-block.text-img-block--grey: Styles the text image block section with a "grey" theme.
 * - section.text-img-block.text-img-block--slim: Styles the text image block section with a slim layout.
 * 
 * Media Queries:
 * - @media (min-width: 640px): Applies styles for screens with a minimum width of 640px.
 * - @media (min-width: 768px): Applies styles for screens with a minimum width of 768px.
 * - @media (min-width: 1024px): Applies styles for screens with a minimum width of 1024px.
 * 
 * Note: This file uses Tailwind CSS utility classes for styling.
 */
section.text-img-block {
  position: relative;
  overflow: hidden;
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}

section.text-img-block:nth-of-type(even) {
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}

section.text-img-block:nth-of-type(even) h4 {
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}

section.text-img-block:nth-of-type(even)::before {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-blue) / var(--tw-bg-opacity, 1));
}

section.text-img-block:nth-of-type(odd) {
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}

section.text-img-block:nth-of-type(odd) h4 {
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {
  section.text-img-block:nth-of-type(odd) > div {
    flex-direction: row-reverse;
  }
}

section.text-img-block::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: 100vw;
  transform: translateX(-50%);
  z-index: 0;
}

/* Styled UL like rich text */
section.text-img-block ul {
  list-style-type: none;
  padding-left: 1.25rem;
}

section.text-img-block ul li {
  position: relative;
  margin-bottom: 0.75rem;
  text-align: left;
  font-size: var(--font-size-base);
  line-height: 1.75rem;
}

section.text-img-block ul li::before {
  position: absolute;
  font-size: var(--font-size-xl);
  font-weight: 700;
  --tw-text-opacity: 1;
  color: hsl(var(--clr-orange) / var(--tw-text-opacity, 1));
  content: "+";
  top: 0px;
  left: -20px;
}

section.text-img-block ul ul li::before {
  content: "–";
  color: #000;
}

/* Content styling */
section.text-img-block .block--img {
  margin-top: -2rem;
}

@media (min-width: 576px) {
  section.text-img-block .block--img {
    margin-top: 0.5rem;
  }
}

@media (min-width: 768px) {
  section.text-img-block .block--img {
    margin-top: 0.5rem;
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (min-width: 1024px) {
  section.text-img-block .block--img {
    margin-top: -2rem;
  }
}

section.text-img-block .block--content {
  z-index: 10;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
  text-align: center;
  font-family: var(--font-sans);
}

@media (min-width: 1024px) {
  section.text-img-block .block--content {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  section.text-img-block:nth-of-type(even) .block--content {
    padding-left: 6rem;
  }

  section.text-img-block:nth-of-type(odd) .block--content {
    padding-right: 6rem;
  }
}

/* Block Themes */
section.text-img-block h4 {
  font-family: var(--font-sans);
  font-weight: 500;
  text-transform: uppercase;
  font-size: var(--font-size-2_5xl);
}
section.text-img-block p {
  font-size: var(--font-size-base);
}
section.text-img-block p a {
  font-size: var(--font-size-base) !important;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: hsl(var(--clr-orange) / var(--tw-text-opacity, 1));
}

/* -- none */
section.text-img-block.text-img-block--none {
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}

section.text-img-block.text-img-block--none h4 {
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}

section.text-img-block.text-img-block--none::before {
  display: none;
}

/* -- dark */
section.text-img-block.text-img-block--dark {
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}

section.text-img-block.text-img-block--dark h4 {
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}

section.text-img-block.text-img-block--dark::before {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-blue) / var(--tw-bg-opacity, 1));
}

/* -- light */
section.text-img-block.text-img-block--light {
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}

section.text-img-block.text-img-block--light h4 {
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}

section.text-img-block.text-img-block--light::before {
  background-color: var(--clr-blue-175);
}

/* -- grey */
section.text-img-block.text-img-block--grey {
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}

section.text-img-block.text-img-block--grey h4 {
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}

section.text-img-block.text-img-block--grey::before {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-neutral-100) / var(--tw-bg-opacity, 1));
}

/* Text Image Block Slim */
section.text-img-block.text-img-block--slim .block--img {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

@charset "UTF-8";
/*
    This main.scss file is using tailwindcss. 
    We will slowly begin to update site to using tailwindcss. 
*/
@font-face {
  font-family: "kepler_stdmedium_italic";
  src: url("../fonts/kepler-medium-italic/keplerstd-mediumit-webfont.woff2") format("woff2"), url("../fonts/kepler-medium-italic/keplerstd-mediumit-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  --screen-sm: 576px;
  --screen-md: 768px;
  --screen-lg: 1024px;
  --screen-xl: 1280px;
  --font-sans: "Gotham SSm A", "Gotham SSm B", sans-serif;
  --font-serif: "kepler_stdmedium_italic", serif;
  --font-serif-med: "kepler_stdmedium_italic", serif;
  --font-mono: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace';
  /* Colors referenced in Tailwind config */
  --clr-white: 255 255 255;
  --clr-black: 0 0 0;
  --clr-danger: #CB0439;
  --clr-danger-300: #F59797;
  --clr-success: #7A9B49;
  --clr-cobalt-h: 202;
  --clr-cobalt-s: 100%;
  --clr-cobalt-l: 18%;
  --clr-copper-h: 25;
  --clr-copper-s: 100%;
  --clr-copper-l: 38%;
  --clr-cadmium-h: 356;
  --clr-cadmium-s: 64%;
  --clr-cadmium-l: 42%;
  --clr-carbon-h: 204;
  --clr-carbon-s: 2%;
  --clr-carbon-l: 54%;
  --clr-aqua-h: 190;
  --clr-aqua-s: 53%;
  --clr-aqua-l: 65%;
  --clr-algae-h: 99;
  --clr-algae-s: 52%;
  --clr-algae-l: 68%;
  --clr-atomic-h: 23;
  --clr-atomic-s: 80%;
  --clr-atomic-l: 47%;
  --clr-amber-h: 42;
  --clr-amber-s: 100%;
  --clr-amber-l: 64%;
  --color-red: hsl(356, 64%, 42%);
  --clr-blue-900-O60: rgba(0, 19, 29, .6);
  --clr-blue: 202 100% 18%; /* #003b5c */
  --clr-blue-900: 202 100% 7%; /* #00141f */
  --clr-blue-800: 202 100% 13%; /* #0a2133 */
  --clr-blue-700: 202 100% 21%; /* #004d66 */
  --clr-blue-300: 208 17% 48%; /* #5d6f89 */
  --clr-blue-200: 209 51% 90%; /* #DADDE6 */
  --clr-blue-185: 200 23% 92%; /* #E7EDF0 */
  --clr-blue-175: hsla(202, 100%, 18%, .1); /* #003B5C - specific color so not imported like the rest */
  --clr-blue-150: 206 17% 95%; /* #F0F3F5 */
  --clr-blue-100: 206 17% 97%; /* #F4F7F8 */
  --clr-orange: 25 100% 38%; /* #c25100 */
  --clr-orange-700: 30 100% 38%; /* #c25c00 */
  --clr-orange-500: 30 100% 45%; /* #e57200 */
  /*--clr-gothic:      190 29% 50%;*/ /* #5A97A3 */
  --clr-gothic: 191 43% 37%; /* #4A7D8A */
  --clr-neutral: 0 2% 24%; /* #3F3B3B */
  --clr-neutral-700: 0 0% 20%; /* #333333 */
  --clr-neutral-600: 0 0% 44%; /* #707070 */
  --clr-neutral-500: 189 2% 53%; /* #888B8D */
  --clr-neutral-450: 0 1% 71%; /* #B4B4B4 */
  --clr-neutral-400: 0 1% 79%; /* #CBCBCB */
  --clr-neutral-300: 0 8% 93%; /* #EDEEEE */
  --clr-neutral-200: 216 16% 94%; /* #EDEFF2 */
  --clr-neutral-100: 0 0% 98%; /* #FAFAFA */
  --clr-theme: 202deg 100% 18%;
  --clr-theme-900: 201deg 100% 6%;
  --clr-theme-800: 206deg 68% 12%;
  --clr-theme-700: 195deg 100% 20%;
  --clr-theme-300: 215deg 19% 45%;
  --clr-theme-200: 225deg 19% 88%;
  --clr-theme-150: 204deg 20% 95%;
  --clr-theme-100: 195deg 22% 96%;
  --clr-primary-base: 202deg 100% 18%; /* #003b5c */
  --clr-primary-dark: 202deg 100% 11%; /* #002236 */
  --clr-secondary: 187deg 82% 29%; /* #0D7887 */
  --clr-tertiary-base: 25deg 100% 38%; /* #C25100 */
  --clr-tertiary-light: 30deg 100% 45%; /* #E57200 */
  --clr-form-input-border: 202deg 16% 86%; /* #D7DEE2 */
  --clr-form-input-label: 202deg 100% 11%; /* #002236 */
  --gradient-primary: linear-gradient(180deg, hsl(var(--clr-primary-base) / 1), hsl(var(--clr-secondary) / 1));
  --gradient-secondary: linear-gradient(180deg, hsl(var(--clr-secondary) / 1), hsl(var(--clr-primary-base) / 1));
  --gradient-tertiary: linear-gradient(180deg, hsl(var(--clr-tertiary-light) / 1), hsl(var(--clr-tertiary-base) / 1));
  --gradient-radial-upper-left: radial-gradient(closest-side at 33% 28%, hsl(var(--clr-primary-base)) 0%, hsl(var(--clr-primary-dark)) 100%);
  --gradient-tertiary-overlay: linear-gradient(91deg, hsl(var(--clr-tertiary-light)) 0%, hsl(var(--clr-tertiary-base)) 59%, hsl(var(--clr-tertiary-base)) 100%);
  --font-size-11xl: 3.875rem;
  --font-size-10xl: 3.125rem;
  --font-size-9xl: 3.0rem;
  --font-size-8xl: 2.375rem;
  --font-size-7_5xl: 2.34375rem;
  --font-size-7xl: 2.125rem;
  --font-size-6_2xl: 2rem;
  --font-size-6xl: 1.875rem;
  --font-size-5xl: 1.75rem;
  --font-size-4xl: 1.625rem;
  --font-size-3xl: 1.5rem;
  --font-size-2xl: 1.375rem;
  --font-size-2_5xl: 1.40625rem;
  --font-size-xl: 1.25rem;
  --font-size-lg: 1.125rem;
  --font-size-base: 1rem;
  --font-size-tiny: .9375rem;
  --font-size-sm: .875rem;
  --font-size-13px: 0.8125rem;
  --font-size-xs: .75rem;
  --font-size-2xs: 0.625rem;
  --font-size-46px: 2.875rem;
  --line-height-10xl: 3.75rem;
  --line-height-9xl: 2.875rem;
  --line-height-8xl: 2.375rem;
  --line-height-7xl: 2.25rem;
  --line-height-6xl: 1.875rem;
  --line-height-5xl: 1.75rem;
  --line-height-4xl: 1.625rem;
  --line-height-3xl: 1.5rem;
  --line-height-2xl: 1.375rem;
  --line-height-xl: 1.3125rem;
  --line-height-lg: 1.125rem;
  --line-height-base: 1rem;
  --line-height-tiny: .9375rem;
  --line-height-sm: .875rem;
  --line-height-xs: .75rem;
  --line-height-2xs: 0.625rem;
  --nav-font-weight: 500;
  --nav-hover-font-weight: 700;
  --nav-bg-color: #E5EBEE;
  --nav-border-color: #D7DEE2;
  --nav-color: #12385A;
  --nav-active-color: #E57200;
  --nav-mobile-indent: .77rem;
  --nav-mobile-border-color: #D7DEE2;
  --nav-mobile-bg-color: #eff3f4;
  --nav-mobile-base-size: 3.125rem;
  --swiper-theme-color: var(--clr-orange) !important;
}

*, ::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-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --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: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --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:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::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-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --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: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --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:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/*
    ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com 
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: var(--font-sans); /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: var(--font-mono); /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

:root{
  --color-cobalt-100: hsl(var(--clr-cobalt-h), var(--clr-cobalt-s), calc(var(--clr-cobalt-l) + 30%));
  --color-cobalt-200: hsl(var(--clr-cobalt-h), var(--clr-cobalt-s), calc(var(--clr-cobalt-l) + 24%));
  --color-cobalt-300: hsl(var(--clr-cobalt-h), var(--clr-cobalt-s), calc(var(--clr-cobalt-l) + 18%));
  --color-cobalt-400: hsl(var(--clr-cobalt-h), var(--clr-cobalt-s), calc(var(--clr-cobalt-l) + 12%));
  --color-cobalt-500: hsl(var(--clr-cobalt-h), var(--clr-cobalt-s), calc(var(--clr-cobalt-l) + 6%));
  --color-cobalt-700: hsl(var(--clr-cobalt-h), var(--clr-cobalt-s), calc(var(--clr-cobalt-l) - 6%));
  --color-cobalt-800: hsl(var(--clr-cobalt-h), var(--clr-cobalt-s), calc(var(--clr-cobalt-l) - 12%));
  --color-cobalt-900: hsl(var(--clr-cobalt-h), var(--clr-cobalt-s), calc(var(--clr-cobalt-l) - 18%));
  --color-cobalt: hsl(var(--clr-cobalt-h), var(--clr-cobalt-s), var(--clr-cobalt-l));
  --color-copper-100: hsl(var(--clr-copper-h), var(--clr-copper-s), calc(var(--clr-copper-l) + 30%));
  --color-copper-200: hsl(var(--clr-copper-h), var(--clr-copper-s), calc(var(--clr-copper-l) + 24%));
  --color-copper-300: hsl(var(--clr-copper-h), var(--clr-copper-s), calc(var(--clr-copper-l) + 18%));
  --color-copper-400: hsl(var(--clr-copper-h), var(--clr-copper-s), calc(var(--clr-copper-l) + 12%));
  --color-copper-500: hsl(var(--clr-copper-h), var(--clr-copper-s), calc(var(--clr-copper-l) + 6%));
  --color-copper-700: hsl(var(--clr-copper-h), var(--clr-copper-s), calc(var(--clr-copper-l) - 6%));
  --color-copper-800: hsl(var(--clr-copper-h), var(--clr-copper-s), calc(var(--clr-copper-l) - 12%));
  --color-copper-900: hsl(var(--clr-copper-h), var(--clr-copper-s), calc(var(--clr-copper-l) - 18%));
  --color-copper: hsl(var(--clr-copper-h), var(--clr-copper-s), var(--clr-copper-l));
  --color-cadmium-100: hsl(var(--clr-cadmium-h), var(--clr-cadmium-s), calc(var(--clr-cadmium-l) + 30%));
  --color-cadmium-200: hsl(var(--clr-cadmium-h), var(--clr-cadmium-s), calc(var(--clr-cadmium-l) + 24%));
  --color-cadmium-300: hsl(var(--clr-cadmium-h), var(--clr-cadmium-s), calc(var(--clr-cadmium-l) + 18%));
  --color-cadmium-400: hsl(var(--clr-cadmium-h), var(--clr-cadmium-s), calc(var(--clr-cadmium-l) + 12%));
  --color-cadmium-500: hsl(var(--clr-cadmium-h), var(--clr-cadmium-s), calc(var(--clr-cadmium-l) + 6%));
  --color-cadmium-700: hsl(var(--clr-cadmium-h), var(--clr-cadmium-s), calc(var(--clr-cadmium-l) - 6%));
  --color-cadmium-800: hsl(var(--clr-cadmium-h), var(--clr-cadmium-s), calc(var(--clr-cadmium-l) - 12%));
  --color-cadmium-900: hsl(var(--clr-cadmium-h), var(--clr-cadmium-s), calc(var(--clr-cadmium-l) - 18%));
  --color-cadmium: hsl(var(--clr-cadmium-h), var(--clr-cadmium-s), var(--clr-cadmium-l));
  --color-carbon-100: hsl(var(--clr-carbon-h), var(--clr-carbon-s), calc(var(--clr-carbon-l) + 30%));
  --color-carbon-200: hsl(var(--clr-carbon-h), var(--clr-carbon-s), calc(var(--clr-carbon-l) + 24%));
  --color-carbon-300: hsl(var(--clr-carbon-h), var(--clr-carbon-s), calc(var(--clr-carbon-l) + 18%));
  --color-carbon-400: hsl(var(--clr-carbon-h), var(--clr-carbon-s), calc(var(--clr-carbon-l) + 12%));
  --color-carbon-500: hsl(var(--clr-carbon-h), var(--clr-carbon-s), calc(var(--clr-carbon-l) + 6%));
  --color-carbon-700: hsl(var(--clr-carbon-h), var(--clr-carbon-s), calc(var(--clr-carbon-l) - 6%));
  --color-carbon-800: hsl(var(--clr-carbon-h), var(--clr-carbon-s), calc(var(--clr-carbon-l) - 12%));
  --color-carbon-900: hsl(var(--clr-carbon-h), var(--clr-carbon-s), calc(var(--clr-carbon-l) - 18%));
  --color-carbon: hsl(var(--clr-carbon-h), var(--clr-carbon-s), var(--clr-carbon-l));
  --color-aqua-100: hsl(var(--clr-aqua-h), var(--clr-aqua-s), calc(var(--clr-aqua-l) + 30%));
  --color-aqua-200: hsl(var(--clr-aqua-h), var(--clr-aqua-s), calc(var(--clr-aqua-l) + 24%));
  --color-aqua-300: hsl(var(--clr-aqua-h), var(--clr-aqua-s), calc(var(--clr-aqua-l) + 18%));
  --color-aqua-400: hsl(var(--clr-aqua-h), var(--clr-aqua-s), calc(var(--clr-aqua-l) + 12%));
  --color-aqua-500: hsl(var(--clr-aqua-h), var(--clr-aqua-s), calc(var(--clr-aqua-l) + 6%));
  --color-aqua-700: hsl(var(--clr-aqua-h), var(--clr-aqua-s), calc(var(--clr-aqua-l) - 6%));
  --color-aqua-800: hsl(var(--clr-aqua-h), var(--clr-aqua-s), calc(var(--clr-aqua-l) - 12%));
  --color-aqua-900: hsl(var(--clr-aqua-h), var(--clr-aqua-s), calc(var(--clr-aqua-l) - 18%));
  --color-aqua: hsl(var(--clr-aqua-h), var(--clr-aqua-s), var(--clr-aqua-l));
  --color-algae-100: hsl(var(--clr-algae-h), var(--clr-algae-s), calc(var(--clr-algae-l) + 30%));
  --color-algae-200: hsl(var(--clr-algae-h), var(--clr-algae-s), calc(var(--clr-algae-l) + 24%));
  --color-algae-300: hsl(var(--clr-algae-h), var(--clr-algae-s), calc(var(--clr-algae-l) + 18%));
  --color-algae-400: hsl(var(--clr-algae-h), var(--clr-algae-s), calc(var(--clr-algae-l) + 12%));
  --color-algae-500: hsl(var(--clr-algae-h), var(--clr-algae-s), calc(var(--clr-algae-l) + 6%));
  --color-algae-700: hsl(var(--clr-algae-h), var(--clr-algae-s), calc(var(--clr-algae-l) - 6%));
  --color-algae-800: hsl(var(--clr-algae-h), var(--clr-algae-s), calc(var(--clr-algae-l) - 12%));
  --color-algae-900: hsl(var(--clr-algae-h), var(--clr-algae-s), calc(var(--clr-algae-l) - 18%));
  --color-algae: hsl(var(--clr-algae-h), var(--clr-algae-s), var(--clr-algae-l));
  --color-atomic-100: hsl(var(--clr-atomic-h), var(--clr-atomic-s), calc(var(--clr-atomic-l) + 30%));
  --color-atomic-200: hsl(var(--clr-atomic-h), var(--clr-atomic-s), calc(var(--clr-atomic-l) + 24%));
  --color-atomic-300: hsl(var(--clr-atomic-h), var(--clr-atomic-s), calc(var(--clr-atomic-l) + 18%));
  --color-atomic-400: hsl(var(--clr-atomic-h), var(--clr-atomic-s), calc(var(--clr-atomic-l) + 12%));
  --color-atomic-500: hsl(var(--clr-atomic-h), var(--clr-atomic-s), calc(var(--clr-atomic-l) + 6%));
  --color-atomic-700: hsl(var(--clr-atomic-h), var(--clr-atomic-s), calc(var(--clr-atomic-l) - 6%));
  --color-atomic-800: hsl(var(--clr-atomic-h), var(--clr-atomic-s), calc(var(--clr-atomic-l) - 12%));
  --color-atomic-900: hsl(var(--clr-atomic-h), var(--clr-atomic-s), calc(var(--clr-atomic-l) - 18%));
  --color-atomic: hsl(var(--clr-atomic-h), var(--clr-atomic-s), var(--clr-atomic-l));
  --color-amber-100: hsl(var(--clr-amber-h), var(--clr-amber-s), calc(var(--clr-amber-l) + 30%));
  --color-amber-200: hsl(var(--clr-amber-h), var(--clr-amber-s), calc(var(--clr-amber-l) + 24%));
  --color-amber-300: hsl(var(--clr-amber-h), var(--clr-amber-s), calc(var(--clr-amber-l) + 18%));
  --color-amber-400: hsl(var(--clr-amber-h), var(--clr-amber-s), calc(var(--clr-amber-l) + 12%));
  --color-amber-500: hsl(var(--clr-amber-h), var(--clr-amber-s), calc(var(--clr-amber-l) + 6%));
  --color-amber-700: hsl(var(--clr-amber-h), var(--clr-amber-s), calc(var(--clr-amber-l) - 6%));
  --color-amber-800: hsl(var(--clr-amber-h), var(--clr-amber-s), calc(var(--clr-amber-l) - 12%));
  --color-amber-900: hsl(var(--clr-amber-h), var(--clr-amber-s), calc(var(--clr-amber-l) - 18%));
  --color-amber: hsl(var(--clr-amber-h), var(--clr-amber-s), var(--clr-amber-l));
}
.container{
  width: 100%;
}
@media (min-width: 576px){
  .container{
    max-width: 576px;
  }
}
@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none{
  pointer-events: none;
}
.pointer-events-auto{
  pointer-events: auto;
}
.visible{
  visibility: visible;
}
.collapse{
  visibility: collapse;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.inset-0{
  inset: 0px;
}
.-bottom-\[20px\]{
  bottom: -20px;
}
.-left-\[1\.25rem\]{
  left: -1.25rem;
}
.-right-\[1\.25rem\]{
  right: -1.25rem;
}
.bottom-0{
  bottom: 0px;
}
.bottom-2{
  bottom: 0.5rem;
}
.bottom-2\.5{
  bottom: 0.625rem;
}
.bottom-3{
  bottom: 0.75rem;
}
.bottom-6{
  bottom: 1.5rem;
}
.left-0{
  left: 0px;
}
.left-2{
  left: 0.5rem;
}
.left-2\.5{
  left: 0.625rem;
}
.left-3\.5{
  left: 0.875rem;
}
.left-4{
  left: 1rem;
}
.right-0{
  right: 0px;
}
.right-2{
  right: 0.5rem;
}
.right-4{
  right: 1rem;
}
.right-6{
  right: 1.5rem;
}
.top-0{
  top: 0px;
}
.top-2\.5{
  top: 0.625rem;
}
.top-4{
  top: 1rem;
}
.top-\[1\.4375rem\]{
  top: 1.4375rem;
}
.top-full{
  top: 100%;
}
.z-0{
  z-index: 0;
}
.z-10{
  z-index: 10;
}
.z-20{
  z-index: 20;
}
.z-\[101\]{
  z-index: 101;
}
.z-\[102\]{
  z-index: 102;
}
.z-\[1\]{
  z-index: 1;
}
.z-\[2\]{
  z-index: 2;
}
.z-\[3\]{
  z-index: 3;
}
.z-\[40\]{
  z-index: 40;
}
.z-\[41\]{
  z-index: 41;
}
.z-\[50\]{
  z-index: 50;
}
.z-\[5\]{
  z-index: 5;
}
.order-1{
  order: 1;
}
.order-2{
  order: 2;
}
.order-first{
  order: -9999;
}
.col-auto{
  grid-column: auto;
}
.col-span-1{
  grid-column: span 1 / span 1;
}
.col-span-12{
  grid-column: span 12 / span 12;
}
.col-span-2{
  grid-column: span 2 / span 2;
}
.col-span-3{
  grid-column: span 3 / span 3;
}
.col-span-4{
  grid-column: span 4 / span 4;
}
.col-start-2{
  grid-column-start: 2;
}
.row-span-2{
  grid-row: span 2 / span 2;
}
.m-0{
  margin: 0px;
}
.m-2{
  margin: 0.5rem;
}
.-mx-2{
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.mx-10{
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-0{
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-16{
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-2\.5{
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.my-20{
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-\[8px\]{
  margin-top: 8px;
  margin-bottom: 8px;
}
.my-auto{
  margin-top: auto;
  margin-bottom: auto;
}
.-mb-4{
  margin-bottom: -1rem;
}
.-mb-\[2px\]{
  margin-bottom: -2px;
}
.-mb-\[36px\]{
  margin-bottom: -36px;
}
.-mt-3{
  margin-top: -0.75rem;
}
.-mt-8{
  margin-top: -2rem;
}
.-mt-9{
  margin-top: -2.25rem;
}
.mb-0{
  margin-bottom: 0px;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-10{
  margin-bottom: 2.5rem;
}
.mb-12{
  margin-bottom: 3rem;
}
.mb-16{
  margin-bottom: 4rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-9{
  margin-bottom: 2.25rem;
}
.ml-0{
  margin-left: 0px;
}
.ml-4{
  margin-left: 1rem;
}
.ml-6{
  margin-left: 1.5rem;
}
.ml-auto{
  margin-left: auto;
}
.mr-2{
  margin-right: 0.5rem;
}
.mr-3{
  margin-right: 0.75rem;
}
.mr-auto{
  margin-right: auto;
}
.mt-0{
  margin-top: 0px;
}
.mt-0\.5{
  margin-top: 0.125rem;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-10{
  margin-top: 2.5rem;
}
.mt-12{
  margin-top: 3rem;
}
.mt-16{
  margin-top: 4rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-20{
  margin-top: 5rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-5{
  margin-top: 1.25rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-9{
  margin-top: 2.25rem;
}
.mt-auto{
  margin-top: auto;
}
.line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-6{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.contents{
  display: contents;
}
.\!hidden{
  display: none !important;
}
.hidden{
  display: none;
}
.aspect-\[11\/14\]{
  aspect-ratio: 11/14;
}
.aspect-\[160\/200\]{
  aspect-ratio: 160/200;
}
.aspect-\[208\/110\]{
  aspect-ratio: 208/110;
}
.aspect-\[232\/168\]{
  aspect-ratio: 232/168;
}
.aspect-\[238\/307\]{
  aspect-ratio: 238/307;
}
.aspect-\[256\/150\]{
  aspect-ratio: 256/150;
}
.aspect-\[282\/173\]{
  aspect-ratio: 282/173;
}
.aspect-\[3\/2\]{
  aspect-ratio: 3/2;
}
.aspect-\[309\/162\]{
  aspect-ratio: 309/162;
}
.aspect-\[309\/172\]{
  aspect-ratio: 309/172;
}
.aspect-\[311\/155\]{
  aspect-ratio: 311/155;
}
.aspect-\[366\/190\]{
  aspect-ratio: 366/190;
}
.aspect-\[391\/177\]{
  aspect-ratio: 391/177;
}
.aspect-\[4\/3\]{
  aspect-ratio: 4/3;
}
.aspect-\[474\/538\]{
  aspect-ratio: 474/538;
}
.aspect-\[530\/320\]{
  aspect-ratio: 530/320;
}
.aspect-\[627\/283\]{
  aspect-ratio: 627/283;
}
.aspect-\[627\/466\]{
  aspect-ratio: 627/466;
}
.aspect-\[640\/337\]{
  aspect-ratio: 640/337;
}
.aspect-\[9\/5\]{
  aspect-ratio: 9/5;
}
.aspect-square{
  aspect-ratio: 1 / 1;
}
.aspect-video{
  aspect-ratio: 16 / 9;
}
.size-2\.5{
  width: 0.625rem;
  height: 0.625rem;
}
.size-4{
  width: 1rem;
  height: 1rem;
}
.size-5{
  width: 1.25rem;
  height: 1.25rem;
}
.size-6{
  width: 1.5rem;
  height: 1.5rem;
}
.size-\[10px\]{
  width: 10px;
  height: 10px;
}
.size-\[18px\]{
  width: 18px;
  height: 18px;
}
.\!h-48px{
  height: 48px !important;
}
.\!h-\[3rem\]{
  height: 3rem !important;
}
.h-12{
  height: 3rem;
}
.h-3{
  height: 0.75rem;
}
.h-4{
  height: 1rem;
}
.h-4\/6{
  height: 66.666667%;
}
.h-48px{
  height: 48px;
}
.h-5{
  height: 1.25rem;
}
.h-6{
  height: 1.5rem;
}
.h-60px{
  height: 60px;
}
.h-7{
  height: 1.75rem;
}
.h-8{
  height: 2rem;
}
.h-9{
  height: 2.25rem;
}
.h-\[1\.5px\]{
  height: 1.5px;
}
.h-\[115px\]{
  height: 115px;
}
.h-\[120px\]{
  height: 120px;
}
.h-\[170px\]{
  height: 170px;
}
.h-\[17px\]{
  height: 17px;
}
.h-\[1px\]{
  height: 1px;
}
.h-\[200px\]{
  height: 200px;
}
.h-\[20vh\]{
  height: 20vh;
}
.h-\[277px\]{
  height: 277px;
}
.h-\[280px\]{
  height: 280px;
}
.h-\[2px\]{
  height: 2px;
}
.h-\[320px\]{
  height: 320px;
}
.h-\[450px\]{
  height: 450px;
}
.h-\[497px\]{
  height: 497px;
}
.h-\[5\.5rem\]{
  height: 5.5rem;
}
.h-\[5\.6875rem\]{
  height: 5.6875rem;
}
.h-\[50px\]{
  height: 50px;
}
.h-\[50vh\]{
  height: 50vh;
}
.h-\[54px\]{
  height: 54px;
}
.h-\[56px\]{
  height: 56px;
}
.h-\[65vh\]{
  height: 65vh;
}
.h-\[70px\]{
  height: 70px;
}
.h-auto{
  height: auto;
}
.h-fit{
  height: -moz-fit-content;
  height: fit-content;
}
.h-full{
  height: 100%;
}
.h-px{
  height: 1px;
}
.max-h-0\.5{
  max-height: 0.125rem;
}
.max-h-\[100px\]{
  max-height: 100px;
}
.max-h-\[120px\]{
  max-height: 120px;
}
.max-h-\[150px\]{
  max-height: 150px;
}
.max-h-\[200px\]{
  max-height: 200px;
}
.max-h-\[33px\]{
  max-height: 33px;
}
.max-h-\[43px\]{
  max-height: 43px;
}
.max-h-\[450px\]{
  max-height: 450px;
}
.max-h-\[5\.6875rem\]{
  max-height: 5.6875rem;
}
.max-h-\[500px\]{
  max-height: 500px;
}
.max-h-\[600px\]{
  max-height: 600px;
}
.max-h-\[650px\]{
  max-height: 650px;
}
.max-h-\[65px\]{
  max-height: 65px;
}
.max-h-\[92px\]{
  max-height: 92px;
}
.max-h-full{
  max-height: 100%;
}
.min-h-0\.5{
  min-height: 0.125rem;
}
.min-h-300px{
  min-height: 300px;
}
.min-h-4{
  min-height: 1rem;
}
.min-h-420px{
  min-height: 420px;
}
.min-h-500px{
  min-height: 500px;
}
.min-h-600px{
  min-height: 600px;
}
.min-h-8{
  min-height: 2rem;
}
.min-h-\[174px\]{
  min-height: 174px;
}
.min-h-\[1px\]{
  min-height: 1px;
}
.min-h-\[272px\]{
  min-height: 272px;
}
.min-h-\[280px\]{
  min-height: 280px;
}
.min-h-\[300px\]{
  min-height: 300px;
}
.min-h-\[320px\]{
  min-height: 320px;
}
.min-h-\[324px\]{
  min-height: 324px;
}
.min-h-\[333px\]{
  min-height: 333px;
}
.min-h-\[387px\]{
  min-height: 387px;
}
.min-h-\[400px\]{
  min-height: 400px;
}
.min-h-\[500px\]{
  min-height: 500px;
}
.min-h-\[60px\]{
  min-height: 60px;
}
.w-1\/12{
  width: 8.333333%;
}
.w-1\/2{
  width: 50%;
}
.w-1\/3{
  width: 33.333333%;
}
.w-1\/4{
  width: 25%;
}
.w-10{
  width: 2.5rem;
}
.w-11\/12{
  width: 91.666667%;
}
.w-12{
  width: 3rem;
}
.w-2\/5{
  width: 40%;
}
.w-20{
  width: 5rem;
}
.w-3{
  width: 0.75rem;
}
.w-3\/12{
  width: 25%;
}
.w-32{
  width: 8rem;
}
.w-4{
  width: 1rem;
}
.w-5{
  width: 1.25rem;
}
.w-6{
  width: 1.5rem;
}
.w-7{
  width: 1.75rem;
}
.w-8{
  width: 2rem;
}
.w-80{
  width: 20rem;
}
.w-9{
  width: 2.25rem;
}
.w-\[115px\]{
  width: 115px;
}
.w-\[123px\]{
  width: 123px;
}
.w-\[130px\]{
  width: 130px;
}
.w-\[150px\]{
  width: 150px;
}
.w-\[160px\]{
  width: 160px;
}
.w-\[178px\]{
  width: 178px;
}
.w-\[200px\]{
  width: 200px;
}
.w-\[44px\]{
  width: 44px;
}
.w-\[45px\]{
  width: 45px;
}
.w-\[60px\]{
  width: 60px;
}
.w-auto{
  width: auto;
}
.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.w-max{
  width: -moz-max-content;
  width: max-content;
}
.w-px{
  width: 1px;
}
.min-w-3{
  min-width: 0.75rem;
}
.min-w-4{
  min-width: 1rem;
}
.min-w-8{
  min-width: 2rem;
}
.min-w-\[158px\]{
  min-width: 158px;
}
.min-w-\[160px\]{
  min-width: 160px;
}
.min-w-\[189px\]{
  min-width: 189px;
}
.min-w-\[200px\]{
  min-width: 200px;
}
.min-w-\[232px\]{
  min-width: 232px;
}
.min-w-\[293px\]{
  min-width: 293px;
}
.min-w-\[386px\]{
  min-width: 386px;
}
.max-w-\[130px\]{
  max-width: 130px;
}
.max-w-\[135px\]{
  max-width: 135px;
}
.max-w-\[158px\]{
  max-width: 158px;
}
.max-w-\[175px\]{
  max-width: 175px;
}
.max-w-\[178px\]{
  max-width: 178px;
}
.max-w-\[189px\]{
  max-width: 189px;
}
.max-w-\[200px\]{
  max-width: 200px;
}
.max-w-\[232px\]{
  max-width: 232px;
}
.max-w-\[238px\]{
  max-width: 238px;
}
.max-w-\[287px\]{
  max-width: 287px;
}
.max-w-\[293px\]{
  max-width: 293px;
}
.max-w-\[402px\]{
  max-width: 402px;
}
.max-w-\[80px\]{
  max-width: 80px;
}
.max-w-full{
  max-width: 100%;
}
.max-w-screen-xl{
  max-width: 1280px;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-\[0_0_calc\(100\%-2rem\)\]{
  flex: 0 0 calc(100% - 2rem);
}
.flex-none{
  flex: none;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.shrink{
  flex-shrink: 1;
}
.shrink-0{
  flex-shrink: 0;
}
.flex-grow{
  flex-grow: 1;
}
.flex-grow-0{
  flex-grow: 0;
}
.grow{
  flex-grow: 1;
}
.basis-auto{
  flex-basis: auto;
}
.basis-full{
  flex-basis: 100%;
}
.-translate-y-5{
  --tw-translate-y: -1.25rem;
  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));
}
.translate-x-0{
  --tw-translate-x: 0px;
  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));
}
.translate-x-4{
  --tw-translate-x: 1rem;
  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));
}
.scale-100{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  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));
}
.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));
}
@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}
.animate-spin{
  animation: spin 1s linear infinite;
}
.cursor-pointer{
  cursor: pointer;
}
.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize{
  resize: both;
}
.snap-x{
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-center{
  scroll-snap-align: center;
}
.scroll-mt-\[60px\]{
  scroll-margin-top: 60px;
}
.list-none{
  list-style-type: none;
}
.columns-2{
  -moz-columns: 2;
       columns: 2;
}
.break-inside-avoid{
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.grid-flow-row{
  grid-auto-flow: row;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5{
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.flex-row{
  flex-direction: row;
}
.flex-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.flex-nowrap{
  flex-wrap: nowrap;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.items-stretch{
  align-items: stretch;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.justify-items-center{
  justify-items: center;
}
.gap-0{
  gap: 0px;
}
.gap-1{
  gap: 0.25rem;
}
.gap-1\.5{
  gap: 0.375rem;
}
.gap-10{
  gap: 2.5rem;
}
.gap-12{
  gap: 3rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-2\.5{
  gap: 0.625rem;
}
.gap-20{
  gap: 5rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-4{
  gap: 1rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-7{
  gap: 1.75rem;
}
.gap-8{
  gap: 2rem;
}
.gap-9{
  gap: 2.25rem;
}
.gap-x-9{
  -moz-column-gap: 2.25rem;
       column-gap: 2.25rem;
}
.gap-y-12{
  row-gap: 3rem;
}
.gap-y-2{
  row-gap: 0.5rem;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-9 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
}
.self-end{
  align-self: flex-end;
}
.self-stretch{
  align-self: stretch;
}
.justify-self-end{
  justify-self: end;
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-x-scroll{
  overflow-x: scroll;
}
.overflow-y-scroll{
  overflow-y: scroll;
}
.text-wrap{
  text-wrap: wrap;
}
.text-nowrap{
  text-wrap: nowrap;
}
.text-balance{
  text-wrap: balance;
}
.text-pretty{
  text-wrap: pretty;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-3xl{
  border-radius: 1.5rem;
}
.rounded-\[30px\]{
  border-radius: 30px;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.rounded-md{
  border-radius: 0.375rem;
}
.rounded-xl{
  border-radius: 0.75rem;
}
.border{
  border-width: 1px;
}
.border-2{
  border-width: 2px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-b-4{
  border-bottom-width: 4px;
}
.border-b-\[3px\]{
  border-bottom-width: 3px;
}
.border-l-4{
  border-left-width: 4px;
}
.border-t{
  border-top-width: 1px;
}
.border-t-\[3px\]{
  border-top-width: 3px;
}
.border-none{
  border-style: none;
}
.border-blue{
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-blue) / var(--tw-border-opacity, 1));
}
.border-blue-100{
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-blue-100) / var(--tw-border-opacity, 1));
}
.border-blue-175{
  border-color: var(--clr-blue-175);
}
.border-cobalt{
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-cobalt-h) var(--clr-cobalt-s) var(--clr-cobalt-l) / var(--tw-border-opacity, 1));
}
.border-neutral-300{
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-neutral-300) / var(--tw-border-opacity, 1));
}
.border-neutral-400{
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-neutral-400) / var(--tw-border-opacity, 1));
}
.border-neutral-400\/50{
  border-color: hsl(var(--clr-neutral-400) / 0.5);
}
.border-neutral-500{
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-neutral-500) / var(--tw-border-opacity, 1));
}
.border-orange{
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-orange) / var(--tw-border-opacity, 1));
}
.border-orange-500{
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-orange-500) / var(--tw-border-opacity, 1));
}
.border-orange\/50{
  border-color: hsl(var(--clr-orange) / 0.5);
}
.border-tertiary-light{
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-tertiary-light) / var(--tw-border-opacity, 1));
}
.border-transparent{
  border-color: transparent;
}
.border-white{
  --tw-border-opacity: 1;
  border-color: rgba(var(--clr-white) / var(--tw-border-opacity, 1));
}
.bg-\[\#F2F2F2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
}
.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgba(var(--clr-black) / var(--tw-bg-opacity, 1));
}
.bg-black\/60{
  background-color: rgba(var(--clr-black) / 0.6);
}
.bg-black\/80{
  background-color: rgba(var(--clr-black) / 0.8);
}
.bg-blue{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-blue) / var(--tw-bg-opacity, 1));
}
.bg-blue-100{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-blue-100) / var(--tw-bg-opacity, 1));
}
.bg-blue-150{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-blue-150) / var(--tw-bg-opacity, 1));
}
.bg-blue-175{
  background-color: var(--clr-blue-175);
}
.bg-blue-185{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-blue-185) / var(--tw-bg-opacity, 1));
}
.bg-blue-300\/20{
  background-color: hsl(var(--clr-blue-300) / 0.2);
}
.bg-blue-300\/70{
  background-color: hsl(var(--clr-blue-300) / 0.7);
}
.bg-blue-300\/90{
  background-color: hsl(var(--clr-blue-300) / 0.9);
}
.bg-blue-700{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-blue-700) / var(--tw-bg-opacity, 1));
}
.bg-blue-800{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-blue-800) / var(--tw-bg-opacity, 1));
}
.bg-blue-900{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-blue-900) / var(--tw-bg-opacity, 1));
}
.bg-blue-900-O60{
  background-color: var(--clr-blue-900-O60);
}
.bg-blue\/10{
  background-color: hsl(var(--clr-blue) / 0.1);
}
.bg-blue\/50{
  background-color: hsl(var(--clr-blue) / 0.5);
}
.bg-blue\/60{
  background-color: hsl(var(--clr-blue) / 0.6);
}
.bg-blue\/80{
  background-color: hsl(var(--clr-blue) / 0.8);
}
.bg-current{
  background-color: currentColor;
}
.bg-danger{
  background-color: var(--clr-danger);
}
.bg-gothic{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-gothic) / var(--tw-bg-opacity, 1));
}
.bg-neutral-100{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-neutral-100) / var(--tw-bg-opacity, 1));
}
.bg-neutral-200{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-neutral-200) / var(--tw-bg-opacity, 1));
}
.bg-neutral-300{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-neutral-300) / var(--tw-bg-opacity, 1));
}
.bg-neutral-400{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-neutral-400) / var(--tw-bg-opacity, 1));
}
.bg-neutral-450{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-neutral-450) / var(--tw-bg-opacity, 1));
}
.bg-neutral-500{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-neutral-500) / var(--tw-bg-opacity, 1));
}
.bg-orange{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-orange) / var(--tw-bg-opacity, 1));
}
.bg-primary{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-primary-base) / var(--tw-bg-opacity, 1));
}
.bg-tertiary{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-tertiary-base) / var(--tw-bg-opacity, 1));
}
.bg-theme{
  --tw-bg-opacity: 1;
  background-color: hsl( var(--clr-theme) / var(--tw-bg-opacity, 1) );
}
.bg-theme\/50{
  background-color: hsl( var(--clr-theme) / 0.5 );
}
.bg-theme\/60{
  background-color: hsl( var(--clr-theme) / 0.6 );
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgba(var(--clr-white) / var(--tw-bg-opacity, 1));
}
.bg-\[url\(\'\%s\'\)\]{
  background-image: url('%s');
}
.bg-gradient-to-b{
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-t{
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.bg-gradient-to-tr{
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}
.from-blue{
  --tw-gradient-from: hsl(var(--clr-blue) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--clr-blue) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-100{
  --tw-gradient-from: hsl(var(--clr-blue-100) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--clr-blue-100) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-900{
  --tw-gradient-from: hsl(var(--clr-blue-900) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--clr-blue-900) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue\/80{
  --tw-gradient-from: hsl(var(--clr-blue) / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--clr-blue) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-700{
  --tw-gradient-from: hsl(var(--clr-orange-700) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--clr-orange-700) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-700\/80{
  --tw-gradient-from: hsl(var(--clr-orange-700) / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--clr-orange-700) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary\/0{
  --tw-gradient-from: hsl(var(--clr-primary-base) / 0) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--clr-primary-base) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-secondary{
  --tw-gradient-from: hsl(var(--clr-secondary) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--clr-secondary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-tertiary-light\/90{
  --tw-gradient-from: hsl(var(--clr-tertiary-light) / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--clr-tertiary-light) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white{
  --tw-gradient-from: rgba(var(--clr-white) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(var(--clr-white) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-0\%{
  --tw-gradient-from-position: 0%;
}
.from-10\%{
  --tw-gradient-from-position: 10%;
}
.to-blue-700{
  --tw-gradient-to: hsl(var(--clr-blue-700) / 1) var(--tw-gradient-to-position);
}
.to-blue\/50{
  --tw-gradient-to: hsl(var(--clr-blue) / 0.5) var(--tw-gradient-to-position);
}
.to-orange-500{
  --tw-gradient-to: hsl(var(--clr-orange-500) / 1) var(--tw-gradient-to-position);
}
.to-orange-500\/80{
  --tw-gradient-to: hsl(var(--clr-orange-500) / 0.8) var(--tw-gradient-to-position);
}
.to-primary{
  --tw-gradient-to: hsl(var(--clr-primary-base) / 1) var(--tw-gradient-to-position);
}
.to-primary\/90{
  --tw-gradient-to: hsl(var(--clr-primary-base) / 0.9) var(--tw-gradient-to-position);
}
.to-tertiary\/90{
  --tw-gradient-to: hsl(var(--clr-tertiary-base) / 0.9) var(--tw-gradient-to-position);
}
.to-transparent{
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-white{
  --tw-gradient-to: rgba(var(--clr-white) / 1) var(--tw-gradient-to-position);
}
.to-80\%{
  --tw-gradient-to-position: 80%;
}
.bg-cover{
  background-size: cover;
}
.bg-fixed{
  background-attachment: fixed;
}
.bg-center{
  background-position: center;
}
.bg-top{
  background-position: top;
}
.fill-current{
  fill: currentColor;
}
.fill-white{
  fill: rgba(var(--clr-white) / 1);
}
.stroke-current{
  stroke: currentColor;
}
.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}
.object-center{
  -o-object-position: center;
     object-position: center;
}
.object-top{
  -o-object-position: top;
     object-position: top;
}
.p-0{
  padding: 0px;
}
.p-10{
  padding: 2.5rem;
}
.p-12{
  padding: 3rem;
}
.p-2{
  padding: 0.5rem;
}
.p-3{
  padding: 0.75rem;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.p-58px{
  padding: 58px;
}
.p-6{
  padding: 1.5rem;
}
.p-7{
  padding: 1.75rem;
}
.p-8{
  padding: 2rem;
}
.p-9{
  padding: 2.25rem;
}
.px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.px-10{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-11{
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}
.px-12{
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-16{
  padding-left: 4rem;
  padding-right: 4rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-9{
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
.py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3rem{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-9{
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.py-\[100px\]{
  padding-top: 100px;
  padding-bottom: 100px;
}
.py-\[18px\]{
  padding-top: 18px;
  padding-bottom: 18px;
}
.py-\[52px\]{
  padding-top: 52px;
  padding-bottom: 52px;
}
.py-\[5rem\]{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-\[76px\]{
  padding-top: 76px;
  padding-bottom: 76px;
}
.pb-12{
  padding-bottom: 3rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-20{
  padding-bottom: 5rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pb-6{
  padding-bottom: 1.5rem;
}
.pb-9{
  padding-bottom: 2.25rem;
}
.pl-0{
  padding-left: 0px;
}
.pl-11{
  padding-left: 2.75rem;
}
.pl-6{
  padding-left: 1.5rem;
}
.pr-11{
  padding-right: 2.75rem;
}
.pr-4{
  padding-right: 1rem;
}
.pr-9{
  padding-right: 2.25rem;
}
.pt-0{
  padding-top: 0px;
}
.pt-1{
  padding-top: 0.25rem;
}
.pt-1\.5{
  padding-top: 0.375rem;
}
.pt-12{
  padding-top: 3rem;
}
.pt-16{
  padding-top: 4rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-3{
  padding-top: 0.75rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-5{
  padding-top: 1.25rem;
}
.pt-6{
  padding-top: 1.5rem;
}
.pt-7{
  padding-top: 1.75rem;
}
.pt-9{
  padding-top: 2.25rem;
}
.\!text-left{
  text-align: left !important;
}
.text-left{
  text-align: left;
}
.\!text-center{
  text-align: center !important;
}
.text-center{
  text-align: center;
}
.\!text-right{
  text-align: right !important;
}
.text-right{
  text-align: right;
}
.font-sans{
  font-family: var(--font-sans);
}
.font-serif{
  font-family: var(--font-serif);
}
.text-13px{
  font-size: var(--font-size-13px);
}
.text-2\.5xl{
  font-size: var(--font-size-2_5xl);
}
.text-2xl{
  font-size: var(--font-size-2xl);
}
.text-2xs{
  font-size: var(--font-size-2xs);
}
.text-3xl{
  font-size: var(--font-size-3xl);
}
.text-4xl{
  font-size: var(--font-size-4xl);
}
.text-5xl{
  font-size: var(--font-size-5xl);
}
.text-6xl{
  font-size: var(--font-size-6xl);
}
.text-8xl{
  font-size: var(--font-size-8xl);
}
.text-9xl{
  font-size: var(--font-size-9xl);
}
.text-\[\.8203125rem\]{
  font-size: .8203125rem;
}
.text-\[1\.1875rem\]{
  font-size: 1.1875rem;
}
.text-\[11px\]{
  font-size: 11px;
}
.text-\[13px\]{
  font-size: 13px;
}
.text-\[18\.75px\]{
  font-size: 18.75px;
}
.text-\[22px\]{
  font-size: 22px;
}
.text-\[26\.5px\]{
  font-size: 26.5px;
}
.text-\[30px\]{
  font-size: 30px;
}
.text-base{
  font-size: var(--font-size-base);
}
.text-lg{
  font-size: var(--font-size-lg);
}
.text-sm{
  font-size: var(--font-size-sm);
}
.text-tiny{
  font-size: var(--font-size-tiny);
}
.text-xl{
  font-size: var(--font-size-xl);
}
.text-xs{
  font-size: var(--font-size-xs);
}
.\!font-\[900\]{
  font-weight: 900 !important;
}
.\!font-bold{
  font-weight: 700 !important;
}
.font-bold{
  font-weight: 700;
}
.font-light{
  font-weight: 300;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.font-thin{
  font-weight: 100;
}
.uppercase{
  text-transform: uppercase;
}
.lowercase{
  text-transform: lowercase;
}
.capitalize{
  text-transform: capitalize;
}
.normal-case{
  text-transform: none;
}
.italic{
  font-style: italic;
}
.not-italic{
  font-style: normal;
}
.\!leading-none{
  line-height: 1 !important;
}
.leading-20px{
  line-height: 1.25rem;
}
.leading-22px{
  line-height: 1.375rem;
}
.leading-36px{
  line-height: 2.25rem;
}
.leading-6{
  line-height: 1.5rem;
}
.leading-7{
  line-height: 1.75rem;
}
.leading-\[1\.1\]{
  line-height: 1.1;
}
.leading-loose{
  line-height: 2;
}
.leading-none{
  line-height: 1;
}
.leading-normal{
  line-height: 1.5;
}
.leading-relaxed{
  line-height: 1.625;
}
.leading-snug{
  line-height: 1.375;
}
.leading-tight{
  line-height: 1.25;
}
.tracking-tighter{
  letter-spacing: -0.05em;
}
.tracking-wide{
  letter-spacing: 0.025em;
}
.tracking-wider{
  letter-spacing: 0.05em;
}
.text-black{
  --tw-text-opacity: 1;
  color: rgba(var(--clr-black) / var(--tw-text-opacity, 1));
}
.text-blue{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}
.text-blue-100{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue-100) / var(--tw-text-opacity, 1));
}
.text-blue-200{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue-200) / var(--tw-text-opacity, 1));
}
.text-blue-300{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue-300) / var(--tw-text-opacity, 1));
}
.text-blue-700{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue-700) / var(--tw-text-opacity, 1));
}
.text-cadmium{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-cadmium-h) var(--clr-cadmium-s) var(--clr-cadmium-l) / var(--tw-text-opacity, 1));
}
.text-carbon{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-carbon-h) var(--clr-carbon-s) var(--clr-carbon-l) / var(--tw-text-opacity, 1));
}
.text-cobalt{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-cobalt-h) var(--clr-cobalt-s) var(--clr-cobalt-l) / var(--tw-text-opacity, 1));
}
.text-current{
  color: currentColor;
}
.text-danger{
  color: var(--clr-danger);
}
.text-gothic{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-gothic) / var(--tw-text-opacity, 1));
}
.text-neutral-100{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-neutral-100) / var(--tw-text-opacity, 1));
}
.text-neutral-500{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-neutral-500) / var(--tw-text-opacity, 1));
}
.text-neutral-600{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-neutral-600) / var(--tw-text-opacity, 1));
}
.text-neutral-700{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-neutral-700) / var(--tw-text-opacity, 1));
}
.text-orange{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-orange) / var(--tw-text-opacity, 1));
}
.text-orange-500{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-orange-500) / var(--tw-text-opacity, 1));
}
.text-primary{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-primary-base) / var(--tw-text-opacity, 1));
}
.text-secondary{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-secondary) / var(--tw-text-opacity, 1));
}
.text-tertiary{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-tertiary-base) / var(--tw-text-opacity, 1));
}
.text-theme{
  --tw-text-opacity: 1;
  color: hsl( var(--clr-theme) / var(--tw-text-opacity, 1) );
}
.text-white{
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}
.text-white\/70{
  color: rgba(var(--clr-white) / 0.7);
}
.text-white\/80{
  color: rgba(var(--clr-white) / 0.8);
}
.underline{
  text-decoration-line: underline;
}
.overline{
  text-decoration-line: overline;
}
.opacity-0{
  opacity: 0;
}
.opacity-100{
  opacity: 1;
}
.opacity-25{
  opacity: 0.25;
}
.opacity-50{
  opacity: 0.5;
}
.opacity-60{
  opacity: 0.6;
}
.opacity-70{
  opacity: 0.7;
}
.opacity-75{
  opacity: 0.75;
}
.opacity-80{
  opacity: 0.8;
}
.opacity-85{
  opacity: 0.85;
}
.opacity-90{
  opacity: 0.9;
}
.mix-blend-multiply{
  mix-blend-mode: multiply;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline{
  outline-style: solid;
}
.ring{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.blur{
  --tw-blur: blur(8px);
  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);
}
.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);
}
.backdrop-blur-sm{
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter{
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-150{
  transition-duration: 150ms;
}
.duration-200{
  transition-duration: 200ms;
}
.duration-300{
  transition-duration: 300ms;
}
.duration-500{
  transition-duration: 500ms;
}
.duration-700{
  transition-duration: 700ms;
}
.ease-in{
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.font-serif{}
.layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
.bg-gradient_tb_100 {
    background: linear-gradient(180deg, rgb(13, 120, 135), rgb(0, 59, 92));
  }
.bg-gradient-radial-upper-left {
    background: radial-gradient(closest-side at 33% 28%, hsl(var(--clr-primary-base)) 0%, hsl(var(--clr-primary-dark)) 100%);
  }
/**
* Typography
**/
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

html {
  background-color: white;
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

code,
pre {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  font-family: monospace;
}

body {
  font-size: var(--font-size-base);
  line-height: var(--line-height-5xl);
  font-weight: normal;
}

.h1_alt{
  font-family: var(--font-sans);
  font-size: var(--font-size-8xl);
  font-weight: 500;
  line-height: 2.75rem;
  letter-spacing: 0em;
}
@media (min-width: 768px) {
  .h1_alt{
    font-size: var(--font-size-10xl);
    line-height: 3.75rem;
    letter-spacing: -0.01em;
  }
}

.h1,
.rich-text h1{
  font-family: var(--font-sans);
  font-size: var(--font-size-7xl);
  font-weight: 500;
  line-height: 2.5625rem;
  letter-spacing: 0em;
}
@media (min-width: 768px) {
  .h1,
  .rich-text h1{
    font-size: var(--font-size-8xl);
    line-height: 2.875rem;
    letter-spacing: -0.01em;
  }
}

.h1_serif {
  font-size: 2.25rem;
  line-height: 2.625rem;
  font-weight: 500;
  font-family: var(--font-serif);
}
@media (min-width: 768px) {
  .h1_serif {
    font-size: var(--font-size-46px);
    line-height: 3.125rem;
    font-weight: 500;
  }
}

.h2,
.rich-text h2{
  font-family: var(--font-sans);
  font-size: var(--font-size-2xl);
  font-weight: 500;
  line-height: 1.625rem;
  letter-spacing: 0em;
}
@media (min-width: 768px) {
  .h2,
  .rich-text h2{
    font-size: var(--font-size-6_2xl);
    line-height: 2.25rem;
    letter-spacing: -0.015em;
  }
}

.h2_serif {
  font-size: 1.25rem;
  line-height: 1.1635rem;
  font-weight: 500;
  font-family: var(--font-serif);
}
@media (min-width: 768px) {
  .h2_serif {
    font-size: var(--font-size-3xl);
    line-height: 2.625rem;
    font-weight: 500;
  }
}

.h3,
.rich-text h3{
  font-family: var(--font-sans);
  font-size: var(--font-size-lg);
  font-weight: 500;
  line-height: 1.375rem;
}
@media (min-width: 768px) {
  .h3,
  .rich-text h3{
    font-size: var(--font-size-3xl);
    line-height: 1.875rem;
  }
}

.h3_serif {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 500;
  font-family: var(--font-serif);
}
@media (min-width: 768px) {
  .h3_serif {
    font-size: 1.1875rem;
    line-height: 1.5rem;
    font-weight: 500;
  }
}

.h-alt,
.rich-text .h-alt{
  font-family: var(--font-sans);
  font-size: var(--font-size-6xl);
  font-weight: 500;
  line-height: 2.5rem;
}
@media (min-width: 768px) {
  .h-alt,
  .rich-text .h-alt{
    font-size: var(--font-size-7xl);
    line-height: 3.25rem;
  }
}

.h4,
.rich-text h4{
  text-wrap: balance;
  font-family: var(--font-sans);
  font-size: var(--font-size-4xl);
  font-weight: 500;
  text-transform: uppercase;
}

@media (min-width: 768px){
  .h4,
.rich-text h4{
    font-size: var(--font-size-6xl);
  }
}

.h4_alt{
  text-wrap: balance;
  font-family: var(--font-sans);
  font-size: var(--font-size-4xl);
  font-weight: 500;
}

@media (min-width: 768px){
  .h4_alt{
    font-size: var(--font-size-6xl);
  }
}

.h5,
.rich-text h5,
.overline{
  font-family: var(--font-sans);
  font-size: var(--font-size-2xl);
  font-weight: 500;
  line-height: 1.625rem;
}
@media (min-width: 768px) {
  .h5,
  .rich-text h5,
  .overline{
    font-size: var(--font-size-4xl);
    line-height: 2.0rem;
  }
}

.h6,
.rich-text h6{
  font-family: var(--font-sans);
  font-size: var(--font-size-sm);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.5rem;
}
@media (min-width: 768px) {
  .h6,
  .rich-text h6{
    font-size: var(--font-size-base);
    line-height: 1.5rem;
  }
}

p{
  font-family: var(--font-sans);
  font-size: var(--font-size-base);
  font-weight: 400;
  line-height: 1.5rem;
}
@media (min-width: 768px) {
  p{
    font-size: var(--font-size-base);
    line-height: 1.75rem;
  }
}
p.sm{
  font-size: var(--font-size-sm);
  line-height: 1.75rem;
}
@media (min-width: 768px) {
  p.sm{
    font-size: var(--font-size-sm);
    line-height: 1.75rem;
  }
}
p.lg{
  font-size: var(--font-size-lg);
  line-height: 1.625rem;
}
@media (min-width: 768px) {
  p.lg{
    font-size: var(--font-size-xl);
    line-height: 2.0rem;
  }
}

blockquote,
.bq{
  font-size: var(--font-size-lg);
  line-height: 1.5;
}
@media (min-width: 768px) {
  blockquote,
  .bq{
    font-size: var(--font-size-xl);
    line-height: 1.5;
  }
}

a{
  line-height: 1.5;
  color: currentColor;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@media (min-width: 768px) {
  a{
    line-height: 1.25;
    color: currentColor;
  }
}
a.small{
  font-size: var(--font-size-tiny);
  line-height: 1.5;
}
@media (min-width: 768px) {
  a.small{
    font-size: var(--font-size-lg);
    line-height: 1.5;
  }
}

p > a{
  text-decoration-line: underline;
  text-underline-offset: 2px;
}

strong{
  font-weight: 700;
}

.rich-text {
  --heading-color: fill-current;
  --tw-text-opacity: 1;
  color: hsl(var(--clr-neutral)	/ var(--tw-text-opacity, 1));
}
.rich-text h1,
.rich-text h2,
.rich-text h3,
.rich-text h4,
.rich-text h5,
.rich-text h6{
  text-wrap: pretty;
  color: var(--heading-color, hsl(var(--clr-blue)));
}
.rich-text.heading-color-blue {
  --heading-color: hsl(var(--clr-blue));
}
.rich-text a:not(.btn){
  cursor: pointer;
  --tw-text-opacity: 1;
  color: hsl(var(--clr-orange) / var(--tw-text-opacity, 1));
  font-size: inherit;
  text-decoration: none;
}
.rich-text a:not(.btn):hover{
  text-decoration-line: underline;
  text-underline-offset: 2px;
}
.rich-text a.inline-btn:not(.btn){
  font-size: var(--font-size-sm);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}
.rich-text a.inline-btn:not(.btn):hover{
  text-decoration-line: underline;
  text-underline-offset: 2px;
}
.rich-text a.inline-btn:not(.btn):hover:after {
  right: -3px;
  transition: right 0.2s ease-out;
}
.rich-text a.inline-btn:not(.btn):after {
  content: "";
  position: relative;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBmaWxsPSIjMDAzQjVDIj48cGF0aCBkPSJNMjQgMjRIMFYwaDI0djI0eiIgZmlsbD0ibm9uZSIgb3BhY2l0eT0iLjg3Ii8+PHBhdGggZD0iTTYuNDkgMjAuMTNsMS43NyAxLjc3IDkuOS05LjktOS45LTkuOS0xLjc3IDEuNzdMMTQuNjIgMTJsLTguMTMgOC4xM3oiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  padding: 1px 10px;
  background-size: 75%;
  background-position: center center;
  right: 0px;
  top: 0px;
  transition: right 0.2s ease-out;
}
.rich-text figure > a{
  border-style: none;
}
.rich-text figure > a:after {
  display: none;
}
.rich-text p{
  font-family: var(--font-sans);
  font-size: var(--font-size-base);
  font-weight: 400;
  line-height: 1.625rem;
}
@media (min-width: 768px) {
  .rich-text p{
    font-size: var(--font-size-base);
    line-height: 1.625rem;
  }
}
.rich-text ul, .rich-text ol {
  margin-left: 0px;
}
@media (min-width: 768px) {
  .rich-text ul, .rich-text ol {
    margin-left: 0px;
  }
}
.rich-text.small p,
.rich-text.small li{
  font-size: var(--font-size-base);
  line-height: 1.25;
}

.rich-text--dark{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-blue) / var(--tw-bg-opacity, 1));
}
.rich-text--dark .rich-text{
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}
.rich-text--dark .rich-text pre{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-orange) / var(--tw-text-opacity, 1));
}
.rich-text--dark .rich-text h1, .rich-text--dark .rich-text h2, .rich-text--dark .rich-text h3, .rich-text--dark .rich-text h4, .rich-text--dark .rich-text h5, .rich-text--dark .rich-text h6,
.rich-text--dark .rich-text .h1, .rich-text--dark .rich-text .h2, .rich-text--dark .rich-text .h3, .rich-text--dark .rich-text .h4, .rich-text--dark .rich-text .h5, .rich-text--dark .rich-text .h6, .rich-text--dark .rich-text p{
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}

.rich-text--light{
  background-color: var(--clr-blue-175);
}
.rich-text--light .rich-text{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}
.rich-text--light .rich-text h1, .rich-text--light .rich-text h2, .rich-text--light .rich-text h3, .rich-text--light .rich-text h4, .rich-text--light .rich-text h5, .rich-text--light .rich-text h6,
.rich-text--light .rich-text .h1, .rich-text--light .rich-text .h2, .rich-text--light .rich-text .h3, .rich-text--light .rich-text .h4, .rich-text--light .rich-text .h5, .rich-text--light .rich-text .h6{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}

.rich-text.ul-alt ul {
  list-style-type: "";
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}

@media (min-width: 768px){
  .rich-text.ul-alt ul{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.rich-text.ul-alt ul li{
  font-family: var(--font-sans);
  font-size: var(--font-size-base);
  position: relative;
  list-style-type: "";
  padding-left: 32px;
}
.rich-text.ul-alt ul li::marker {
  font-size: 0;
}
.rich-text.ul-alt ul li::before{
  font-family: var(--font-sans);
  content: "";
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTdweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTcgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUzLjIgKDcyNjQzKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5jaGVja19tYXJrX2J1bGxldDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJjaGVja19tYXJrX2J1bGxldCIgZmlsbD0iI0UxNzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9ImNoZWNrX21hcmsiIHBvaW50cz0iMC4xNzM4NDgzNTIgNS4xMzU2ODQ4NCA2LjE5NjA2NjgxIDkuNDI4NzE2NDggMTYuODgwNTgyIDEuNDIxMDg1NDdlLTE0IDYuMTk2MDY2ODEgMTMuNDUyODg3NSI+PC9wb2x5Z29uPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 22px 26px;
  display: inline-block;
  position: absolute;
  font-weight: normal;
  color: var(--clr-theme, var(--clr-neutral));
  left: 0;
  top: -4px;
  padding: 12px;
}

.rich-text.ul-alt-light ul{
  gap: 0.5rem;
}
.rich-text.ul-alt-light ul li{
  font-weight: 400;
}

.rich-text.ul-plus ul{
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.rich-text.ul-plus ul ul{
  margin-left: 2.25rem;
}
.rich-text.ul-plus ul li {
  position: relative;
  padding-left: 10px;
}

.rich-text-col ul {
  margin-left: 0px;
}
.rich-text-col h4,
.rich-text-col .h4 + p {
  margin-top: 0.4rem;
}

.rich-text > *{
  margin-top: 1.5rem;
}
.rich-text > *:first-child{
  margin-top: 0px;
}
.rich-text > *:last-child{
  margin-bottom: 0px;
}
.rich-text img{
  border-radius: 0.5rem;
}
.rich-text ul,
.rich-text ol{
  -moz-columns: 1;
       columns: 1;
  gap: 1.5rem;
  padding-left: 0px;
}
@media (min-width: 768px){
  .rich-text ul,
.rich-text ol{
    -moz-columns: 2;
         columns: 2;
  }
}
.rich-text ul li,
.rich-text ol li{
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
  font-size: var(--font-size-base);
  line-height: 1.5;
}
.rich-text ul {
  padding-left: 20px;
}
.rich-text ul li{
  font-size: var(--font-size-base);
  position: relative;
  list-style-type: "+ ";
}
.rich-text ul li::marker{
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 1.3rem;
  color: hsl(var(--clr-orange-500));
}
.rich-text ul ul li {
  list-style-type: "– ";
}
.rich-text ul ul li::marker {
  content: "– ";
  color: #000;
}
.rich-text ol {
  padding-left: 20px;
  display: flex;
  list-style-type: decimal;
  flex-direction: column;
  gap: 1rem;
}
.rich-text ol li {
  padding-left: 10px;
}
.rich-text ol ol{
  margin-left: 2.25rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-top: 1rem;
}
.rich-text ol ol li {
  position: relative;
  list-style-type: "+ ";
}
.rich-text ol ol li::marker{
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 1.3rem;
  color: hsl(var(--clr-orange-500));
}
@media (min-width: 768px) {
  .rich-text > *{
    margin-top: 1.5rem;
  }
  .rich-text > *:first-child{
    margin-top: 0px;
  }
  .rich-text > *:last-child{
    margin-bottom: 0px;
  }
  .rich-text p + h1,
  .rich-text p + h2,
  .rich-text p + h3,
  .rich-text p + h4,
  .rich-text p + h5,
  .rich-text p + h6,
  .rich-text ul + h1,
  .rich-text ul + h2,
  .rich-text ul + h3,
  .rich-text ul + h4,
  .rich-text ul + h5,
  .rich-text ul + h6,
  .rich-text ul + p,
  .rich-text ol + h1,
  .rich-text ol + h2,
  .rich-text ol + h3,
  .rich-text ol + h4,
  .rich-text ol + h5,
  .rich-text ol + h6,
  .rich-text ol + p{
    margin-top: 2.25rem;
  }
  .rich-text h6 + h1,
  .rich-text h6 + h2,
  .rich-text h6 + h3,
  .rich-text h6 + h4,
  .rich-text h5 + h1,
  .rich-text h5 + h2,
  .rich-text h5 + h3,
  .rich-text h5 + h4,
  .rich-text h5 + p{
    margin-top: 0.75rem;
  }
}
@media (min-width: 1280px) {}

.rich-text.ul-nocol ul,
.rich-text.ul-nocol ol{
  -moz-columns: 1;
       columns: 1;
  gap: 0.5rem;
}

.simple-rich-text > *{
  margin-top: 0.75rem;
}
.simple-rich-text > *:first-child{
  margin-top: 0px;
}
.simple-rich-text > *:last-child{
  margin-bottom: 0px;
}
.simple-rich-text ul {
  padding-left: 20px;
}
.simple-rich-text ul li{
  font-size: var(--font-size-base);
  position: relative;
  list-style-type: "+ ";
}
.simple-rich-text ul li::marker{
  font-family: var(--font-sans);
  content: "+ ";
  padding-right: 10px;
  font-weight: 600;
  font-size: 1.3rem;
  color: hsl(var(--clr-orange-500));
}
.simple-rich-text ul ul li {
  list-style-type: "– ";
}
.simple-rich-text ul ul li::marker {
  content: "– ";
  color: #000;
}
.simple-rich-text ol {
  padding-left: 20px;
  list-style-type: decimal;
}
.simple-rich-text ol li {
  padding-left: 10px;
  font-size: var(--font-size-base);
}
.simple-rich-text a:not(.btn){
  border-bottom-width: 2px;
  border-color: transparent;
  font-size: var(--font-size-sm);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}
.simple-rich-text a:not(.btn):hover{
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-blue-200) / var(--tw-border-opacity, 1));
}
.simple-rich-text a:not(.btn):hover:after {
  right: -3px;
  transition: right 0.2s ease-out;
}
.simple-rich-text a:not(.btn):after {
  content: "";
  position: relative;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBmaWxsPSIjMDAzQjVDIj48cGF0aCBkPSJNMjQgMjRIMFYwaDI0djI0eiIgZmlsbD0ibm9uZSIgb3BhY2l0eT0iLjg3Ii8+PHBhdGggZD0iTTYuNDkgMjAuMTNsMS43NyAxLjc3IDkuOS05LjktOS45LTkuOS0xLjc3IDEuNzdMMTQuNjIgMTJsLTguMTMgOC4xM3oiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  padding: 1px 10px;
  background-size: 75%;
  background-position: center center;
  right: 0px;
  top: -1px;
  transition: right 0.2s ease-out;
}

.desc-rich-text {
  /*a:not(.btn) {
  	@apply text-blue text-base border-b-2 border-blue-200;

  	&:hover {
  		@apply border-blue-100;
  	}
  }*/
}
.desc-rich-text > *{
  margin-top: 0.75rem;
}
.desc-rich-text > *:first-child{
  margin-top: 0px;
}
.desc-rich-text > *:last-child{
  margin-bottom: 0px;
}
.desc-rich-text ul {
  padding-left: 20px;
}
.desc-rich-text ul li{
  font-size: var(--font-size-base);
  position: relative;
  list-style-type: "+ ";
}
.desc-rich-text ul li::marker{
  font-family: var(--font-sans);
  content: "+ ";
  padding-right: 10px;
  font-weight: 600;
  font-size: 1.3rem;
  color: hsl(var(--clr-orange-500));
}
.desc-rich-text ul ul li {
  list-style-type: "– ";
}
.desc-rich-text ul ul li::marker {
  content: "– ";
  color: #000;
}
.desc-rich-text ol {
  padding-left: 20px;
  list-style-type: decimal;
}
.desc-rich-text ol li {
  padding-left: 10px;
  font-size: var(--font-size-base);
}
.desc-rich-text a:not(.btn){
  font-family: var(--font-sans);
  font-size: var(--font-size-base);
  font-weight: 500;
  --tw-text-opacity: 1;
  color: hsl(var(--clr-orange) / var(--tw-text-opacity, 1));
}
.desc-rich-text a:not(.btn):hover{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-orange-700) / var(--tw-text-opacity, 1));
}

.event-text a:not(.btn) {
  text-decoration: none;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-blue-200) / var(--tw-border-opacity, 1));
  font-size: var(--font-size-sm);
  font-weight: 400;
  text-transform: none;
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}
.event-text a:not(.btn):hover{
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-blue-300) / var(--tw-border-opacity, 1));
}
.event-text a:not(.btn):after {
  display: none;
}
.event-text ul {
  padding-left: 3rem;
}
.event-text ul, .event-text li {
  font-size: 0.875rem !important;
}

.base-rich-text > *{
  margin-top: 0.375rem;
  font-size: 15px;
  line-height: 1.25;
}
.base-rich-text > *:first-child{
  margin-top: 0px;
}
.base-rich-text > *:last-child{
  margin-bottom: 0px;
}
.base-rich-text ul,
.base-rich-text ol {
  margin-left: 1.2rem;
}
.base-rich-text ul li,
.base-rich-text ol li{
  font-size: 15px;
  position: relative;
  list-style-type: "+ ";
}
.base-rich-text ul li::marker,
.base-rich-text ol li::marker{
  font-family: var(--font-sans);
  content: "+ ";
  padding-right: 10px;
  font-weight: 600;
  font-size: 1.3rem;
  color: hsl(var(--clr-orange-500));
}
.base-rich-text ul ul li,
.base-rich-text ol ul li {
  list-style-type: "– ";
}
.base-rich-text ul ul li::marker,
.base-rich-text ol ul li::marker {
  content: "– ";
  color: #000;
}
.base-rich-text a:not(.btn){
  font-size: 15px;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: hsl(var(--clr-orange) / var(--tw-text-opacity, 1));
}
.base-rich-text a:not(.btn):hover{
  text-decoration-line: underline;
  text-underline-offset: 2px;
}

pre{
  margin-bottom: 1.25rem;
  overflow-x: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-weight: 200;
  font-family: monospace;
  font-size: 14px;
  white-space: pre;
  word-wrap: normal;
}

.cite {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 10px;
  right: 16px;
  font-weight: bold;
  color: hsl(var(--clr-blue-100));
  text-align: right;
  z-index: 10;
  font-size: 10px;
}

.cite.cite-below {
  bottom: 0px;
  right: 5px;
  line-height: 2;
  text-align: right;
}

.cite.cite-sub {
  --cite-color: hsl(var(--clr-blue-100));
  color: var(--cite-color);
  bottom: -25px;
  right: 0px;
}

a.cite {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-wrap: balance;
}

.cite.cite-inline {
  position: relative;
  bottom: unset;
  right: unset;
  justify-content: flex-end;
  padding-top: 0.5rem;
  line-height: 1;
  color: hsl(var(--clr-blue-300));
}

[data-tc] li {
  position: relative;
  list-style: none;
  padding-left: 17px;
  line-height: 1;
}
[data-tc] li:before {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSIjRTU3MjAwIiBkPSJNNDM4LjYgMjc4LjZjMTIuNS0xMi41IDEyLjUtMzIuOCAwLTQ1LjNsLTE2MC0xNjBjLTEyLjUtMTIuNS0zMi44LTEyLjUtNDUuMyAwcy0xMi41IDMyLjggMCA0NS4zTDMzOC44IDIyNCAzMiAyMjRjLTE3LjcgMC0zMiAxNC4zLTMyIDMyczE0LjMgMzIgMzIgMzJsMzA2LjcgMEwyMzMuNCAzOTMuNGMtMTIuNSAxMi41LTEyLjUgMzIuOCAwIDQ1LjNzMzIuOCAxMi41IDQ1LjMgMGwxNjAtMTYweiIvPjwvc3ZnPg==");
  display: inline-block;
  position: absolute;
  font-weight: normal;
  color: hsl(var(--clr-orange));
  filter: brightness(100) grayscale(100%);
  left: 0;
  top: 4px;
  height: 13px;
  width: 10px;
  background-repeat: no-repeat;
  background-position: center left;
}
[data-tc] li:hover:before {
  filter: brightness(1);
}

/* 
	Makes strong tags orange 
	Usage:
	<div class="strong:text-orange">
		<strong>Orange text</strong>	
*/
.strong\:text-orange strong{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-orange) / var(--tw-text-opacity, 1));
}

/* 
	Makes list items have a plus sign instead of a bullet	
*/
ul.ul-style-plus,
.rich-text.ul-style-plus ul {
  list-style: none;
  padding-left: 20px; /* Adjust padding as needed */
}

ul.ul-style-plus li,
.rich-text.ul-style-plus li {
  position: relative;
  font-size: 1rem;
  font-family: var(--font-sans);
  list-style-type: "+ ";
}

ul.ul-style-plus li::marker,
.rich-text.ul-style-plus li::marker {
  content: "+ ";
  padding-right: 10px;
  font-weight: 600;
  font-size: 1.3rem;
  color: hsl(var(--clr-orange-500));
}

ul.ul-style-plus ul li,
.rich-text.ul-style-plus ul li {
  list-style-type: "– ";
}

ul.ul-style-plus ul li::marker,
.rich-text.ul-style-plus ul li::marker {
  content: "– ";
  color: #000;
}

.rich-text.ul-style-plus li::before {
  display: none;
}

/* Rich Text Tables */
figure.table {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* optional for smooth iOS scrolling */
}

table.table-primary,
table.table-secondary {
  border-collapse: collapse;
  min-width: 100%;
  width: -moz-max-content;
  width: max-content; /* ensures table can grow beyond container */
  font-size: 1rem;
}

table.table-primary th,
table.table-secondary th {
  font-weight: 800;
  padding: 12px 15px;
  text-align: left;
}

table.table-primary th,
table.table-secondary tbody th {
  color: hsl(var(--clr-blue));
  text-wrap: nowrap;
}

table.table-secondary thead th {
  color: #ffffff;
  background-color: hsl(var(--clr-blue));
}

table.table-primary thead th,
table.table-secondary thead th {
  border-bottom: 5px solid var(--clr-blue-175);
  border-right: 1px solid var(--clr-blue-175);
}

table.table-secondary thead th:empty,
table.table-secondary thead th:first-child {
  background: none;
}

table.table-primary thead th:last-child,
table.table-secondary thead th:last-child {
  border-right: none;
}

table.table-primary td,
table.table-secondary td,
table.table-primary tbody th,
table.table-secondary tbody th {
  border: 1px solid var(--clr-blue-175);
  padding: 12px 15px;
}

table.table-primary td:last-child,
table.table-secondary td:last-child {
  border-right: none;
}

table.table-primary tbody tr:last-child td,
table.table-secondary tbody tr:last-child td,
table.table-primary tbody tr:last-child th,
table.table-secondary tbody tr:last-child th {
  border-bottom: none;
}

table.table-primary td:first-child,
table.table-secondary td:first-child,
table.table-primary tbody th:first-child,
table.table-secondary tbody th:first-child {
  border-left: none;
}

table.table-secondary tbody tr:nth-child(even) td,
table.table-secondary tbody tr:nth-child(even) th {
  background-color: var(--clr-blue-175);
}

span.highlighted {
  color: hsl(var(--clr-orange));
  font-weight: 600;
}

/**
* Buttons
**/
button{
  color: inherit;
}
button:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.btn {
  --btn-color: hsl(var(--clr-theme));
  --btn-highlight-color: hsl(var(--clr-theme-900));
  --btn-shadow-highlight-color: hsl(var(--clr-theme-100));
  display: inline-flex;
  height: 2rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  text-align: center;
  font-size: var(--font-size-xs);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.025em;
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@media (min-width: 768px) {
  .btn{
    height: 2.25rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    font-size: var(--font-size-xs);
  }
}
.btn:active {
  transition-duration: 0s;
}
.btn:hover .icn-right {
  transition: transform 0.15s ease-out;
  transform: translateX(5px);
}
.btn:hover .icn-left {
  transition: transform 0.15s ease-out;
  transform: translateX(-5px);
}
.btn .icn-right{
  margin-left: 0.75rem;
  transform: translateX(0px);
  transition: transform 0.15s ease-out;
}
.btn .icn-left{
  margin-right: 0.75rem;
  transform: translateX(0px);
  transition: transform 0.15s ease-out;
}

.btn-wrap{
  height: auto;
  white-space: initial !important;
}
.btn-wrap > span{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.btn-square{
  height: auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.btn-sm{
  height: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: var(--font-size-xs);
}
@media (min-width: 1280px) {
  .btn-sm{
    height: 2rem;
    padding-left: 3rem;
    padding-right: 3rem;
    font-size: var(--font-size-xs);
  }
}

.btn-md{
  height: 42px;
  font-size: var(--font-size-base);
}

.button{
  display: inline-flex;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 0.125rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  text-align: center;
  font-family: var(--font-sans);
  font-size: var(--font-size-sm);
  line-height: 1;
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@media (min-width: 768px) {
  .button{
    height: 2.75rem;
    font-size: var(--font-size-lg);
    letter-spacing: 0em;
  }
}
@media (min-width: 1024px) {
  .button{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    letter-spacing: 0.05em;
  }
}

.btn-nav{
  border-top-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-orange) / var(--tw-border-opacity, 1));
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}
.btn-nav:hover{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-orange) / var(--tw-bg-opacity, 1));
}

.btn-plus {
  --btn-plus-primary: hsl(var(--clr-orange));
  --btn-plus-primary-hover: hsl(var(--clr-orange));
  --btn-plus-text: hsl(var(--clr-blue));
  --btn-plus-text-hover: rgb(var(--clr-white));
  position: relative;
  padding-left: 3rem;
  padding-right: 3rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  color: var(--btn-plus-text);
  /*- Must have a span tag to see text on hover -*/
}
.btn-plus:hover {
  color: var(--btn-plus-text-hover);
}
.btn-plus:hover:after {
  background-color: var(--btn-plus-primary-hover);
}
.btn-plus:hover:before{
  --tw-rotate: 90deg;
  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));
}
.btn-plus span{
  font-size: var(--font-size-xs);
  position: relative;
  z-index: 2;
}
.btn-plus:after {
  --g: #0000 98%, #000;
  --r: 14px;
  border-top-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-width: 2px;
  background-color: transparent;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  -webkit-mask: radial-gradient(var(--r) at 0 0, var(--g)) 0 0;
          mask: radial-gradient(var(--r) at 0 0, var(--g)) 0 0;
  border-color: var(--btn-plus-primary);
}
.btn-plus:before {
  content: "+";
  display: flex;
  --tw-rotate: 0deg;
  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));
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: var(--font-size-sm);
  font-weight: 700;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  position: absolute;
  top: -6px;
  left: -5px;
  width: 14px;
  height: 14px;
  z-index: 1;
  border-radius: 9999999px;
  color: var(--btn-plus-primary);
}

.plus-white {
  --btn-plus-primary: rgb(var(--clr-white));
  --btn-plus-primary-hover: rgb(var(--clr-white));
  --btn-plus-text: rgb(var(--clr-white));
  --btn-plus-text-hover: hsl(var(--clr-blue)) !important;
}

.plus-orange {
  --btn-plus-primary: hsl(var(--clr-orange));
  --btn-plus-primary-hover: hsl(var(--clr-orange));
  --btn-plus-text: hsl(var(--clr-orange));
  --btn-plus-text-hover: rgb(var(--clr-white));
}

.btn-theme{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-theme-700) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}
.btn-theme:hover{
  --tw-bg-opacity: 1;
  background-color: hsl( var(--clr-theme) / var(--tw-bg-opacity, 1) );
}
.btn-theme:focus{
  --tw-bg-opacity: 1;
  background-color: hsl( var(--clr-theme) / var(--tw-bg-opacity, 1) );
  box-shadow: 0px 0px 0px 4px hsl(var(--clr-theme-300));
}
.btn-theme:disabled{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-neutral-300) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--clr-neutral-500) / var(--tw-text-opacity, 1));
}

.btn-theme-text{
  --tw-text-opacity: 1;
  color: hsl( var(--clr-theme) / var(--tw-text-opacity, 1) );
}
.btn-theme-text:hover{
  --tw-text-opacity: 1;
  color: hsl( var(--clr-theme) / var(--tw-text-opacity, 1) );
}
.btn-theme-text:focus{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-theme-900) / var(--tw-text-opacity, 1));
}
.btn-theme-text:disabled{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-neutral-300) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--clr-neutral-500) / var(--tw-text-opacity, 1));
}

.btn-white{
  --tw-bg-opacity: 1;
  background-color: rgba(var(--clr-white) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--clr-neutral)	/ var(--tw-text-opacity, 1));
}
.btn-white:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(var(--clr-white) / var(--tw-bg-opacity, 1));
}
.btn-white:focus{
  --tw-bg-opacity: 1;
  background-color: rgba(var(--clr-white) / var(--tw-bg-opacity, 1));
  box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.5);
}
.btn-white:disabled{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-neutral-300) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--clr-neutral-500) / var(--tw-text-opacity, 1));
}

.btn-white-base{
  --tw-bg-opacity: 1;
  background-color: rgba(var(--clr-white) / var(--tw-bg-opacity, 1));
}
.btn-white-base:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(var(--clr-white) / var(--tw-bg-opacity, 1));
}
.btn-white-base:focus{
  --tw-bg-opacity: 1;
  background-color: rgba(var(--clr-white) / var(--tw-bg-opacity, 1));
  box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.5);
}
.btn-white-base:disabled{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-neutral-300) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--clr-neutral-500) / var(--tw-text-opacity, 1));
}

.btn-blue,
.btn-primary{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-blue) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}
.btn-blue:hover,
.btn-primary:hover{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-blue) / var(--tw-bg-opacity, 1));
}
.btn-blue:focus,
.btn-primary:focus{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-blue-900) / var(--tw-bg-opacity, 1));
  box-shadow: 0px 0px 0px 4px rgba(61, 155, 229, 0.5);
}
.btn-blue:disabled,
.btn-primary:disabled{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-neutral-300) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--clr-neutral-500) / var(--tw-text-opacity, 1));
}

.btn-blue-outline{
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-blue) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgba(var(--clr-white) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--clr-neutral)	/ var(--tw-text-opacity, 1));
}
.btn-blue-outline:hover{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-blue) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}
.btn-blue-outline:focus {
  box-shadow: 0px 0px 0px 4px rgba(61, 155, 229, 0.5);
}
.btn-blue-outline:disabled{
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-neutral-500) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-neutral-300) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--clr-neutral-500) / var(--tw-text-opacity, 1));
}

.btn-orange-outline{
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-orange) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgba(var(--clr-white) / var(--tw-bg-opacity, 1));
}
.btn-orange-outline:hover{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-orange) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}
.btn-orange-outline:focus {
  box-shadow: 0px 0px 0px 4px rgba(var(--clr-neutral-900), 0.5);
}
.btn-orange-outline:disabled{
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-neutral-500) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-neutral-300) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--clr-neutral-500) / var(--tw-text-opacity, 1));
}

.btn-blue-text{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.btn-blue-text:hover{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue-700) / var(--tw-text-opacity, 1));
}
.btn-blue-text:focus{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue-700) / var(--tw-text-opacity, 1));
}
.btn-blue-text:disabled{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-neutral-300) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--clr-neutral-500) / var(--tw-text-opacity, 1));
}

.btn-orange,
.btn-secondary{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-orange) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}
.btn-orange:hover,
.btn-secondary:hover{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-orange-700) / var(--tw-bg-opacity, 1));
}
.btn-orange:focus,
.btn-secondary:focus{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-orange-700) / var(--tw-bg-opacity, 1));
  box-shadow: 0px 0px 0px 4px hsl(var(--clr-orange)/0.1);
}
.btn-orange:disabled,
.btn-secondary:disabled{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-neutral-300) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--clr-neutral-500) / var(--tw-text-opacity, 1));
}

.btn-neutral-outline{
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-neutral-500) / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--clr-neutral)	/ var(--tw-text-opacity, 1));
}
.btn-neutral-outline:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(var(--clr-white) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--clr-neutral)	/ var(--tw-text-opacity, 1));
}
.btn-neutral-outline:focus {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2e2e2e;
}
.btn-neutral-outline:disabled{
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-neutral-500) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-neutral-300) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--clr-neutral-500) / var(--tw-text-opacity, 1));
}

.btn-white-outline{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--clr-white) / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}
.btn-white-outline:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(var(--clr-white) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--clr-neutral)	/ var(--tw-text-opacity, 1));
}

.btn-secondary-outline{
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-orange) / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}
.btn-secondary-outline:hover{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-orange) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}

.btn-secondary-outline-orange-text{
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-orange) / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--clr-orange) / var(--tw-text-opacity, 1));
}
.btn-secondary-outline-orange-text:hover{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-orange) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}

/** This is needed for forms using a specific class */
.btn-cadmium{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-theme-700) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}
.btn-cadmium:hover{
  --tw-bg-opacity: 1;
  background-color: hsl( var(--clr-theme) / var(--tw-bg-opacity, 1) );
}
.btn-cadmium:focus{
  --tw-bg-opacity: 1;
  background-color: hsl( var(--clr-theme) / var(--tw-bg-opacity, 1) );
  box-shadow: 0px 0px 0px 4px hsl(var(--clr-theme-300));
}
.btn-cadmium:disabled{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-neutral-300) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--clr-neutral-500) / var(--tw-text-opacity, 1));
}
.btn-cadmium {
  background-color: var(--btn-color);
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}
.btn-cadmium:hover {
  background-color: var(--btn-highlight-color);
}
.btn-cadmium:focus {
  background-color: var(--btn-highlight-color);
  box-shadow: 0px 0px 0px 4px var(--btn-shadow-highlight-color);
}
.btn-cadmium:disabled{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-neutral-300) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--clr-neutral-500) / var(--tw-text-opacity, 1));
}
.btn-cadmium {
  --btn-color: var(--color-cadmium);
  --btn-highlight-color: var(--color-cadmium-700);
  --btn-shadow-highlight-color: var(--color-cadmium-100);
}

.btn-wire{
  border-bottom-right-radius: 0.375rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-orange) / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--clr-orange) / var(--tw-text-opacity, 1));
}
.btn-wire:hover{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-orange) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}
.btn-wire:focus {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2e2e2e;
}
.btn-wire:disabled{
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-neutral-500) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-neutral-300) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--clr-neutral-500) / var(--tw-text-opacity, 1));
}

.btn-icn-right {
  position: relative;
}
.btn-icn-right:after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjEyLjAwMSIgdmlld0JveD0iMCAwIDcgMTIuMDAxIj4KICA8cGF0aCBpZD0iUGF0aF8zODUiIGRhdGEtbmFtZT0iUGF0aCAzODUiIGQ9Ik0tMiwwYTEsMSwwLDAsMS0uNzA3LS4yOTMsMSwxLDAsMCwxLDAtMS40MTRMMS41ODgtNmwtNC4yOTQtNC4yOTRhMSwxLDAsMCwxLDAtMS40MTQsMSwxLDAsMCwxLDEuNDE0LDBsNSw1YTEsMSwwLDAsMSwwLDEuNDE0bC01LDVBLjk5MS45OTEsMCwwLDEtMiwwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMyAxMi4wMDEpIiBmaWxsPSIjZmZmIi8+Cjwvc3ZnPgo=");
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 12px;
  transform: translateX(0px);
  transition: transform 0.15s ease-out;
}

.btn-icn-right:hover:after {
  transform: translateX(4px);
  transition: transform 0.15s ease-out;
}

/**
	To Use: <a class="btn btn-theme btn-theme-cadmium">Button Text</a>
*/
.btn-theme {
  background-color: var(--btn-color);
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}
.btn-theme:hover {
  background-color: var(--btn-highlight-color);
}
.btn-theme:focus {
  background-color: var(--btn-highlight-color);
  box-shadow: 0px 0px 0px 4px var(--btn-shadow-highlight-color);
}
.btn-theme:disabled{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-neutral-300) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--clr-neutral-500) / var(--tw-text-opacity, 1));
}

.btn-icon-plus {
  --btn-plus-primary: hsl(var(--clr-orange));
  --btn-plus-primary-hover: hsl(var(--clr-orange));
  --btn-plus-text: rgb(var(--clr-white));
  --btn-plus-text-hover: rgb(var(--clr-white));
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1.5rem;
  border-radius: 1.5rem;
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
  padding-left: 3rem;
  padding-right: 3rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  color: var(--btn-plus-text);
  /*- Must have a span tag to see text on hover -*/
}
.btn-icon-plus:hover {
  color: var(--btn-plus-text-hover);
  background-color: var(--btn-plus-primary-hover);
}
.btn-icon-plus:hover:before {
  opacity: 0;
}
.btn-icon-plus span {
  position: relative;
  z-index: 2;
}
.btn-icon-plus:after {
  --g: #0000 98%, #000;
  --r: 14px;
  border-radius: 1.5rem;
  border-width: 2px;
  background-color: transparent;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0px;
  left: 0px;
  clip-path: polygon(10% 13%, 0 13%, 0 0, 100% 0, 100% 100%, 0 100%, 0 87%, 10% 87%);
  border-color: var(--btn-plus-primary);
}
.btn-icon-plus:before {
  content: "+";
  display: flex;
  transform-origin: center;
  --tw-rotate: 0deg;
  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));
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: var(--font-size-sm);
  font-weight: 700;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  position: absolute;
  top: 40px;
  left: -5px;
  width: 14px;
  height: 14px;
  line-height: 1;
  z-index: 1;
  border-radius: 9999999px;
  color: var(--btn-plus-primary);
}

.btn-plus-blue-150{
  position: relative;
  border-top-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-orange) / var(--tw-border-opacity, 1));
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.btn-plus-blue-150:hover{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-orange) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}
.btn-plus-blue-150:hover:before {
  background-color: transparent;
}
.btn-plus-blue-150:before {
  content: "+";
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: var(--font-size-sm);
  font-weight: 700;
  --tw-text-opacity: 1;
  color: hsl(var(--clr-orange) / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  position: absolute;
  top: -10px;
  left: -10px;
  width: 27px;
  height: 27px;
  background-color: hsl(var(--clr-blue-150));
  border-radius: 9999999px;
}

.btn:disabled,
.btn-disabled{
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-neutral-500) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-neutral-300) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--clr-neutral-500) / var(--tw-text-opacity, 1));
}
.btn:disabled:hover,
.btn-disabled:hover{
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-neutral-500) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-neutral-300) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--clr-neutral-500) / var(--tw-text-opacity, 1));
}
.btn:disabled:focus,
.btn-disabled:focus{
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-neutral-500) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-neutral-300) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--clr-neutral-500) / var(--tw-text-opacity, 1));
}

.btn-theme-cobalt {
  --btn-color: var(--color-cobalt);
  --btn-highlight-color: var(--color-cobalt-700);
  --btn-shadow-highlight-color: var(--color-cobalt-100);
}

.btn-theme-copper {
  --btn-color: var(--color-copper);
  --btn-highlight-color: var(--color-copper-700);
  --btn-shadow-highlight-color: var(--color-copper-100);
}

.btn-theme-cadmium {
  --btn-color: var(--color-cadmium);
  --btn-highlight-color: var(--color-cadmium-700);
  --btn-shadow-highlight-color: var(--color-cadmium-100);
}

.btn-theme-carbon {
  --btn-color: var(--color-carbon);
  --btn-highlight-color: var(--color-carbon-700);
  --btn-shadow-highlight-color: var(--color-carbon-100);
}

.btn-theme-aqua {
  --btn-color: var(--color-aqua);
  --btn-highlight-color: var(--color-aqua-700);
  --btn-shadow-highlight-color: var(--color-aqua-100);
}

.btn-theme-algae {
  --btn-color: var(--color-algae);
  --btn-highlight-color: var(--color-algae-700);
  --btn-shadow-highlight-color: var(--color-algae-100);
}

.btn-theme-atomic {
  --btn-color: var(--color-atomic);
  --btn-highlight-color: var(--color-atomic-700);
  --btn-shadow-highlight-color: var(--color-atomic-100);
}

.btn-theme-amber {
  --btn-color: var(--color-amber);
  --btn-highlight-color: var(--color-amber-700);
  --btn-shadow-highlight-color: var(--color-amber-100);
}

.card-orange-drop-shadow{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  box-shadow: 12px 0px 0px -6px #F57E20;
}
.card-orange-drop-shadow:hover {
  box-shadow: 4px 0px 0px -6px #F57E20;
}

.btn-hollow-primary {
  border: 2px solid hsl(var(--clr-blue));
  color: hsl(var(--clr-blue));
  position: relative;
}
.btn-hollow-primary:hover {
  background-color: hsl(var(--clr-blue));
  border-color: hsl(var(--clr-blue));
  color: #fff;
}

.card--feature {
  border: none;
  text-align: center;
  width: 100%;
}
.card--feature .card-img-top {
  position: relative;
  height: 200px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.card--feature .card-img-top a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.card--feature .card-img-top::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  transition: all 0.3s ease-in-out;
  z-index: 0;
}
.card--feature:hover .card-img-top::after{
  color: rgba(var(--clr-white) / 0.8);
}

.card--expert {
  width: 100%;
  text-align: center;
  perspective: 1000px;
  background: transparent;
  border: none;
  z-index: 0;
  /* hover and focus-within states */
  /* .card-back */
}
.card--expert:hover {
  z-index: 50;
}
.card--expert .card-img-top {
  position: relative;
  aspect-ratio: 302/227;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.card--expert .card-img-top a {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.card--expert .card-img-top::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0);
  transition: all 0.3s ease-in-out;
  z-index: 0;
}
.card--expert .card-body {
  padding: 24px;
}
.card--expert .card-body .card-title {
  font-family: var(--font-sans);
  font-size: 1.64rem;
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}
.card--expert .card-body .card-title a {
  font-size: 1.64rem;
}
.card--expert .flip-card {
  width: inherit;
  height: inherit;
  position: relative;
  transform-style: preserve-3d;
  transition: 0.6s 0.1s;
  height: 100%;
}
.card--expert:hover .flip-card, .card--expert:focus-within .flip-card {
  transform: rotateY(0deg);
}
@media (min-width: 992px) {
  .card--expert:hover .flip-card, .card--expert:focus-within .flip-card {
    transform: rotateY(180deg);
  }
}
.card--expert .card-front,
.card--expert .card-back {
  width: 100%;
  height: 100%;
  position: relative;
  background: rgb(var(--clr-white));
  border: none;
  border-bottom: 2px solid #0D7887;
  top: 0;
  left: 0;
  overflow: hidden;
  backface-visibility: hidden;
}
.card--expert .card-front {
  display: flex;
  flex-direction: column;
  transform: rotateY(0deg);
  z-index: 2;
  pointer-events: all;
}
@media (min-width: 992px) {
  .card--expert .card-front {
    pointer-events: none;
  }
}
.card--expert .card-front .card-body{
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--clr-white) / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.25rem;
  padding-bottom: 1rem;
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}
.card--expert .card-front .card-body_header{
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}
.card--expert .card-front .card-title{
  text-align: left;
  font-size: var(--font-size-xl);
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}
@media (min-width: 768px){
  .card--expert .card-front .card-title{
    font-size: var(--font-size-2xl);
  }
}
.card--expert .card-front .card-title > a{
  display: inline-block;
  font-family: var(--font-sans);
  font-weight: 500;
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}
.card--expert .card-front .card-subtitle{
  text-align: left;
  font-family: var(--font-serif);
  font-size: 19px;
  line-height: 1.25;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}
.card--expert .card-front .card-address{
  margin-top: auto;
  text-align: left;
  font-size: var(--font-size-xs);
  font-weight: 500;
  text-transform: uppercase;
  font-style: normal;
  line-height: 1;
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}
.card--expert .card-front .card-body.card-body-region{
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: hsl(var(--clr-blue) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--clr-blue) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: hsl(var(--clr-blue-900) / 1) var(--tw-gradient-to-position);
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}
.card--expert .card-front .card-body.card-body-region > .card-body_header,
.card--expert .card-front .card-body.card-body-region > .card-address,
.card--expert .card-front .card-body.card-body-region > .card-body_header > .card-title,
.card--expert .card-front .card-body.card-body-region > .card-body_header > .card-subtitle,
.card--expert .card-front .card-body.card-body-region > .card-body_header > .card-title > a{
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}
.card--expert .card-back {
  position: absolute;
  transform: rotateY(180deg);
  z-index: 1;
}
.card--expert .card-back .card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  background: transparent linear-gradient(135deg, #003B5C 0%, #0D7887 100%) 0% 0% no-repeat padding-box;
}
.card--expert .card-back .card-body .card-title{
  text-align: left;
  font-size: var(--font-size-xl);
  --tw-text-opacity: 1 !important;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1)) !important;
}
@media (min-width: 768px){
  .card--expert .card-back .card-body .card-title{
    font-size: var(--font-size-2xl);
  }
}
.card--expert .card-back .card-body .card-title > a{
  display: inline-block;
  text-align: left;
  font-family: var(--font-sans);
  font-weight: 500;
  --tw-text-opacity: 1 !important;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1)) !important;
}
.card--expert .card-back .card-body .card-subtitle{
  text-align: left;
  font-family: var(--font-serif);
  font-size: var(--font-size-lg);
  line-height: 1.25;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1 !important;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1)) !important;
}
.card--expert .card-back .card-body .card-address{
  text-align: left;
  font-size: var(--font-size-xs);
  font-weight: 700;
  text-transform: uppercase;
  font-style: normal;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}
.card--expert .card-back .card-body .card-text {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: left;
  margin-top: 0.25rem;
}
.card--expert .card-back .card-body .card-text p{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6;
  color: rgb(var(--clr-white));
}
.card--expert .card-back .card-body .card-footer{
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.card--expert .card-back .card-body .card-footer .card-footer_contact{
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

/*
    Flip card: .card-flip > .card-flip__inner > .card-flip__front + .card-flip__back

    Flips on hover on desktop only. Touch screens never see the back, so a tap goes
    straight to the link instead of needing a tap to flip first.
*/
.card-flip {
  position: relative;
  perspective: 1000px;
  z-index: 0;
}
.card-flip:hover {
  z-index: 50;
}

.card-flip__inner {
  position: relative;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.6s 0.1s;
}

.card-flip__front,
.card-flip__back {
  backface-visibility: hidden;
}

.card-flip__front {
  transform: rotateY(0deg);
}

.card-flip__back {
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
  transform: rotateY(180deg);
  color: rgb(var(--clr-white));
  background: transparent linear-gradient(135deg, #003B5C 0%, #0D7887 100%) 0% 0% no-repeat padding-box;
}

@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  .card-flip__back {
    display: flex;
  }
  .card-flip:hover .card-flip__inner {
    transform: rotateY(180deg);
  }
  .card-flip:hover .card-flip__front {
    pointer-events: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .card-flip__inner {
    transition: none;
  }
}
/**
 * Card Service
 */
/**
* Card Service Horizontal
* Used: Industries detail page Services Block
*/
.card--service_horz {
  --hover-gradient: linear-gradient(41deg, #C25100 0%, #E57200 100%) 0% 0% no-repeat padding-box;
  display: flex;
  cursor: pointer;
  flex-direction: column;
}
@media (min-width: 768px){
  .card--service_horz{
    flex-direction: row;
  }
}
.card--service_horz {
  background-color: rgb(var(--clr-white));
  transition: all 0.3s ease;
}
.card--service_horz .card__img {
  position: relative;
  overflow: hidden;
  aspect-ratio: 239/244;
  width: 100%;
  min-width: auto;
  max-width: auto;
}
.card--service_horz .card__img .overlay{
  position: absolute;
  inset: 0px;
  height: 100%;
  width: 100%;
  transition: all 0.2s ease;
  opacity: 0;
}
@media (min-width: 768px) {
  .card--service_horz .card__img {
    min-width: 239px;
    max-width: 239px;
  }
}
.card--service_horz .card__content > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.card--service_horz .card__content{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 768px){
  .card--service_horz .card__content{
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
    padding-left: 2.25rem;
  }
}
.card--service_horz .card__content {
  flex: 1 1 auto;
}
.card--service_horz .card__content .card__content-heading{
  position: relative;
  font-size: var(--font-size-xl);
  font-weight: 500;
  text-transform: none;
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@media (min-width: 768px){
  .card--service_horz .card__content .card__content-heading{
    font-size: var(--font-size-3xl);
  }
}
.card--service_horz .card__content .card__content-heading {
  z-index: 1;
}
.card--service_horz .card__content .card__content-summary{
  position: relative;
  font-size: var(--font-size-base);
  line-height: 1.25;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  z-index: 1;
}
.card--service_horz .card__content .faux-btn {
  position: relative;
  display: none;
  z-index: 1;
}
.card--service_horz:hover {
  background: var(--hover-gradient);
  opacity: 1;
}
.card--service_horz:hover .card__img .overlay {
  background: var(--hover-gradient);
  mix-blend-mode: multiply;
  opacity: 1;
}
.card--service_horz:hover .card__content{
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.card--service_horz:hover .card__content .card__content-heading {
  color: rgb(var(--clr-white));
  flex: 1 1 auto;
}
.card--service_horz:hover .card__content .card__content-summary {
  display: none;
}
.card--service_horz:hover .card__content .faux-btn {
  justify-self: flex-end;
  display: block;
}

.card--service_horz.card--blue-bg{
  background-color: var(--clr-blue-175);
}

/**
 * Card Service
 */
/**
* Card Horizontal
* Used: Confirmation Page in Feature Action Grid
*/
.card--horz{
  display: flex;
  cursor: pointer;
  flex-direction: column;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
@media (min-width: 768px){
  .card--horz{
    flex-direction: row;
  }
}
.card--horz {
  background-color: rgb(var(--clr-white));
}
.card--horz .card__img {
  position: relative;
  overflow: hidden;
  aspect-ratio: 239/244;
  width: 100%;
  min-width: auto;
  max-width: auto;
}
@media (min-width: 768px) {
  .card--horz .card__img {
    min-width: 239px;
    max-width: 239px;
  }
}
.card--horz .card__content > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.card--horz .card__content{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 768px){
  .card--horz .card__content{
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
    padding-left: 2.25rem;
  }
}
.card--horz .card__content {
  flex: 1 1 auto;
}
.card--horz .card__content .card__content-heading{
  position: relative;
  font-size: var(--font-size-xl);
  font-weight: 500;
  text-transform: none;
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@media (min-width: 768px){
  .card--horz .card__content .card__content-heading{
    font-size: var(--font-size-3xl);
  }
}
.card--horz .card__content .card__content-heading {
  z-index: 1;
}
.card--horz .card__content .card__content-summary{
  position: relative;
  font-size: var(--font-size-base);
  line-height: 1.625;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  z-index: 1;
}

.carousel {
  --grid-gutter-width: 40px;
  --spacer: 1rem;
  --spacer-0: 0;
  --spacer-1: calc(var(--spacer) * 0.25);
  --spacer-2: calc(var(--spacer) * 0.5);
  --spacer-3: var(--spacer);
  --spacer-4: calc(var(--spacer) * 1.5);
  --spacer-5: calc(var(--spacer) * 3);
  --spacer-6: calc(var(--spacer) * 6);
  --dot-height: var(--spacer) * 0.75;
  --dot-width: var(--dot-height);
  --dot-margin: var(--spacer-2);
  --carousel-offset-top: var(--dot-height) + (2 * var(--dot-margin)) +
  var(--spacer-4);
  --carousel-offset-bottom: var(--dot-height) + (2 * var(--dot-margin)) +
  var(--spacer-4);
  --arrow-offset-lg: 16.66%;
  --arrow-offset-xl: 12.5%;
  --end-gradient-width-lg: calc(25% + (var(--grid-gutter-width) / 2));
  --end-gradient-width-xl: calc(33% + (var(--grid-gutter-width) / 2));
}

.owl-theme .owl-stage-outer .owl-stage .owl-item {
  height: 200px;
  display: flex;
  flex-direction: column;
}
.owl-theme .owl-stage-outer .owl-stage .owl-item .item-content {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.owl-theme .owl-stage-outer .owl-stage .owl-item .item-content a:not(.plus-orange) {
  color: hsl(var(--clr-copper-h), var(--clr-copper-s), var(--clr-copper-l)) !important;
}
.owl-theme .owl-stage-outer .owl-stage .owl-item .item-content a.primary {
  color: hsl(var(--clr-blue)) !important;
}
.owl-theme .owl-stage-outer .owl-stage .owl-item .item-content a.primary:hover {
  color: hsl(var(--clr-orange)) !important;
}
@media screen and (max-width: var(--screen-md)) {
  .owl-theme .owl-stage-outer .owl-stage .owl-item .item-content {
    padding: 0 1rem;
  }
}
.owl-theme .owl-stage-outer .owl-stage .owl-item .item-content .item-button {
  margin-top: auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  transform: translate(-50%, 0);
  background: hsl(var(--clr-blue));
}
.owl-theme .owl-stage-outer .owl-stage .owl-item .item-content .item-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: var(--spacer-4);
  width: 100%;
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: hsl(var(--clr-blue) / 1) var(--tw-gradient-to-position);
}
.owl-theme .owl-stage-outer {
  margin-top: calc(1px * var(--carousel-offset-top));
}
.owl-theme .owl-dots {
  position: absolute;
  top: -3rem;
  left: 50%;
  transform: translate(-50%, 0);
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  display: flex;
  justify-content: center;
  gap: 5px;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-theme .owl-dots .owl-dot span {
  width: 0.75rem;
  height: 0.75rem;
  background: transparent;
  display: block;
  -webkit-backface-visibility: visible;
  transition: all 0.15s ease-in-out;
  border-radius: 30px;
  border: 1px solid hsl(var(--clr-orange)) !important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: hsl(var(--clr-orange));
}

/* Quote/testimonial carousel */
.carousel#quote-carousel.quote-carousel--indicators-top .owl-carousel {
  padding-top: var(--spacer-5);
}
.carousel#quote-carousel.quote-carousel--indicators-top .owl-carousel .owl-dots {
  top: 0;
}
.carousel#quote-carousel.quote-carousel--indicators-bottom .owl-carousel {
  padding-bottom: var(--spacer-5);
}
.carousel#quote-carousel.quote-carousel--indicators-bottom .owl-carousel .owl-dots {
  top: unset;
  bottom: -1rem;
}
.carousel#quote-carousel .owl-dots {
  margin-top: 0 !important;
}
.carousel#quote-carousel .owl-stage-outer {
  margin-top: 0;
}
.carousel#quote-carousel .owl-stage-outer .owl-item {
  height: unset;
}

/* Related items carousel i.e. related-articles, related-news etc. */
.carousel.related-item-carousel {
  position: relative;
  /* Carousel hiding end items */
}
.carousel.related-item-carousel .owl-dots {
  width: 100%;
}
.carousel.related-item-carousel .owl-dots .owl-dot span {
  margin: calc(var(--dot-margin) / 1.5) !important;
}
@media screen and (max-width: var(--screen-sm)) {
  .carousel.related-item-carousel .related-item-carousel__nav {
    display: none;
  }
}
.carousel.related-item-carousel .related-item-carousel__nav .owl-prev,
.carousel.related-item-carousel .related-item-carousel__nav .owl-next {
  position: absolute;
  top: 50%;
  border: 0;
  background: transparent;
  z-index: 2;
}
.carousel.related-item-carousel .related-item-carousel__nav .owl-prev:focus,
.carousel.related-item-carousel .related-item-carousel__nav .owl-next:focus {
  outline: none !important;
}
.carousel.related-item-carousel .related-item-carousel__nav .owl-prev .arrow,
.carousel.related-item-carousel .related-item-carousel__nav .owl-next .arrow {
  width: 40px;
  height: 40px;
}
@media screen and (max-width: var(--screen-md)) {
  .carousel.related-item-carousel .related-item-carousel__nav .owl-prev .arrow,
  .carousel.related-item-carousel .related-item-carousel__nav .owl-next .arrow {
    width: 30px;
    height: 30px;
  }
}
.carousel.related-item-carousel .related-item-carousel__nav .owl-prev {
  transform: translate(-50%, -50%);
  left: 0;
}
@media screen and (min-width: var(--screen-md)) {
  .carousel.related-item-carousel .related-item-carousel__nav .owl-prev {
    transform: translate(-100%, -50%);
  }
}
@media screen and (min-width: var(--screen-lg)) {
  .carousel.related-item-carousel .related-item-carousel__nav .owl-prev {
    left: var(--arrow-offset-xl);
  }
}
@media screen and (min-width: var(--screen-md)) and (max-width: var(--screen-xl)) {
  .carousel.related-item-carousel .related-item-carousel__nav .owl-prev {
    left: var(--arrow-offset-lg);
  }
}
.carousel.related-item-carousel .related-item-carousel__nav .owl-next {
  transform: translate(50%, -50%);
  right: 0;
}
@media screen and (min-width: breakpoint-max(sm)) {
  .carousel.related-item-carousel .related-item-carousel__nav .owl-next {
    transform: translate(100%, -50%);
  }
}
@media screen and (min-width: breakpoint-min(xl)) {
  .carousel.related-item-carousel .related-item-carousel__nav .owl-next {
    right: var(--arrow-offset-xl);
  }
}
@media screen and (min-width: var(--screen-md)) and (max-width: var(--screen-xl)) {
  .carousel.related-item-carousel .related-item-carousel__nav .owl-next {
    right: var(--arrow-offset-lg);
  }
}
.carousel.related-item-carousel .carousel-end-gradients{
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (max-width: 1024px) {
  .carousel.related-item-carousel .carousel-end-gradients {
    display: none;
  }
}
.carousel.related-item-carousel .carousel-end-gradients::before, .carousel.related-item-carousel .carousel-end-gradients::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--end-gradient-width-lg);
  z-index: 1;
}
@media screen and (max-width: var(--screen-lg)) {
  .carousel.related-item-carousel .carousel-end-gradients::before, .carousel.related-item-carousel .carousel-end-gradients::after {
    width: var(--end-gradient-width-xl);
  }
}
.carousel.related-item-carousel .carousel-end-gradients::before {
  left: 0;
  height: 100%;
  background-image: linear-gradient(90deg, rgba(0, 59, 92, 0.7) 90%, transparent);
}
.carousel.related-item-carousel .carousel-end-gradients::after {
  right: 0;
  background-image: linear-gradient(90deg, transparent 0, rgba(0, 59, 92, 0.7) 10%);
}
.carousel.related-item-carousel .owl-carousel {
  z-index: 0;
}

/* Quote carousel */
#quote-carousel {
  background-color: #ffffff;
}
#quote-carousel .owl-stage {
  display: flex;
  align-items: center;
}
#quote-carousel .owl-stage .carousel-quote__slide-content {
  position: relative;
  padding-bottom: var(--spacer-4);
}
#quote-carousel .owl-stage .carousel-quote__slide-content::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100px;
  height: 1px;
  background-color: var(--color-cobalt);
  transform: translateX(-50%);
}
#quote-carousel .owl-stage .carousel-quote__slide-content .slide__text {
  color: hsl(var(--clr-blue));
  font-family: var(--font-serif);
}
#quote-carousel .owl-stage .carousel-quote__slide-content .slide__entity {
  color: hsl(var(--clr-blue));
  font-size: 20px;
}
#quote-carousel .owl-stage .slide__img {
  width: 250px;
  height: auto;
  margin: 0 auto;
}
#quote-carousel.quote-carousel--dark {
  /* Theme styling */
  background-color: hsl(var(--clr-blue));
}
#quote-carousel.quote-carousel--dark .carousel-quote__slide-content::after {
  background-color: #ffffff !important;
}
#quote-carousel.quote-carousel--dark .carousel-quote__slide-content .slide__text,
#quote-carousel.quote-carousel--dark .carousel-quote__slide-content .slide__entity {
  color: #ffffff;
}
#quote-carousel.quote-carousel--light {
  background-color: var(--clr-blue-175);
}
#quote-carousel.quote-carousel--light .slide__text,
#quote-carousel.quote-carousel--light .slide__entity {
  color: hsl(var(--clr-blue));
}
#quote-carousel.quote-carousel--grey {
  background-color: hsl(var(--clr-neutral-100));
}
#quote-carousel.quote-carousel--grey .slide__text,
#quote-carousel.quote-carousel--grey .slide__entity {
  color: hsl(var(--clr-blue));
}

/* Slider */
/* Parent Container*/
.slider {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  --slider-slide-gap: 24px;
  --slider-slide-width: 100%;
  --slider-button-size: 48px;
  --slider-button-height: var(--slider-button-size);
  --slider-button-width: var(--slider-button-size);
}

/* Slides Container*/
.slider__slides {
  position: relative;
  display: flex;
  align-items: stretch;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
  gap: var(--slider-slide-gap);
  width: 100%;
}

/* Each slide */
.slider__slide {
  scroll-snap-align: start;
  flex-shrink: 0;
  width: var(--slider-slide-width); /* 4 slides visible at a given time, this can be setup to be controlled by a theme setting */
  max-height: 620px;
}

/*Hide scroll bar*/
.slider__slides::-webkit-scrollbar {
  display: none;
}

/* Navigation */
.slider__nav {
  display: none;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  pointer-events: none;
}

@media screen and (min-width: 1024px) {
  .slider__nav {
    display: flex;
  }
}
.slider__nav > button {
  font-family: sans-serif;
  border-radius: 100%;
  color: #bac3c9;
  padding: 1rem;
  transition: all 0.15s ease-in-out;
  pointer-events: initial;
  height: var(--slider-button-height, 48px);
  width: var(--slider-button-width, 48px);
  position: relative;
  margin: 0px -70px;
}

.slider__nav > button.disabled {
  pointer-events: none;
  opacity: 0.4;
}

.slider__nav > button > span {
  position: relative;
  top: -4px;
}

.slider__nav > button:hover {
  cursor: pointer;
  transform: scale(1.1);
}

/** Column Carousel */
.column-carousel {
  --breakpoint-xs: 0px;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  width: 100%;
  padding-bottom: 32px;
}
.column-carousel .owl-stage-outer {
  height: auto;
}
@media screen and (min-width: 768px) {
  .column-carousel .owl-stage-outer {
    height: 610px;
  }
}
.column-carousel .column-carousel_header {
  background-color: #ffffff;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 24px;
  padding: 0px;
}
.column-carousel .column-carousel_header .sep {
  width: 200px;
  height: 2px;
  background-color: #003A5C;
}
@media (min-width: 768px) {
  .column-carousel .column-carousel_header {
    height: auto;
    padding: 48px 24px;
  }
  .column-carousel .column-carousel_header h3 {
    font-size: 32px;
  }
}
.column-carousel .column-carousel_main {
  position: relative;
  background-color: #ffffff;
}
.column-carousel .column-carousel_footer {
  background-color: #ffffff;
  height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.column-carousel .column-carousel_footer a {
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
}
.column-carousel .column-carousel_footer a:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.column-carousel .column-carousel_items {
  position: relative;
}
.column-carousel .column-carousel_item {
  position: relative;
  padding-bottom: 20px;
  width: 100%;
}
.column-carousel .column-carousel_item figure {
  margin: 0px;
  height: 200px;
}
.column-carousel .column-carousel_item figure.portrait {
  aspect-ratio: 16/9;
}
.column-carousel .column-carousel_item figure.portrait > div {
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .column-carousel .column-carousel_item figure.portrait > div {
    background-size: cover;
  }
  .column-carousel .column-carousel_item figure.portrait {
    aspect-ratio: 5/7;
  }
}
.column-carousel .column-carousel_item figure.portrait figcaption {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .column-carousel .column-carousel_item figure.portrait figcaption {
    text-align: left;
  }
}
.column-carousel .column-carousel_item figure.landscape {
  aspect-ratio: 16/9;
}
.column-carousel .column-carousel_item figure img {
  height: inherit;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 768px) {
  .column-carousel .column-carousel_item figure img {
    width: auto;
  }
}
.column-carousel .column-carousel_item figure > div {
  height: 100%;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .column-carousel .column-carousel_item figure > div {
    background-size: cover;
  }
}
@media screen and (min-width: 576px) {
  .column-carousel .column-carousel_item figure {
    height: 360px;
  }
}
@media screen and (min-width: 768px) {
  .column-carousel .column-carousel_item figure {
    height: 560px;
  }
}
.column-carousel .column-carousel_item figcaption,
.column-carousel .column-carousel_item figcaption > a {
  font-size: 13px;
  -webkit-text-decoration: italic;
          text-decoration: italic;
  color: #C7C9CB;
  text-align: left;
}
.column-carousel .column-carousel_item figcaption > a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.column-carousel .column-carousel_item.video {
  height: auto;
  width: auto;
}
.column-carousel .column-carousel_item.video > figure {
  width: 100%;
  aspect-ratio: 16/9;
}
.column-carousel .column-carousel_item.video iframe {
  width: 100%;
  height: 100%;
}
.column-carousel .owl-item img {
  transition: opacity 0.2s ease-out;
  opacity: 0.5 !important;
}
.column-carousel .owl-item.active.center img {
  transition: opacity 0.2s ease-out;
  opacity: 1 !important;
}
.column-carousel .owl-dots {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  bottom: -20px;
  left: 0px;
  width: 100%;
  z-index: 5;
}
.column-carousel .owl-dots .owl-dot {
  width: 12px;
  height: 12px;
  border: 2px solid #F37721;
  opacity: 1;
  border-radius: 12px;
}
.column-carousel .owl-dots .owl-dot.active {
  background-color: #F37721;
}
.column-carousel .owl-nav {
  display: none !important;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  display: flex;
  top: 50%;
  left: 0%;
  width: 100%;
  padding: 0px 10%;
  z-index: 5;
}
.column-carousel .owl-nav button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  color: #F37721 !important;
  width: 48px;
  height: 48px;
  border: 2px solid #F37721 !important;
  opacity: 1;
  border-radius: 24px;
  overflow: hidden;
  background-color: #ffffff !important;
}
.column-carousel .owl-nav button span {
  transform: translateY(-5px);
  font-size: 48px;
  line-height: 0px;
  display: block;
}
.column-carousel .owl-nav button:hover {
  color: #C7C9CB !important;
  border-color: #C7C9CB !important;
}
@media (min-width: 768px) {
  .column-carousel .owl-nav {
    display: flex !important;
  }
}

.cc-window {
  background: #ffffff;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  z-index: 9999;
  padding: 1.5em 25px;
  box-shadow: 0 0 24px rgba(0, 59, 92, 0.12);
}

@media (min-width: 768px) {
  .cc-window {
    flex-direction: row;
    gap: 1rem;
    padding: 1.5em 15px;
  }
}
.cc-message {
  font-size: 1rem;
  color: rgb(0, 59, 92);
  margin: 0;
}
.cc-message a {
  color: #e57200;
  text-decoration: underline;
}

.cc-compliance {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.5rem;
}

@media screen and (max-width: 768px) {
  .cc-compliance {
    flex-direction: column;
    gap: 1rem;
  }
}
.cc-btn {
  cursor: pointer;
  text-wrap: nowrap;
}

.cc-btn.cc-btn-as-link {
  color: #003b5c;
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/**
 *   FORMS
**/
.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 4px);
  padding: 0.375rem 0.75rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid #ced4da;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #008ddc;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 59, 92, 0.25);
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file, .form-control-range {
  display: block;
  width: 100%;
}

.form-control.inline-expert {
  height: calc(1.5em + 0.75rem + 14px);
}

.col-form-label {
  padding-top: calc(0.375rem + 2px);
  padding-bottom: calc(0.375rem + 2px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 2px);
  padding-bottom: calc(0.5rem + 2px);
  font-size: 1.171875rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 2px);
  padding-bottom: calc(0.25rem + 2px);
  font-size: 0.8203125rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  color: #003b5c;
  background-color: transparent;
  border: solid transparent;
  border-width: 2px 0;
}

.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 4px);
  padding: 0.25rem 0.5rem;
  font-size: 0.8203125rem;
  line-height: 1.5;
}

.form-control-lg {
  height: calc(1.5em + 1rem + 4px);
  padding: 0.5rem 1rem;
  font-size: 1.171875rem;
  line-height: 1.5;
}

select.form-control[multiple], select.form-control[size], textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col, .form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #a1d884;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.8203125rem;
  line-height: 1.5;
  color: #003b5c;
  background-color: rgba(161, 216, 132, 0.9);
}

.form-control.is-valid, .was-validated .form-control:valid {
  border-color: #a1d884;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23a1d884' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 100% calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
  border-color: #a1d884;
  box-shadow: 0 0 0 0.2rem rgba(161, 216, 132, 0.25);
}

.form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip {
  display: block;
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.custom-select.is-valid, .was-validated .custom-select:valid {
  border-color: #a1d884;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23a1d884' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.custom-select.is-valid:focus, .was-validated .custom-select:valid:focus {
  border-color: #a1d884;
  box-shadow: 0 0 0 0.2rem rgba(161, 216, 132, 0.25);
}

.custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip {
  display: block;
}

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
  color: #a1d884;
}

.form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip {
  display: block;
}

.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {
  color: #a1d884;
}

.custom-control-input.is-valid ~ .custom-control-label:before, .was-validated .custom-control-input:valid ~ .custom-control-label:before {
  border-color: #a1d884;
}

.custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip, .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip {
  display: block;
}

.custom-control-input.is-valid:checked ~ .custom-control-label:before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label:before {
  border-color: #bfe4ab;
  background-color: #bfe4ab;
}

.custom-control-input.is-valid:focus ~ .custom-control-label:before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label:before {
  box-shadow: 0 0 0 0.2rem rgba(161, 216, 132, 0.25);
}

.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label:before, .custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label:before, .was-validated .custom-file-input:valid ~ .custom-file-label {
  border-color: #a1d884;
}

.custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip, .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip {
  display: block;
}

.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
  border-color: #a1d884;
  box-shadow: 0 0 0 0.2rem rgba(161, 216, 132, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #af272f;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.8203125rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(175, 39, 47, 0.9);
}

.form-control.is-invalid, .was-validated .form-control:invalid {
  border-color: #af272f;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23af272f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23af272f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 100% calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
  border-color: #af272f;
  box-shadow: 0 0 0 0.2rem rgba(175, 39, 47, 0.25);
}

.form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.custom-select.is-invalid, .was-validated .custom-select:invalid {
  border-color: #af272f;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23af272f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23af272f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus {
  border-color: #af272f;
  box-shadow: 0 0 0 0.2rem rgba(175, 39, 47, 0.25);
}

.custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip {
  display: block;
}

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
  color: #af272f;
}

.form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip {
  display: block;
}

.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {
  color: #af272f;
}

.custom-control-input.is-invalid ~ .custom-control-label:before, .was-validated .custom-control-input:invalid ~ .custom-control-label:before {
  border-color: #af272f;
}

.custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip {
  display: block;
}

.custom-control-input.is-invalid:checked ~ .custom-control-label:before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label:before {
  border-color: #d23740;
  background-color: #d23740;
}

.custom-control-input.is-invalid:focus ~ .custom-control-label:before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label:before {
  box-shadow: 0 0 0 0.2rem rgba(175, 39, 47, 0.25);
}

.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label:before, .custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label:before, .was-validated .custom-file-input:invalid ~ .custom-file-label {
  border-color: #af272f;
}

.custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip {
  display: block;
}

.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
  border-color: #af272f;
  box-shadow: 0 0 0 0.2rem rgba(175, 39, 47, 0.25);
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  .form-inline label {
    justify-content: center;
  }
  .form-inline .form-group, .form-inline label {
    display: flex;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    flex: 0 0 auto;
    flex-flow: row wrap;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .custom-select, .form-inline .input-group {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}
.freeform-row .freeform-column .freeform-input-only-label > .freeform-input {
  height: auto !important;
}

.freeform-row .freeform-column label:not(.freeform-label) {
  display: flex;
  align-items: center;
}

.freeform-column p a {
  font-size: inherit !important;
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue-700) / var(--tw-text-opacity, 1));
}

.freeform-column h4 {
  font-size: 1.40625rem;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 1rem;
  color: hsl(var(--clr-blue));
  text-transform: uppercase;
}

/**
* Free Form Overrides
**/
.freeform-pages {
  display: flex;
  padding: 0;
  margin: 0 0 10px;
  list-style: none;
}

.freeform-pages li {
  margin: 0 10px 0 0;
}

.freeform-row {
  display: flex;
  justify-content: space-between;
  margin: 0 -15px;
}

.freeform-row .freeform-column {
  flex: 1 0;
  padding: 10px 0;
  margin: 0 15px;
  box-sizing: border-box;
}

.freeform-row .freeform-column > .freeform-row:first-child {
  margin-top: -10px;
}

.freeform-row .freeform-column label {
  display: block;
}

.freeform-row .freeform-column .input-group-one-line {
  display: flex;
  flex-wrap: wrap;
}

.freeform-row .freeform-column .input-group-one-line label {
  padding-right: 10px;
}

.freeform-row .freeform-column .freeform-label{
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: hsl(var(--clr-form-input-label) / var(--tw-text-opacity, 1));
}

.freeform-row .freeform-column.freeform-fieldtype-checkbox .freeform-label{
  text-transform: none;
}

.freeform-row .freeform-column .freeform-label.freeform-required:after {
  content: "*";
  margin-left: 5px;
  color: hsl(var(--clr-danger));
}

.freeform-row .freeform-column .freeform-input {
  width: 100%;
  display: block;
  box-sizing: border-box;
}

.freeform-row .freeform-column select.freeform-input {
  height: 2.75rem;
}

.freeform-row .freeform-column .freeform-input[type=file] {
  background-color: hsl(var(--clr-white));
}

.freeform-row .freeform-input {
  border: 1px solid hsl(var(--clr-form-input-border));
  border-radius: 0px;
  padding: 7px;
}

.freeform-row .freeform-column .freeform-input[type=checkbox],
.freeform-row .freeform-column .freeform-input[type=radio] {
  width: auto;
  display: inline;
  margin-right: 5px;
}

.freeform-row .freeform-column .freeform-input.StripeElement {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
  border: 1px solid;
  padding-top: 5px;
  height: 26px;
}

.freeform-row .freeform-column .freeform-input-only-label {
  font-weight: normal;
}

.freeform-row .freeform-column .freeform-input-only-label > .freeform-input {
  display: inline-block;
  width: auto;
  margin-right: 5px;
}

.freeform-row .freeform-column .freeform-errors,
.freeform-row .freeform-column .ff-errors {
  list-style: none;
  padding: 0;
  margin: 5px 0 0;
}

.freeform-row .freeform-column .freeform-errors > li,
.freeform-row .freeform-column .ff-errors > li {
  color: red;
}

.freeform-row .freeform-column .freeform-instructions,
.freeform-row .freeform-column.freeform-fieldtype-checkbox .freeform-column .freeform-instructions {
  margin: 0 0 5px;
  font-size: 0.875rem !important;
  line-height: 1.5;
  font-style: italic;
  color: #1a1a1a !important;
}

.freeform-row .freeform-column.freeform-column-content-align-left {
  display: flex;
  justify-content: flex-start;
}

.freeform-row .freeform-column.freeform-column-content-align-left > button:not(:first-of-type) {
  margin-left: 5px;
}

.freeform-row .freeform-column.freeform-column-content-align-center {
  display: flex;
  justify-content: center;
}

.freeform-row .freeform-column.freeform-column-content-align-center > button:not(:first-of-type) {
  margin-left: 5px;
}

.freeform-row .freeform-column.freeform-column-content-align-right {
  display: flex;
  justify-content: flex-end;
}

.freeform-row .freeform-column.freeform-column-content-align-right > button:not(:first-of-type) {
  margin-left: 5px;
}

.freeform-row .freeform-column.freeform-column-content-align-spread {
  display: flex;
  justify-content: space-between;
}

.freeform-row .freeform-column.freeform-column-content-align-spread > button:not(:first-of-type) {
  margin-left: 5px;
}

.freeform-row .freeform-column.freeform-fieldtype-checkbox .freeform-label{
  font-size: var(--font-size-base);
}

.freeform-label{
  margin-bottom: 0.375rem;
  font-weight: 600;
}

.ff-form-errors {
  padding: 15px;
  border: 1px solid #f5c6cb;
  background: #f8d7da;
  border-radius: 5px;
  color: #721c24;
}

.ff-form-errors > p {
  margin: 0;
}

.freeform-form-has-errors {
  color: #721c24;
}

.freeform-button-submit {
  font-size: 80%;
  font-weight: 700;
  padding: 0.375rem 3rem;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: hsl(25, 100%, 38%);
  border: none;
  color: #fff;
  transition: all 0.2s ease-in-out;
}

.freeform-button-submit:hover {
  background-color: hsl(25, 100%, 38%);
  color: #fff;
}

.custom-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/12px 14px;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0;
  color: #495057;
  display: inline-block;
  font-size: 0.9375rem;
  font-weight: 400;
  height: 3rem;
  line-height: 1.5;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  vertical-align: middle;
  width: 100%;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.custom-select:focus {
  border-color: #008ddc;
  box-shadow: 0 0 0 0.2rem rgba(0, 59, 92, 0.25);
  outline: 0;
}

/* 
    Compact Form 
    This is a compact form that hides the label and reduces the border radius of the input fields.
    Used whitepaper form.
*/
.compact-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.compact-form .freeform-label {
  visibility: hidden;
  height: 0px;
  width: 0px;
  margin-top: -4px;
}
.compact-form .freeform-input {
  border-radius: 0px !important;
  border: none !important;
  padding: 6px 16px !important;
  font-size: 1rem;
}
.compact-form .freeform-input::-moz-placeholder {
  color: hsl(var(--clr-blue));
  font-size: 1rem;
}
.compact-form .freeform-input::placeholder {
  color: hsl(var(--clr-blue));
  font-size: 1rem;
}
.compact-form .freeform-row {
  margin: 0px !important;
  gap: 16px;
}
.compact-form .freeform-column {
  margin: 0px !important;
  padding: 0px !important;
}

/* 
    Expert Search Reset Button
*/
#expert-stats-container #reset-filters {
  opacity: 1;
  transform: translateY(0px);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
#expert-stats-container.not-searching #reset-filters {
  opacity: 0;
  transform: translateY(10px);
}

/** Full Carousel */
.full-carousel {
  width: 100%;
}
.full-carousel .full-carousel_header {
  background-color: #003A5C;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
}
.full-carousel .full-carousel_header h3 {
  font-size: 24px;
  font-weight: 300 !important;
  line-height: 1;
  font-family: var(--font-sans);
  text-transform: uppercase;
  text-align: center;
  letter-spacing: -0.32px;
  color: #ffffff;
}
@media (min-width: 768px) {
  .full-carousel .full-carousel_header {
    height: auto;
    padding: 48px 24px;
  }
  .full-carousel .full-carousel_header h3 {
    font-size: 32px;
  }
}
.full-carousel .full-carousel_main {
  position: relative;
  background-color: #003A5C;
}
.full-carousel .full-carousel_footer {
  background-color: #003A5C;
  height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.full-carousel .full-carousel_footer a {
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
}
.full-carousel .full-carousel_footer a:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.full-carousel .full-carousel_items {
  position: relative;
}
.full-carousel .full-carousel_item {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
  max-height: 450px;
  height: 450px;
}
.full-carousel .full-carousel_item:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 113px;
  background: transparent linear-gradient(180deg, #000C12 0%, rgba(84, 92, 96, 0) 100%) 0% 0% no-repeat padding-box;
  opacity: 0.8;
  pointer-events: none;
  z-index: 1;
}
.full-carousel .full-carousel_item:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 351px;
  background: transparent linear-gradient(0deg, #003A5C 0%, rgba(84, 92, 96, 0) 100%) 0% 0% no-repeat padding-box;
  opacity: 1;
  pointer-events: none;
  z-index: 1;
}
.full-carousel .full-carousel_item .full-carousel_item-content {
  position: relative;
  z-index: 10;
  text-align: center;
  color: #ffffff !important;
  max-width: 100%;
  padding: 0px 24px;
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .full-carousel .full-carousel_item .full-carousel_item-content {
    max-width: 50%;
  }
}
.full-carousel .owl-dots {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  top: 40px;
  left: 0px;
  width: 100%;
  z-index: 5;
}
.full-carousel .owl-dots .owl-dot {
  width: 12px;
  height: 12px;
  border: 2px solid #F37721;
  opacity: 1;
  border-radius: 12px;
}
.full-carousel .owl-dots .owl-dot.active {
  background-color: #F37721;
}
.full-carousel .owl-nav {
  display: none !important;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  display: flex;
  top: 50%;
  left: 0%;
  width: 100%;
  padding: 0px 10%;
  z-index: 5;
}
.full-carousel .owl-nav button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  color: #F37721 !important;
  width: 48px;
  height: 48px;
  border: 2px solid #F37721 !important;
  opacity: 1;
  border-radius: 24px;
  overflow: hidden;
}
.full-carousel .owl-nav button span {
  transform: translateY(-5px);
  font-size: 48px;
  line-height: 0px;
  display: block;
}
.full-carousel .owl-nav button:hover {
  color: #C7C9CB !important;
  border-color: #C7C9CB !important;
}
@media (min-width: 768px) {
  .full-carousel .owl-nav {
    display: flex !important;
  }
}

.bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  -o-object-fit: fit;
     object-fit: fit;
  -o-object-position: center;
     object-position: center;
  font-family: "object-fit: cover;";
}

.bg-img_fit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  -o-object-fit: fit;
     object-fit: fit;
  -o-object-position: center;
     object-position: center;
  font-family: "object-fit: fit;";
}

.service-hero-desc p{
  font-family: var(--font-serif);
  font-size: var(--font-size-2xl);
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}

@media (min-width: 768px){
  .service-hero-desc p{
    font-size: var(--font-size-4xl);
  }
}

.hero {
  background-image: linear-gradient(130deg, rgba(0, 59, 92, 0.9), rgb(0, 0, 0));
}

.default-bg {
  background-image: linear-gradient(130deg, rgb(0, 59, 92), rgb(0, 0, 0));
}

.default-bg-vert {
  background-image: linear-gradient(180deg, hsl(202, 100%, 11%), hsl(202, 100%, 18%));
}

.default-bg-horz {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.8), rgba(0, 59, 92, 0.6));
}

.insight-card-bg {
  background: transparent linear-gradient(180deg, rgba(0, 59, 92, 0) 0%, #003B5C 100%) 0% 0% no-repeat padding-box;
}

/* Used for hero overlay on industry entry type */
.default-bg-vert-2 {
  background: linear-gradient(77deg, rgba(0, 59, 92, 0.9490196078) 0%, rgba(194, 81, 0, 0.6352941176) 100%) 0% 0% no-repeat padding-box;
  opacity: 0.75;
}

.default-bg-vert-3 {
  background: transparent linear-gradient(180deg, #0D7887 0%, #003B5C 100%) 0% 0% no-repeat padding-box;
}

.default-bg-vert-4 {
  background: transparent linear-gradient(81deg, #002236 0%, #003B5C 100%) 0% 0% no-repeat padding-box;
  opacity: 0.75;
}

.diagonal {
  position: relative;
  --diag-bg-color: #fff;
}
.diagonal:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -30vh;
  height: 30vh;
  width: 150%;
  transform: rotate(5deg);
  transform-origin: 100% 0;
  background: var(--diag-bg-color);
  z-index: 11;
}

.overlay-radial {
  background-image: radial-gradient(circle closest-side, rgba(0, 0, 0, 0.6), transparent);
  background-repeat: no-repeat;
  z-index: 1;
}

.overlay-blue {
  background-image: linear-gradient(130deg, rgba(0, 59, 92, 0.7019607843), hsla(0, 0%, 0%, 0.8));
}

.overlay-dark {
  background-image: linear-gradient(to bottom right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9));
}

.overlay-dark-full {
  background: rgba(0, 0, 0, 0.6);
}

.overlay-dark-400 {
  background: rgba(52, 58, 64, 0.4);
}

.overlay-dark-600 {
  background: rgba(52, 58, 64, 0.6);
}

.overlay-blue-aqua {
  background-image: linear-gradient(195deg, #002236 0%, #013E5E 66%, #0D7887 100%);
}

.overlay-blue-aqua-rev {
  background-image: linear-gradient(180deg, #0D7887 0%, #013E5E 66%, #002236 100%);
}

.overlay-bento-box-1 {
  background-color: transparent;
  background-image: linear-gradient(180deg, rgba(0, 34, 54, 0.2) 0%, #002236 100%);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: padding-box;
  transition: background-image 0.2s ease;
}

.group:hover .overlay-bento-box-1 {
  background-color: transparent;
  background-image: linear-gradient(180deg, rgba(0, 34, 54, 0.2) 50%, #002236 100%);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: padding-box;
  transition: background-image 0.2s ease;
}

.overlay-bento-box-2 {
  background-color: transparent;
  background-image: linear-gradient(180deg, rgba(0, 34, 54, 0) 0%, #002236 100%);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: padding-box;
  transition: background-image 0.2s ease;
}

.group:hover > .overlay-bento-box-2 {
  background-color: transparent;
  background-image: linear-gradient(180deg, rgba(0, 34, 54, 0) 50%, #002236 100%);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: padding-box;
  transition: background-image 0.2s ease;
}

.carousel-hero {
  --offset-bottom: 0px;
  --dot-width: 12px;
  --dot-height: 12px;
  --dot-margin: 12px;
}
.carousel-hero .page-header--carousel {
  background-attachment: local;
}
.carousel-hero .owl-dots {
  position: absolute;
  bottom: var(--offset-bottom);
  left: 50%;
  transform: translate(-50%, 0);
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.carousel-hero .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.carousel-hero .owl-dots .owl-dot span {
  width: var(--dot-width);
  height: var(--dot-height);
  margin: var(--dot-margin);
  background: transparent;
  display: block;
  -webkit-backface-visibility: visible;
  transition: all 0.15s ease-in-out;
  border-radius: 30px;
  border: 1px solid hsl(var(--clr-orange)) !important;
}
.carousel-hero .owl-dots .owl-dot.active span, .carousel-hero .owl-dots .owl-dot:hover span {
  background: hsl(var(--clr-orange));
}

.hospital {
  --clr-base-100: #d7e5f0;
  --clr-base-200: #cddcec;
  --clr-base-300: #a6c0dc;
  --clr-base-400: #407087;
  --clr-base-500: #326984;
  --clr-base-600: #2d5a79;
  --clr-base-700: #0c486b;
  --clr-orange: #e17000;
  --clr-gray: #b4b4b4;
  --heading-height: 30px;
  --glass: linear-gradient(
      118deg,
      rgba(64, 112, 135, 1) 6%,
      rgba(51, 103, 128, 1) 6%,
      rgba(51, 103, 128, 1) 17%,
      rgba(64, 112, 135, 1) 17%,
      rgba(64, 112, 135, 1) 50%,
      rgba(51, 103, 128, 1) 50%,
      rgba(51, 103, 128, 1) 57%,
      rgba(64, 112, 135, 1) 57%,
      rgba(64, 112, 135, 1) 64%,
      rgba(51, 103, 128, 1) 64%,
      rgba(51, 103, 128, 1) 78%,
      rgba(64, 112, 135, 1) 78%
  );
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0px;
}
.hospital .top{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 1024px){
  .hospital .top{
    padding-left: 0px;
    padding-right: 0px;
  }
}
.hospital .top .t1{
  display: flex;
  justify-content: center;
}
.hospital .top .t1 > .t1_a{
  position: relative;
  display: flex;
  height: 50px;
  width: 66.666667%;
  align-items: center;
  justify-content: center;
  background: var(--clr-base-200);
}
@media (min-width: 768px) {
  .hospital .top .t1 > .t1_a{
    width: 33.333333%;
  }
}
.hospital .top .t2{
  height: 1.5rem;
  width: 100%;
  background: var(--clr-base-300);
}
.hospital .top .t3{
  height: 50px;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
.hospital .top .t3 .t3_a{
  height: 50px;
  border-top-width: 8px;
  border-color: var(--clr-base-200);
  background-color: var(--clr-base-100);
}
.hospital .bottom{
  position: relative;
  height: 148px;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
}
.hospital .bottom .b1{
  display: flex;
  height: 148px;
  justify-content: center;
  border-top-width: 10px;
  border-color: var(--clr-base-300);
  background-color: var(--clr-base-100);
}
.hospital .bottom .b1 .b1_a{
  display: grid;
  height: 100%;
  width: 83.333333%;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0.625rem;
  border-left-width: 10px;
  border-right-width: 10px;
}
@media (min-width: 768px){
  .hospital .bottom .b1 .b1_a{
    gap: 1rem;
  }
}
.hospital .bottom .b1 .b1_a {
  background: var(--clr-base-100);
  border-color: var(--clr-base-300);
}
@media (min-width: 768px) {
  .hospital .bottom .b1 .b1_a{
    width: 50%;
  }
}
.hospital .bottom .b1 .b1_a .b1_a_1{
  position: relative;
  grid-column: span 4 / span 4;
  background: var(--glass);
}
.hospital .bottom .b1 .b1_a .b1_a_1:before {
  position: absolute;
  top: 0;
  left: 0px;
  content: "";
  height: 8px;
  width: 100%;
  background: var(--clr-base-700);
  opacity: 0.7;
}
.hospital .bottom .b1 .b1_a .b1_a_2{
  grid-column: span 4 / span 4;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}
.hospital .bottom .b1 .b1_a .b1_a_2 .b1_a_2_a,
.hospital .bottom .b1 .b1_a .b1_a_2 .b1_a_2_b{
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: column;
  gap: 0.5rem;
}
.hospital .bottom .b1 .b1_a .b1_a_2 .b1_a_2_a > div:first-child,
.hospital .bottom .b1 .b1_a .b1_a_2 .b1_a_2_b > div:first-child{
  position: relative;
  height: 1.5rem;
  flex: none;
  background: var(--glass);
}
.hospital .bottom .b1 .b1_a .b1_a_2 .b1_a_2_a > div:first-child:before,
.hospital .bottom .b1 .b1_a .b1_a_2 .b1_a_2_b > div:first-child:before {
  position: absolute;
  top: 0;
  left: 0px;
  content: "";
  height: 8px;
  width: 100%;
  background: var(--clr-base-700);
  opacity: 0.7;
}
.hospital .bottom .b1 .b1_a .b1_a_2 .b1_a_2_a > div:last-child,
.hospital .bottom .b1 .b1_a .b1_a_2 .b1_a_2_b > div:last-child{
  flex: 1 1 0%;
  background: var(--glass);
}
.hospital .bottom .b1 .b1_a .b1_a_2 .b1_a_2_a > div:last-child{
  position: relative;
}
.hospital .bottom .b1 .b1_a .b1_a_2 .b1_a_2_a > div:last-child:after{
  position: absolute;
  height: 1.5rem;
  width: 0.25rem;
  content: "";
  right: 8px;
  top: 50%;
  background-color: var(--clr-base-100);
}
.hospital .bottom .b1 .b1_a .b1_a_2 .b1_a_2_b > div:last-child{
  position: relative;
}
.hospital .bottom .b1 .b1_a .b1_a_2 .b1_a_2_b > div:last-child:after{
  position: absolute;
  height: 1.5rem;
  width: 0.25rem;
  content: "";
  left: 8px;
  top: 50%;
  background-color: var(--clr-base-100);
}
.hospital .bottom .b1 .b1_a .b1_a_3{
  position: relative;
  grid-column: span 4 / span 4;
  background: var(--glass);
}
.hospital .bottom .b1 .b1_a .b1_a_3:before {
  position: absolute;
  top: 0;
  left: 0px;
  content: "";
  height: 8px;
  width: 100%;
  background: var(--clr-base-700);
  opacity: 0.7;
}
.hospital .bottom:before{
  position: absolute;
  content: "";
  bottom: 0px;
  left: -30px;
  width: 154px;
  height: 52px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNTQuMzgzIiBoZWlnaHQ9IjUyLjI0NyIgdmlld0JveD0iMCAwIDE1NC4zODMgNTIuMjQ3Ij4KICA8ZyBpZD0iYnVzaF9sZyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwNS4zNzkgLTk2My41MzUpIj4KICAgIDxwYXRoIGlkPSJQYXRoXzIzMDAiIGRhdGEtbmFtZT0iUGF0aCAyMzAwIiBkPSJNMTA2LjM0NSwxMDE1Ljc4MkgyMDYuNjU5YTE2LjU3NSwxNi41NzUsMCwwLDAsMi4xNzYtMjEuNDY3LDE0LjQ5MiwxNC40OTIsMCwwLDAtMjAuMDQxLTMuOTkxLDIwLjg3LDIwLjg3LDAsMCwwLTQuMDQtMjAuNTI1LDE4LjIsMTguMiwwLDAsMC0xOS4xMzEtNS40MjksMTkuNjQ5LDE5LjY0OSwwLDAsMC0xMy4xOTIsMTUuNjM5LDguOTYyLDguOTYyLDAsMCwwLTEwLjE2MiwxLDEwLjI2NSwxMC4yNjUsMCwwLDAtMy4yODgsMTAuMjI3LDIwLjEwNSwyMC4xMDUsMCwwLDAtMjQuNzQ1LS4yODJBMjMsMjMsMCwwLDAsMTA2LjM0NSwxMDE1Ljc4MloiIGZpbGw9IiM3NWE0MjkiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgogICAgPHBhdGggaWQ9IlBhdGhfMjMwMSIgZGF0YS1uYW1lPSJQYXRoIDIzMDEiIGQ9Ik0yNTkuMTQ1LDEwMTUuNzgySDE5NS4xYTEwLjU4MSwxMC41ODEsMCwwLDEtMS4zOS0xMy43LDkuMjU0LDkuMjU0LDAsMCwxLDEyLjc5NS0yLjU0OCwxMy4zMjQsMTMuMzI0LDAsMCwxLDIuNTc5LTEzLjFBMTEuNjE4LDExLjYxOCwwLDAsMSwyMjEuMyw5ODIuOTZhMTIuNTQ0LDEyLjU0NCwwLDAsMSw4LjQyMiw5Ljk4NCw1LjcyMyw1LjcyMywwLDAsMSw2LjQ4OC42MzcsNi41NTUsNi41NTUsMCwwLDEsMi4xLDYuNTI5LDEyLjgzOCwxMi44MzgsMCwwLDEsMTUuOC0uMThBMTQuNjg3LDE0LjY4NywwLDAsMSwyNTkuMTQ1LDEwMTUuNzgyWiIgZmlsbD0iIzc1YTQyOSIgZmlsbC1ydWxlPSJldmVub2RkIi8+CiAgPC9nPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  z-index: 10;
}
.hospital .bottom:after{
  position: absolute;
  content: "";
  bottom: 0px;
  right: -10px;
  width: 82px;
  height: 40px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MS45MDkiIGhlaWdodD0iNDAuMjE0IiB2aWV3Qm94PSIwIDAgODEuOTA5IDQwLjIxNCI+CiAgPHBhdGggaWQ9ImJ1c2hfc21hbGwiIGQ9Ik04NDQuNDE4LDEwMTYuMjc5SDc2Ny4yMDlhMTIuNzU5LDEyLjc1OSwwLDAsMS0xLjY3NS0xNi41MjMsMTEuMTU0LDExLjE1NCwwLDAsMSwxNS40MjUtMy4wNzIsMTYuMDY1LDE2LjA2NSwwLDAsMSwzLjExLTE1LjgsMTQuMDA2LDE0LjAwNiwwLDAsMSwxNC43MjQtNC4xNzksMTUuMTIyLDE1LjEyMiwwLDAsMSwxMC4xNTQsMTIuMDM3LDYuOSw2LjksMCwwLDEsNy44MjEuNzY4LDcuOSw3LjksMCwwLDEsMi41MzEsNy44NzEsMTUuNDc4LDE1LjQ3OCwwLDAsMSwxOS4wNDYtLjIxN0ExNy43LDE3LjcsMCwwLDEsODQ0LjQxOCwxMDE2LjI3OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03NjMuMjUzIC05NzYuMDY1KSIgZmlsbD0iIzc1YTQyOSIgZmlsbC1ydWxlPSJldmVub2RkIi8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  z-index: 10;
}
.hospital .middle{
  position: relative;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0px;
  padding-left: 2rem;
  padding-right: 2rem;
}
.hospital .middle .floor{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.25rem;
  border-top-width: 10px;
  padding-left: 26px;
  padding-right: 26px;
  padding-bottom: 26px;
}
@media (min-width: 768px){
  .hospital .middle .floor{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.hospital .middle .floor {
  border-color: var(--clr-base-300);
  background-color: var(--clr-base-100);
}
.hospital .middle .floor .room{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.25rem;
}
@media (min-width: 768px){
  .hospital .middle .floor .room{
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem;
  }
}
.hospital .middle .floor .room .room_r{
  grid-column: span 1 / span 1;
}
@media (min-width: 768px) {
  .hospital .middle .floor .room .room_r{
    grid-column: span 10 / span 10;
  }
}
.hospital .middle .floor .room .room_w{
  grid-column: span 1 / span 1;
  display: none;
}
@media (min-width: 768px) {
  .hospital .middle .floor .room .room_w{
    grid-column: span 2 / span 2;
    display: grid;
  }
}
.hospital .middle .floor .room_r figure{
  position: relative;
  cursor: pointer;
  overflow: hidden;
  border-left-width: 10px;
  border-right-width: 10px;
  border-color: var(--clr-base-300);
}
@media (min-width: 768px) {
  .hospital .middle .floor .room_r figure{
    border-style: none;
  }
}
.hospital .middle .floor .room_r figure .caption{
  position: absolute;
  z-index: 10;
  height: 100%;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: hsl( var(--clr-theme) / var(--tw-bg-opacity, 1) );
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 1rem;
  padding-right: 1rem;
  transition: all 0.3s ease-in-out;
  top: 0;
  left: 0px;
  transform: translateY(calc(100% - var(--heading-height)));
}
.hospital .middle .floor .room_r figure .caption .heading{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: var(--font-sans);
  font-size: var(--font-size-xs);
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
  height: var(--heading-height);
  line-height: 1;
}
@media (min-width: 768px) {
  .hospital .middle .floor .room_r figure .caption .heading{
    font-size: var(--font-size-sm);
  }
}
.hospital .middle .floor .room_r figure .caption .text p{
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  font-size: var(--font-size-xs);
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {
  .hospital .middle .floor .room_r figure .caption .text p{
    font-size: var(--font-size-sm);
  }
}
.hospital .middle .floor .room_r figure .caption .action {
  position: absolute;
  bottom: 16px;
  right: 16px;
}
.hospital .middle .floor .room_r figure.active .caption{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  transform: translateY(0px);
  transition: all 0.3s ease-out;
}
.hospital .middle .floor .room_w{
  grid-column: span 1 / span 1;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}
.hospital .middle .floor .room_w > div{
  position: relative;
  background-image: var(--glass);
  background-position: 0 0;
  background-size: 100% 100%;
  transition: all 0.3s ease-in;
  background-repeat: repeat-x;
  opacity: 1;
}
.hospital .middle .floor .room_w > div:before {
  position: absolute;
  top: 0;
  left: 0px;
  content: "";
  height: 8px;
  width: 100%;
  background: var(--clr-base-700);
  opacity: 0.7;
}
.hospital .middle .floor .room:hover .room_w > div {
  background-position: 50px 0;
  background-size: 150% 100%;
  transition: all 0.3s ease-out;
  opacity: 0.3;
}
.hospital .cross {
  --size: 37px;
  --width: 14px;
  position: relative;
  width: var(--size);
  height: var(--size);
  opacity: 1;
}
.hospital .cross:hover {
  opacity: 1;
}
.hospital .cross:before,
.hospital .cross:after {
  position: absolute;
  left: var(--width);
  content: " ";
  height: var(--size);
  width: var(--width);
  background-color: var(--clr-orange);
}
.hospital .cross:before {
  transform: rotate(0deg);
}
.hospital .cross:after {
  transform: rotate(90deg);
}

.background-sky {
  background: #d3f2f6;
  background: url("/assets/img/building_bg.png"), linear-gradient(to bottom, #d3f2f6, #ffffff);
  background-position: left bottom, top right;
  background-repeat: repeat-x;
}

.leader-component-country .slide {
  flex: 0 0 100%;
  scroll-snap-align: center;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  cursor: pointer;
}
.leader-component-country button {
  cursor: pointer;
  pointer-events: all !important;
  border: 0px;
  border-radius: 999999px;
  background: transparent;
}
.leader-component-country button > svg {
  width: 2.25rem;
  height: 2.25rem;
  color: hsl(var(--clr-orange));
  background-color: #ffffff;
  border-radius: 999999px;
  aspect-ratio: 1/1;
  pointer-events: none;
}
.leader-component-country button.disabled {
  filter: saturate(0);
  pointer-events: none;
  opacity: 0.5;
}
.leader-component-country .quote-wrapper {
  display: none;
  flex-direction: row;
  gap: 1.75rem;
  flex: 1 1 auto;
}
.leader-component-country .quote-wrapper.active {
  display: flex;
}
.leader-component-country .quote-wrapper > div {
  width: 50%;
}
@media (max-width: 768px) {
  .leader-component-country .quote-wrapper {
    flex-direction: column;
  }
  .leader-component-country .quote-wrapper > div {
    width: 100%;
  }
}
.leader-component-country .quote {
  position: relative;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0.6rem;
  text-wrap: balance;
}
.leader-component-country .quote::before {
  content: "“";
  position: absolute;
  left: -1.4rem;
  top: -3.3rem;
  font-size: 7rem;
  font-weight: 700;
  color: hsl(var(--clr-orange));
  opacity: 0.2;
}
.leader-component-country .quote-author {
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.25;
  margin: 0px;
  text-transform: uppercase;
  color: hsl(var(--clr-orange));
}
.leader-component-country .quote-image {
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.leader-component-country .quote-role {
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.25;
  margin: 0px;
  color: hsl(var(--clr-blue));
}

.leader-component-region {
  --container-display: flex;
  --container-flex-direction: column;
  --container-gap: 1.75rem;
  --container-margin-top: 0rem;
  --carousel-wrapper: 100%;
  --carousel-before-gradient: none;
  --carousel-after-gradient: none;
  --controls-top: 25%;
}
@media (min-width: 1024px) {
  .leader-component-region {
    --carousel-wrapper: 50%;
    --container-gap: 4rem;
    --container-flex-direction: row;
  }
}
.leader-component-region .slide {
  flex: 0 0 100%;
  scroll-snap-align: start;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  cursor: pointer;
}
.leader-component-region .prevBtn {
  transform: translateX(-40px);
}
.leader-component-region .nextBtn {
  transform: translateX(40px);
}
@media (min-width: 1024px) {
  .leader-component-region .prevBtn {
    transform: translateX(-50px);
  }
  .leader-component-region .nextBtn {
    transform: translateX(50px);
  }
}
.leader-component-region button {
  cursor: pointer;
  pointer-events: all !important;
  border: 0px;
  background: transparent;
}
.leader-component-region button > svg {
  color: var(--clr-blue-175);
  aspect-ratio: 1/1;
  pointer-events: none;
}
.leader-component-region button:hover > svg {
  color: hsl(var(--clr-blue-300));
}
.leader-component-region button.disabled {
  filter: saturate(0);
  pointer-events: none;
  opacity: 0.2;
}
.leader-component-region .quote-wrapper {
  display: none;
  flex-direction: row;
  gap: 1.75rem;
  flex: 1 1 auto;
}
.leader-component-region .quote-wrapper.active {
  display: flex;
}
.leader-component-region .quote-wrapper > div {
  width: 50%;
}
@media (max-width: 1024px) {
  .leader-component-region .quote-wrapper {
    flex-direction: column;
  }
  .leader-component-region .quote-wrapper > div {
    width: 100%;
  }
}
.leader-component-region .quote {
  position: relative;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0.6rem;
  text-wrap: balance;
}
.leader-component-region .quote-author {
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.25;
  margin: 0px;
  text-transform: uppercase;
  color: hsl(var(--clr-orange));
}
.leader-component-region .quote-image {
  width: 100%;
  height: auto;
  aspect-ratio: 474/538;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.leader-component-region .quote-role {
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.25;
  margin: 0px;
  color: hsl(var(--clr-blue));
}

header.page-header {
  position: relative;
  overflow: hidden;
  height: 50vh;
  max-height: 500px;
  background-image: linear-gradient(130deg, rgba(0, 59, 92, 0.7), rgba(0, 0, 0, 0.9));
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
@media (min-width: 768px) {
  header.page-header {
    background-attachment: initial;
  }
}
header.page-header h1, header.page-header p{
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}
header.page-header span.font-family-serif {
  text-transform: initial;
  font-style: italic;
}

header.page-header.page-header--hero {
  height: 65vh;
  max-height: 600px;
}
header.page-header.page-header--hero .header-title{
  font-family: var(--font-serif);
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
  position: relative;
  margin: 24px auto 0;
  width: 100%;
}
header.page-header.page-header--hero .header-title span{
  font-size: var(--font-size-7xl);
}
@media (min-width: 768px) {
  header.page-header.page-header--hero .header-title{
    font-size: var(--font-size-9xl);
    width: 80%;
  }
}
@media (min-width: 1024px) {
  header.page-header.page-header--hero .header-title {
    width: 50%;
  }
  header.page-header.page-header--hero .header-title span{
    font-size: var(--font-size-10xl);
  }
}
@media (min-width: 1280px) {
  header.page-header.page-header--hero .header-title {
    width: 40%;
  }
}
header.page-header.page-header--hero .header-title::before, header.page-header.page-header--hero .header-title::after {
  content: "";
  position: absolute;
  top: 50%;
  height: 210px;
  width: 80px;
  background: url("https://cdn.jensenhughes.com/assets/bracket.png") no-repeat;
  background-size: contain;
}
header.page-header.page-header--hero .header-title::before {
  left: -20%;
  transform: translate(0, -50%);
}
header.page-header.page-header--hero .header-title::after {
  right: -20%;
  transform: rotate(180deg) translate(0, 50%);
}
@media (min-width: 768px) {
  header.page-header.page-header--hero .header-title::before {
    left: -10%;
  }
  header.page-header.page-header--hero .header-title::after {
    right: -10%;
  }
}
@media (max-width: 576px) {
  header.page-header.page-header--hero .header-title::before {
    left: -15%;
  }
  header.page-header.page-header--hero .header-title::after {
    right: -15%;
  }
}
@media (min-width: 1280px) {
  header.page-header.page-header--hero .header-title {
    max-width: 650px;
  }
  header.page-header.page-header--hero .header-title::before {
    left: -20%;
  }
  header.page-header.page-header--hero .header-title::after {
    right: -20%;
  }
}
header.page-header.page-header--hero .header-subtitle {
  font-weight: 500;
  color: white;
}
header.page-header.page-header--hero .header-description{
  font-size: var(--font-size-4xl);
  display: inline-block;
}
@media (max-width: 768px) {
  header.page-header.page-header--hero .header-description {
    width: 80%;
  }
}
@media (min-width: 1024px) {
  header.page-header.page-header--hero .header-description {
    width: 70%;
  }
}
@media (min-width: 1280px) {
  header.page-header.page-header--hero .header-description {
    width: 60%;
  }
}
header.page-header.page-header--hero > div:not(.layer) {
  position: relative;
  z-index: 3;
}
header.page-header.page-header--hero::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 150%;
  width: 100%;
  transform: translate(-50%, -50%);
  background-image: radial-gradient(circle closest-side, rgba(0, 0, 0, 0.6), transparent);
  background-repeat: no-repeat;
  z-index: 0;
}
header.page-header.page-header--hero::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -30vh;
  height: 30vh;
  width: 150%;
  transform: rotate(5deg);
  transform-origin: 100% 0;
  background: rgb(var(--clr-white));
  z-index: 2;
}

header.page-header.page-header--bespoke::before, header.page-header.page-header--generic::before, header.page-header.page-header--insight::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(130deg, rgba(0, 59, 92, 0.7), rgba(0, 0, 0, 0.9));
  z-index: 1;
}
header.page-header.page-header--bespoke > div:not(.layer), header.page-header.page-header--generic > div:not(.layer), header.page-header.page-header--insight > div:not(.layer) {
  position: relative;
  z-index: 3;
}

header.page-header.page-header--insight-blog .blog-subheading p{
  font-family: var(--font-serif);
  font-weight: 600;
  font-size: 20px;
}

header.page-header.page-header--insight-article {
  min-height: 500px;
}
header.page-header.page-header--insight-article .author-name {
  font-weight: 300;
  font-size: 18px;
  text-transform: uppercase;
}
header.page-header.page-header--insight-article h1 {
  font-size: 30px;
}
@media (min-width: 768px) {
  header.page-header.page-header--insight-article h1 {
    font-size: 36px;
  }
}
@media screen and (max-width: 0px) {
  header.page-header.page-header--insight-article {
    height: 100vh;
  }
}
header.page-header.page-header--insight-article .badge--insight{
  top: 1.25rem;
  background-color: rgba(var(--clr-white) / 0.7);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: var(--font-serif);
  position: absolute;
  display: inline;
  left: 50%;
  border-radius: 13px;
  color: rgb(var(--clr-white));
  transform: translateX(-50%);
}

div.leadership-page-header header.page-header {
  background-position: bottom;
  background-attachment: scroll;
}

.project-details {
  position: relative;
  overflow: hidden;
  padding: 50px 24px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.project-details:after {
  content: "";
  background-image: linear-gradient(130deg, rgba(0, 59, 92, 0.7), rgba(0, 59, 92, 0.9));
  background-repeat: repeat-x;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
@media screen and (min-width: breakpoint-max("md")) {
  .project-details {
    padding: 100px 24px;
  }
}
@media screen and (max-width: breakpoint-max("md")) {
  .project-details {
    background-attachment: initial;
  }
}
.project-details h3 {
  position: relative;
  z-index: 10;
  color: #ffffff;
}
.project-details .project-details-content {
  position: relative;
  z-index: 10;
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
  align-items: start;
  justify-content: center;
  text-align: left;
  padding-top: 32px;
  color: white;
}
.project-details .project-details-content h6 {
  font-size: 15px;
  line-height: 21px;
  letter-spacing: -0.26px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: 100;
  font-family: "GothamHTF-Book", sans-serif;
}
.project-details .project-details-content p {
  font-size: 15px;
  line-height: 21px;
  letter-spacing: -0.36px;
  color: #FFFFFF;
  font-weight: bold;
}
.project-details .project-details-content a {
  font-size: 15px;
  line-height: 21px;
  letter-spacing: -0.36px;
  color: #FFFFFF;
  font-weight: bold;
}
.project-details .project-details-content a:hover {
  color: #F37721;
}
.project-details .project-details-content > div {
  flex: 1 1 auto;
  text-align: center;
}
@media screen and (min-width: breakpoint-max("sm")) {
  .project-details .project-details-content > div {
    width: 30%;
    text-align: left;
  }
}
@media screen and (min-width: breakpoint-max("md")) {
  .project-details .project-details-content > div {
    width: 20%;
  }
  .project-details .project-details-content.col3 > div {
    width: 30.333%;
  }
}

.bg-img,
.bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  font-family: "object-fit: cover;";
}

.img-halo {
  position: relative;
  z-index: 1;
}

.img-halo:before {
  content: "+";
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.7rem;
  font-weight: 100;
  color: hsl(var(--clr-orange-500));
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #ffffff;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  transform: translate(-29px, -29px);
  z-index: 2;
}

.img-halo:after {
  content: "";
  border: 2px solid hsl(var(--clr-orange-500));
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0;
  bottom: 0;
  width: 98.5%;
  height: 98.5%;
  transform: translate(-16px, -16px);
}

.halo {
  position: relative;
  z-index: 1;
}

.halo:before {
  content: "+";
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.7rem;
  font-weight: 100;
  color: hsl(var(--clr-orange-500));
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #ffffff;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  z-index: 2;
  transform: translate(-13px, -13px);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.halo:after {
  content: "";
  border: 2px solid hsl(var(--clr-orange-500));
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0;
  bottom: 0;
  width: 98.5%;
  height: 98.5%;
  transform: translate(0px, 0px);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.halo.halo-grid:after {
  width: 100%;
}

.halo-bg-blue-175:before {
  background-color: rgb(231, 235, 238);
}

.halo-full:after {
  width: 100%;
  height: 100%;
}

.number-halo {
  position: relative;
  z-index: 1;
}

.number-halo:before {
  content: "+";
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.7rem;
  font-weight: 100;
  color: hsl(var(--clr-orange-500));
  position: absolute;
  top: 0px;
  left: 0px;
  /*background-color: hsl(195, 46%, 33%);*/
  width: 29px;
  height: 29px;
  border-radius: 50%;
  z-index: 2;
  transform: translate(-28px, -28px);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.number-halo:after {
  content: "";
  border: 2px solid hsl(var(--clr-orange-500));
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0;
  bottom: 0;
  width: 101%;
  height: 101%;
  transform: translate(-15px, -15px);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  clip-path: polygon(20px 0, 100% 0, 100% 100%, 0 100%, 0 20px);
}

.rich-text figure.media {
  margin-top: 24px;
}

.rich-text figure.media > iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}

/* 
*  _nav.scss TABLE OF CONTENTS
*   
*  1.0 - Nav Brand
*  2.0 - Nav Level1 List
*  3.0 - Nav Level2 Variants
*  4.0 - Global Nav main
*  5.0 - Global Nav Search Container
*  6.0 - Global Nav Search
*  7.0 - Global Mobile Nav Button
*  8.0 - Global Nav Search Results
*  9.0 - Nav Sites
*/
nav.global-nav {
  --nav-font-weight: 500;
  --nav-bg-color: hsl(var(--clr-orange-700));
  --nav-border-color: #D7DEE2;
  --nav-color: #12385A;
  --nav-active-color: #ffffff;
  --nav-level3-bg-color: #ffffff;
  --nav-level3-active-color: hsl(var(--clr-orange-700));
  position: relative;
  display: flex;
  width: 100%;
  height: 67px;
  background-color: #ffffff;
  z-index: 104;
  flex-direction: row-reverse;
  justify-content: flex-end;
  /*
  * 01 - NAV BRAND
  */
  /*
  * 02 - NAV LEVEL1 LIST
  */
  /*
  * 03 - NAV LEVEL2 VARIANTS
  */
}
@media screen and (min-width: 1504px) {
  nav.global-nav {
    flex-direction: row;
    justify-content: flex-start;
  }
}
nav.global-nav .position-relative {
  position: relative;
}
nav.global-nav > .nav-brand {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: inherit;
  width: 297px;
  margin-left: -77px;
  outline: none;
  z-index: 9;
  flex: 1 1 auto;
}
nav.global-nav > .nav-brand > svg {
  width: 220px;
}
@media screen and (min-width: 1504px) {
  nav.global-nav > .nav-brand {
    width: 297px;
    flex: 0 0 auto;
    justify-content: flex-start;
    padding-left: 24px;
    margin-left: 0px;
  }
}
nav.global-nav .nav-level1-list {
  display: flex;
  justify-content: space-between;
  height: inherit;
  margin: 0px;
  padding: 0px;
  list-style: none;
  flex: 1 1 auto;
  max-width: 900px;
}
nav.global-nav .nav-level1-list .nav-level1-item {
  list-style: none;
}
nav.global-nav .nav-level1-list .nav-level1-item > a {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0px 20px;
  line-height: 67px;
  font-size: 12px;
  text-transform: uppercase;
  color: var(--nav-color);
  outline: none;
  white-space: nowrap;
  letter-spacing: 0.025em;
}
nav.global-nav .nav-level1-list .nav-level1-item > a:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 0px;
  background-color: var(--nav-color);
  transition: height 0.1s ease-out;
}
nav.global-nav .nav-level1-list .nav-level1-item > a:focus, nav.global-nav .nav-level1-list .nav-level1-item > a:hover {
  font-weight: var(--nav-hover-font-weight);
}
nav.global-nav .nav-level1-list .nav-level1-item > a:focus:after, nav.global-nav .nav-level1-list .nav-level1-item > a:hover:after {
  height: 6px;
}
nav.global-nav .nav-level1-list .nav-level1-item > a:focus + .nav-level2-variant1, nav.global-nav .nav-level1-list .nav-level1-item > a:focus + .nav-levl2-variant2, nav.global-nav .nav-level1-list .nav-level1-item > a:focus + .nav-level2-variant3 {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease;
}
nav.global-nav .nav-level1-list .nav-level1-item > a.region,
nav.global-nav .nav-level1-list .nav-level1-item > a.language {
  position: relative;
}
nav.global-nav .nav-level1-list .nav-level1-item > a.region > span,
nav.global-nav .nav-level1-list .nav-level1-item > a.language > span {
  margin-left: 4px;
}
nav.global-nav .nav-level1-list .nav-level1-item > a.region svg,
nav.global-nav .nav-level1-list .nav-level1-item > a.language svg {
  margin-top: -2px;
}
nav.global-nav .nav-level1-list .nav-level1-item:hover > .nav-level2 {
  width: 100%;
  height: 58px;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease, width 0s ease-out 0s, height 0s ease-out 0s;
}
nav.global-nav .nav-level1-list .nav-level1-item:hover > .nav-level2-variant1,
nav.global-nav .nav-level1-list .nav-level1-item:hover > .nav-level2-variant2,
nav.global-nav .nav-level1-list .nav-level1-item:hover > .nav-level2-variant3 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
nav.global-nav .nav-level1-list .nav-level1-item:hover > a {
  font-weight: var(--nav-hover-font-weight);
}
nav.global-nav .nav-level1-list .nav-level1-item:hover > a:after {
  height: 6px;
}
nav.global-nav .nav-level2-variant1,
nav.global-nav .nav-level2-variant2,
nav.global-nav .nav-level2-variant3 {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  left: 0px;
  top: 67px;
  background-color: #ffffff;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.16);
  transform: translateY(-6px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
nav.global-nav .nav-level2-variant1 > a,
nav.global-nav .nav-level2-variant2 > a,
nav.global-nav .nav-level2-variant3 > a {
  display: flex;
  align-items: center;
  width: 100%;
  transition: all 0.2s ease;
  color: var(--nav-color);
}
nav.global-nav .nav-level2-variant1 > a > .fa,
nav.global-nav .nav-level2-variant2 > a > .fa,
nav.global-nav .nav-level2-variant3 > a > .fa {
  opacity: 0;
  transform: translateX(-10px);
  font-size: 11px;
  transition: all 0.2s ease;
}
nav.global-nav .nav-level2-variant1 > a:hover, nav.global-nav .nav-level2-variant1 > a:focus,
nav.global-nav .nav-level2-variant2 > a:hover,
nav.global-nav .nav-level2-variant2 > a:focus,
nav.global-nav .nav-level2-variant3 > a:hover,
nav.global-nav .nav-level2-variant3 > a:focus {
  color: var(--nav-active-color);
  background-color: var(--nav-bg-color);
}
nav.global-nav .nav-level2-variant1 > a:hover > .fa, nav.global-nav .nav-level2-variant1 > a:focus > .fa,
nav.global-nav .nav-level2-variant2 > a:hover > .fa,
nav.global-nav .nav-level2-variant2 > a:focus > .fa,
nav.global-nav .nav-level2-variant3 > a:hover > .fa,
nav.global-nav .nav-level2-variant3 > a:focus > .fa {
  opacity: 1;
  transform: translateX(0px);
}
nav.global-nav .nav-level2-variant1 > a.text-secondary,
nav.global-nav .nav-level2-variant2 > a.text-secondary,
nav.global-nav .nav-level2-variant3 > a.text-secondary {
  color: hsl(var(--clr-orange));
}
nav.global-nav .nav-level2-variant1 {
  width: -moz-min-content;
  width: min-content;
}
nav.global-nav .nav-level2-variant1 > a {
  display: flex;
  align-items: flex-start;
  padding: 16px 25px;
  font-size: 0.875rem;
  font-weight: var(--nav-font-weight);
  text-wrap: nowrap;
  border-bottom: 1px solid var(--nav-border-color);
  color: var(--nav-color);
}
nav.global-nav .nav-level2-variant2 {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}
nav.global-nav .nav-level2-variant2 a {
  display: flex;
  align-items: center;
  padding: 16px 25px;
  font-size: 0.875rem;
  line-height: 19px;
  font-weight: var(--nav-font-weight);
  text-wrap: nowrap;
  border-bottom: 1px solid var(--nav-border-color);
  color: var(--nav-color);
}
nav.global-nav .nav-level2-variant2 a:hover, nav.global-nav .nav-level2-variant2 a:focus {
  color: var(--nav-active-color);
  background-color: var(--nav-bg-color);
}
nav.global-nav .nav-level2-variant2 .nav-level2-variant2_nav-pre {
  width: 369px;
  min-width: 369px;
  max-width: 369px;
  border-right: 1px solid var(--nav-border-color);
}
nav.global-nav .nav-level2-variant2 .nav-level2-variant2_nav-pre > div {
  display: none; /* flex */
  flex-direction: column;
  align-items: start;
  gap: 16px;
  padding: 20px 62px;
  font-size: 0.8125rem;
  line-height: 1.1875rem;
  color: var(--nav-color);
  text-wrap: balance;
}
nav.global-nav .nav-level2-variant2 .nav-level2-variant2_nav-pre > div:has(h4) {
  gap: 8px;
}
nav.global-nav .nav-level2-variant2 .nav-level2-variant2_nav-pre h4 {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: #003B5C;
  text-transform: capitalize;
}
nav.global-nav .nav-level2-variant2 .nav-level2-variant2_nav-pre p {
  font-size: 0.8125rem;
  line-height: 1.0625rem;
  color: #1a1a1a;
}
nav.global-nav .nav-level2-variant2 .nav-level2-variant2_nav-pre img,
nav.global-nav .nav-level2-variant2 .nav-level2-variant2_nav-pre svg {
  width: auto;
  height: 62px;
}
nav.global-nav .nav-level2-variant2 .nav-level2-variant2_nav-pre > div.active {
  display: flex;
}
nav.global-nav .nav-level2-variant2 .nav-level2-variant2_nav-items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 0 1 auto;
}
nav.global-nav .nav-level2-variant2 .nav-level2-variant2_nav-items > a {
  width: 33.3333%;
  border-right: 1px solid var(--nav-border-color);
}
nav.global-nav .nav-level2-variant2 .nav-level2-variant2_nav-post {
  flex: 1 0 350px;
}
nav.global-nav .nav-level2-variant3 {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  /*.nav-level2-item:hover > .nav-level3,
  .nav-level2-item:focus-within > .nav-level3,
  .nav-level2-item:focus-visible > .nav-level3,
  .nav-level3:hover,
  .nav-level3:focus-within {
      opacity: 1;
      visibility: visible;
      pointer-events: all;
      transition: opacity .2s ease;
  }*/
}
nav.global-nav .nav-level2-variant3 .nav-level2-variant3_nav-pre {
  grid-column: 1/span 1;
  border-right: 1px solid var(--nav-border-color);
}
nav.global-nav .nav-level2-variant3 .nav-level2-variant3_nav-pre > div {
  display: none;
  flex-direction: column;
  align-items: start;
  gap: 0px;
  width: 369px;
  min-width: 369px;
  max-width: 369px;
  padding: 48px 62px;
  font-size: 13px;
  line-height: 19px;
  color: var(--nav-color);
  text-wrap: balance;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
nav.global-nav .nav-level2-variant3 .nav-level2-variant3_nav-pre > div h4 {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: #003B5C;
  text-transform: capitalize;
  margin-bottom: 8px;
}
nav.global-nav .nav-level2-variant3 .nav-level2-variant3_nav-pre > div p {
  font-size: 13px;
  line-height: 19px;
  color: #1a1a1a;
}
nav.global-nav .nav-level2-variant3 .nav-level2-variant3_nav-pre > div img {
  width: 262px;
  height: auto;
  margin-bottom: 16px;
}
nav.global-nav .nav-level2-variant3 .nav-level2-variant3_nav-pre > div a {
  margin-top: 16px;
}
nav.global-nav .nav-level2-variant3 .nav-level2-variant3_nav-pre > div.active {
  display: flex;
}
nav.global-nav .nav-level2-variant3 .nav-level2-variant3_nav-post {
  flex: 1 0 350px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  padding: 63px 45px;
}
nav.global-nav .nav-level2-variant3 .nav-level2-variant3_nav-post > div {
  width: 75%;
}
nav.global-nav .nav-level2-variant3 .nav-level2-variant3_nav-post h4 {
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  color: #003B5C;
  text-transform: capitalize;
}
nav.global-nav .nav-level2-variant3 .nav-level2-variant3_nav-post p {
  font-size: 0.8125rem;
  line-height: 19px;
  color: #1a1a1a;
}
nav.global-nav .nav-level2-variant3 .nav-level2-variant3_nav-items {
  display: flex;
  flex-direction: column;
  width: 393px;
  min-width: 393px;
  max-width: 393px;
}
nav.global-nav .nav-level2-variant3 .nav-level2-variant3_nav-items .nav-level2-item > a,
nav.global-nav .nav-level2-variant3 .nav-level2-variant3_nav-items > a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 25px;
  font-size: 0.875rem;
  line-height: 1.1875rem;
  font-weight: var(--nav-font-weight);
  text-wrap: nowrap;
  border-bottom: 1px solid var(--nav-border-color);
  border-right: 1px solid var(--nav-border-color);
  transition: padding 0.2s ease-out;
  color: var(--nav-color);
}
nav.global-nav .nav-level2-variant3 .nav-level2-variant3_nav-items .nav-level2-item > a > .fa,
nav.global-nav .nav-level2-variant3 .nav-level2-variant3_nav-items > a > .fa {
  font-size: 0.6875rem;
  transition: all 0.2s ease;
}
nav.global-nav .nav-level2-variant3 .nav-level2-variant3_nav-items .nav-level2-item > a:hover, nav.global-nav .nav-level2-variant3 .nav-level2-variant3_nav-items .nav-level2-item > a:focus,
nav.global-nav .nav-level2-variant3 .nav-level2-variant3_nav-items > a:hover,
nav.global-nav .nav-level2-variant3 .nav-level2-variant3_nav-items > a:focus {
  padding-left: 30px;
  color: var(--nav-active-color);
  background-color: var(--nav-bg-color);
}
nav.global-nav .nav-level2-variant3 .nav-level2-variant3_nav-items .nav-level2-item:hover > a,
nav.global-nav .nav-level2-variant3 .nav-level2-variant3_nav-items .nav-level2-item:focus-within > a {
  color: var(--nav-active-color);
  background-color: var(--nav-bg-color);
}
nav.global-nav .nav-level2-variant3 .nav-level2-item.open > .nav-level3 {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transition: opacity 0.2s ease;
}
nav.global-nav .nav-level2-variant3 .nav-level3 {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: calc(100vw - 762px);
  height: 100%;
  padding: 3rem;
  background-color: var(--nav-level3-bg-color);
  pointer-events: none;
  border-left: 1px solid var(--nav-border-color);
  box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.1) inset;
}
nav.global-nav .nav-level2-variant3 .nav-level3 h4 {
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 500;
  color: #003B5C;
  margin-bottom: 0.625rem;
  text-transform: capitalize;
}
nav.global-nav .nav-level2-variant3 .nav-level3 h4 > a:hover {
  color: var(--nav-level3-active-color);
}
nav.global-nav .nav-level2-variant3 .nav-level3 > button.nav-level3-close {
  width: auto;
  height: auto;
  position: absolute;
  top: 15px;
  right: 20px;
  padding: 10px;
  color: var(--nav-color);
}
nav.global-nav .nav-level2-variant3 .nav-level3 > button.nav-level3-close svg {
  width: 24px;
  height: 24px;
  pointer-events: none;
  fill: currentColor;
}
nav.global-nav .nav-level2-variant3 .nav-level3 > button.nav-level3-close:focus {
  border-radius: 3px;
  outline: 2px solid var(--nav-color);
  outline-offset: 2px;
}
nav.global-nav .nav-level2-variant3 .nav-level3-list {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
  pointer-events: all;
  width: 75%;
}
nav.global-nav .nav-level2-variant3 .nav-level3-list .fa {
  color: var(--nav-level3-active-color);
  transform: translateY(3px);
}
nav.global-nav .nav-level2-variant3 .nav-level3-item {
  display: flex;
  align-items: start;
  gap: 0.375rem;
  margin-bottom: 0.75rem;
  color: var(--nav-color);
  font-size: 0.875rem;
}
nav.global-nav .nav-level2-variant3 .nav-level3-item:hover {
  color: var(--nav-level3-active-color);
}
nav.global-nav .nav-level2-variant3 .nav-level3--all-services {
  --all-services-columns: 3;
  height: auto;
  min-height: 100%;
  padding: 2.5rem 3rem;
}
nav.global-nav .nav-level2-variant3 .nav-level3--all-services .nav-level3-list {
  -moz-column-count: var(--all-services-columns);
       column-count: var(--all-services-columns);
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
  width: calc(100% - 2rem);
}
nav.global-nav .nav-level2-variant3 .nav-level3--all-services .nav-level3-item {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  margin-bottom: 0.5rem;
  font-size: 0.8125rem;
  line-height: 1.35;
}

/*
* 04 - GLOBAL NAV MAIN
*/
.global-nav-main {
  display: none;
  flex: 1 1 auto;
  justify-content: space-between;
  pointer-events: none;
}
@media screen and (min-width: 1504px) {
  .global-nav-main {
    display: flex;
    pointer-events: all;
  }
}
@media screen and (min-width: 1366px) {
  .global-nav-main {
    justify-content: flex-end;
  }
}

/*
* 05 - GLOBAL NAV SEARCH CONTAINER
*/
.global-nav-search-container:focus-within .global-nav-search {
  position: absolute;
  flex-direction: row-reverse;
  right: 131px;
  top: 0px;
  width: calc(100% - 420px);
}
.global-nav-search-container:focus-within .global-nav-search input {
  padding-left: 0px;
}
.global-nav-search-container:focus-within .global-nav-search button[type=submit] {
  padding-right: 18px;
  padding-left: 24px;
  color: var(--nav-color);
}
.global-nav-search-container:focus-within .global-nav-search button[type=reset] {
  display: flex;
}

/*
* 06 - GLOBAL NAV SEARCH
*/
.global-nav-search {
  display: flex;
  flex-direction: row;
  width: 272px;
  height: 67px;
  background-color: #eff3f4;
  transition: all 0.2s ease-out;
}
.global-nav-search .field-group {
  flex: 1 1 auto;
}
.global-nav-search input {
  height: 67px;
  width: 100%;
  background-color: #eff3f4;
  border: none;
  outline: none;
  font-size: 15px;
  padding-left: 37px;
  color: var(--nav-color);
  font-weight: var(--nav-font-weight);
}
.global-nav-search input::-moz-placeholder {
  color: #a3acb1;
  font-size: 12.5px;
  font-weight: 700;
}
.global-nav-search input::placeholder {
  color: #a3acb1;
  font-size: 12.5px;
  font-weight: 700;
}
.global-nav-search button[type=reset] {
  display: none;
  align-items: center;
  padding-right: 24px;
  border: none;
  outline: none;
  background-color: transparent;
  color: var(--nav-color);
}
.global-nav-search button[type=reset] svg {
  width: 12px;
  color: currentColor;
}
.global-nav-search button[type=reset] svg path {
  fill: currentColor;
}
.global-nav-search button[type=reset]:focus {
  color: hsl(var(--clr-orange)) !important;
}
.global-nav-search button[type=submit] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border: none;
  height: 67px;
  padding-right: 37px;
  display: inline-flex;
  background-color: transparent;
  outline: none;
  color: #a3acb1;
}
.global-nav-search button[type=submit] svg {
  fill: currentColor;
}
.global-nav-search button[type=submit] svg path {
  fill: currentColor;
}
.global-nav-search button[type=submit]:focus {
  color: hsl(var(--clr-orange)) !important;
}

/*
* 7 - GLOBAL MOBILE NAV BUTTON
*/
button.global-nav-mobile-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 67px;
  padding: 0px 30px;
  border: none;
  background-color: #ffffff;
  outline: none;
  color: var(--nav-color);
  z-index: 10;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
button.global-nav-mobile-button svg {
  width: 17px;
  fill: currentColor;
}
button.global-nav-mobile-button svg path {
  fill: currentColor;
}
button.global-nav-mobile-button:focus {
  color: hsl(var(--clr-orange));
}
@media screen and (min-width: 1504px) {
  button.global-nav-mobile-button {
    display: none;
  }
}

/*
* 8 - GLOBAL NAV SEARCH RESULTS
*/
.search-results {
  position: absolute;
  top: 77px;
  left: 0px;
  width: 100%;
  pointer-events: none;
}
.search-results .container{
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  border-radius: 6px;
  padding-bottom: 18px;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.16);
}
.search-results .search-results-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
  pointer-events: all;
}
.search-results .search-results-grid .grid-item:not(:last-child) {
  border-right: 1px solid #f2f2f2;
}
.search-results .search-results-list-heading {
  font-size: 14px;
  font-weight: 500;
  color: #676767;
  text-transform: unset;
  padding: 18px;
  border-bottom: 1px solid #f2f2f2;
  text-transform: capitalize;
}
.search-results .search-results-list-heading span {
  font-weight: var(--nav-font-weight);
  color: hsl(var(--clr-orange));
}
.search-results .search-results-list {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.search-results .search-results-list li {
  list-style: none;
  padding: 18px 18px;
  padding-bottom: 0px;
  margin-bottom: 10px;
}
.search-results .search-results-list li > a {
  display: flex;
  align-items: center;
  width: 100%;
  padding-bottom: 8.5px;
  font-size: 14px;
  font-weight: var(--nav-font-weight);
  text-transform: uppercase;
  transition: all 0.1s ease-out;
  border-bottom: 1px solid #f2f2f2;
  color: var(--nav-color);
}
.search-results .search-results-list li > a > .fa {
  opacity: 0;
  margin-left: -10px;
  font-size: 11px;
  transition: all 0.1s ease-out;
}
.search-results .search-results-list li > a > span:not(.fa) {
  margin-left: 5px;
}
.search-results .search-results-list li > a:hover, .search-results .search-results-list li > a:focus {
  color: hsl(var(--clr-orange));
}
.search-results .search-results-list li > a:hover > .fa, .search-results .search-results-list li > a:focus > .fa {
  opacity: 1;
  margin-left: 0px;
}
.search-results .search-results-list li.view-all {
  text-align: center;
}
.search-results .search-results-list li.view-all > a {
  justify-content: center;
  padding-bottom: 0px;
  color: hsl(var(--clr-orange));
  border: none;
  text-align: center;
}
.search-results .search-results-list li.view-all > a > .fa {
  opacity: 1;
  font-size: 11px;
  margin-left: 7px;
  margin-top: -3px;
}

/*
* 9 - NAV SITES
*/
.nav-sites {
  position: relative;
  min-width: 150px;
  /* &:focus-within,*/
}
.nav-sites > button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  padding: 0px 20px;
  line-height: 67px;
  font-size: 12px;
  text-transform: uppercase;
  color: var(--nav-color);
  outline: none;
  white-space: nowrap;
  letter-spacing: 0.025em;
  width: 100%;
}
.nav-sites > button:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 0px;
  background-color: var(--nav-color);
  transition: height 0.1s ease-out;
}
.nav-sites > button:focus, .nav-sites > button:hover {
  font-weight: var(--nav-hover-font-weight);
}
.nav-sites > button:focus:after, .nav-sites > button:hover:after {
  height: 6px;
}
.nav-sites > button.open + .nav-sites-level2 {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease;
}
.nav-sites.open .nav-sites-level2 {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease;
}
.nav-sites .nav-sites-level2 {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  left: 0px;
  top: 67px;
  width: 100% !important;
  background-color: #ffffff;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.16);
  transform: translateY(-6px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.nav-sites .nav-sites-level2 > div {
  width: 100%;
  border-bottom: 1px solid var(--nav-border-color);
}
.nav-sites .nav-sites-level2 > div > a {
  display: block;
  padding: 16px 25px;
  font-size: 0.875rem;
  line-height: 19px;
  font-weight: var(--nav-font-weight);
  text-wrap: nowrap;
  color: var(--nav-color);
  text-transform: uppercase;
}
.nav-sites .nav-sites-level2 > div:hover,
.nav-sites .nav-sites-level2 > div:focus-within {
  background-color: var(--nav-bg-color);
}
.nav-sites .nav-sites-level2 > div:hover > a {
  color: var(--nav-active-color);
}
.nav-sites .nav-sites-level2 > div > a + div {
  width: 100%;
}
.nav-sites .nav-sites-level2 > div > a + div > a {
  display: block;
  padding: 8px 10px;
  padding-left: 35px;
  font-size: 0.875rem;
  line-height: 19px;
  font-weight: normal;
  text-wrap: nowrap;
  color: var(--nav-color);
}
.nav-sites .nav-sites-level2 > div > a + div > a:hover, .nav-sites .nav-sites-level2 > div > a + div > a:focus {
  color: var(--nav-active-color);
  background-color: var(--nav-bg-color);
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
}
/* 
*  _nav-mobile.scss TABLE OF CONTENTS
*   
*  1.0 - Mobile Nav Header
*  2.0 - Mobile Nav Desktop Header
*  3.0 - Mobile Nav Wrapper
*  4.0 - Mobile Nav
*  5.0 - Mobile Nav Search
*  6.0 - Body Open
*  7.0 - Mobile Nav Search Results
*  8.0 - Mobile Nav Faux Heading
*/
body.open {
  overflow: hidden;
}

/*
* 01 - MOBILE NAV HEADER
*/
.mobile-nav-header {
  display: flex;
  justify-content: space-between;
  height: 68px;
  background-color: #ffffff;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 20;
  /* 1280px */
}
@media screen and (min-width: 1504px) {
  .mobile-nav-header {
    display: none;
  }
}
.mobile-nav-header .mobile-nav-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
}
.mobile-nav-header .mobile-nav-brand svg {
  width: 200px;
}
.mobile-nav-header button.close-mobile-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 100%;
  color: hsl(var(--clr-blue));
  border: none;
  background-color: transparent;
  outline: none;
}
.mobile-nav-header button.close-mobile-nav svg {
  width: 15px;
  fill: currentColor;
}
.mobile-nav-header button.close-mobile-nav svg path {
  fill: currentColor;
}
.mobile-nav-header .nav-sites {
  --nav-font-weight: 500;
  --nav-bg-color: #E5EBEE;
  --nav-border-color: #D7DEE2;
  --nav-color: #12385A;
  --nav-active-color: #E57200;
  position: relative;
  z-index: 50;
}
.mobile-nav-header .nav-sites > button {
  line-height: 68px;
}

/*
* 01 - MOBILE NAV DESKTOP HEADER
*/
.mobile-nav-desktop-header {
  display: flex;
  /* 1280px */
}
.mobile-nav-desktop-header button.close-desktop-mobile-nav {
  display: none;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  height: 67px;
  width: 77px;
  border: none;
  background-color: #ffffff;
  outline: none;
  color: hsl(var(--clr-blue));
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.mobile-nav-desktop-header button.close-desktop-mobile-nav svg {
  width: 17px;
  fill: currentColor;
}
.mobile-nav-desktop-header button.close-desktop-mobile-nav svg path {
  fill: currentColor;
}
.mobile-nav-desktop-header button.close-desktop-mobile-nav:focus {
  color: hsl(var(--clr-orange));
}
@media screen and (min-width: 1504px) {
  .mobile-nav-desktop-header button[type=button] {
    display: flex;
  }
}

/*
* 03 - MOBILE NAV WRAPPER
*/
.mobile-nav-wrapper {
  display: flex;
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(21, 38, 57, 0.5);
  z-index: -1;
  cursor: pointer;
}

/*
* 04 - MOBILE NAV
*/
nav.mobile-nav {
  position: absolute;
  top: 0px;
  right: auto;
  left: 0px;
  max-width: 370px;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  pointer-events: none;
  overflow-x: hidden;
  /* 1280px */
  /* 2nd-level items */
  /* 3rd-level items */
}
@media screen and (min-width: 1504px) {
  nav.mobile-nav {
    right: 0px;
    left: auto;
    max-width: 347px;
  }
}
nav.mobile-nav .global-mobile-nav-main {
  position: relative;
}
nav.mobile-nav .mobile-nav-nav {
  overflow-y: scroll;
  overflow-x: hidden;
}
nav.mobile-nav button.mobile-nav-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  height: var(--nav-mobile-base-size);
  width: var(--nav-mobile-base-size);
  min-width: var(--nav-mobile-base-size);
  padding: 0px;
  border: none;
  background-color: transparent;
  outline: none;
  color: hsl(var(--clr-blue));
  border-left: 1px solid var(--nav-mobile-border-color);
}
nav.mobile-nav button.mobile-nav-toggle > span {
  transform: rotate(0deg);
  transform-origin: center center;
  transition: transform 0.2s ease;
}
nav.mobile-nav li.mobile-nav-item.open > div > button.mobile-nav-toggle {
  background-color: var(--nav-mobile-bg-color);
  color: hsl(var(--clr-orange));
}
nav.mobile-nav li.mobile-nav-item.open > div > button.mobile-nav-toggle > span {
  transform: rotate(90deg);
  transform-origin: center center;
  transition: transform 0.2s ease;
}
nav.mobile-nav ul.mobile-nav-list {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
nav.mobile-nav li.mobile-nav-item {
  --multiplier: .7;
  position: relative;
  display: flex;
  flex-direction: column;
  list-style: none;
  overflow: hidden;
}
nav.mobile-nav li.mobile-nav-item:before {
  content: "";
  position: absolute;
  top: var(--nav-mobile-base-size);
  left: 0px;
  display: block;
  width: 0px;
  height: calc(100% - var(--nav-mobile-base-size));
  background-color: var(--nav-mobile-bg-color);
  transition: width 0.2s ease;
}
nav.mobile-nav li.mobile-nav-item > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--nav-mobile-border-color);
}
nav.mobile-nav li.mobile-nav-item a {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  padding-left: 1.5rem;
  padding-right: 1rem;
  line-height: 1rem;
  height: 50px;
  font-size: 13px;
  font-weight: var(--nav-font-weight);
  color: hsl(var(--clr-blue));
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  outline: none;
  letter-spacing: 0.025em;
}
nav.mobile-nav li.mobile-nav-item a span:not(.fa-arrow-right) {
  display: inline-block;
  line-height: 1.6;
}
nav.mobile-nav li.mobile-nav-item a .icon-group {
  display: flex;
}
nav.mobile-nav li.mobile-nav-item a .icon-group > span {
  margin-right: 5px;
}
nav.mobile-nav li.mobile-nav-item a .fa-arrow-right {
  margin-right: 10px;
  color: hsl(var(--clr-orange));
}
nav.mobile-nav li.mobile-nav-item a:focus {
  color: hsl(var(--clr-orange));
}
nav.mobile-nav li.mobile-nav-item.open:before {
  display: block;
  width: calc(1rem * var(--multiplier));
  transition: width 0.2s ease;
}
nav.mobile-nav li.mobile-nav-item.level-1 > div > a {
  text-transform: uppercase;
}
nav.mobile-nav li.mobile-nav-item > div > button.mobile-nav-toggle-label {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 1rem 0 1.5rem;
  border: none;
  background-color: transparent;
  outline: none;
  font-size: 13px;
  line-height: 1rem;
  font-weight: var(--nav-font-weight);
  letter-spacing: 0.025em;
  text-align: left;
  color: hsl(var(--clr-blue));
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
nav.mobile-nav li.mobile-nav-item.open > div > button.mobile-nav-toggle-label {
  color: hsl(var(--clr-orange));
}
nav.mobile-nav li.mobile-nav-item.level-3 > div > a {
  font-weight: normal;
}
nav.mobile-nav li.mobile-nav-item.level-1 {
  --multiplier: 1;
}
nav.mobile-nav li.mobile-nav-item.level-2 {
  --multiplier: 2;
}
nav.mobile-nav ul.mobile-nav-list > li.mobile-nav-item > ul.mobile-nav-list > li.mobile-nav-item > div {
  --level: 1;
  padding-left: calc(var(--nav-mobile-indent) * var(--level));
}
nav.mobile-nav ul.mobile-nav-list > li.mobile-nav-item > ul.mobile-nav-list > li.mobile-nav-item > ul.mobile-nav-list > li.mobile-nav-item > div {
  --level: 2;
  padding-left: calc(var(--nav-mobile-indent) * var(--level));
}
nav.mobile-nav li.mobile-nav-item > ul.mobile-nav-list {
  display: none;
}
nav.mobile-nav li.mobile-nav-item.open > ul.mobile-nav-list {
  display: block;
}

nav.mobile-nav::-webkit-scrollbar,
nav.mobile-nav .mobile-nav-nav::-webkit-scrollbar {
  width: 0px;
  display: none;
}

/*
* 05 - MOBILE NAV SEARCH
*/
.mobile-nav-search-container {
  width: 100%;
}

.mobile-nav-search {
  display: flex;
  flex-direction: row;
  height: 67px;
  background-color: #eff3f4;
}
.mobile-nav-search .field-group {
  flex: 1 1 auto;
}
.mobile-nav-search input {
  height: 67px;
  width: 100%;
  background-color: #eff3f4;
  border: none;
  outline: none;
  font-size: 15px;
  padding-left: 1.5rem;
  color: hsl(var(--clr-blue));
  font-weight: var(--nav-font-weight);
}
.mobile-nav-search input::-moz-placeholder {
  color: #a3acb1;
  font-size: 12.5px;
}
.mobile-nav-search input::placeholder {
  color: #a3acb1;
  font-size: 12.5px;
}
.mobile-nav-search button[type=reset] {
  display: none;
  align-items: center;
  padding-right: 20px;
  border: none;
  outline: none;
  background-color: transparent;
  color: hsl(var(--clr-blue));
}
.mobile-nav-search button[type=reset] svg {
  width: 12px;
  color: currentColor;
}
.mobile-nav-search button[type=reset] svg path {
  fill: currentColor;
}
.mobile-nav-search button[type=reset]:focus {
  color: hsl(var(--clr-orange)) !important;
}
.mobile-nav-search button[type=submit] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border: none;
  height: 67px;
  padding-right: 20px;
  display: inline-flex;
  background-color: transparent;
  outline: none;
  color: #a3acb1;
}
.mobile-nav-search button[type=submit] svg {
  fill: currentColor;
}
.mobile-nav-search button[type=submit] svg path {
  fill: currentColor;
}
.mobile-nav-search button[type=submit]:focus {
  color: hsl(var(--clr-orange)) !important;
}
.mobile-nav-search:focus-within {
  flex-direction: row-reverse;
}
.mobile-nav-search:focus-within input {
  padding-left: 0px;
}
.mobile-nav-search:focus-within button[type=reset] {
  display: flex;
}
.mobile-nav-search:focus-within button[type=submit] {
  padding-right: 18px;
  padding-left: 24px;
  color: hsl(var(--clr-blue));
}

/*
* 06 - BODY OPEN
*/
.open .mobile-nav-wrapper {
  visibility: visible;
  z-index: 150;
}
.open nav.mobile-nav {
  pointer-events: all;
}

/*
* 07 - MOBILE NAV SEARCH RESULTS
*/
.mobile-search-results {
  position: absolute;
  top: 67px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding: 16px;
  background-color: #ffffff;
  z-index: 10;
}
.mobile-search-results:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgb(255, 255, 255);
  z-index: -1;
}
.mobile-search-results .mobile-search-results-filter-label {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  color: #676767;
  text-transform: uppercase;
}
.mobile-search-results .search-results-tabs {
  display: flex;
  overflow-x: scroll;
  width: 100%;
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #f2f2f2;
}
.mobile-search-results .search-results-tabs > .tab {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 12px;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  border: 1px solid #d0d0d0;
  background-color: #ffffff;
  white-space: nowrap;
  outline: none;
}
.mobile-search-results .search-results-tabs > .tab > span {
  font-weight: var(--nav-font-weight);
  color: hsl(var(--clr-orange));
}
.mobile-search-results .search-results-tabs > .tab.active {
  border-color: #153b5c;
}
.mobile-search-results .search-results-tabs > .tab:not(:first-child) {
  margin-left: 8px;
}
.mobile-search-results .search-results-list {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.mobile-search-results .search-results-list li {
  list-style: none;
  padding-bottom: 0px;
  margin-bottom: 18px;
}
.mobile-search-results .search-results-list li > a {
  display: flex;
  align-items: center;
  width: 100%;
  padding-bottom: 18px;
  font-size: 13px;
  font-weight: var(--nav-font-weight);
  text-transform: uppercase;
  border-bottom: 1px solid #f2f2f2;
  color: hsl(var(--clr-blue));
}
.mobile-search-results .search-results-list li > a > .fa {
  color: hsl(var(--clr-orange));
  font-size: 11px;
  margin-right: 10px;
}
.mobile-search-results .search-results-list li.view-all {
  text-align: center;
}
.mobile-search-results .search-results-list li.view-all > a {
  justify-content: center;
  padding-bottom: 0px;
  color: hsl(var(--clr-orange));
  border: none;
  text-align: center;
}
.mobile-search-results .search-results-list li.view-all > a > .fa {
  opacity: 1;
  font-size: 11px;
  margin-left: 7px;
  margin-top: -3px;
}

/**
 * 08 - MOBILE NAV FAUX HEADING
 * EXAMPLE: .mobile-nav-faux-heading
 * USE: Add this to the Node Classes (nodeClasses) input in the navigation plugin
 * Allows a subnav to have a heading that is a link
 * and it's siblings to appear as sub links
 */
nav.global-nav .mobile-nav-faux-heading {
  display: none !important;
}

nav.mobile-nav .mobile-nav-faux-heading {
  margin-left: 0px;
}
nav.mobile-nav .mobile-nav-faux-heading > a > span:not(.fa) {
  font-weight: 700 !important;
  font-family: var(--font-sans);
}
nav.mobile-nav .mobile-nav-faux-heading ~ div:not(.mobile-nav-faux-heading) {
  margin-left: 20px;
}

.process-block {
  position: relative;
  padding: 3rem 0;
}
.process-block .process__step {
  position: relative;
  text-align: center;
  padding: 0 3rem;
  margin-bottom: 3rem;
}
.process-block .process__step img {
  height: 60px;
}
.process-block::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

@media (min-width: 1024px) {
  .process-block .process__step {
    margin-bottom: 0;
  }
  .process-block .process__step figure {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    background-color: hsl(var(--clr-blue));
    width: 120px;
    height: 120px;
    border-radius: 999999px;
  }
  .process-block .process__step:not(:last-of-type)::after {
    content: "";
    position: absolute;
    top: 60px;
    left: 50%;
    height: 2px;
    width: 100%;
    border-bottom: 2px solid hsl(var(--clr-orange));
  }
}
.process-block {
  color: hsl(var(--clr-blue));
}
.process-block.process--none {
  color: hsl(var(--clr-blue));
}
.process-block.process--none img {
  background: hsl(var(--clr-blue)) !important;
}
.process-block.process--none h5 {
  color: hsl(var(--clr-blue));
}
.process-block.process--none::before {
  display: none !important;
}
@media (min-width: 1024px) {
  .process-block.process--none img {
    box-shadow: 0 0 0 10px #f1f1f1;
  }
}
.process-block.process--dark {
  color: #ffffff;
}
.process-block.process--dark img {
  background: hsl(var(--clr-blue));
}
.process-block.process--dark h5 {
  color: #ffffff;
}
.process-block.process--dark::before {
  background: hsl(var(--clr-blue));
}
@media screen and (min-width: breakpoint-min("lg")) {
  .process-block.process--dark img {
    box-shadow: 0 0 0 10px hsl(var(--clr-blue));
  }
}
.process-block.process--light {
  color: hsl(var(--clr-blue));
}
.process-block.process--light img {
  background: #e7ebee !important;
}
.process-block.process--light h5 {
  color: hsl(var(--clr-blue));
}
.process-block.process--light::before {
  background: #e7ebee !important;
}
@media (min-width: 1024px) {
  .process-block.process--light img {
    box-shadow: 0 0 0 10px #e7ebee;
  }
}
.process-block.process--grey {
  color: hsl(var(--clr-blue));
}
.process-block.process--grey img {
  background: #e7e8e8 !important;
}
.process-block.process--grey h5 {
  color: hsl(var(--clr-blue));
}
.process-block.process--grey::before {
  background: #e7e8e8 !important;
}
@media (min-width: 1024px) {
  .process-block.process--grey img {
    box-shadow: 0 0 0 10px #e7e8e8;
  }
}

.campaign-intro{
  position: relative;
  z-index: 10;
}
.campaign-intro .drop-rec {
  content: "";
  width: 75%;
  height: 50px;
  background-color: #E66208;
  position: absolute;
  bottom: -20px;
  right: -20px;
  z-index: 0;
}
.campaign-intro .thefuz {
  width: 400px;
  height: 400px;
  background: radial-gradient(50% 50% at 50% 50%, #E66208 15.1%, rgba(230, 98, 8, 0) 100%);
  position: absolute;
  top: 100px;
  left: -200px;
  z-index: 0;
}

main > .campaign-hero:first-child + section {
  position: relative;
  margin-top: -50px;
  z-index: 10;
}
@media (min-width: 768px) {
  main > .campaign-hero:first-child + section {
    margin-top: -155px;
  }
}
@media (min-width: 1024px) {
  main > .campaign-hero:first-child + section {
    margin-top: -150px;
  }
}
@media (min-width: 1532px) {
  main > .campaign-hero:first-child + section {
    margin-top: -130px;
  }
}
@media (min-width: 1600px) {
  main > .campaign-hero:first-child + section {
    margin-top: -120px;
  }
}

.intro p{
  font-size: var(--font-size-xl);
  line-height: 1.5;
}

@media (min-width: 768px){
  .intro p{
    font-size: var(--font-size-2xl);
  }
}

section.intro-block div.intro-content,
section.intro-block div.intro-content p{
  font-family: var(--font-sans);
  font-size: var(--font-size-tiny);
  font-weight: 400;
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
  line-height: 22.5px;
  text-transform: none;
}
section.intro-block div.intro-content p a{
  font-family: var(--font-sans);
  font-size: var(--font-size-tiny);
  font-weight: 400;
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}
section.intro-block .intro-block-heading{
  font-family: var(--font-serif);
  margin-bottom: 39px;
  text-align: center;
  font-size: 1.5rem;
  text-transform: none !important;
}
section.intro-block h1, section.intro-block h2{
  position: relative;
  margin-bottom: 3rem;
}
section.intro-block h1::after, section.intro-block h2::after {
  content: "";
  border: 1px solid hsl(var(--clr-blue));
  width: 8rem;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -1.5rem;
}

/** Industry Intro Action Card
 * Card is apart of the Intro Call To Action Block
*/
.intro-cta-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(39deg, rgba(0, 59, 92, 0.4823529412) 0%, rgba(194, 81, 0, 0.6352941176) 100%) 0% 0% no-repeat padding-box;
  opacity: 0.75;
  z-index: 1;
}
.intro-cta-card:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(4deg, #002236 0%, rgba(0, 59, 92, 0) 100%) 0% 0% no-repeat padding-box;
  opacity: 1;
  z-index: 1;
}

section.related-carousel{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-blue) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}
section.related-carousel.-alternate{
  --tw-bg-opacity: 1;
  background-color: rgba(var(--clr-white) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}
section.related-carousel.-alternate .related-item-carousel .carousel-end-gradients::before {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 90%, rgba(0, 0, 0, 0) 100%);
}
section.related-carousel.-alternate .related-item-carousel .carousel-end-gradients::after {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.7) 10%);
}
section.related-carousel.-alternate .owl-theme .owl-stage-outer .owl-stage .owl-item .item-content .item-button {
  background: white;
}
section.related-carousel.-alternate .owl-theme .owl-stage-outer .owl-stage .owl-item .item-content .item-button:before {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #ffffff 50%);
}
section.related-carousel.-light {
  color: hsl(var(--clr-blue));
  background-color: rgb(237, 239, 242);
}
section.related-carousel.-light .carousel-end-gradients::before {
  background-image: linear-gradient(to right, rgb(237, 239, 242) 10%, rgba(0, 0, 0, 0) 100%);
}
section.related-carousel.-light .carousel-end-gradients::after {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(237, 239, 242) 90%);
}
section.related-carousel.-light .owl-theme .owl-dots .owl-dot span {
  background: #ffffff;
}
section.related-carousel.-light .owl-theme .owl-dots .owl-dot.active span {
  background: hsl(var(--clr-orange));
}
section.related-carousel.-light .owl-theme .owl-stage-outer .owl-stage .owl-item .item-content .item-button {
  background: white;
}
section.related-carousel.-light .owl-theme .owl-stage-outer .owl-stage .owl-item .item-content .item-button:before {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #ffffff 50%);
}

.thefuz {
  background: radial-gradient(50% 50% at 50% 50%, #a74606 15.1%, rgba(230, 98, 8, 0) 100%);
  background-size: 600px 600px;
  background-position: 15% center;
  z-index: 0;
  background-repeat: no-repeat;
  width: 600px;
  height: 600px;
  position: absolute;
  left: calc(50% - 300px);
  top: calc(50% - 300px);
}
@media (min-width: 768px) {
  .thefuz {
    left: calc(50% - 300px);
    top: calc(50% - 300px);
  }
}

.bg-swirls {
  background-image: url("/assets/img/swirls-lr.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.bg-overlay-blue {
  background: linear-gradient(130deg, rgba(0, 59, 92, 0.7), rgba(0, 0, 0, 0.8));
  z-index: 2;
}

.bg-overlay-blue2 {
  background: linear-gradient(24deg, rgb(0, 12, 18), rgb(0, 59, 92));
  z-index: 2;
}

.quote-bg{
  position: relative;
}
.quote-bg:after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iSWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiI+CiAgPHBhdGggaWQ9Ikljb25fQ29sb3IiIGRhdGEtbmFtZT0iSWNvbiBDb2xvciIgZD0iTTIzLjA0MiwyMkgxNC44OTNhLjk2NS45NjUsMCwwLDEtLjk1OC0uOTY5VjEyLjY5YTIxLjcsMjEuNywwLDAsMSwuNTQ3LTUuMDYsMTIuMjg2LDEyLjI4NiwwLDAsMSwxLjctNC4wMDVBOC4zNDEsOC4zNDEsMCwwLDEsMTkuMDc0Ljk1MSw4LjEzNSw4LjEzNSwwLDAsMSwyMy4wNDIsMCwuOTY1Ljk2NSwwLDAsMSwyNCwuOTdWNC45MmEuOTY1Ljk2NSwwLDAsMS0uOTU4Ljk2OWMtMS44NTksMC0yLjg3MywxLjk2Mi0zLjAxMiw1LjgzaDMuMDEyYS45NjUuOTY1LDAsMCwxLC45NTguOTd2OC4zNEEuOTY1Ljk2NSwwLDAsMSwyMy4wNDIsMjJaTTkuMTA3LDIySC45NThBLjk2NS45NjUsMCwwLDEsMCwyMS4wMzFWMTIuNjlBMjEuNjQxLDIxLjY0MSwwLDAsMSwuNTQ4LDcuNjNhMTIuMjY1LDEyLjI2NSwwLDAsMSwxLjctNC4wMDVBOC4zMzUsOC4zMzUsMCwwLDEsNS4xMzkuOTUxLDguMTM3LDguMTM3LDAsMCwxLDkuMTA3LDBhLjk2NS45NjUsMCwwLDEsLjk1OC45N1Y0LjkyYS45NjUuOTY1LDAsMCwxLS45NTguOTY5Yy0xLjg4NiwwLTIuOTE0LDEuOTYyLTMuMDU2LDUuODNIOS4xMDdhLjk2NS45NjUsMCwwLDEsLjk1OC45N3Y4LjM0QS45NjUuOTY1LDAsMCwxLDkuMTA3LDIyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQgMjIpIHJvdGF0ZSgxODApIiBmaWxsPSIjZTU3MjAwIi8+Cjwvc3ZnPgo=");
  background-position: left top;
  background-size: 100%;
  width: 24px;
  height: 22px;
  position: absolute;
  right: 20px;
  bottom: 20px;
}

.quote-bg-top-left{
  position: relative;
}
.quote-bg-top-left:after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODIiIGhlaWdodD0iNjEiIHZpZXdCb3g9IjAgMCA4MiA2MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzcwXzIpIj4KPHBhdGggZD0iTTc4LjcyNjkgNjFMNTAuODg0NCA2MUM1MC4wMTE4IDYwLjk5NDggNDkuMTc3MiA2MC43MDkyIDQ4LjU2MzcgNjAuMjA1NUM0Ny45NTAxIDU5LjcwMTkgNDcuNjA3NiA1OS4wMjE0IDQ3LjYxMTMgNTguMzEzMkw0Ny42MTEzIDM1LjE4NTlDNDcuNTU0IDMwLjQ2NTkgNDguMTgxMiAyNS43NTY5IDQ5LjQ4MDIgMjEuMTU1OUM1MC41ODY4IDE3LjIwMzQgNTIuNTUzOCAxMy40NDI4IDU1LjI4ODUgMTAuMDUxMUM1Ny44MDU2IDYuOTc0OTkgNjEuMTkzNyA0LjQzMjY5IDY1LjE2OTUgMi42MzY4NUM2OS4zMzkyIDAuODM3NDgzIDc0LjAwNTEgLTAuMDcwMDE3OCA3OC43MjY5IC0xLjMzNTI2ZS0wNUM3OS42MDAxIDAuMDA1MTE3ODkgODAuNDM1MiAwLjI5MTE4NyA4MS4wNDg5IDAuNzk1NDE4QzgxLjY2MjUgMS4yOTk2NSA4Mi4wMDQ2IDEuOTgwODUgODIgMi42ODk1M0w4MiAxMy42NDE4QzgyLjAwMzcgMTQuMzUgODEuNjYxMiAxNS4wMzA1IDgxLjA0NzYgMTUuNTM0MUM4MC40MzQxIDE2LjAzNzggNzkuNTk5NSAxNi4zMjM0IDc4LjcyNjkgMTYuMzI4NkM3Mi4zNzUzIDE2LjMyODYgNjguOTEwOCAyMS43Njg3IDY4LjQzNTkgMzIuNDkzNkw3OC43MjY5IDMyLjQ5MzZDNzkuNjAwMSAzMi40OTg3IDgwLjQzNTIgMzIuNzg0OCA4MS4wNDg5IDMzLjI4OUM4MS42NjI1IDMzLjc5MzIgODIuMDA0NiAzNC40NzQ0IDgyIDM1LjE4MzFMODIgNTguMzA3N0M4Mi4wMDU1IDU5LjAxNjggODEuNjYzOCA1OS42OTg3IDgxLjA1MDEgNjAuMjAzNkM4MC40MzYzIDYwLjcwODQgNzkuNjAwNyA2MC45OTQ5IDc4LjcyNjkgNjFaTTMxLjExNTYgNjFMMy4yNzMxOSA2MUMyLjQwMDUzIDYwLjk5NDggMS41NjU5NyA2MC43MDkyIDAuOTUyNDIgNjAuMjA1NUMwLjMzODg3MSA1OS43MDE5IC0wLjAwMzYxNDYzIDU5LjAyMTQgMi41NjgxMmUtMDUgNTguMzEzMkwyLjc3MDNlLTA1IDM1LjE4NTlDLTAuMDU4MDQ1IDMwLjQ2NTcgMC41NzA0MTIgMjUuNzU2NSAxLjg3MjM2IDIxLjE1NTlDMi45Nzc1MSAxNy4yMDMgNC45NDQ1NyAxMy40NDIyIDcuNjgwNyAxMC4wNTExQzEwLjE5NjIgNi45NzQ4OSAxMy41ODMzIDQuNDMyNTEgMTcuNTU4MyAyLjYzNjg0QzIxLjcyODEgMC44Mzc3MDkgMjYuMzkzOSAtMC4wNjk3Nzc0IDMxLjExNTYgLTEuNzUxNDllLTA1QzMxLjk4ODkgMC4wMDUxMTM3MyAzMi44MjQgMC4yOTExODMgMzMuNDM3NiAwLjc5NTQxNEMzNC4wNTEyIDEuMjk5NjQgMzQuMzkzMyAxLjk4MDg1IDM0LjM4ODggMi42ODk1M0wzNC4zODg4IDEzLjY0MThDMzQuMzkyNCAxNC4zNSAzNC4wNDk5IDE1LjAzMDUgMzMuNDM2NCAxNS41MzQxQzMyLjgyMjggMTYuMDM3OCAzMS45ODgzIDE2LjMyMzQgMzEuMTE1NiAxNi4zMjg2QzI0LjY3MTggMTYuMzI4NiAyMS4xNTk0IDIxLjc2ODcgMjAuNjc0MyAzMi40OTM2TDMxLjExNTYgMzIuNDkzNkMzMS45ODg5IDMyLjQ5ODcgMzIuODI0IDMyLjc4NDggMzMuNDM3NiAzMy4yODlDMzQuMDUxMiAzMy43OTMyIDM0LjM5MzMgMzQuNDc0NCAzNC4zODg4IDM1LjE4MzFMMzQuMzg4OCA1OC4zMDc3QzM0LjM5NDIgNTkuMDE2OCAzNC4wNTI2IDU5LjY5ODcgMzMuNDM4OCA2MC4yMDM2QzMyLjgyNTEgNjAuNzA4NCAzMS45ODk1IDYwLjk5NDggMzEuMTE1NiA2MVoiIGZpbGw9IiNDQ0QzRDciLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF83MF8yIj4KPHJlY3Qgd2lkdGg9IjgyIiBoZWlnaHQ9IjYxIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODIgNjEpIHJvdGF0ZSgtMTgwKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
  background-position: left top;
  background-size: 100%;
  width: 82px;
  height: 61px;
  position: absolute;
  left: -20px;
  top: -35px;
  z-index: -1;
}

main#app-campaign{
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.video-responsive {
  position: relative;
  padding-bottom: 56.25%;
  aspect-ratio: 16/9;
  height: 0;
  overflow: hidden;
  width: 100%;
}
.video-responsive iframe,
.video-responsive object,
.video-responsive embed,
.video-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.jssocials-shares{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}

.noscrollbar {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  --webkit-scrollbar-width: none; /* Google Chrome and Safari */
}

.split-banner {
  position: relative;
}
.split-banner .split-banner__content{
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.split-banner .split-banner__content p a{
  font-size: var(--font-size-base);
}
.split-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: 100vw;
  transform: translate(-50%, 0);
}

/* Divider */
@media (min-width: 768px) {
  .split-banner .split-banner__content:nth-of-type(2){
    border-left-width: 1px;
    border-color: var(--clr-blue-175);
  }
}
/* Split Banner Themes */
.split-banner {
  /* -- none */
  /* -- dark */
  /* -- light */
  /* -- grey */
}
.split-banner.split-banner--none{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}
.split-banner.split-banner--none h3{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}
.split-banner.split-banner--none::before {
  display: none !important;
}
.split-banner.split-banner--white{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}
.split-banner.split-banner--white h3{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}
.split-banner.split-banner--white::before {
  background: #ffffff !important;
}
.split-banner.split-banner--dark{
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}
.split-banner.split-banner--dark h3{
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}
.split-banner.split-banner--dark li a{
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}
@media (min-width: 768px) {
  .split-banner.split-banner--dark .split-banner__content:nth-of-type(2){
    border-left-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(var(--clr-white) / var(--tw-border-opacity, 1));
  }
}
.split-banner.split-banner--dark::before{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-blue) / var(--tw-bg-opacity, 1));
}
.split-banner.split-banner--light{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}
.split-banner.split-banner--light h3{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}
.split-banner.split-banner--light::before{
  background-color: hsl(var(--clr-blue) / 0.9);
}
.split-banner.split-banner--grey{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}
.split-banner.split-banner--grey h3{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}
.split-banner.split-banner--grey::before{
  background-color: var(--clr-blue-175);
}

#translations {
  --left-default: calc(100% - 66px);
  --left-open: calc(100% - 177px);
  --left: calc(100% - 66px);
  transition: all 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  position: absolute;
  top: 124px;
  right: 6px;
  gap: 6px;
  z-index: 103;
}
#translations > button {
  position: relative;
  padding: 0px 0px;
  background-color: transparent;
  font-size: 16px;
  border: none;
}
#translations > button > div {
  padding: 4px 4px;
  background-color: #0D7887;
  border-radius: 5px;
  margin-bottom: 0px;
}
#translations > button svg {
  width: 50px;
}
#translations > button svg path {
  fill: #ffffff;
}
#translations > button .translations_label {
  transition: opacity 0.1s ease-out;
  opacity: 1;
  color: white;
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  right: 0px;
  bottom: -20px;
  padding: 2px 4px;
  background-color: #0D7887;
  backdrop-filter: blur(3px);
  border-radius: 5px;
  font-size: 11px;
  font-weight: bold;
  display: inline-block;
  text-transform: uppercase;
  line-height: 1;
  padding-bottom: 2px;
  margin-top: -1px;
  text-align: right;
}
#translations > div {
  background-color: #ffffff;
  padding: 12px;
  border-radius: 5px;
  display: none;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
#translations > div ul {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0px;
  list-style: none;
  max-width: 100px;
  padding: 0px;
}
#translations > div ul li a {
  color: #12385A;
  text-decoration: none;
}
#translations > div ul li a:hover {
  text-decoration: underline;
}
#translations > div ul li a.active {
  font-weight: bold;
  color: #e57200;
}
#translations.open button .translations_label {
  opacity: 0;
}
#translations.open > div {
  display: flex;
}

.notification-banner {
  position: relative;
  background-color: hsl(var(--clr-orange));
  padding: 0.5rem 0.5rem;
  padding-right: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.notification-banner span.close {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 30px;
  color: #ffffff;
  cursor: pointer;
  z-index: 2;
}
@media (min-width: 768px) {
  .notification-banner span.close {
    right: 50px;
  }
}
.notification-banner .notification-wrapper {
  color: #ffffff;
  font-size: 18px;
  position: relative;
  z-index: 1;
}
.notification-banner .notification-wrapper a {
  color: #ffffff;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.notification-banner .notification-wrapper p:last-of-type {
  margin: 0;
  font-weight: 500;
}
.notification-banner .button-wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.notification-banner .button-wrapper a {
  font-size: 14px;
  color: #ffffff;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
  text-transform: uppercase;
  font-weight: 600;
  text-wrap: nowrap;
}

/* 
*  _search.scss TABLE OF CONTENTS
*   
*/
.site-search-container {
  padding: 0px 0px;
}

.search-container{
  width: 100%;
}

@media (min-width: 576px){
  .search-container{
    max-width: 576px;
  }
}

@media (min-width: 768px){
  .search-container{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .search-container{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){
  .search-container{
    max-width: 1280px;
  }
}

.search-container{
  margin-left: auto;
  margin-right: auto;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.search-results .search-container{
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  border-radius: 6px;
  padding-bottom: 18px;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.16);
}

.site-search-filter{
  background-color: var(--clr-blue-175);
}

.site-search {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 67px;
  padding: 0px 37px;
  background-color: hsl(var(--clr-white));
  transition: all 0.2s ease-out;
}
.site-search .field-group {
  flex: 1 1 auto;
}
.site-search input {
  height: 67px;
  width: 100%;
  background-color: hsl(var(--clr-white));
  border: none;
  outline: none;
  font-size: 15px;
  padding: 0px 37px;
  color: hsl(var(--clr-blue));
  font-weight: bold;
}
.site-search input::-moz-placeholder {
  color: hsl(var(--clr-neutral-500));
  font-size: 12.5px;
}
.site-search input::placeholder {
  color: hsl(var(--clr-neutral-500));
  font-size: 12.5px;
}
.site-search button[type=reset] {
  display: none;
  align-items: center;
  border: none;
  outline: none;
  background-color: transparent;
  color: hsl(var(--clr-blue));
}
.site-search button[type=reset] svg {
  width: 12px;
  color: currentColor;
}
.site-search button[type=reset] svg path {
  fill: currentColor;
}
.site-search button[type=reset]:focus {
  color: hsl(var(--clr-orange-500)) !important;
}
.site-search button[type=submit] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border: none;
  height: 67px;
  display: inline-flex;
  background-color: transparent;
  outline: none;
  color: hsl(var(--clr-neutral-500));
}
.site-search button[type=submit]:focus {
  color: hsl(var(--clr-orange-500)) !important;
}
.site-search:focus-within button[type=reset] {
  display: flex;
}

.site-search-results-filter-label {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 600;
  color: hsl(var(--clr-blue));
  text-transform: uppercase;
}

.site-search-results-tabs {
  display: flex;
  overflow-x: scroll;
  width: 100%;
}
.site-search-results-tabs > .tab {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 12px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: hsl(var(--clr-primary-base));
  border: 1px solid hsl(var(--clr-neutral-400));
  background-color: rgb(var(--clr-white));
  white-space: nowrap;
  outline: none;
  transition: border-color 0.1s ease-out;
}
.site-search-results-tabs > .tab > span {
  font-weight: bold;
  color: hsl(var(--clr-orange-500));
}
.site-search-results-tabs > .tab:focus {
  border-color: hsl(var(--clr-orange-500));
}
.site-search-results-tabs > .tab.active, .site-search-results-tabs > .tab.active:focus {
  border-color: hsl(var(--clr-orange-500));
}
.site-search-results-tabs > .tab:not(:first-child) {
  margin-left: 8px;
}

.site-search-results {
  padding-top: 40px;
}
.site-search-results .site-search-results-list {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.site-search-results .site-search-results-list li {
  list-style: none;
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid hsl(var(--clr-neutral-200));
}
.site-search-results .site-search-results-list li > a {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  text-transform: normal;
  color: hsl(var(--clr-blue));
}
.site-search-results .site-search-results-list li > a > .fa {
  color: hsl(var(--clr-tertiary-base));
  font-size: 14px;
  margin-right: 10px;
}
.site-search-results .site-search-results-list li p {
  font-size: 14px;
  color: hsl(var(--clr-black));
  margin-bottom: 0px;
  padding-top: 2px;
  padding-left: 20px;
}
.site-search-results .site-search-results-list li p em {
  font-weight: bold;
  font-style: normal;
}
.site-search-results .site-search-results-list li.view-all {
  text-align: center;
}
.site-search-results .site-search-results-list li.view-all > a {
  justify-content: center;
  padding-bottom: 0px;
  color: hsl(var(--clr-orange-500));
  border: none;
  text-align: center;
}
.site-search-results .site-search-results-list li.view-all > a > .fa {
  opacity: 1;
  font-size: 11px;
  margin-left: 7px;
  margin-top: -3px;
}

body[data-aos-duration="50"] [data-aos], [data-aos][data-aos][data-aos-duration="50"] {
  transition-duration: 50ms;
}
body[data-aos-delay="50"] [data-aos], [data-aos][data-aos][data-aos-delay="50"] {
  transition-delay: 0;
}
body[data-aos-delay="50"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="50"].aos-animate {
  transition-delay: 50ms;
}
body[data-aos-duration="100"] [data-aos], [data-aos][data-aos][data-aos-duration="100"] {
  transition-duration: 100ms;
}
body[data-aos-delay="100"] [data-aos], [data-aos][data-aos][data-aos-delay="100"] {
  transition-delay: 0;
}
body[data-aos-delay="100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="100"].aos-animate {
  transition-delay: 100ms;
}
body[data-aos-duration="150"] [data-aos], [data-aos][data-aos][data-aos-duration="150"] {
  transition-duration: 150ms;
}
body[data-aos-delay="150"] [data-aos], [data-aos][data-aos][data-aos-delay="150"] {
  transition-delay: 0;
}
body[data-aos-delay="150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="150"].aos-animate {
  transition-delay: 150ms;
}
body[data-aos-duration="200"] [data-aos], [data-aos][data-aos][data-aos-duration="200"] {
  transition-duration: 200ms;
}
body[data-aos-delay="200"] [data-aos], [data-aos][data-aos][data-aos-delay="200"] {
  transition-delay: 0;
}
body[data-aos-delay="200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="200"].aos-animate {
  transition-delay: 200ms;
}
body[data-aos-duration="250"] [data-aos], [data-aos][data-aos][data-aos-duration="250"] {
  transition-duration: 250ms;
}
body[data-aos-delay="250"] [data-aos], [data-aos][data-aos][data-aos-delay="250"] {
  transition-delay: 0;
}
body[data-aos-delay="250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="250"].aos-animate {
  transition-delay: 250ms;
}
body[data-aos-duration="300"] [data-aos], [data-aos][data-aos][data-aos-duration="300"] {
  transition-duration: 300ms;
}
body[data-aos-delay="300"] [data-aos], [data-aos][data-aos][data-aos-delay="300"] {
  transition-delay: 0;
}
body[data-aos-delay="300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="300"].aos-animate {
  transition-delay: 300ms;
}
body[data-aos-duration="350"] [data-aos], [data-aos][data-aos][data-aos-duration="350"] {
  transition-duration: 350ms;
}
body[data-aos-delay="350"] [data-aos], [data-aos][data-aos][data-aos-delay="350"] {
  transition-delay: 0;
}
body[data-aos-delay="350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="350"].aos-animate {
  transition-delay: 350ms;
}
body[data-aos-duration="400"] [data-aos], [data-aos][data-aos][data-aos-duration="400"] {
  transition-duration: 400ms;
}
body[data-aos-delay="400"] [data-aos], [data-aos][data-aos][data-aos-delay="400"] {
  transition-delay: 0;
}
body[data-aos-delay="400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="400"].aos-animate {
  transition-delay: 400ms;
}
body[data-aos-duration="450"] [data-aos], [data-aos][data-aos][data-aos-duration="450"] {
  transition-duration: 450ms;
}
body[data-aos-delay="450"] [data-aos], [data-aos][data-aos][data-aos-delay="450"] {
  transition-delay: 0;
}
body[data-aos-delay="450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="450"].aos-animate {
  transition-delay: 450ms;
}
body[data-aos-duration="500"] [data-aos], [data-aos][data-aos][data-aos-duration="500"] {
  transition-duration: 500ms;
}
body[data-aos-delay="500"] [data-aos], [data-aos][data-aos][data-aos-delay="500"] {
  transition-delay: 0;
}
body[data-aos-delay="500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="500"].aos-animate {
  transition-delay: 500ms;
}
body[data-aos-duration="550"] [data-aos], [data-aos][data-aos][data-aos-duration="550"] {
  transition-duration: 550ms;
}
body[data-aos-delay="550"] [data-aos], [data-aos][data-aos][data-aos-delay="550"] {
  transition-delay: 0;
}
body[data-aos-delay="550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="550"].aos-animate {
  transition-delay: 550ms;
}
body[data-aos-duration="600"] [data-aos], [data-aos][data-aos][data-aos-duration="600"] {
  transition-duration: 600ms;
}
body[data-aos-delay="600"] [data-aos], [data-aos][data-aos][data-aos-delay="600"] {
  transition-delay: 0;
}
body[data-aos-delay="600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="600"].aos-animate {
  transition-delay: 600ms;
}
body[data-aos-duration="650"] [data-aos], [data-aos][data-aos][data-aos-duration="650"] {
  transition-duration: 650ms;
}
body[data-aos-delay="650"] [data-aos], [data-aos][data-aos][data-aos-delay="650"] {
  transition-delay: 0;
}
body[data-aos-delay="650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="650"].aos-animate {
  transition-delay: 650ms;
}
body[data-aos-duration="700"] [data-aos], [data-aos][data-aos][data-aos-duration="700"] {
  transition-duration: 700ms;
}
body[data-aos-delay="700"] [data-aos], [data-aos][data-aos][data-aos-delay="700"] {
  transition-delay: 0;
}
body[data-aos-delay="700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="700"].aos-animate {
  transition-delay: 700ms;
}
body[data-aos-duration="750"] [data-aos], [data-aos][data-aos][data-aos-duration="750"] {
  transition-duration: 750ms;
}
body[data-aos-delay="750"] [data-aos], [data-aos][data-aos][data-aos-delay="750"] {
  transition-delay: 0;
}
body[data-aos-delay="750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="750"].aos-animate {
  transition-delay: 750ms;
}
body[data-aos-duration="800"] [data-aos], [data-aos][data-aos][data-aos-duration="800"] {
  transition-duration: 800ms;
}
body[data-aos-delay="800"] [data-aos], [data-aos][data-aos][data-aos-delay="800"] {
  transition-delay: 0;
}
body[data-aos-delay="800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="800"].aos-animate {
  transition-delay: 800ms;
}
body[data-aos-duration="850"] [data-aos], [data-aos][data-aos][data-aos-duration="850"] {
  transition-duration: 850ms;
}
body[data-aos-delay="850"] [data-aos], [data-aos][data-aos][data-aos-delay="850"] {
  transition-delay: 0;
}
body[data-aos-delay="850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="850"].aos-animate {
  transition-delay: 850ms;
}
body[data-aos-duration="900"] [data-aos], [data-aos][data-aos][data-aos-duration="900"] {
  transition-duration: 900ms;
}
body[data-aos-delay="900"] [data-aos], [data-aos][data-aos][data-aos-delay="900"] {
  transition-delay: 0;
}
body[data-aos-delay="900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="900"].aos-animate {
  transition-delay: 900ms;
}
body[data-aos-duration="950"] [data-aos], [data-aos][data-aos][data-aos-duration="950"] {
  transition-duration: 950ms;
}
body[data-aos-delay="950"] [data-aos], [data-aos][data-aos][data-aos-delay="950"] {
  transition-delay: 0;
}
body[data-aos-delay="950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="950"].aos-animate {
  transition-delay: 950ms;
}
body[data-aos-duration="1000"] [data-aos], [data-aos][data-aos][data-aos-duration="1000"] {
  transition-duration: 1000ms;
}
body[data-aos-delay="1000"] [data-aos], [data-aos][data-aos][data-aos-delay="1000"] {
  transition-delay: 0;
}
body[data-aos-delay="1000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1000"].aos-animate {
  transition-delay: 1000ms;
}
body[data-aos-duration="1050"] [data-aos], [data-aos][data-aos][data-aos-duration="1050"] {
  transition-duration: 1050ms;
}
body[data-aos-delay="1050"] [data-aos], [data-aos][data-aos][data-aos-delay="1050"] {
  transition-delay: 0;
}
body[data-aos-delay="1050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1050"].aos-animate {
  transition-delay: 1050ms;
}
body[data-aos-duration="1100"] [data-aos], [data-aos][data-aos][data-aos-duration="1100"] {
  transition-duration: 1100ms;
}
body[data-aos-delay="1100"] [data-aos], [data-aos][data-aos][data-aos-delay="1100"] {
  transition-delay: 0;
}
body[data-aos-delay="1100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1100"].aos-animate {
  transition-delay: 1100ms;
}
body[data-aos-duration="1150"] [data-aos], [data-aos][data-aos][data-aos-duration="1150"] {
  transition-duration: 1150ms;
}
body[data-aos-delay="1150"] [data-aos], [data-aos][data-aos][data-aos-delay="1150"] {
  transition-delay: 0;
}
body[data-aos-delay="1150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1150"].aos-animate {
  transition-delay: 1150ms;
}
body[data-aos-duration="1200"] [data-aos], [data-aos][data-aos][data-aos-duration="1200"] {
  transition-duration: 1200ms;
}
body[data-aos-delay="1200"] [data-aos], [data-aos][data-aos][data-aos-delay="1200"] {
  transition-delay: 0;
}
body[data-aos-delay="1200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1200"].aos-animate {
  transition-delay: 1200ms;
}
body[data-aos-duration="1250"] [data-aos], [data-aos][data-aos][data-aos-duration="1250"] {
  transition-duration: 1250ms;
}
body[data-aos-delay="1250"] [data-aos], [data-aos][data-aos][data-aos-delay="1250"] {
  transition-delay: 0;
}
body[data-aos-delay="1250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1250"].aos-animate {
  transition-delay: 1250ms;
}
body[data-aos-duration="1300"] [data-aos], [data-aos][data-aos][data-aos-duration="1300"] {
  transition-duration: 1300ms;
}
body[data-aos-delay="1300"] [data-aos], [data-aos][data-aos][data-aos-delay="1300"] {
  transition-delay: 0;
}
body[data-aos-delay="1300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1300"].aos-animate {
  transition-delay: 1300ms;
}
body[data-aos-duration="1350"] [data-aos], [data-aos][data-aos][data-aos-duration="1350"] {
  transition-duration: 1350ms;
}
body[data-aos-delay="1350"] [data-aos], [data-aos][data-aos][data-aos-delay="1350"] {
  transition-delay: 0;
}
body[data-aos-delay="1350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1350"].aos-animate {
  transition-delay: 1350ms;
}
body[data-aos-duration="1400"] [data-aos], [data-aos][data-aos][data-aos-duration="1400"] {
  transition-duration: 1400ms;
}
body[data-aos-delay="1400"] [data-aos], [data-aos][data-aos][data-aos-delay="1400"] {
  transition-delay: 0;
}
body[data-aos-delay="1400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1400"].aos-animate {
  transition-delay: 1400ms;
}
body[data-aos-duration="1450"] [data-aos], [data-aos][data-aos][data-aos-duration="1450"] {
  transition-duration: 1450ms;
}
body[data-aos-delay="1450"] [data-aos], [data-aos][data-aos][data-aos-delay="1450"] {
  transition-delay: 0;
}
body[data-aos-delay="1450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1450"].aos-animate {
  transition-delay: 1450ms;
}
body[data-aos-duration="1500"] [data-aos], [data-aos][data-aos][data-aos-duration="1500"] {
  transition-duration: 1500ms;
}
body[data-aos-delay="1500"] [data-aos], [data-aos][data-aos][data-aos-delay="1500"] {
  transition-delay: 0;
}
body[data-aos-delay="1500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1500"].aos-animate {
  transition-delay: 1500ms;
}
body[data-aos-duration="1550"] [data-aos], [data-aos][data-aos][data-aos-duration="1550"] {
  transition-duration: 1550ms;
}
body[data-aos-delay="1550"] [data-aos], [data-aos][data-aos][data-aos-delay="1550"] {
  transition-delay: 0;
}
body[data-aos-delay="1550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1550"].aos-animate {
  transition-delay: 1550ms;
}
body[data-aos-duration="1600"] [data-aos], [data-aos][data-aos][data-aos-duration="1600"] {
  transition-duration: 1600ms;
}
body[data-aos-delay="1600"] [data-aos], [data-aos][data-aos][data-aos-delay="1600"] {
  transition-delay: 0;
}
body[data-aos-delay="1600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1600"].aos-animate {
  transition-delay: 1600ms;
}
body[data-aos-duration="1650"] [data-aos], [data-aos][data-aos][data-aos-duration="1650"] {
  transition-duration: 1650ms;
}
body[data-aos-delay="1650"] [data-aos], [data-aos][data-aos][data-aos-delay="1650"] {
  transition-delay: 0;
}
body[data-aos-delay="1650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1650"].aos-animate {
  transition-delay: 1650ms;
}
body[data-aos-duration="1700"] [data-aos], [data-aos][data-aos][data-aos-duration="1700"] {
  transition-duration: 1700ms;
}
body[data-aos-delay="1700"] [data-aos], [data-aos][data-aos][data-aos-delay="1700"] {
  transition-delay: 0;
}
body[data-aos-delay="1700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1700"].aos-animate {
  transition-delay: 1700ms;
}
body[data-aos-duration="1750"] [data-aos], [data-aos][data-aos][data-aos-duration="1750"] {
  transition-duration: 1750ms;
}
body[data-aos-delay="1750"] [data-aos], [data-aos][data-aos][data-aos-delay="1750"] {
  transition-delay: 0;
}
body[data-aos-delay="1750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1750"].aos-animate {
  transition-delay: 1750ms;
}
body[data-aos-duration="1800"] [data-aos], [data-aos][data-aos][data-aos-duration="1800"] {
  transition-duration: 1800ms;
}
body[data-aos-delay="1800"] [data-aos], [data-aos][data-aos][data-aos-delay="1800"] {
  transition-delay: 0;
}
body[data-aos-delay="1800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1800"].aos-animate {
  transition-delay: 1800ms;
}
body[data-aos-duration="1850"] [data-aos], [data-aos][data-aos][data-aos-duration="1850"] {
  transition-duration: 1850ms;
}
body[data-aos-delay="1850"] [data-aos], [data-aos][data-aos][data-aos-delay="1850"] {
  transition-delay: 0;
}
body[data-aos-delay="1850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1850"].aos-animate {
  transition-delay: 1850ms;
}
body[data-aos-duration="1900"] [data-aos], [data-aos][data-aos][data-aos-duration="1900"] {
  transition-duration: 1900ms;
}
body[data-aos-delay="1900"] [data-aos], [data-aos][data-aos][data-aos-delay="1900"] {
  transition-delay: 0;
}
body[data-aos-delay="1900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1900"].aos-animate {
  transition-delay: 1900ms;
}
body[data-aos-duration="1950"] [data-aos], [data-aos][data-aos][data-aos-duration="1950"] {
  transition-duration: 1950ms;
}
body[data-aos-delay="1950"] [data-aos], [data-aos][data-aos][data-aos-delay="1950"] {
  transition-delay: 0;
}
body[data-aos-delay="1950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1950"].aos-animate {
  transition-delay: 1950ms;
}
body[data-aos-duration="2000"] [data-aos], [data-aos][data-aos][data-aos-duration="2000"] {
  transition-duration: 2000ms;
}
body[data-aos-delay="2000"] [data-aos], [data-aos][data-aos][data-aos-delay="2000"] {
  transition-delay: 0;
}
body[data-aos-delay="2000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2000"].aos-animate {
  transition-delay: 2000ms;
}
body[data-aos-duration="2050"] [data-aos], [data-aos][data-aos][data-aos-duration="2050"] {
  transition-duration: 2050ms;
}
body[data-aos-delay="2050"] [data-aos], [data-aos][data-aos][data-aos-delay="2050"] {
  transition-delay: 0;
}
body[data-aos-delay="2050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2050"].aos-animate {
  transition-delay: 2050ms;
}
body[data-aos-duration="2100"] [data-aos], [data-aos][data-aos][data-aos-duration="2100"] {
  transition-duration: 2100ms;
}
body[data-aos-delay="2100"] [data-aos], [data-aos][data-aos][data-aos-delay="2100"] {
  transition-delay: 0;
}
body[data-aos-delay="2100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2100"].aos-animate {
  transition-delay: 2100ms;
}
body[data-aos-duration="2150"] [data-aos], [data-aos][data-aos][data-aos-duration="2150"] {
  transition-duration: 2150ms;
}
body[data-aos-delay="2150"] [data-aos], [data-aos][data-aos][data-aos-delay="2150"] {
  transition-delay: 0;
}
body[data-aos-delay="2150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2150"].aos-animate {
  transition-delay: 2150ms;
}
body[data-aos-duration="2200"] [data-aos], [data-aos][data-aos][data-aos-duration="2200"] {
  transition-duration: 2200ms;
}
body[data-aos-delay="2200"] [data-aos], [data-aos][data-aos][data-aos-delay="2200"] {
  transition-delay: 0;
}
body[data-aos-delay="2200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2200"].aos-animate {
  transition-delay: 2200ms;
}
body[data-aos-duration="2250"] [data-aos], [data-aos][data-aos][data-aos-duration="2250"] {
  transition-duration: 2250ms;
}
body[data-aos-delay="2250"] [data-aos], [data-aos][data-aos][data-aos-delay="2250"] {
  transition-delay: 0;
}
body[data-aos-delay="2250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2250"].aos-animate {
  transition-delay: 2250ms;
}
body[data-aos-duration="2300"] [data-aos], [data-aos][data-aos][data-aos-duration="2300"] {
  transition-duration: 2300ms;
}
body[data-aos-delay="2300"] [data-aos], [data-aos][data-aos][data-aos-delay="2300"] {
  transition-delay: 0;
}
body[data-aos-delay="2300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2300"].aos-animate {
  transition-delay: 2300ms;
}
body[data-aos-duration="2350"] [data-aos], [data-aos][data-aos][data-aos-duration="2350"] {
  transition-duration: 2350ms;
}
body[data-aos-delay="2350"] [data-aos], [data-aos][data-aos][data-aos-delay="2350"] {
  transition-delay: 0;
}
body[data-aos-delay="2350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2350"].aos-animate {
  transition-delay: 2350ms;
}
body[data-aos-duration="2400"] [data-aos], [data-aos][data-aos][data-aos-duration="2400"] {
  transition-duration: 2400ms;
}
body[data-aos-delay="2400"] [data-aos], [data-aos][data-aos][data-aos-delay="2400"] {
  transition-delay: 0;
}
body[data-aos-delay="2400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2400"].aos-animate {
  transition-delay: 2400ms;
}
body[data-aos-duration="2450"] [data-aos], [data-aos][data-aos][data-aos-duration="2450"] {
  transition-duration: 2450ms;
}
body[data-aos-delay="2450"] [data-aos], [data-aos][data-aos][data-aos-delay="2450"] {
  transition-delay: 0;
}
body[data-aos-delay="2450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2450"].aos-animate {
  transition-delay: 2450ms;
}
body[data-aos-duration="2500"] [data-aos], [data-aos][data-aos][data-aos-duration="2500"] {
  transition-duration: 2500ms;
}
body[data-aos-delay="2500"] [data-aos], [data-aos][data-aos][data-aos-delay="2500"] {
  transition-delay: 0;
}
body[data-aos-delay="2500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2500"].aos-animate {
  transition-delay: 2500ms;
}
body[data-aos-duration="2550"] [data-aos], [data-aos][data-aos][data-aos-duration="2550"] {
  transition-duration: 2550ms;
}
body[data-aos-delay="2550"] [data-aos], [data-aos][data-aos][data-aos-delay="2550"] {
  transition-delay: 0;
}
body[data-aos-delay="2550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2550"].aos-animate {
  transition-delay: 2550ms;
}
body[data-aos-duration="2600"] [data-aos], [data-aos][data-aos][data-aos-duration="2600"] {
  transition-duration: 2600ms;
}
body[data-aos-delay="2600"] [data-aos], [data-aos][data-aos][data-aos-delay="2600"] {
  transition-delay: 0;
}
body[data-aos-delay="2600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2600"].aos-animate {
  transition-delay: 2600ms;
}
body[data-aos-duration="2650"] [data-aos], [data-aos][data-aos][data-aos-duration="2650"] {
  transition-duration: 2650ms;
}
body[data-aos-delay="2650"] [data-aos], [data-aos][data-aos][data-aos-delay="2650"] {
  transition-delay: 0;
}
body[data-aos-delay="2650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2650"].aos-animate {
  transition-delay: 2650ms;
}
body[data-aos-duration="2700"] [data-aos], [data-aos][data-aos][data-aos-duration="2700"] {
  transition-duration: 2700ms;
}
body[data-aos-delay="2700"] [data-aos], [data-aos][data-aos][data-aos-delay="2700"] {
  transition-delay: 0;
}
body[data-aos-delay="2700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2700"].aos-animate {
  transition-delay: 2700ms;
}
body[data-aos-duration="2750"] [data-aos], [data-aos][data-aos][data-aos-duration="2750"] {
  transition-duration: 2750ms;
}
body[data-aos-delay="2750"] [data-aos], [data-aos][data-aos][data-aos-delay="2750"] {
  transition-delay: 0;
}
body[data-aos-delay="2750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2750"].aos-animate {
  transition-delay: 2750ms;
}
body[data-aos-duration="2800"] [data-aos], [data-aos][data-aos][data-aos-duration="2800"] {
  transition-duration: 2800ms;
}
body[data-aos-delay="2800"] [data-aos], [data-aos][data-aos][data-aos-delay="2800"] {
  transition-delay: 0;
}
body[data-aos-delay="2800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2800"].aos-animate {
  transition-delay: 2800ms;
}
body[data-aos-duration="2850"] [data-aos], [data-aos][data-aos][data-aos-duration="2850"] {
  transition-duration: 2850ms;
}
body[data-aos-delay="2850"] [data-aos], [data-aos][data-aos][data-aos-delay="2850"] {
  transition-delay: 0;
}
body[data-aos-delay="2850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2850"].aos-animate {
  transition-delay: 2850ms;
}
body[data-aos-duration="2900"] [data-aos], [data-aos][data-aos][data-aos-duration="2900"] {
  transition-duration: 2900ms;
}
body[data-aos-delay="2900"] [data-aos], [data-aos][data-aos][data-aos-delay="2900"] {
  transition-delay: 0;
}
body[data-aos-delay="2900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2900"].aos-animate {
  transition-delay: 2900ms;
}
body[data-aos-duration="2950"] [data-aos], [data-aos][data-aos][data-aos-duration="2950"] {
  transition-duration: 2950ms;
}
body[data-aos-delay="2950"] [data-aos], [data-aos][data-aos][data-aos-delay="2950"] {
  transition-delay: 0;
}
body[data-aos-delay="2950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2950"].aos-animate {
  transition-delay: 2950ms;
}
body[data-aos-duration="3000"] [data-aos], [data-aos][data-aos][data-aos-duration="3000"] {
  transition-duration: 3000ms;
}
body[data-aos-delay="3000"] [data-aos], [data-aos][data-aos][data-aos-delay="3000"] {
  transition-delay: 0;
}
body[data-aos-delay="3000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="3000"].aos-animate {
  transition-delay: 3000ms;
}

body[data-aos-easing=linear] [data-aos], [data-aos][data-aos][data-aos-easing=linear] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
body[data-aos-easing=ease] [data-aos], [data-aos][data-aos][data-aos-easing=ease] {
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
body[data-aos-easing=ease-in] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in] {
  transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
body[data-aos-easing=ease-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out] {
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out] {
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-back] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
body[data-aos-easing=ease-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-back] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
body[data-aos-easing=ease-in-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-back] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
body[data-aos-easing=ease-in-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-sine] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
body[data-aos-easing=ease-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-sine] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
body[data-aos-easing=ease-in-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-sine] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
body[data-aos-easing=ease-in-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quad] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quad] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quad] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-cubic] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-cubic] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-cubic] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quart] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quart] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quart] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

/**
 * Fade animations:
 * fade
 * fade-up, fade-down, fade-left, fade-right
 * fade-up-right, fade-up-left, fade-down-right, fade-down-left
 */
[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0);
}

/**
 * Zoom animations:
 * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
 * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
 */
[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

[data-aos=zoom-in] {
  transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
  transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}

/**
 * Slide animations
 */
[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}
[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translate3d(0, 0, 0);
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0);
}

/**
 * Flip animations:
 * flip-left, flip-right, flip-up, flip-down
 */
[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform;
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}
[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}
[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}
[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}
[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  touch-action: manipulation;
  -moz-backface-visibility: hidden; /* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme-testimonials .owl-nav{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  z-index: 20;
}
.owl-theme-testimonials .owl-nav [class*=owl-] {
  color: #E57200 !important;
  font-size: 40px;
  margin: 5px;
  padding: 4px 7px;
  background: #E57200;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme-testimonials .owl-nav [class*=owl-]:hover {
  color: #E57200;
  text-decoration: none;
}
.owl-theme-testimonials .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme-testimonials .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme-testimonials .owl-dots {
  margin-top: 25px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme-testimonials .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-theme-testimonials .owl-dots .owl-dot span {
  width: 17px;
  height: 17px;
  margin: 5px 7px;
  background: #FFF;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
  border: 1px solid #ffffff;
}
.owl-theme-testimonials .owl-dots .owl-dot.active span, .owl-theme-testimonials .owl-dots .owl-dot:hover span {
  background: #003a5c;
  border: 1px solid #ffffff;
}
.owl-theme-testimonials .owl-item .cite p{
  font-family: var(--font-sans);
  font-size: var(--font-size-xl);
  font-weight: 600;
  --tw-text-opacity: 1;
  color: hsl( var(--clr-theme) / var(--tw-text-opacity, 1) );
}
.\*\:z-10 > *{
  z-index: 10;
}
.\*\:text-balance > *{
  text-wrap: balance;
}
.\*\:font-sans > *{
  font-family: var(--font-sans);
}
.\*\:text-4xl > *{
  font-size: var(--font-size-4xl);
}
.\*\:text-\[13px\] > *{
  font-size: 13px;
}
.\*\:text-base > *{
  font-size: var(--font-size-base);
}
.\*\:text-sm > *{
  font-size: var(--font-size-sm);
}
.\*\:text-xl > *{
  font-size: var(--font-size-xl);
}
.\*\:font-bold > *{
  font-weight: 700;
}
.\*\:font-semibold > *{
  font-weight: 600;
}
.\*\:uppercase > *{
  text-transform: uppercase;
}
.\*\:leading-normal > *{
  line-height: 1.5;
}
.\*\:leading-snug > *{
  line-height: 1.375;
}
.\*\:leading-tight > *{
  line-height: 1.25;
}
.\*\:tracking-wide > *{
  letter-spacing: 0.025em;
}
.\*\:text-blue > *{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}
.\*\:text-white > *{
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}
.placeholder\:text-base::-moz-placeholder{
  font-size: var(--font-size-base);
}
.placeholder\:text-base::placeholder{
  font-size: var(--font-size-base);
}
.placeholder\:text-neutral-400::-moz-placeholder{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-neutral-400) / var(--tw-text-opacity, 1));
}
.placeholder\:text-neutral-400::placeholder{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-neutral-400) / var(--tw-text-opacity, 1));
}
.first\:rounded-tl-xl:first-child{
  border-top-left-radius: 0.75rem;
}
.last\:border-0:last-child{
  border-width: 0px;
}
.odd\:bg-blue:nth-child(odd){
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-blue) / var(--tw-bg-opacity, 1));
}
.odd\:text-white:nth-child(odd){
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}
.even\:bg-white:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgba(var(--clr-white) / var(--tw-bg-opacity, 1));
}
.even\:text-theme:nth-child(even){
  --tw-text-opacity: 1;
  color: hsl( var(--clr-theme) / var(--tw-text-opacity, 1) );
}
.empty\:invisible:empty{
  visibility: hidden;
}
.empty\:hidden:empty{
  display: none;
}
.focus-within\:ring-2:focus-within{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-within\:ring-offset-2:focus-within{
  --tw-ring-offset-width: 2px;
}
.hover\:-translate-y-3:hover{
  --tw-translate-y: -0.75rem;
  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));
}
.hover\:scale-110:hover{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  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));
}
.hover\:border-orange:hover{
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-orange) / var(--tw-border-opacity, 1));
}
.hover\:border-white:hover{
  --tw-border-opacity: 1;
  border-color: rgba(var(--clr-white) / var(--tw-border-opacity, 1));
}
.hover\:bg-blue-300:hover{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-blue-300) / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-700:hover{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-blue-700) / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-800:hover{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-blue-800) / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue\/100:hover{
  background-color: hsl(var(--clr-blue) / 1);
}
.hover\:bg-blue\/80:hover{
  background-color: hsl(var(--clr-blue) / 0.8);
}
.hover\:text-black:hover{
  --tw-text-opacity: 1;
  color: rgba(var(--clr-black) / var(--tw-text-opacity, 1));
}
.hover\:text-blue:hover{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-blue) / var(--tw-text-opacity, 1));
}
.hover\:text-cadmium:hover{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-cadmium-h) var(--clr-cadmium-s) var(--clr-cadmium-l) / var(--tw-text-opacity, 1));
}
.hover\:text-orange:hover{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-orange) / var(--tw-text-opacity, 1));
}
.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgba(var(--clr-white) / var(--tw-text-opacity, 1));
}
.hover\:underline:hover{
  text-decoration-line: underline;
}
.hover\:underline-offset-4:hover{
  text-underline-offset: 4px;
}
.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-2:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-orange:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--clr-orange) / var(--tw-ring-opacity, 1));
}
.focus\:ring-offset-2:focus{
  --tw-ring-offset-width: 2px;
}
.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed;
}
.disabled\:bg-neutral-700\/50:disabled{
  background-color: hsl(var(--clr-neutral-700) / 0.5);
}
.group:nth-child(odd) .group-odd\:left-0{
  left: 0px;
}
.group:nth-child(odd) .group-odd\:bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.group:nth-child(even) .group-even\:right-0{
  right: 0px;
}
.group:nth-child(even) .group-even\:bg-gradient-to-l{
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.group:hover .group-hover\:line-clamp-none{
  overflow: visible;
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-line-clamp: none;
}
.group:hover .group-hover\:block{
  display: block;
}
.group:hover .group-hover\:hidden{
  display: none;
}
.group:hover .group-hover\:h-auto{
  height: auto;
}
.group:hover .group-hover\:translate-x-1{
  --tw-translate-x: 0.25rem;
  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));
}
.group:hover .group-hover\:scale-105{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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));
}
.group:hover .group-hover\:border-neutral-400{
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-neutral-400) / var(--tw-border-opacity, 1));
}
.group:hover .group-hover\:border-neutral-500{
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-neutral-500) / var(--tw-border-opacity, 1));
}
.group:hover .group-hover\:bg-blue\/90{
  background-color: hsl(var(--clr-blue) / 0.9);
}
.group:hover .group-hover\:bg-orange{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-orange) / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-gradient-to-tr{
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}
.group:hover .group-hover\:from-orange-700{
  --tw-gradient-from: hsl(var(--clr-orange-700) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--clr-orange-700) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.group:hover .group-hover\:from-transparent{
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.group:hover .group-hover\:to-orange-500{
  --tw-gradient-to: hsl(var(--clr-orange-500) / 1) var(--tw-gradient-to-position);
}
.group:hover .group-hover\:to-transparent{
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.group:hover .group-hover\:py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.group:hover .group-hover\:text-orange{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-orange) / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-orange-700{
  --tw-text-opacity: 1;
  color: hsl(var(--clr-orange-700) / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:opacity-0{
  opacity: 0;
}
.group:hover .group-hover\:opacity-100{
  opacity: 1;
}
.group:hover .group-hover\:opacity-20{
  opacity: 0.2;
}
.group:hover .group-hover\:opacity-50{
  opacity: 0.5;
}
.group:hover .group-hover\:opacity-80{
  opacity: 0.8;
}
.group:hover .group-hover\:opacity-85{
  opacity: 0.85;
}
.group:hover .group-hover\:opacity-95{
  opacity: 0.95;
}
.peer:checked ~ .peer-checked\:border-gothic{
  --tw-border-opacity: 1;
  border-color: hsl(var(--clr-gothic) / var(--tw-border-opacity, 1));
}
.peer:checked ~ .peer-checked\:bg-gothic{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--clr-gothic) / var(--tw-bg-opacity, 1));
}
@media (min-width: 576px){
  .sm\:mt-0{
    margin-top: 0px;
  }
  .sm\:w-4\/12{
    width: 33.333333%;
  }
  .sm\:w-\[calc\(\(100\%-1\*2\.25rem\)\/2\)\]{
    width: calc((100% - 1 * 2.25rem) / 2);
  }
  .sm\:flex-\[0_0_calc\(50\%-2rem\)\]{
    flex: 0 0 calc(50% - 2rem);
  }
  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .group:hover .group-hover\:sm\:shadow-md{
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}
@media (min-width: 768px){
  .md\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .md\:col-span-3{
    grid-column: span 3 / span 3;
  }
  .md\:col-span-4{
    grid-column: span 4 / span 4;
  }
  .md\:col-span-5{
    grid-column: span 5 / span 5;
  }
  .md\:col-span-6{
    grid-column: span 6 / span 6;
  }
  .md\:col-span-7{
    grid-column: span 7 / span 7;
  }
  .md\:col-span-8{
    grid-column: span 8 / span 8;
  }
  .md\:col-span-9{
    grid-column: span 9 / span 9;
  }
  .md\:my-20{
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
  .md\:-mb-\[170px\]{
    margin-bottom: -170px;
  }
  .md\:mb-16{
    margin-bottom: 4rem;
  }
  .md\:mb-9{
    margin-bottom: 2.25rem;
  }
  .md\:mt-20{
    margin-top: 5rem;
  }
  .md\:mt-4{
    margin-top: 1rem;
  }
  .md\:block{
    display: block;
  }
  .md\:flex{
    display: flex;
  }
  .md\:hidden{
    display: none;
  }
  .md\:aspect-\[239\/244\]{
    aspect-ratio: 239/244;
  }
  .md\:h-\[620px\]{
    height: 620px;
  }
  .md\:h-\[80px\]{
    height: 80px;
  }
  .md\:h-auto{
    height: auto;
  }
  .md\:h-fit{
    height: -moz-fit-content;
    height: fit-content;
  }
  .md\:max-h-\[150px\]{
    max-height: 150px;
  }
  .md\:max-h-full{
    max-height: 100%;
  }
  .md\:min-h-\[320px\]{
    min-height: 320px;
  }
  .md\:min-h-full{
    min-height: 100%;
  }
  .md\:w-1\/2{
    width: 50%;
  }
  .md\:w-1\/3{
    width: 33.333333%;
  }
  .md\:w-1\/4{
    width: 25%;
  }
  .md\:w-1\/5{
    width: 20%;
  }
  .md\:w-10\/12{
    width: 83.333333%;
  }
  .md\:w-11\/12{
    width: 91.666667%;
  }
  .md\:w-2\/12{
    width: 16.666667%;
  }
  .md\:w-2\/3{
    width: 66.666667%;
  }
  .md\:w-2\/5{
    width: 40%;
  }
  .md\:w-3\/5{
    width: 60%;
  }
  .md\:w-4\/12{
    width: 33.333333%;
  }
  .md\:w-4\/5{
    width: 80%;
  }
  .md\:w-5\/12{
    width: 41.666667%;
  }
  .md\:w-6\/12{
    width: 50%;
  }
  .md\:w-7\/12{
    width: 58.333333%;
  }
  .md\:w-8\/12{
    width: 66.666667%;
  }
  .md\:w-9\/12{
    width: 75%;
  }
  .md\:w-\[130px\]{
    width: 130px;
  }
  .md\:w-\[160px\]{
    width: 160px;
  }
  .md\:w-\[239px\]{
    width: 239px;
  }
  .md\:w-\[309px\]{
    width: 309px;
  }
  .md\:w-\[311px\]{
    width: 311px;
  }
  .md\:w-\[386px\]{
    width: 386px;
  }
  .md\:w-\[calc\(\(100\%-3\*2\.25rem\)\/4\)\]{
    width: calc((100% - 3 * 2.25rem) / 4);
  }
  .md\:w-\[calc\(50\%-12px\)\]{
    width: calc(50% - 12px);
  }
  .md\:w-px{
    width: 1px;
  }
  .md\:min-w-0\.5{
    min-width: 0.125rem;
  }
  .md\:min-w-\[130px\]{
    min-width: 130px;
  }
  .md\:min-w-\[160px\]{
    min-width: 160px;
  }
  .md\:min-w-\[293px\]{
    min-width: 293px;
  }
  .md\:min-w-\[311px\]{
    min-width: 311px;
  }
  .md\:min-w-\[328px\]{
    min-width: 328px;
  }
  .md\:min-w-\[386px\]{
    min-width: 386px;
  }
  .md\:max-w-0\.5{
    max-width: 0.125rem;
  }
  .md\:max-w-\[100px\]{
    max-width: 100px;
  }
  .md\:max-w-\[20\%\]{
    max-width: 20%;
  }
  .md\:max-w-\[200px\]{
    max-width: 200px;
  }
  .md\:max-w-\[287px\]{
    max-width: 287px;
  }
  .md\:max-w-\[290px\]{
    max-width: 290px;
  }
  .md\:max-w-\[300px\]{
    max-width: 300px;
  }
  .md\:max-w-\[33\%\]{
    max-width: 33%;
  }
  .md\:max-w-\[386px\]{
    max-width: 386px;
  }
  .md\:max-w-\[400px\]{
    max-width: 400px;
  }
  .md\:flex-\[0_0_calc\(33\.333\%-2rem\)\]{
    flex: 0 0 calc(33.333% - 2rem);
  }
  .md\:basis-1\/4{
    flex-basis: 25%;
  }
  .md\:columns-2{
    -moz-columns: 2;
         columns: 2;
  }
  .md\:columns-3{
    -moz-columns: 3;
         columns: 3;
  }
  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .md\:grid-rows-2{
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .md\:flex-row{
    flex-direction: row;
  }
  .md\:flex-row-reverse{
    flex-direction: row-reverse;
  }
  .md\:flex-col{
    flex-direction: column;
  }
  .md\:flex-wrap{
    flex-wrap: wrap;
  }
  .md\:flex-nowrap{
    flex-wrap: nowrap;
  }
  .md\:items-start{
    align-items: flex-start;
  }
  .md\:items-end{
    align-items: flex-end;
  }
  .md\:items-center{
    align-items: center;
  }
  .md\:items-stretch{
    align-items: stretch;
  }
  .md\:justify-end{
    justify-content: flex-end;
  }
  .md\:justify-center{
    justify-content: center;
  }
  .md\:justify-between{
    justify-content: space-between;
  }
  .md\:justify-around{
    justify-content: space-around;
  }
  .md\:gap-0{
    gap: 0px;
  }
  .md\:gap-12{
    gap: 3rem;
  }
  .md\:gap-16{
    gap: 4rem;
  }
  .md\:gap-2{
    gap: 0.5rem;
  }
  .md\:gap-20{
    gap: 5rem;
  }
  .md\:gap-24{
    gap: 6rem;
  }
  .md\:gap-6{
    gap: 1.5rem;
  }
  .md\:gap-9{
    gap: 2.25rem;
  }
  .md\:rounded-tr-xl{
    border-top-right-radius: 0.75rem;
  }
  .md\:p-12{
    padding: 3rem;
  }
  .md\:p-16{
    padding: 4rem;
  }
  .md\:p-50px{
    padding: 50px;
  }
  .md\:p-58px{
    padding: 58px;
  }
  .md\:p-6{
    padding: 1.5rem;
  }
  .md\:p-8{
    padding: 2rem;
  }
  .md\:p-9{
    padding: 2.25rem;
  }
  .md\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }
  .md\:px-20{
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .md\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md\:px-9{
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
  .md\:px-98px{
    padding-left: 98px;
    padding-right: 98px;
  }
  .md\:px-\[6rem\]{
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .md\:py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .md\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .md\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .md\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .md\:py-28{
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
  .md\:py-70px{
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .md\:py-7rem{
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
  .md\:py-9{
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
  .md\:py-\[128px\]{
    padding-top: 128px;
    padding-bottom: 128px;
  }
  .md\:py-\[60px\]{
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .md\:py-\[8rem\]{
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .md\:pb-10{
    padding-bottom: 2.5rem;
  }
  .md\:pb-16{
    padding-bottom: 4rem;
  }
  .md\:pb-20{
    padding-bottom: 5rem;
  }
  .md\:pb-8{
    padding-bottom: 2rem;
  }
  .md\:pl-24{
    padding-left: 6rem;
  }
  .md\:pl-9{
    padding-left: 2.25rem;
  }
  .md\:pr-14{
    padding-right: 3.5rem;
  }
  .md\:pr-24{
    padding-right: 6rem;
  }
  .md\:pr-9{
    padding-right: 2.25rem;
  }
  .md\:pt-0{
    padding-top: 0px;
  }
  .md\:pt-12{
    padding-top: 3rem;
  }
  .md\:text-right{
    text-align: right;
  }
  .md\:text-10xl{
    font-size: var(--font-size-10xl);
  }
  .md\:text-2\.5xl{
    font-size: var(--font-size-2_5xl);
  }
  .md\:text-2xl{
    font-size: var(--font-size-2xl);
  }
  .md\:text-3xl{
    font-size: var(--font-size-3xl);
  }
  .md\:text-4xl{
    font-size: var(--font-size-4xl);
  }
  .md\:text-5xl{
    font-size: var(--font-size-5xl);
  }
  .md\:text-6xl{
    font-size: var(--font-size-6xl);
  }
  .md\:text-7\.5xl{
    font-size: var(--font-size-7_5xl);
  }
  .md\:text-8xl{
    font-size: var(--font-size-8xl);
  }
  .md\:text-\[28px\]{
    font-size: 28px;
  }
  .md\:text-\[32px\]{
    font-size: 32px;
  }
  .md\:text-\[40px\]{
    font-size: 40px;
  }
  .md\:text-\[56px\]{
    font-size: 56px;
  }
  .md\:text-\[60px\]{
    font-size: 60px;
  }
  .md\:text-lg{
    font-size: var(--font-size-lg);
  }
  .md\:text-tiny{
    font-size: var(--font-size-tiny);
  }
  .md\:text-xl{
    font-size: var(--font-size-xl);
  }
  .md\:leading-52px{
    line-height: 3.25rem;
  }
  .md\:leading-\[1\.2\]{
    line-height: 1.2;
  }
  .md\:leading-\[50px\]{
    line-height: 50px;
  }
  .md\:\*\:text-7\.5xl > *{
    font-size: var(--font-size-7_5xl);
  }
  .md\:\*\:text-base > *{
    font-size: var(--font-size-base);
  }
}
@media (min-width: 1024px){
  .lg\:col-span-1{
    grid-column: span 1 / span 1;
  }
  .lg\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .lg\:col-span-3{
    grid-column: span 3 / span 3;
  }
  .lg\:col-span-4{
    grid-column: span 4 / span 4;
  }
  .lg\:col-span-6{
    grid-column: span 6 / span 6;
  }
  .lg\:col-span-8{
    grid-column: span 8 / span 8;
  }
  .lg\:col-span-9{
    grid-column: span 9 / span 9;
  }
  .lg\:col-start-9{
    grid-column-start: 9;
  }
  .lg\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }
  .lg\:mt-0{
    margin-top: 0px;
  }
  .lg\:h-\[100px\]{
    height: 100px;
  }
  .lg\:h-full{
    height: 100%;
  }
  .lg\:w-1\/12{
    width: 8.333333%;
  }
  .lg\:w-1\/2{
    width: 50%;
  }
  .lg\:w-1\/3{
    width: 33.333333%;
  }
  .lg\:w-1\/4{
    width: 25%;
  }
  .lg\:w-1\/5{
    width: 20%;
  }
  .lg\:w-10\/12{
    width: 83.333333%;
  }
  .lg\:w-2\/12{
    width: 16.666667%;
  }
  .lg\:w-3\/12{
    width: 25%;
  }
  .lg\:w-4\/12{
    width: 33.333333%;
  }
  .lg\:w-5\/12{
    width: 41.666667%;
  }
  .lg\:w-6\/12{
    width: 50%;
  }
  .lg\:w-7\/12{
    width: 58.333333%;
  }
  .lg\:w-8\/12{
    width: 66.666667%;
  }
  .lg\:w-9\/12{
    width: 75%;
  }
  .lg\:w-\[calc\(25\%-18px\)\]{
    width: calc(25% - 18px);
  }
  .lg\:w-px{
    width: 1px;
  }
  .lg\:max-w-\[328px\]{
    max-width: 328px;
  }
  .lg\:flex-\[0_0_calc\(25\%-2rem\)\]{
    flex: 0 0 calc(25% - 2rem);
  }
  .lg\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .lg\:flex-row{
    flex-direction: row;
  }
  .lg\:flex-row-reverse{
    flex-direction: row-reverse;
  }
  .lg\:flex-nowrap{
    flex-wrap: nowrap;
  }
  .lg\:items-center{
    align-items: center;
  }
  .lg\:gap-12{
    gap: 3rem;
  }
  .lg\:gap-24{
    gap: 6rem;
  }
  .lg\:text-nowrap{
    text-wrap: nowrap;
  }
  .lg\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }
  .lg\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .lg\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .lg\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .lg\:px-\[120px\]{
    padding-left: 120px;
    padding-right: 120px;
  }
  .lg\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .lg\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .lg\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .lg\:py-24{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .lg\:py-28{
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
  .lg\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .lg\:pl-\[68px\]{
    padding-left: 68px;
  }
  .lg\:text-left{
    text-align: left;
  }
  .lg\:text-7\.5xl{
    font-size: var(--font-size-7_5xl);
  }
  .lg\:leading-62px{
    line-height: 3.875rem;
  }
  .lg\:odd\:flex-row-reverse:nth-child(odd){
    flex-direction: row-reverse;
  }
}
@media (min-width: 1280px){
  .xl\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .xl\:col-span-3{
    grid-column: span 3 / span 3;
  }
  .xl\:col-span-4{
    grid-column: span 4 / span 4;
  }
  .xl\:line-clamp-\[12\]{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 12;
  }
  .xl\:aspect-\[627\/283\]{
    aspect-ratio: 627/283;
  }
  .xl\:w-1\/4{
    width: 25%;
  }
  .xl\:w-2\/5{
    width: 40%;
  }
  .xl\:w-3\/5{
    width: 60%;
  }
  .xl\:max-w-\[350px\]{
    max-width: 350px;
  }
  .xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xl\:flex-row{
    flex-direction: row;
  }
  .xl\:flex-nowrap{
    flex-wrap: nowrap;
  }
  .xl\:items-start{
    align-items: flex-start;
  }
  .xl\:text-3xl{
    font-size: var(--font-size-3xl);
  }
}
.\[\&\>svg\]\:hidden>svg{
  display: none;
}
.peer:checked ~ .peer-checked\:\[\&\>svg\]\:block>svg{
  display: block;
}