/*!************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/css/everstream.css ***!
  \************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@700&family=Work+Sans:wght@500;600&family=Chakra+Petch:wght@500&display=swap);
/*!****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/css/everstream.css (1) ***!
  \****************************************************************************************************************************************************/

/* ./src/css/PROJECT_NAME.css */
/* ./src/css/tailwind.css */
/* ! tailwindcss v3.0.24 | 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.
*/
html {
  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: Work Sans, sans-serif; /* 4 */
}
/*
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. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
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-size: 100%; /* 1 */
  line-height: 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,
[type='button'],
[type='reset'],
[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;
}
/*
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:-ms-input-placeholder, textarea:-ms-input-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;
}
/*
Ensure the default browser behavior of the `hidden` attribute.
*/
[hidden] {
  display: none;
}
*, ::before, ::after{
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: 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:  ;
}
.container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 100%){
    .container{
        max-width: 100%;
    }
}
@media (min-width: 1440px){
    .container{
        max-width: 1440px;
    }
}
@media (min-width: 1800px){
    .container{
        max-width: 1800px;
    }
}
.visible{
    visibility: visible !important;
}
.static{
    position: static !important;
}
.fixed{
    position: fixed !important;
}
.absolute{
    position: absolute !important;
}
.relative{
    position: relative !important;
}
.sticky{
    position: -webkit-sticky !important;
    position: sticky !important;
}
.top-0{
    top: 0px !important;
}
.top-auto{
    top: auto !important;
}
.top-1px{
    top: 1px !important;
}
.top-2px{
    top: 2px !important;
}
.top-4px{
    top: 4px !important;
}
.top-8px{
    top: 8px !important;
}
.top-12px{
    top: 12px !important;
}
.top-16px{
    top: 16px !important;
}
.top-20px{
    top: 20px !important;
}
.top-24px{
    top: 24px !important;
}
.top-32px{
    top: 32px !important;
}
.top-36px{
    top: 36px !important;
}
.top-40px{
    top: 40px !important;
}
.top-44px{
    top: 44px !important;
}
.top-48px{
    top: 48px !important;
}
.top-52px{
    top: 52px !important;
}
.top-56px{
    top: 56px !important;
}
.top-64px{
    top: 64px !important;
}
.top-72px{
    top: 72px !important;
}
.top-88px{
    top: 88px !important;
}
.top-100px{
    top: 100px !important;
}
.top-120px{
    top: 120px !important;
}
.top-140px{
    top: 140px !important;
}
.top-160px{
    top: 160px !important;
}
.top-200px{
    top: 200px !important;
}
.top-1\/2{
    top: 50% !important;
}
.top-1\/3{
    top: 33.333333% !important;
}
.top-2\/3{
    top: 66.666667% !important;
}
.top-1\/4{
    top: 25% !important;
}
.top-2\/4{
    top: 50% !important;
}
.top-3\/4{
    top: 75% !important;
}
.top-full{
    top: 100% !important;
}
.-top-0{
    top: -0px !important;
}
.-top-1px{
    top: -1px !important;
}
.-top-2px{
    top: -2px !important;
}
.-top-4px{
    top: -4px !important;
}
.-top-8px{
    top: -8px !important;
}
.-top-12px{
    top: -12px !important;
}
.-top-16px{
    top: -16px !important;
}
.-top-20px{
    top: -20px !important;
}
.-top-24px{
    top: -24px !important;
}
.-top-32px{
    top: -32px !important;
}
.-top-36px{
    top: -36px !important;
}
.-top-40px{
    top: -40px !important;
}
.-top-44px{
    top: -44px !important;
}
.-top-48px{
    top: -48px !important;
}
.-top-52px{
    top: -52px !important;
}
.-top-56px{
    top: -56px !important;
}
.-top-64px{
    top: -64px !important;
}
.-top-72px{
    top: -72px !important;
}
.-top-88px{
    top: -88px !important;
}
.-top-100px{
    top: -100px !important;
}
.-top-120px{
    top: -120px !important;
}
.-top-140px{
    top: -140px !important;
}
.-top-160px{
    top: -160px !important;
}
.-top-200px{
    top: -200px !important;
}
.-top-1\/2{
    top: -50% !important;
}
.-top-1\/3{
    top: -33.333333% !important;
}
.-top-2\/3{
    top: -66.666667% !important;
}
.-top-1\/4{
    top: -25% !important;
}
.-top-2\/4{
    top: -50% !important;
}
.-top-3\/4{
    top: -75% !important;
}
.-top-full{
    top: -100% !important;
}
.bottom-0{
    bottom: 0px !important;
}
.bottom-auto{
    bottom: auto !important;
}
.bottom-1px{
    bottom: 1px !important;
}
.bottom-2px{
    bottom: 2px !important;
}
.bottom-4px{
    bottom: 4px !important;
}
.bottom-8px{
    bottom: 8px !important;
}
.bottom-12px{
    bottom: 12px !important;
}
.bottom-16px{
    bottom: 16px !important;
}
.bottom-20px{
    bottom: 20px !important;
}
.bottom-24px{
    bottom: 24px !important;
}
.bottom-32px{
    bottom: 32px !important;
}
.bottom-36px{
    bottom: 36px !important;
}
.bottom-40px{
    bottom: 40px !important;
}
.bottom-44px{
    bottom: 44px !important;
}
.bottom-48px{
    bottom: 48px !important;
}
.bottom-52px{
    bottom: 52px !important;
}
.bottom-56px{
    bottom: 56px !important;
}
.bottom-64px{
    bottom: 64px !important;
}
.bottom-72px{
    bottom: 72px !important;
}
.bottom-88px{
    bottom: 88px !important;
}
.bottom-100px{
    bottom: 100px !important;
}
.bottom-120px{
    bottom: 120px !important;
}
.bottom-140px{
    bottom: 140px !important;
}
.bottom-160px{
    bottom: 160px !important;
}
.bottom-200px{
    bottom: 200px !important;
}
.bottom-1\/2{
    bottom: 50% !important;
}
.bottom-1\/3{
    bottom: 33.333333% !important;
}
.bottom-2\/3{
    bottom: 66.666667% !important;
}
.bottom-1\/4{
    bottom: 25% !important;
}
.bottom-2\/4{
    bottom: 50% !important;
}
.bottom-3\/4{
    bottom: 75% !important;
}
.bottom-full{
    bottom: 100% !important;
}
.-bottom-0{
    bottom: -0px !important;
}
.-bottom-1px{
    bottom: -1px !important;
}
.-bottom-2px{
    bottom: -2px !important;
}
.-bottom-4px{
    bottom: -4px !important;
}
.-bottom-8px{
    bottom: -8px !important;
}
.-bottom-12px{
    bottom: -12px !important;
}
.-bottom-16px{
    bottom: -16px !important;
}
.-bottom-20px{
    bottom: -20px !important;
}
.-bottom-24px{
    bottom: -24px !important;
}
.-bottom-32px{
    bottom: -32px !important;
}
.-bottom-36px{
    bottom: -36px !important;
}
.-bottom-40px{
    bottom: -40px !important;
}
.-bottom-44px{
    bottom: -44px !important;
}
.-bottom-48px{
    bottom: -48px !important;
}
.-bottom-52px{
    bottom: -52px !important;
}
.-bottom-56px{
    bottom: -56px !important;
}
.-bottom-64px{
    bottom: -64px !important;
}
.-bottom-72px{
    bottom: -72px !important;
}
.-bottom-88px{
    bottom: -88px !important;
}
.-bottom-100px{
    bottom: -100px !important;
}
.-bottom-120px{
    bottom: -120px !important;
}
.-bottom-140px{
    bottom: -140px !important;
}
.-bottom-160px{
    bottom: -160px !important;
}
.-bottom-200px{
    bottom: -200px !important;
}
.-bottom-1\/2{
    bottom: -50% !important;
}
.-bottom-1\/3{
    bottom: -33.333333% !important;
}
.-bottom-2\/3{
    bottom: -66.666667% !important;
}
.-bottom-1\/4{
    bottom: -25% !important;
}
.-bottom-2\/4{
    bottom: -50% !important;
}
.-bottom-3\/4{
    bottom: -75% !important;
}
.-bottom-full{
    bottom: -100% !important;
}
.left-0{
    left: 0px !important;
}
.z-20{
    z-index: 20 !important;
}
.z-10{
    z-index: 10 !important;
}
.m-0{
    margin: 0px !important;
}
.m-auto{
    margin: auto !important;
}
.m-1px{
    margin: 1px !important;
}
.m-2px{
    margin: 2px !important;
}
.m-4px{
    margin: 4px !important;
}
.m-8px{
    margin: 8px !important;
}
.m-12px{
    margin: 12px !important;
}
.m-16px{
    margin: 16px !important;
}
.m-20px{
    margin: 20px !important;
}
.m-24px{
    margin: 24px !important;
}
.m-32px{
    margin: 32px !important;
}
.m-36px{
    margin: 36px !important;
}
.m-40px{
    margin: 40px !important;
}
.m-44px{
    margin: 44px !important;
}
.m-48px{
    margin: 48px !important;
}
.m-52px{
    margin: 52px !important;
}
.m-56px{
    margin: 56px !important;
}
.m-64px{
    margin: 64px !important;
}
.m-72px{
    margin: 72px !important;
}
.m-88px{
    margin: 88px !important;
}
.m-100px{
    margin: 100px !important;
}
.m-120px{
    margin: 120px !important;
}
.m-140px{
    margin: 140px !important;
}
.m-160px{
    margin: 160px !important;
}
.m-200px{
    margin: 200px !important;
}
.-m-0{
    margin: -0px !important;
}
.-m-1px{
    margin: -1px !important;
}
.-m-2px{
    margin: -2px !important;
}
.-m-4px{
    margin: -4px !important;
}
.-m-8px{
    margin: -8px !important;
}
.-m-12px{
    margin: -12px !important;
}
.-m-16px{
    margin: -16px !important;
}
.-m-20px{
    margin: -20px !important;
}
.-m-24px{
    margin: -24px !important;
}
.-m-32px{
    margin: -32px !important;
}
.-m-36px{
    margin: -36px !important;
}
.-m-40px{
    margin: -40px !important;
}
.-m-44px{
    margin: -44px !important;
}
.-m-48px{
    margin: -48px !important;
}
.-m-52px{
    margin: -52px !important;
}
.-m-56px{
    margin: -56px !important;
}
.-m-64px{
    margin: -64px !important;
}
.-m-72px{
    margin: -72px !important;
}
.-m-88px{
    margin: -88px !important;
}
.-m-100px{
    margin: -100px !important;
}
.-m-120px{
    margin: -120px !important;
}
.-m-140px{
    margin: -140px !important;
}
.-m-160px{
    margin: -160px !important;
}
.-m-200px{
    margin: -200px !important;
}
.my-32px{
    margin-top: 32px !important;
    margin-bottom: 32px !important;
}
.my-140px{
    margin-top: 140px !important;
    margin-bottom: 140px !important;
}
.mx-auto{
    margin-left: auto !important;
    margin-right: auto !important;
}
.my-12px{
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}
.my-24px{
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}
.mt-0{
    margin-top: 0px !important;
}
.mt-auto{
    margin-top: auto !important;
}
.mt-1px{
    margin-top: 1px !important;
}
.mt-2px{
    margin-top: 2px !important;
}
.mt-4px{
    margin-top: 4px !important;
}
.mt-8px{
    margin-top: 8px !important;
}
.mt-12px{
    margin-top: 12px !important;
}
.mt-16px{
    margin-top: 16px !important;
}
.mt-20px{
    margin-top: 20px !important;
}
.mt-24px{
    margin-top: 24px !important;
}
.mt-32px{
    margin-top: 32px !important;
}
.mt-36px{
    margin-top: 36px !important;
}
.mt-40px{
    margin-top: 40px !important;
}
.mt-44px{
    margin-top: 44px !important;
}
.mt-48px{
    margin-top: 48px !important;
}
.mt-52px{
    margin-top: 52px !important;
}
.mt-56px{
    margin-top: 56px !important;
}
.mt-64px{
    margin-top: 64px !important;
}
.mt-72px{
    margin-top: 72px !important;
}
.mt-88px{
    margin-top: 88px !important;
}
.mt-100px{
    margin-top: 100px !important;
}
.mt-120px{
    margin-top: 120px !important;
}
.mt-140px{
    margin-top: 140px !important;
}
.mt-160px{
    margin-top: 160px !important;
}
.mt-200px{
    margin-top: 200px !important;
}
.-mt-0{
    margin-top: -0px !important;
}
.-mt-1px{
    margin-top: -1px !important;
}
.-mt-2px{
    margin-top: -2px !important;
}
.-mt-4px{
    margin-top: -4px !important;
}
.-mt-8px{
    margin-top: -8px !important;
}
.-mt-12px{
    margin-top: -12px !important;
}
.-mt-16px{
    margin-top: -16px !important;
}
.-mt-20px{
    margin-top: -20px !important;
}
.-mt-24px{
    margin-top: -24px !important;
}
.-mt-32px{
    margin-top: -32px !important;
}
.-mt-36px{
    margin-top: -36px !important;
}
.-mt-40px{
    margin-top: -40px !important;
}
.-mt-44px{
    margin-top: -44px !important;
}
.-mt-48px{
    margin-top: -48px !important;
}
.-mt-52px{
    margin-top: -52px !important;
}
.-mt-56px{
    margin-top: -56px !important;
}
.-mt-64px{
    margin-top: -64px !important;
}
.-mt-72px{
    margin-top: -72px !important;
}
.-mt-88px{
    margin-top: -88px !important;
}
.-mt-100px{
    margin-top: -100px !important;
}
.-mt-120px{
    margin-top: -120px !important;
}
.-mt-140px{
    margin-top: -140px !important;
}
.-mt-160px{
    margin-top: -160px !important;
}
.-mt-200px{
    margin-top: -200px !important;
}
.mb-0{
    margin-bottom: 0px !important;
}
.mb-auto{
    margin-bottom: auto !important;
}
.mb-1px{
    margin-bottom: 1px !important;
}
.mb-2px{
    margin-bottom: 2px !important;
}
.mb-4px{
    margin-bottom: 4px !important;
}
.mb-8px{
    margin-bottom: 8px !important;
}
.mb-12px{
    margin-bottom: 12px !important;
}
.mb-16px{
    margin-bottom: 16px !important;
}
.mb-20px{
    margin-bottom: 20px !important;
}
.mb-24px{
    margin-bottom: 24px !important;
}
.mb-32px{
    margin-bottom: 32px !important;
}
.mb-36px{
    margin-bottom: 36px !important;
}
.mb-40px{
    margin-bottom: 40px !important;
}
.mb-44px{
    margin-bottom: 44px !important;
}
.mb-48px{
    margin-bottom: 48px !important;
}
.mb-52px{
    margin-bottom: 52px !important;
}
.mb-56px{
    margin-bottom: 56px !important;
}
.mb-64px{
    margin-bottom: 64px !important;
}
.mb-72px{
    margin-bottom: 72px !important;
}
.mb-88px{
    margin-bottom: 88px !important;
}
.mb-100px{
    margin-bottom: 100px !important;
}
.mb-120px{
    margin-bottom: 120px !important;
}
.mb-140px{
    margin-bottom: 140px !important;
}
.mb-160px{
    margin-bottom: 160px !important;
}
.mb-200px{
    margin-bottom: 200px !important;
}
.-mb-0{
    margin-bottom: -0px !important;
}
.-mb-1px{
    margin-bottom: -1px !important;
}
.-mb-2px{
    margin-bottom: -2px !important;
}
.-mb-4px{
    margin-bottom: -4px !important;
}
.-mb-8px{
    margin-bottom: -8px !important;
}
.-mb-12px{
    margin-bottom: -12px !important;
}
.-mb-16px{
    margin-bottom: -16px !important;
}
.-mb-20px{
    margin-bottom: -20px !important;
}
.-mb-24px{
    margin-bottom: -24px !important;
}
.-mb-32px{
    margin-bottom: -32px !important;
}
.-mb-36px{
    margin-bottom: -36px !important;
}
.-mb-40px{
    margin-bottom: -40px !important;
}
.-mb-44px{
    margin-bottom: -44px !important;
}
.-mb-48px{
    margin-bottom: -48px !important;
}
.-mb-52px{
    margin-bottom: -52px !important;
}
.-mb-56px{
    margin-bottom: -56px !important;
}
.-mb-64px{
    margin-bottom: -64px !important;
}
.-mb-72px{
    margin-bottom: -72px !important;
}
.-mb-88px{
    margin-bottom: -88px !important;
}
.-mb-100px{
    margin-bottom: -100px !important;
}
.-mb-120px{
    margin-bottom: -120px !important;
}
.-mb-140px{
    margin-bottom: -140px !important;
}
.-mb-160px{
    margin-bottom: -160px !important;
}
.-mb-200px{
    margin-bottom: -200px !important;
}
.mr-4px{
    margin-right: 4px !important;
}
.ml-64px{
    margin-left: 64px !important;
}
.block{
    display: block !important;
}
.inline{
    display: inline !important;
}
.flex{
    display: flex !important;
}
.grid{
    display: grid !important;
}
.hidden{
    display: none !important;
}
.h-full{
    height: 100% !important;
}
.h-auto{
    height: auto !important;
}
.h-screen{
    height: 100vh !important;
}
.max-h-full{
    max-height: 100% !important;
}
.w-full{
    width: 100% !important;
}
.w-fit{
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
}
.w-11\/12{
    width: 91.666667% !important;
}
.max-w-full{
    max-width: 100% !important;
}
.border-collapse{
    border-collapse: collapse !important;
}
.border-separate{
    border-collapse: separate !important;
}
.origin-top-right{
    transform-origin: top right !important;
}
.origin-bottom-right{
    transform-origin: bottom right !important;
}
.origin-bottom-left{
    transform-origin: bottom left !important;
}
.origin-top-left{
    transform-origin: top left !important;
}
.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)) !important;
}
.transform-cpu{
    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)) !important;
}
.transform-gpu{
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.transform-none{
    transform: none !important;
}
.cursor-context-menu{
    cursor: context-menu !important;
}
.cursor-zoom-in{
    cursor: zoom-in !important;
}
.cursor-zoom-out{
    cursor: zoom-out !important;
}
.resize{
    resize: both !important;
}
.snap-none{
    -ms-scroll-snap-type: none !important;
        scroll-snap-type: none !important;
}
.snap-x{
    -ms-scroll-snap-type: x var(--tw-scroll-snap-strictness) !important;
        scroll-snap-type: x var(--tw-scroll-snap-strictness) !important;
}
.snap-y{
    -ms-scroll-snap-type: y var(--tw-scroll-snap-strictness) !important;
        scroll-snap-type: y var(--tw-scroll-snap-strictness) !important;
}
.snap-both{
    -ms-scroll-snap-type: both var(--tw-scroll-snap-strictness) !important;
        scroll-snap-type: both var(--tw-scroll-snap-strictness) !important;
}
.snap-mandatory{
    --tw-scroll-snap-strictness: mandatory !important;
}
.snap-proximity{
    --tw-scroll-snap-strictness: proximity !important;
}
.snap-start{
    scroll-snap-align: start !important;
}
.snap-end{
    scroll-snap-align: end !important;
}
.snap-center{
    scroll-snap-align: center !important;
}
.snap-align-none{
    scroll-snap-align: none !important;
}
.snap-normal{
    scroll-snap-stop: normal !important;
}
.snap-always{
    scroll-snap-stop: always !important;
}
.scroll-m-0{
    scroll-margin: 0px !important;
}
.scroll-m-1px{
    scroll-margin: 1px !important;
}
.scroll-m-2px{
    scroll-margin: 2px !important;
}
.scroll-m-4px{
    scroll-margin: 4px !important;
}
.scroll-m-8px{
    scroll-margin: 8px !important;
}
.scroll-m-12px{
    scroll-margin: 12px !important;
}
.scroll-m-16px{
    scroll-margin: 16px !important;
}
.scroll-m-20px{
    scroll-margin: 20px !important;
}
.scroll-m-24px{
    scroll-margin: 24px !important;
}
.scroll-m-32px{
    scroll-margin: 32px !important;
}
.scroll-m-36px{
    scroll-margin: 36px !important;
}
.scroll-m-40px{
    scroll-margin: 40px !important;
}
.scroll-m-44px{
    scroll-margin: 44px !important;
}
.scroll-m-48px{
    scroll-margin: 48px !important;
}
.scroll-m-52px{
    scroll-margin: 52px !important;
}
.scroll-m-56px{
    scroll-margin: 56px !important;
}
.scroll-m-64px{
    scroll-margin: 64px !important;
}
.scroll-m-72px{
    scroll-margin: 72px !important;
}
.scroll-m-88px{
    scroll-margin: 88px !important;
}
.scroll-m-100px{
    scroll-margin: 100px !important;
}
.scroll-m-120px{
    scroll-margin: 120px !important;
}
.scroll-m-140px{
    scroll-margin: 140px !important;
}
.scroll-m-160px{
    scroll-margin: 160px !important;
}
.scroll-m-200px{
    scroll-margin: 200px !important;
}
.-scroll-m-0{
    scroll-margin: -0px !important;
}
.-scroll-m-1px{
    scroll-margin: -1px !important;
}
.-scroll-m-2px{
    scroll-margin: -2px !important;
}
.-scroll-m-4px{
    scroll-margin: -4px !important;
}
.-scroll-m-8px{
    scroll-margin: -8px !important;
}
.-scroll-m-12px{
    scroll-margin: -12px !important;
}
.-scroll-m-16px{
    scroll-margin: -16px !important;
}
.-scroll-m-20px{
    scroll-margin: -20px !important;
}
.-scroll-m-24px{
    scroll-margin: -24px !important;
}
.-scroll-m-32px{
    scroll-margin: -32px !important;
}
.-scroll-m-36px{
    scroll-margin: -36px !important;
}
.-scroll-m-40px{
    scroll-margin: -40px !important;
}
.-scroll-m-44px{
    scroll-margin: -44px !important;
}
.-scroll-m-48px{
    scroll-margin: -48px !important;
}
.-scroll-m-52px{
    scroll-margin: -52px !important;
}
.-scroll-m-56px{
    scroll-margin: -56px !important;
}
.-scroll-m-64px{
    scroll-margin: -64px !important;
}
.-scroll-m-72px{
    scroll-margin: -72px !important;
}
.-scroll-m-88px{
    scroll-margin: -88px !important;
}
.-scroll-m-100px{
    scroll-margin: -100px !important;
}
.-scroll-m-120px{
    scroll-margin: -120px !important;
}
.-scroll-m-140px{
    scroll-margin: -140px !important;
}
.-scroll-m-160px{
    scroll-margin: -160px !important;
}
.-scroll-m-200px{
    scroll-margin: -200px !important;
}
.scroll-mt-0{
    scroll-margin-top: 0px !important;
}
.scroll-mt-1px{
    scroll-margin-top: 1px !important;
}
.scroll-mt-2px{
    scroll-margin-top: 2px !important;
}
.scroll-mt-4px{
    scroll-margin-top: 4px !important;
}
.scroll-mt-8px{
    scroll-margin-top: 8px !important;
}
.scroll-mt-12px{
    scroll-margin-top: 12px !important;
}
.scroll-mt-16px{
    scroll-margin-top: 16px !important;
}
.scroll-mt-20px{
    scroll-margin-top: 20px !important;
}
.scroll-mt-24px{
    scroll-margin-top: 24px !important;
}
.scroll-mt-32px{
    scroll-margin-top: 32px !important;
}
.scroll-mt-36px{
    scroll-margin-top: 36px !important;
}
.scroll-mt-40px{
    scroll-margin-top: 40px !important;
}
.scroll-mt-44px{
    scroll-margin-top: 44px !important;
}
.scroll-mt-48px{
    scroll-margin-top: 48px !important;
}
.scroll-mt-52px{
    scroll-margin-top: 52px !important;
}
.scroll-mt-56px{
    scroll-margin-top: 56px !important;
}
.scroll-mt-64px{
    scroll-margin-top: 64px !important;
}
.scroll-mt-72px{
    scroll-margin-top: 72px !important;
}
.scroll-mt-88px{
    scroll-margin-top: 88px !important;
}
.scroll-mt-100px{
    scroll-margin-top: 100px !important;
}
.scroll-mt-120px{
    scroll-margin-top: 120px !important;
}
.scroll-mt-140px{
    scroll-margin-top: 140px !important;
}
.scroll-mt-160px{
    scroll-margin-top: 160px !important;
}
.scroll-mt-200px{
    scroll-margin-top: 200px !important;
}
.-scroll-mt-0{
    scroll-margin-top: -0px !important;
}
.-scroll-mt-1px{
    scroll-margin-top: -1px !important;
}
.-scroll-mt-2px{
    scroll-margin-top: -2px !important;
}
.-scroll-mt-4px{
    scroll-margin-top: -4px !important;
}
.-scroll-mt-8px{
    scroll-margin-top: -8px !important;
}
.-scroll-mt-12px{
    scroll-margin-top: -12px !important;
}
.-scroll-mt-16px{
    scroll-margin-top: -16px !important;
}
.-scroll-mt-20px{
    scroll-margin-top: -20px !important;
}
.-scroll-mt-24px{
    scroll-margin-top: -24px !important;
}
.-scroll-mt-32px{
    scroll-margin-top: -32px !important;
}
.-scroll-mt-36px{
    scroll-margin-top: -36px !important;
}
.-scroll-mt-40px{
    scroll-margin-top: -40px !important;
}
.-scroll-mt-44px{
    scroll-margin-top: -44px !important;
}
.-scroll-mt-48px{
    scroll-margin-top: -48px !important;
}
.-scroll-mt-52px{
    scroll-margin-top: -52px !important;
}
.-scroll-mt-56px{
    scroll-margin-top: -56px !important;
}
.-scroll-mt-64px{
    scroll-margin-top: -64px !important;
}
.-scroll-mt-72px{
    scroll-margin-top: -72px !important;
}
.-scroll-mt-88px{
    scroll-margin-top: -88px !important;
}
.-scroll-mt-100px{
    scroll-margin-top: -100px !important;
}
.-scroll-mt-120px{
    scroll-margin-top: -120px !important;
}
.-scroll-mt-140px{
    scroll-margin-top: -140px !important;
}
.-scroll-mt-160px{
    scroll-margin-top: -160px !important;
}
.-scroll-mt-200px{
    scroll-margin-top: -200px !important;
}
.scroll-mb-0{
    scroll-margin-bottom: 0px !important;
}
.scroll-mb-1px{
    scroll-margin-bottom: 1px !important;
}
.scroll-mb-2px{
    scroll-margin-bottom: 2px !important;
}
.scroll-mb-4px{
    scroll-margin-bottom: 4px !important;
}
.scroll-mb-8px{
    scroll-margin-bottom: 8px !important;
}
.scroll-mb-12px{
    scroll-margin-bottom: 12px !important;
}
.scroll-mb-16px{
    scroll-margin-bottom: 16px !important;
}
.scroll-mb-20px{
    scroll-margin-bottom: 20px !important;
}
.scroll-mb-24px{
    scroll-margin-bottom: 24px !important;
}
.scroll-mb-32px{
    scroll-margin-bottom: 32px !important;
}
.scroll-mb-36px{
    scroll-margin-bottom: 36px !important;
}
.scroll-mb-40px{
    scroll-margin-bottom: 40px !important;
}
.scroll-mb-44px{
    scroll-margin-bottom: 44px !important;
}
.scroll-mb-48px{
    scroll-margin-bottom: 48px !important;
}
.scroll-mb-52px{
    scroll-margin-bottom: 52px !important;
}
.scroll-mb-56px{
    scroll-margin-bottom: 56px !important;
}
.scroll-mb-64px{
    scroll-margin-bottom: 64px !important;
}
.scroll-mb-72px{
    scroll-margin-bottom: 72px !important;
}
.scroll-mb-88px{
    scroll-margin-bottom: 88px !important;
}
.scroll-mb-100px{
    scroll-margin-bottom: 100px !important;
}
.scroll-mb-120px{
    scroll-margin-bottom: 120px !important;
}
.scroll-mb-140px{
    scroll-margin-bottom: 140px !important;
}
.scroll-mb-160px{
    scroll-margin-bottom: 160px !important;
}
.scroll-mb-200px{
    scroll-margin-bottom: 200px !important;
}
.-scroll-mb-0{
    scroll-margin-bottom: -0px !important;
}
.-scroll-mb-1px{
    scroll-margin-bottom: -1px !important;
}
.-scroll-mb-2px{
    scroll-margin-bottom: -2px !important;
}
.-scroll-mb-4px{
    scroll-margin-bottom: -4px !important;
}
.-scroll-mb-8px{
    scroll-margin-bottom: -8px !important;
}
.-scroll-mb-12px{
    scroll-margin-bottom: -12px !important;
}
.-scroll-mb-16px{
    scroll-margin-bottom: -16px !important;
}
.-scroll-mb-20px{
    scroll-margin-bottom: -20px !important;
}
.-scroll-mb-24px{
    scroll-margin-bottom: -24px !important;
}
.-scroll-mb-32px{
    scroll-margin-bottom: -32px !important;
}
.-scroll-mb-36px{
    scroll-margin-bottom: -36px !important;
}
.-scroll-mb-40px{
    scroll-margin-bottom: -40px !important;
}
.-scroll-mb-44px{
    scroll-margin-bottom: -44px !important;
}
.-scroll-mb-48px{
    scroll-margin-bottom: -48px !important;
}
.-scroll-mb-52px{
    scroll-margin-bottom: -52px !important;
}
.-scroll-mb-56px{
    scroll-margin-bottom: -56px !important;
}
.-scroll-mb-64px{
    scroll-margin-bottom: -64px !important;
}
.-scroll-mb-72px{
    scroll-margin-bottom: -72px !important;
}
.-scroll-mb-88px{
    scroll-margin-bottom: -88px !important;
}
.-scroll-mb-100px{
    scroll-margin-bottom: -100px !important;
}
.-scroll-mb-120px{
    scroll-margin-bottom: -120px !important;
}
.-scroll-mb-140px{
    scroll-margin-bottom: -140px !important;
}
.-scroll-mb-160px{
    scroll-margin-bottom: -160px !important;
}
.-scroll-mb-200px{
    scroll-margin-bottom: -200px !important;
}
.scroll-p-0{
    scroll-padding: 0px !important;
}
.scroll-p-1px{
    scroll-padding: 1px !important;
}
.scroll-p-2px{
    scroll-padding: 2px !important;
}
.scroll-p-4px{
    scroll-padding: 4px !important;
}
.scroll-p-8px{
    scroll-padding: 8px !important;
}
.scroll-p-12px{
    scroll-padding: 12px !important;
}
.scroll-p-16px{
    scroll-padding: 16px !important;
}
.scroll-p-20px{
    scroll-padding: 20px !important;
}
.scroll-p-24px{
    scroll-padding: 24px !important;
}
.scroll-p-32px{
    scroll-padding: 32px !important;
}
.scroll-p-36px{
    scroll-padding: 36px !important;
}
.scroll-p-40px{
    scroll-padding: 40px !important;
}
.scroll-p-44px{
    scroll-padding: 44px !important;
}
.scroll-p-48px{
    scroll-padding: 48px !important;
}
.scroll-p-52px{
    scroll-padding: 52px !important;
}
.scroll-p-56px{
    scroll-padding: 56px !important;
}
.scroll-p-64px{
    scroll-padding: 64px !important;
}
.scroll-p-72px{
    scroll-padding: 72px !important;
}
.scroll-p-88px{
    scroll-padding: 88px !important;
}
.scroll-p-100px{
    scroll-padding: 100px !important;
}
.scroll-p-120px{
    scroll-padding: 120px !important;
}
.scroll-p-140px{
    scroll-padding: 140px !important;
}
.scroll-p-160px{
    scroll-padding: 160px !important;
}
.scroll-p-200px{
    scroll-padding: 200px !important;
}
.scroll-pt-0{
    scroll-padding-top: 0px !important;
}
.scroll-pt-1px{
    scroll-padding-top: 1px !important;
}
.scroll-pt-2px{
    scroll-padding-top: 2px !important;
}
.scroll-pt-4px{
    scroll-padding-top: 4px !important;
}
.scroll-pt-8px{
    scroll-padding-top: 8px !important;
}
.scroll-pt-12px{
    scroll-padding-top: 12px !important;
}
.scroll-pt-16px{
    scroll-padding-top: 16px !important;
}
.scroll-pt-20px{
    scroll-padding-top: 20px !important;
}
.scroll-pt-24px{
    scroll-padding-top: 24px !important;
}
.scroll-pt-32px{
    scroll-padding-top: 32px !important;
}
.scroll-pt-36px{
    scroll-padding-top: 36px !important;
}
.scroll-pt-40px{
    scroll-padding-top: 40px !important;
}
.scroll-pt-44px{
    scroll-padding-top: 44px !important;
}
.scroll-pt-48px{
    scroll-padding-top: 48px !important;
}
.scroll-pt-52px{
    scroll-padding-top: 52px !important;
}
.scroll-pt-56px{
    scroll-padding-top: 56px !important;
}
.scroll-pt-64px{
    scroll-padding-top: 64px !important;
}
.scroll-pt-72px{
    scroll-padding-top: 72px !important;
}
.scroll-pt-88px{
    scroll-padding-top: 88px !important;
}
.scroll-pt-100px{
    scroll-padding-top: 100px !important;
}
.scroll-pt-120px{
    scroll-padding-top: 120px !important;
}
.scroll-pt-140px{
    scroll-padding-top: 140px !important;
}
.scroll-pt-160px{
    scroll-padding-top: 160px !important;
}
.scroll-pt-200px{
    scroll-padding-top: 200px !important;
}
.scroll-pb-0{
    scroll-padding-bottom: 0px !important;
}
.scroll-pb-1px{
    scroll-padding-bottom: 1px !important;
}
.scroll-pb-2px{
    scroll-padding-bottom: 2px !important;
}
.scroll-pb-4px{
    scroll-padding-bottom: 4px !important;
}
.scroll-pb-8px{
    scroll-padding-bottom: 8px !important;
}
.scroll-pb-12px{
    scroll-padding-bottom: 12px !important;
}
.scroll-pb-16px{
    scroll-padding-bottom: 16px !important;
}
.scroll-pb-20px{
    scroll-padding-bottom: 20px !important;
}
.scroll-pb-24px{
    scroll-padding-bottom: 24px !important;
}
.scroll-pb-32px{
    scroll-padding-bottom: 32px !important;
}
.scroll-pb-36px{
    scroll-padding-bottom: 36px !important;
}
.scroll-pb-40px{
    scroll-padding-bottom: 40px !important;
}
.scroll-pb-44px{
    scroll-padding-bottom: 44px !important;
}
.scroll-pb-48px{
    scroll-padding-bottom: 48px !important;
}
.scroll-pb-52px{
    scroll-padding-bottom: 52px !important;
}
.scroll-pb-56px{
    scroll-padding-bottom: 56px !important;
}
.scroll-pb-64px{
    scroll-padding-bottom: 64px !important;
}
.scroll-pb-72px{
    scroll-padding-bottom: 72px !important;
}
.scroll-pb-88px{
    scroll-padding-bottom: 88px !important;
}
.scroll-pb-100px{
    scroll-padding-bottom: 100px !important;
}
.scroll-pb-120px{
    scroll-padding-bottom: 120px !important;
}
.scroll-pb-140px{
    scroll-padding-bottom: 140px !important;
}
.scroll-pb-160px{
    scroll-padding-bottom: 160px !important;
}
.scroll-pb-200px{
    scroll-padding-bottom: 200px !important;
}
.auto-cols-max{
    grid-auto-columns: -webkit-max-content !important;
    grid-auto-columns: max-content !important;
}
.grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.flex-row-reverse{
    flex-direction: row-reverse !important;
}
.flex-col{
    flex-direction: column !important;
}
.flex-col-reverse{
    flex-direction: column-reverse !important;
}
.flex-wrap-reverse{
    flex-wrap: wrap-reverse !important;
}
.items-center{
    align-items: center !important;
}
.justify-end{
    justify-content: flex-end !important;
}
.justify-center{
    justify-content: center !important;
}
.gap-0{
    gap: 0px !important;
}
.gap-1px{
    gap: 1px !important;
}
.gap-2px{
    gap: 2px !important;
}
.gap-4px{
    gap: 4px !important;
}
.gap-8px{
    gap: 8px !important;
}
.gap-12px{
    gap: 12px !important;
}
.gap-16px{
    gap: 16px !important;
}
.gap-20px{
    gap: 20px !important;
}
.gap-24px{
    gap: 24px !important;
}
.gap-32px{
    gap: 32px !important;
}
.gap-36px{
    gap: 36px !important;
}
.gap-40px{
    gap: 40px !important;
}
.gap-44px{
    gap: 44px !important;
}
.gap-48px{
    gap: 48px !important;
}
.gap-52px{
    gap: 52px !important;
}
.gap-56px{
    gap: 56px !important;
}
.gap-64px{
    gap: 64px !important;
}
.gap-72px{
    gap: 72px !important;
}
.gap-88px{
    gap: 88px !important;
}
.gap-100px{
    gap: 100px !important;
}
.gap-120px{
    gap: 120px !important;
}
.gap-140px{
    gap: 140px !important;
}
.gap-160px{
    gap: 160px !important;
}
.gap-200px{
    gap: 200px !important;
}
.gap-x-0{
    -moz-column-gap: 0px !important;
         column-gap: 0px !important;
}
.gap-x-1px{
    -moz-column-gap: 1px !important;
         column-gap: 1px !important;
}
.gap-x-2px{
    -moz-column-gap: 2px !important;
         column-gap: 2px !important;
}
.gap-x-4px{
    -moz-column-gap: 4px !important;
         column-gap: 4px !important;
}
.gap-x-8px{
    -moz-column-gap: 8px !important;
         column-gap: 8px !important;
}
.gap-x-12px{
    -moz-column-gap: 12px !important;
         column-gap: 12px !important;
}
.gap-x-16px{
    -moz-column-gap: 16px !important;
         column-gap: 16px !important;
}
.gap-x-20px{
    -moz-column-gap: 20px !important;
         column-gap: 20px !important;
}
.gap-x-24px{
    -moz-column-gap: 24px !important;
         column-gap: 24px !important;
}
.gap-x-32px{
    -moz-column-gap: 32px !important;
         column-gap: 32px !important;
}
.gap-x-36px{
    -moz-column-gap: 36px !important;
         column-gap: 36px !important;
}
.gap-x-40px{
    -moz-column-gap: 40px !important;
         column-gap: 40px !important;
}
.gap-x-44px{
    -moz-column-gap: 44px !important;
         column-gap: 44px !important;
}
.gap-x-48px{
    -moz-column-gap: 48px !important;
         column-gap: 48px !important;
}
.gap-x-52px{
    -moz-column-gap: 52px !important;
         column-gap: 52px !important;
}
.gap-x-56px{
    -moz-column-gap: 56px !important;
         column-gap: 56px !important;
}
.gap-x-64px{
    -moz-column-gap: 64px !important;
         column-gap: 64px !important;
}
.gap-x-72px{
    -moz-column-gap: 72px !important;
         column-gap: 72px !important;
}
.gap-x-88px{
    -moz-column-gap: 88px !important;
         column-gap: 88px !important;
}
.gap-x-100px{
    -moz-column-gap: 100px !important;
         column-gap: 100px !important;
}
.gap-x-120px{
    -moz-column-gap: 120px !important;
         column-gap: 120px !important;
}
.gap-x-140px{
    -moz-column-gap: 140px !important;
         column-gap: 140px !important;
}
.gap-x-160px{
    -moz-column-gap: 160px !important;
         column-gap: 160px !important;
}
.gap-x-200px{
    -moz-column-gap: 200px !important;
         column-gap: 200px !important;
}
.gap-y-0{
    row-gap: 0px !important;
}
.gap-y-1px{
    row-gap: 1px !important;
}
.gap-y-2px{
    row-gap: 2px !important;
}
.gap-y-4px{
    row-gap: 4px !important;
}
.gap-y-8px{
    row-gap: 8px !important;
}
.gap-y-12px{
    row-gap: 12px !important;
}
.gap-y-16px{
    row-gap: 16px !important;
}
.gap-y-20px{
    row-gap: 20px !important;
}
.gap-y-24px{
    row-gap: 24px !important;
}
.gap-y-32px{
    row-gap: 32px !important;
}
.gap-y-36px{
    row-gap: 36px !important;
}
.gap-y-40px{
    row-gap: 40px !important;
}
.gap-y-44px{
    row-gap: 44px !important;
}
.gap-y-48px{
    row-gap: 48px !important;
}
.gap-y-52px{
    row-gap: 52px !important;
}
.gap-y-56px{
    row-gap: 56px !important;
}
.gap-y-64px{
    row-gap: 64px !important;
}
.gap-y-72px{
    row-gap: 72px !important;
}
.gap-y-88px{
    row-gap: 88px !important;
}
.gap-y-100px{
    row-gap: 100px !important;
}
.gap-y-120px{
    row-gap: 120px !important;
}
.gap-y-140px{
    row-gap: 140px !important;
}
.gap-y-160px{
    row-gap: 160px !important;
}
.gap-y-200px{
    row-gap: 200px !important;
}
.overflow-hidden{
    overflow: hidden !important;
}
.overflow-x-hidden{
    overflow-x: hidden !important;
}
.text-ellipsis{
    text-overflow: ellipsis !important;
}
.text-clip{
    text-overflow: clip !important;
}
.whitespace-normal{
    white-space: normal !important;
}
.rounded{
    border-radius: 0.25rem !important;
}
.border-0{
    border-width: 0px !important;
}
.border-2{
    border-width: 2px !important;
}
.border-4{
    border-width: 4px !important;
}
.border-8{
    border-width: 8px !important;
}
.border-x-0{
    border-left-width: 0px !important;
    border-right-width: 0px !important;
}
.border-x-2{
    border-left-width: 2px !important;
    border-right-width: 2px !important;
}
.border-x-4{
    border-left-width: 4px !important;
    border-right-width: 4px !important;
}
.border-x-8{
    border-left-width: 8px !important;
    border-right-width: 8px !important;
}
.border-x{
    border-left-width: 1px !important;
    border-right-width: 1px !important;
}
.border-y-0{
    border-top-width: 0px !important;
    border-bottom-width: 0px !important;
}
.border-y-2{
    border-top-width: 2px !important;
    border-bottom-width: 2px !important;
}
.border-y-4{
    border-top-width: 4px !important;
    border-bottom-width: 4px !important;
}
.border-y-8{
    border-top-width: 8px !important;
    border-bottom-width: 8px !important;
}
.border-y{
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
}
.border-t-0{
    border-top-width: 0px !important;
}
.border-t-2{
    border-top-width: 2px !important;
}
.border-t-4{
    border-top-width: 4px !important;
}
.border-t-8{
    border-top-width: 8px !important;
}
.border-t{
    border-top-width: 1px !important;
}
.border-r-0{
    border-right-width: 0px !important;
}
.border-r-2{
    border-right-width: 2px !important;
}
.border-r-4{
    border-right-width: 4px !important;
}
.border-r-8{
    border-right-width: 8px !important;
}
.border-r{
    border-right-width: 1px !important;
}
.border-b-0{
    border-bottom-width: 0px !important;
}
.border-b-2{
    border-bottom-width: 2px !important;
}
.border-b-4{
    border-bottom-width: 4px !important;
}
.border-b-8{
    border-bottom-width: 8px !important;
}
.border-b{
    border-bottom-width: 1px !important;
}
.border-l-0{
    border-left-width: 0px !important;
}
.border-l-2{
    border-left-width: 2px !important;
}
.border-l-4{
    border-left-width: 4px !important;
}
.border-l-8{
    border-left-width: 8px !important;
}
.border-l{
    border-left-width: 1px !important;
}
.border-solid{
    border-style: solid !important;
}
.border-dashed{
    border-style: dashed !important;
}
.border-dotted{
    border-style: dotted !important;
}
.border-double{
    border-style: double !important;
}
.border-hidden{
    border-style: hidden !important;
}
.border-none{
    border-style: none !important;
}
.border-black{
    border-color: var(--black) !important;
}
.border-white{
    border-color: var(--white) !important;
}
.border-gray-1{
    border-color: var(--gray-1) !important;
}
.border-gray-2{
    border-color: var(--gray-2) !important;
}
.border-gray-3{
    border-color: var(--gray-3) !important;
}
.border-gray-4{
    border-color: var(--gray-4) !important;
}
.border-gray-5{
    border-color: var(--gray-5) !important;
}
.border-gray-6{
    border-color: var(--gray-6) !important;
}
.border-gray-7{
    border-color: var(--gray-7) !important;
}
.border-gray-8{
    border-color: var(--gray-8) !important;
}
.border-brand-blue{
    border-color: var(--everstream-blue) !important;
}
.border-brand-orange{
    border-color: var(--everstream-orange) !important;
}
.border-blue-1{
    border-color: var(--data-viz-blue-1) !important;
}
.border-blue-2{
    border-color: var(--data-viz-blue-2) !important;
}
.border-blue-3{
    border-color: var(--data-viz-blue-3) !important;
}
.border-aqua{
    border-color: var(--data-viz-aqua) !important;
}
.border-teal{
    border-color: var(--data-viz-teal) !important;
}
.border-green{
    border-color: var(--data-viz-green) !important;
}
.border-gold{
    border-color: var(--data-viz-gold) !important;
}
.border-rust{
    border-color: var(--data-viz-rust) !important;
}
.border-red{
    border-color: var(--data-viz-red ) !important;
}
.border-x-black{
    border-left-color: var(--black) !important;
    border-right-color: var(--black) !important;
}
.border-x-white{
    border-left-color: var(--white) !important;
    border-right-color: var(--white) !important;
}
.border-x-gray-1{
    border-left-color: var(--gray-1) !important;
    border-right-color: var(--gray-1) !important;
}
.border-x-gray-2{
    border-left-color: var(--gray-2) !important;
    border-right-color: var(--gray-2) !important;
}
.border-x-gray-3{
    border-left-color: var(--gray-3) !important;
    border-right-color: var(--gray-3) !important;
}
.border-x-gray-4{
    border-left-color: var(--gray-4) !important;
    border-right-color: var(--gray-4) !important;
}
.border-x-gray-5{
    border-left-color: var(--gray-5) !important;
    border-right-color: var(--gray-5) !important;
}
.border-x-gray-6{
    border-left-color: var(--gray-6) !important;
    border-right-color: var(--gray-6) !important;
}
.border-x-gray-7{
    border-left-color: var(--gray-7) !important;
    border-right-color: var(--gray-7) !important;
}
.border-x-gray-8{
    border-left-color: var(--gray-8) !important;
    border-right-color: var(--gray-8) !important;
}
.border-x-brand-blue{
    border-left-color: var(--everstream-blue) !important;
    border-right-color: var(--everstream-blue) !important;
}
.border-x-brand-orange{
    border-left-color: var(--everstream-orange) !important;
    border-right-color: var(--everstream-orange) !important;
}
.border-x-blue-1{
    border-left-color: var(--data-viz-blue-1) !important;
    border-right-color: var(--data-viz-blue-1) !important;
}
.border-x-blue-2{
    border-left-color: var(--data-viz-blue-2) !important;
    border-right-color: var(--data-viz-blue-2) !important;
}
.border-x-blue-3{
    border-left-color: var(--data-viz-blue-3) !important;
    border-right-color: var(--data-viz-blue-3) !important;
}
.border-x-aqua{
    border-left-color: var(--data-viz-aqua) !important;
    border-right-color: var(--data-viz-aqua) !important;
}
.border-x-teal{
    border-left-color: var(--data-viz-teal) !important;
    border-right-color: var(--data-viz-teal) !important;
}
.border-x-green{
    border-left-color: var(--data-viz-green) !important;
    border-right-color: var(--data-viz-green) !important;
}
.border-x-gold{
    border-left-color: var(--data-viz-gold) !important;
    border-right-color: var(--data-viz-gold) !important;
}
.border-x-rust{
    border-left-color: var(--data-viz-rust) !important;
    border-right-color: var(--data-viz-rust) !important;
}
.border-x-red{
    border-left-color: var(--data-viz-red ) !important;
    border-right-color: var(--data-viz-red ) !important;
}
.border-y-black{
    border-top-color: var(--black) !important;
    border-bottom-color: var(--black) !important;
}
.border-y-white{
    border-top-color: var(--white) !important;
    border-bottom-color: var(--white) !important;
}
.border-y-gray-1{
    border-top-color: var(--gray-1) !important;
    border-bottom-color: var(--gray-1) !important;
}
.border-y-gray-2{
    border-top-color: var(--gray-2) !important;
    border-bottom-color: var(--gray-2) !important;
}
.border-y-gray-3{
    border-top-color: var(--gray-3) !important;
    border-bottom-color: var(--gray-3) !important;
}
.border-y-gray-4{
    border-top-color: var(--gray-4) !important;
    border-bottom-color: var(--gray-4) !important;
}
.border-y-gray-5{
    border-top-color: var(--gray-5) !important;
    border-bottom-color: var(--gray-5) !important;
}
.border-y-gray-6{
    border-top-color: var(--gray-6) !important;
    border-bottom-color: var(--gray-6) !important;
}
.border-y-gray-7{
    border-top-color: var(--gray-7) !important;
    border-bottom-color: var(--gray-7) !important;
}
.border-y-gray-8{
    border-top-color: var(--gray-8) !important;
    border-bottom-color: var(--gray-8) !important;
}
.border-y-brand-blue{
    border-top-color: var(--everstream-blue) !important;
    border-bottom-color: var(--everstream-blue) !important;
}
.border-y-brand-orange{
    border-top-color: var(--everstream-orange) !important;
    border-bottom-color: var(--everstream-orange) !important;
}
.border-y-blue-1{
    border-top-color: var(--data-viz-blue-1) !important;
    border-bottom-color: var(--data-viz-blue-1) !important;
}
.border-y-blue-2{
    border-top-color: var(--data-viz-blue-2) !important;
    border-bottom-color: var(--data-viz-blue-2) !important;
}
.border-y-blue-3{
    border-top-color: var(--data-viz-blue-3) !important;
    border-bottom-color: var(--data-viz-blue-3) !important;
}
.border-y-aqua{
    border-top-color: var(--data-viz-aqua) !important;
    border-bottom-color: var(--data-viz-aqua) !important;
}
.border-y-teal{
    border-top-color: var(--data-viz-teal) !important;
    border-bottom-color: var(--data-viz-teal) !important;
}
.border-y-green{
    border-top-color: var(--data-viz-green) !important;
    border-bottom-color: var(--data-viz-green) !important;
}
.border-y-gold{
    border-top-color: var(--data-viz-gold) !important;
    border-bottom-color: var(--data-viz-gold) !important;
}
.border-y-rust{
    border-top-color: var(--data-viz-rust) !important;
    border-bottom-color: var(--data-viz-rust) !important;
}
.border-y-red{
    border-top-color: var(--data-viz-red ) !important;
    border-bottom-color: var(--data-viz-red ) !important;
}
.border-t-black{
    border-top-color: var(--black) !important;
}
.border-t-white{
    border-top-color: var(--white) !important;
}
.border-t-gray-1{
    border-top-color: var(--gray-1) !important;
}
.border-t-gray-2{
    border-top-color: var(--gray-2) !important;
}
.border-t-gray-3{
    border-top-color: var(--gray-3) !important;
}
.border-t-gray-4{
    border-top-color: var(--gray-4) !important;
}
.border-t-gray-5{
    border-top-color: var(--gray-5) !important;
}
.border-t-gray-6{
    border-top-color: var(--gray-6) !important;
}
.border-t-gray-7{
    border-top-color: var(--gray-7) !important;
}
.border-t-gray-8{
    border-top-color: var(--gray-8) !important;
}
.border-t-brand-blue{
    border-top-color: var(--everstream-blue) !important;
}
.border-t-brand-orange{
    border-top-color: var(--everstream-orange) !important;
}
.border-t-blue-1{
    border-top-color: var(--data-viz-blue-1) !important;
}
.border-t-blue-2{
    border-top-color: var(--data-viz-blue-2) !important;
}
.border-t-blue-3{
    border-top-color: var(--data-viz-blue-3) !important;
}
.border-t-aqua{
    border-top-color: var(--data-viz-aqua) !important;
}
.border-t-teal{
    border-top-color: var(--data-viz-teal) !important;
}
.border-t-green{
    border-top-color: var(--data-viz-green) !important;
}
.border-t-gold{
    border-top-color: var(--data-viz-gold) !important;
}
.border-t-rust{
    border-top-color: var(--data-viz-rust) !important;
}
.border-t-red{
    border-top-color: var(--data-viz-red ) !important;
}
.border-r-black{
    border-right-color: var(--black) !important;
}
.border-r-white{
    border-right-color: var(--white) !important;
}
.border-r-gray-1{
    border-right-color: var(--gray-1) !important;
}
.border-r-gray-2{
    border-right-color: var(--gray-2) !important;
}
.border-r-gray-3{
    border-right-color: var(--gray-3) !important;
}
.border-r-gray-4{
    border-right-color: var(--gray-4) !important;
}
.border-r-gray-5{
    border-right-color: var(--gray-5) !important;
}
.border-r-gray-6{
    border-right-color: var(--gray-6) !important;
}
.border-r-gray-7{
    border-right-color: var(--gray-7) !important;
}
.border-r-gray-8{
    border-right-color: var(--gray-8) !important;
}
.border-r-brand-blue{
    border-right-color: var(--everstream-blue) !important;
}
.border-r-brand-orange{
    border-right-color: var(--everstream-orange) !important;
}
.border-r-blue-1{
    border-right-color: var(--data-viz-blue-1) !important;
}
.border-r-blue-2{
    border-right-color: var(--data-viz-blue-2) !important;
}
.border-r-blue-3{
    border-right-color: var(--data-viz-blue-3) !important;
}
.border-r-aqua{
    border-right-color: var(--data-viz-aqua) !important;
}
.border-r-teal{
    border-right-color: var(--data-viz-teal) !important;
}
.border-r-green{
    border-right-color: var(--data-viz-green) !important;
}
.border-r-gold{
    border-right-color: var(--data-viz-gold) !important;
}
.border-r-rust{
    border-right-color: var(--data-viz-rust) !important;
}
.border-r-red{
    border-right-color: var(--data-viz-red ) !important;
}
.border-b-black{
    border-bottom-color: var(--black) !important;
}
.border-b-white{
    border-bottom-color: var(--white) !important;
}
.border-b-gray-1{
    border-bottom-color: var(--gray-1) !important;
}
.border-b-gray-2{
    border-bottom-color: var(--gray-2) !important;
}
.border-b-gray-3{
    border-bottom-color: var(--gray-3) !important;
}
.border-b-gray-4{
    border-bottom-color: var(--gray-4) !important;
}
.border-b-gray-5{
    border-bottom-color: var(--gray-5) !important;
}
.border-b-gray-6{
    border-bottom-color: var(--gray-6) !important;
}
.border-b-gray-7{
    border-bottom-color: var(--gray-7) !important;
}
.border-b-gray-8{
    border-bottom-color: var(--gray-8) !important;
}
.border-b-brand-blue{
    border-bottom-color: var(--everstream-blue) !important;
}
.border-b-brand-orange{
    border-bottom-color: var(--everstream-orange) !important;
}
.border-b-blue-1{
    border-bottom-color: var(--data-viz-blue-1) !important;
}
.border-b-blue-2{
    border-bottom-color: var(--data-viz-blue-2) !important;
}
.border-b-blue-3{
    border-bottom-color: var(--data-viz-blue-3) !important;
}
.border-b-aqua{
    border-bottom-color: var(--data-viz-aqua) !important;
}
.border-b-teal{
    border-bottom-color: var(--data-viz-teal) !important;
}
.border-b-green{
    border-bottom-color: var(--data-viz-green) !important;
}
.border-b-gold{
    border-bottom-color: var(--data-viz-gold) !important;
}
.border-b-rust{
    border-bottom-color: var(--data-viz-rust) !important;
}
.border-b-red{
    border-bottom-color: var(--data-viz-red ) !important;
}
.border-l-black{
    border-left-color: var(--black) !important;
}
.border-l-white{
    border-left-color: var(--white) !important;
}
.border-l-gray-1{
    border-left-color: var(--gray-1) !important;
}
.border-l-gray-2{
    border-left-color: var(--gray-2) !important;
}
.border-l-gray-3{
    border-left-color: var(--gray-3) !important;
}
.border-l-gray-4{
    border-left-color: var(--gray-4) !important;
}
.border-l-gray-5{
    border-left-color: var(--gray-5) !important;
}
.border-l-gray-6{
    border-left-color: var(--gray-6) !important;
}
.border-l-gray-7{
    border-left-color: var(--gray-7) !important;
}
.border-l-gray-8{
    border-left-color: var(--gray-8) !important;
}
.border-l-brand-blue{
    border-left-color: var(--everstream-blue) !important;
}
.border-l-brand-orange{
    border-left-color: var(--everstream-orange) !important;
}
.border-l-blue-1{
    border-left-color: var(--data-viz-blue-1) !important;
}
.border-l-blue-2{
    border-left-color: var(--data-viz-blue-2) !important;
}
.border-l-blue-3{
    border-left-color: var(--data-viz-blue-3) !important;
}
.border-l-aqua{
    border-left-color: var(--data-viz-aqua) !important;
}
.border-l-teal{
    border-left-color: var(--data-viz-teal) !important;
}
.border-l-green{
    border-left-color: var(--data-viz-green) !important;
}
.border-l-gold{
    border-left-color: var(--data-viz-gold) !important;
}
.border-l-rust{
    border-left-color: var(--data-viz-rust) !important;
}
.border-l-red{
    border-left-color: var(--data-viz-red ) !important;
}
.border-opacity-0{
    --tw-border-opacity: 0 !important;
}
.border-opacity-10{
    --tw-border-opacity: .1 !important;
}
.border-opacity-20{
    --tw-border-opacity: .2 !important;
}
.border-opacity-25{
    --tw-border-opacity: .25 !important;
}
.border-opacity-30{
    --tw-border-opacity: .3 !important;
}
.border-opacity-40{
    --tw-border-opacity: .4 !important;
}
.border-opacity-50{
    --tw-border-opacity: .5 !important;
}
.border-opacity-60{
    --tw-border-opacity: .6 !important;
}
.border-opacity-70{
    --tw-border-opacity: .7 !important;
}
.border-opacity-75{
    --tw-border-opacity: .75 !important;
}
.border-opacity-80{
    --tw-border-opacity: .8 !important;
}
.border-opacity-90{
    --tw-border-opacity: .9 !important;
}
.border-opacity-100{
    --tw-border-opacity: 1 !important;
}
.bg-black{
    background-color: var(--black) !important;
}
.bg-white{
    background-color: var(--white) !important;
}
.bg-gray-1{
    background-color: var(--gray-1) !important;
}
.bg-gray-2{
    background-color: var(--gray-2) !important;
}
.bg-gray-3{
    background-color: var(--gray-3) !important;
}
.bg-gray-4{
    background-color: var(--gray-4) !important;
}
.bg-gray-5{
    background-color: var(--gray-5) !important;
}
.bg-gray-6{
    background-color: var(--gray-6) !important;
}
.bg-gray-7{
    background-color: var(--gray-7) !important;
}
.bg-gray-8{
    background-color: var(--gray-8) !important;
}
.bg-brand-blue{
    background-color: var(--everstream-blue) !important;
}
.bg-brand-orange{
    background-color: var(--everstream-orange) !important;
}
.bg-blue-1{
    background-color: var(--data-viz-blue-1) !important;
}
.bg-blue-2{
    background-color: var(--data-viz-blue-2) !important;
}
.bg-blue-3{
    background-color: var(--data-viz-blue-3) !important;
}
.bg-aqua{
    background-color: var(--data-viz-aqua) !important;
}
.bg-teal{
    background-color: var(--data-viz-teal) !important;
}
.bg-green{
    background-color: var(--data-viz-green) !important;
}
.bg-gold{
    background-color: var(--data-viz-gold) !important;
}
.bg-rust{
    background-color: var(--data-viz-rust) !important;
}
.bg-red{
    background-color: var(--data-viz-red ) !important;
}
.bg-opacity-0{
    --tw-bg-opacity: 0 !important;
}
.bg-opacity-10{
    --tw-bg-opacity: .1 !important;
}
.bg-opacity-20{
    --tw-bg-opacity: .2 !important;
}
.bg-opacity-25{
    --tw-bg-opacity: .25 !important;
}
.bg-opacity-30{
    --tw-bg-opacity: .3 !important;
}
.bg-opacity-40{
    --tw-bg-opacity: .4 !important;
}
.bg-opacity-50{
    --tw-bg-opacity: .5 !important;
}
.bg-opacity-60{
    --tw-bg-opacity: .6 !important;
}
.bg-opacity-70{
    --tw-bg-opacity: .7 !important;
}
.bg-opacity-75{
    --tw-bg-opacity: .75 !important;
}
.bg-opacity-80{
    --tw-bg-opacity: .8 !important;
}
.bg-opacity-90{
    --tw-bg-opacity: .9 !important;
}
.bg-opacity-100{
    --tw-bg-opacity: 1 !important;
}
.bg-none{
    background-image: none !important;
}
.bg-gradient-to-t{
    background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important;
}
.bg-gradient-to-tr{
    background-image: linear-gradient(to top right, var(--tw-gradient-stops)) !important;
}
.bg-gradient-to-r{
    background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important;
}
.bg-gradient-to-br{
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)) !important;
}
.bg-gradient-to-b{
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important;
}
.bg-gradient-to-bl{
    background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)) !important;
}
.bg-gradient-to-l{
    background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important;
}
.bg-gradient-to-tl{
    background-image: linear-gradient(to top left, var(--tw-gradient-stops)) !important;
}
.from-black{
    --tw-gradient-from: var(--black) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 255 255 / 0)) !important;
}
.from-white{
    --tw-gradient-from: var(--white) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 255 255 / 0)) !important;
}
.from-gray-1{
    --tw-gradient-from: var(--gray-1) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 255 255 / 0)) !important;
}
.from-gray-2{
    --tw-gradient-from: var(--gray-2) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 255 255 / 0)) !important;
}
.from-gray-3{
    --tw-gradient-from: var(--gray-3) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 255 255 / 0)) !important;
}
.from-gray-4{
    --tw-gradient-from: var(--gray-4) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 255 255 / 0)) !important;
}
.from-gray-5{
    --tw-gradient-from: var(--gray-5) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 255 255 / 0)) !important;
}
.from-gray-6{
    --tw-gradient-from: var(--gray-6) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 255 255 / 0)) !important;
}
.from-gray-7{
    --tw-gradient-from: var(--gray-7) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 255 255 / 0)) !important;
}
.from-gray-8{
    --tw-gradient-from: var(--gray-8) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 255 255 / 0)) !important;
}
.from-brand-blue{
    --tw-gradient-from: var(--everstream-blue) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 255 255 / 0)) !important;
}
.from-brand-orange{
    --tw-gradient-from: var(--everstream-orange) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 255 255 / 0)) !important;
}
.from-blue-1{
    --tw-gradient-from: var(--data-viz-blue-1) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 255 255 / 0)) !important;
}
.from-blue-2{
    --tw-gradient-from: var(--data-viz-blue-2) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 255 255 / 0)) !important;
}
.from-blue-3{
    --tw-gradient-from: var(--data-viz-blue-3) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 255 255 / 0)) !important;
}
.from-aqua{
    --tw-gradient-from: var(--data-viz-aqua) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 255 255 / 0)) !important;
}
.from-teal{
    --tw-gradient-from: var(--data-viz-teal) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 255 255 / 0)) !important;
}
.from-green{
    --tw-gradient-from: var(--data-viz-green) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 255 255 / 0)) !important;
}
.from-gold{
    --tw-gradient-from: var(--data-viz-gold) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 255 255 / 0)) !important;
}
.from-rust{
    --tw-gradient-from: var(--data-viz-rust) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 255 255 / 0)) !important;
}
.from-red{
    --tw-gradient-from: var(--data-viz-red ) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 255 255 / 0)) !important;
}
.bg-auto{
    background-size: auto !important;
}
.bg-cover{
    background-size: cover !important;
}
.bg-contain{
    background-size: contain !important;
}
.bg-fixed{
    background-attachment: fixed !important;
}
.bg-local{
    background-attachment: local !important;
}
.bg-scroll{
    background-attachment: scroll !important;
}
.bg-clip-border{
    background-clip: border-box !important;
}
.bg-clip-padding{
    background-clip: padding-box !important;
}
.bg-clip-content{
    background-clip: content-box !important;
}
.bg-clip-text{
    -webkit-background-clip: text !important;
            background-clip: text !important;
}
.bg-bottom{
    background-position: bottom !important;
}
.bg-center{
    background-position: center !important;
}
.bg-left{
    background-position: left !important;
}
.bg-left-bottom{
    background-position: left bottom !important;
}
.bg-left-top{
    background-position: left top !important;
}
.bg-right{
    background-position: right !important;
}
.bg-right-bottom{
    background-position: right bottom !important;
}
.bg-right-top{
    background-position: right top !important;
}
.bg-top{
    background-position: top !important;
}
.bg-repeat{
    background-repeat: repeat !important;
}
.bg-no-repeat{
    background-repeat: no-repeat !important;
}
.bg-repeat-x{
    background-repeat: repeat-x !important;
}
.bg-repeat-y{
    background-repeat: repeat-y !important;
}
.bg-repeat-round{
    background-repeat: round !important;
}
.bg-repeat-space{
    background-repeat: space !important;
}
.bg-origin-border{
    background-origin: border-box !important;
}
.bg-origin-padding{
    background-origin: padding-box !important;
}
.bg-origin-content{
    background-origin: content-box !important;
}
.object-cover{
    -o-object-fit: cover !important;
       object-fit: cover !important;
}
.p-0{
    padding: 0px !important;
}
.p-1px{
    padding: 1px !important;
}
.p-2px{
    padding: 2px !important;
}
.p-4px{
    padding: 4px !important;
}
.p-8px{
    padding: 8px !important;
}
.p-12px{
    padding: 12px !important;
}
.p-16px{
    padding: 16px !important;
}
.p-20px{
    padding: 20px !important;
}
.p-24px{
    padding: 24px !important;
}
.p-32px{
    padding: 32px !important;
}
.p-36px{
    padding: 36px !important;
}
.p-40px{
    padding: 40px !important;
}
.p-44px{
    padding: 44px !important;
}
.p-48px{
    padding: 48px !important;
}
.p-52px{
    padding: 52px !important;
}
.p-56px{
    padding: 56px !important;
}
.p-64px{
    padding: 64px !important;
}
.p-72px{
    padding: 72px !important;
}
.p-88px{
    padding: 88px !important;
}
.p-100px{
    padding: 100px !important;
}
.p-120px{
    padding: 120px !important;
}
.p-140px{
    padding: 140px !important;
}
.p-160px{
    padding: 160px !important;
}
.p-200px{
    padding: 200px !important;
}
.px-64px{
    padding-left: 64px !important;
    padding-right: 64px !important;
}
.px-16px{
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.py-16px{
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}
.py-24px{
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}
.pt-0{
    padding-top: 0px !important;
}
.pt-1px{
    padding-top: 1px !important;
}
.pt-2px{
    padding-top: 2px !important;
}
.pt-4px{
    padding-top: 4px !important;
}
.pt-8px{
    padding-top: 8px !important;
}
.pt-12px{
    padding-top: 12px !important;
}
.pt-16px{
    padding-top: 16px !important;
}
.pt-20px{
    padding-top: 20px !important;
}
.pt-24px{
    padding-top: 24px !important;
}
.pt-32px{
    padding-top: 32px !important;
}
.pt-36px{
    padding-top: 36px !important;
}
.pt-40px{
    padding-top: 40px !important;
}
.pt-44px{
    padding-top: 44px !important;
}
.pt-48px{
    padding-top: 48px !important;
}
.pt-52px{
    padding-top: 52px !important;
}
.pt-56px{
    padding-top: 56px !important;
}
.pt-64px{
    padding-top: 64px !important;
}
.pt-72px{
    padding-top: 72px !important;
}
.pt-88px{
    padding-top: 88px !important;
}
.pt-100px{
    padding-top: 100px !important;
}
.pt-120px{
    padding-top: 120px !important;
}
.pt-140px{
    padding-top: 140px !important;
}
.pt-160px{
    padding-top: 160px !important;
}
.pt-200px{
    padding-top: 200px !important;
}
.pb-0{
    padding-bottom: 0px !important;
}
.pb-1px{
    padding-bottom: 1px !important;
}
.pb-2px{
    padding-bottom: 2px !important;
}
.pb-4px{
    padding-bottom: 4px !important;
}
.pb-8px{
    padding-bottom: 8px !important;
}
.pb-12px{
    padding-bottom: 12px !important;
}
.pb-16px{
    padding-bottom: 16px !important;
}
.pb-20px{
    padding-bottom: 20px !important;
}
.pb-24px{
    padding-bottom: 24px !important;
}
.pb-32px{
    padding-bottom: 32px !important;
}
.pb-36px{
    padding-bottom: 36px !important;
}
.pb-40px{
    padding-bottom: 40px !important;
}
.pb-44px{
    padding-bottom: 44px !important;
}
.pb-48px{
    padding-bottom: 48px !important;
}
.pb-52px{
    padding-bottom: 52px !important;
}
.pb-56px{
    padding-bottom: 56px !important;
}
.pb-64px{
    padding-bottom: 64px !important;
}
.pb-72px{
    padding-bottom: 72px !important;
}
.pb-88px{
    padding-bottom: 88px !important;
}
.pb-100px{
    padding-bottom: 100px !important;
}
.pb-120px{
    padding-bottom: 120px !important;
}
.pb-140px{
    padding-bottom: 140px !important;
}
.pb-160px{
    padding-bottom: 160px !important;
}
.pb-200px{
    padding-bottom: 200px !important;
}
.text-left{
    text-align: left !important;
}
.text-center{
    text-align: center !important;
}
.text-right{
    text-align: right !important;
}
.text-justify{
    text-align: justify !important;
}
.align-text-top{
    vertical-align: text-top !important;
}
.align-text-bottom{
    vertical-align: text-bottom !important;
}
.font-chakra{
    font-family: Chakra Petch, sans-serif !important;
}
.font-sans{
    font-family: Work Sans, sans-serif !important;
}
.font-serif{
    font-family: Raleway, sans-serif !important;
}
.text-0{
    font-size: 16px !important;
    line-height: 22px !important;
}
.text-1{
    font-size: 18px !important;
    line-height: 24px !important;
}
.text-2{
    font-size: 20px !important;
    line-height: 28px !important;
}
.text-3{
    font-size: 22px !important;
    line-height: 30px !important;
}
.text-4{
    font-size: 24px !important;
    line-height: 32px !important;
}
.text-5{
    font-size: 28px !important;
    line-height: 36px !important;
}
.text-6{
    font-size: 32px !important;
    line-height: 40px !important;
}
.text-7{
    font-size: 36px !important;
    line-height: 44px !important;
}
.text-8{
    font-size: 40px !important;
    line-height: 48px !important;
}
.text-9{
    font-size: 44px !important;
    line-height: 52px !important;
}
.text-10{
    font-size: 48px !important;
    line-height: 56px !important;
}
.text-11{
    font-size: 56px !important;
    line-height: 64px !important;
}
.text-12{
    font-size: 64px !important;
    line-height: 72px !important;
}
.text-13{
    font-size: 72px !important;
    line-height: 80px !important;
}
.text-14{
    font-size: 88px !important;
    line-height: 96px !important;
}
.text-15{
    font-size: 104px !important;
    line-height: 116px !important;
}
.text-16{
    font-size: 120px !important;
    line-height: 132px !important;
}
.text-17{
    font-size: 156px !important;
    line-height: 172px !important;
}
.-text-3{
    font-size: 10px !important;
    line-height: 14px !important;
}
.-text-2{
    font-size: 12px !important;
    line-height: 16px !important;
}
.-text-1{
    font-size: 14px !important;
    line-height: 20px !important;
}
.font-semibold{
    font-weight: 600 !important;
}
.font-medium{
    font-weight: 500 !important;
}
.font-bold{
    font-weight: 700 !important;
}
.font-normal{
    font-weight: 400 !important;
}
.font-light{
    font-weight: 300 !important;
}
.uppercase{
    text-transform: uppercase !important;
}
.tracking-\[5px\]{
    letter-spacing: 5px !important;
}
.text-black{
    color: var(--black) !important;
}
.text-white{
    color: var(--white) !important;
}
.text-gray-1{
    color: var(--gray-1) !important;
}
.text-gray-2{
    color: var(--gray-2) !important;
}
.text-gray-3{
    color: var(--gray-3) !important;
}
.text-gray-4{
    color: var(--gray-4) !important;
}
.text-gray-5{
    color: var(--gray-5) !important;
}
.text-gray-6{
    color: var(--gray-6) !important;
}
.text-gray-7{
    color: var(--gray-7) !important;
}
.text-gray-8{
    color: var(--gray-8) !important;
}
.text-brand-blue{
    color: var(--everstream-blue) !important;
}
.text-brand-orange{
    color: var(--everstream-orange) !important;
}
.text-blue-1{
    color: var(--data-viz-blue-1) !important;
}
.text-blue-2{
    color: var(--data-viz-blue-2) !important;
}
.text-blue-3{
    color: var(--data-viz-blue-3) !important;
}
.text-aqua{
    color: var(--data-viz-aqua) !important;
}
.text-teal{
    color: var(--data-viz-teal) !important;
}
.text-green{
    color: var(--data-viz-green) !important;
}
.text-gold{
    color: var(--data-viz-gold) !important;
}
.text-rust{
    color: var(--data-viz-rust) !important;
}
.text-red{
    color: var(--data-viz-red ) !important;
}
.text-opacity-0{
    --tw-text-opacity: 0 !important;
}
.text-opacity-10{
    --tw-text-opacity: .1 !important;
}
.text-opacity-20{
    --tw-text-opacity: .2 !important;
}
.text-opacity-25{
    --tw-text-opacity: .25 !important;
}
.text-opacity-30{
    --tw-text-opacity: .3 !important;
}
.text-opacity-40{
    --tw-text-opacity: .4 !important;
}
.text-opacity-50{
    --tw-text-opacity: .5 !important;
}
.text-opacity-60{
    --tw-text-opacity: .6 !important;
}
.text-opacity-70{
    --tw-text-opacity: .7 !important;
}
.text-opacity-75{
    --tw-text-opacity: .75 !important;
}
.text-opacity-80{
    --tw-text-opacity: .8 !important;
}
.text-opacity-90{
    --tw-text-opacity: .9 !important;
}
.text-opacity-100{
    --tw-text-opacity: 1 !important;
}
.decoration-from-font{
    text-decoration-thickness: from-font !important;
}
.bg-blend-normal{
    background-blend-mode: normal !important;
}
.bg-blend-multiply{
    background-blend-mode: multiply !important;
}
.bg-blend-screen{
    background-blend-mode: screen !important;
}
.bg-blend-overlay{
    background-blend-mode: overlay !important;
}
.bg-blend-darken{
    background-blend-mode: darken !important;
}
.bg-blend-lighten{
    background-blend-mode: lighten !important;
}
.bg-blend-color-dodge{
    background-blend-mode: color-dodge !important;
}
.bg-blend-color-burn{
    background-blend-mode: color-burn !important;
}
.bg-blend-hard-light{
    background-blend-mode: hard-light !important;
}
.bg-blend-soft-light{
    background-blend-mode: soft-light !important;
}
.bg-blend-difference{
    background-blend-mode: difference !important;
}
.bg-blend-exclusion{
    background-blend-mode: exclusion !important;
}
.bg-blend-hue{
    background-blend-mode: hue !important;
}
.bg-blend-saturation{
    background-blend-mode: saturation !important;
}
.bg-blend-color{
    background-blend-mode: color !important;
}
.bg-blend-luminosity{
    background-blend-mode: luminosity !important;
}
.drop-shadow-sm{
    --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05)) !important;
    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) !important;
}
.drop-shadow{
    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)) !important;
    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) !important;
}
.drop-shadow-md{
    --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)) !important;
    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) !important;
}
.drop-shadow-lg{
    --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1)) !important;
    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) !important;
}
.drop-shadow-xl{
    --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08)) !important;
    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) !important;
}
.drop-shadow-2xl{
    --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15)) !important;
    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) !important;
}
.drop-shadow-none{
    --tw-drop-shadow: drop-shadow(0 0 #0000) !important;
    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) !important;
}
.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) !important;
}
.backdrop-blur-0{
    --tw-backdrop-blur: blur(0) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-blur-none{
    --tw-backdrop-blur: blur(0) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-blur-sm{
    --tw-backdrop-blur: blur(4px) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-blur{
    --tw-backdrop-blur: blur(8px) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-blur-md{
    --tw-backdrop-blur: blur(12px) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-blur-lg{
    --tw-backdrop-blur: blur(16px) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-blur-xl{
    --tw-backdrop-blur: blur(24px) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-blur-2xl{
    --tw-backdrop-blur: blur(40px) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-blur-3xl{
    --tw-backdrop-blur: blur(64px) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-brightness-0{
    --tw-backdrop-brightness: brightness(0) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-brightness-50{
    --tw-backdrop-brightness: brightness(.5) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-brightness-75{
    --tw-backdrop-brightness: brightness(.75) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-brightness-90{
    --tw-backdrop-brightness: brightness(.9) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-brightness-95{
    --tw-backdrop-brightness: brightness(.95) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-brightness-100{
    --tw-backdrop-brightness: brightness(1) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-brightness-105{
    --tw-backdrop-brightness: brightness(1.05) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-brightness-110{
    --tw-backdrop-brightness: brightness(1.1) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-brightness-125{
    --tw-backdrop-brightness: brightness(1.25) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-brightness-150{
    --tw-backdrop-brightness: brightness(1.5) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-brightness-200{
    --tw-backdrop-brightness: brightness(2) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-contrast-0{
    --tw-backdrop-contrast: contrast(0) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-contrast-50{
    --tw-backdrop-contrast: contrast(.5) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-contrast-75{
    --tw-backdrop-contrast: contrast(.75) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-contrast-100{
    --tw-backdrop-contrast: contrast(1) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-contrast-125{
    --tw-backdrop-contrast: contrast(1.25) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-contrast-150{
    --tw-backdrop-contrast: contrast(1.5) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-contrast-200{
    --tw-backdrop-contrast: contrast(2) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-grayscale-0{
    --tw-backdrop-grayscale: grayscale(0) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-grayscale{
    --tw-backdrop-grayscale: grayscale(100%) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-hue-rotate-0{
    --tw-backdrop-hue-rotate: hue-rotate(0deg) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-hue-rotate-15{
    --tw-backdrop-hue-rotate: hue-rotate(15deg) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-hue-rotate-30{
    --tw-backdrop-hue-rotate: hue-rotate(30deg) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-hue-rotate-60{
    --tw-backdrop-hue-rotate: hue-rotate(60deg) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-hue-rotate-90{
    --tw-backdrop-hue-rotate: hue-rotate(90deg) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-hue-rotate-180{
    --tw-backdrop-hue-rotate: hue-rotate(180deg) !important;
    -webkit-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) !important;
            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) !important;
}
.-backdrop-hue-rotate-0{
    --tw-backdrop-hue-rotate: hue-rotate(-0deg) !important;
    -webkit-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) !important;
            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) !important;
}
.-backdrop-hue-rotate-15{
    --tw-backdrop-hue-rotate: hue-rotate(-15deg) !important;
    -webkit-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) !important;
            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) !important;
}
.-backdrop-hue-rotate-30{
    --tw-backdrop-hue-rotate: hue-rotate(-30deg) !important;
    -webkit-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) !important;
            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) !important;
}
.-backdrop-hue-rotate-60{
    --tw-backdrop-hue-rotate: hue-rotate(-60deg) !important;
    -webkit-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) !important;
            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) !important;
}
.-backdrop-hue-rotate-90{
    --tw-backdrop-hue-rotate: hue-rotate(-90deg) !important;
    -webkit-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) !important;
            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) !important;
}
.-backdrop-hue-rotate-180{
    --tw-backdrop-hue-rotate: hue-rotate(-180deg) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-invert-0{
    --tw-backdrop-invert: invert(0) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-invert{
    --tw-backdrop-invert: invert(100%) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-opacity-0{
    --tw-backdrop-opacity: opacity(0) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-opacity-10{
    --tw-backdrop-opacity: opacity(.1) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-opacity-20{
    --tw-backdrop-opacity: opacity(.2) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-opacity-25{
    --tw-backdrop-opacity: opacity(.25) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-opacity-30{
    --tw-backdrop-opacity: opacity(.3) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-opacity-40{
    --tw-backdrop-opacity: opacity(.4) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-opacity-50{
    --tw-backdrop-opacity: opacity(.5) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-opacity-60{
    --tw-backdrop-opacity: opacity(.6) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-opacity-70{
    --tw-backdrop-opacity: opacity(.7) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-opacity-75{
    --tw-backdrop-opacity: opacity(.75) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-opacity-80{
    --tw-backdrop-opacity: opacity(.8) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-opacity-90{
    --tw-backdrop-opacity: opacity(.9) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-opacity-100{
    --tw-backdrop-opacity: opacity(1) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-saturate-0{
    --tw-backdrop-saturate: saturate(0) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-saturate-50{
    --tw-backdrop-saturate: saturate(.5) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-saturate-100{
    --tw-backdrop-saturate: saturate(1) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-saturate-150{
    --tw-backdrop-saturate: saturate(1.5) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-saturate-200{
    --tw-backdrop-saturate: saturate(2) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-sepia-0{
    --tw-backdrop-sepia: sepia(0) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-sepia{
    --tw-backdrop-sepia: sepia(100%) !important;
    -webkit-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) !important;
            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) !important;
}
.backdrop-filter{
    -webkit-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) !important;
            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) !important;
}
.backdrop-filter-none{
    -webkit-backdrop-filter: none !important;
            backdrop-filter: none !important;
}
.transition{
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important;
}
/* ------------------
 * Elements
 * ------------------ */
/* Theme Color Changes */
[data-theme="light"] h1,
  [data-theme="light"] h2,
  [data-theme="light"] h3,
  [data-theme="light"] h4,
  [data-theme="light"] h5,
  [data-theme="light"] h6,
  [data-theme="light"] p,
  [data-theme="light"] li {
    color: var(--text-color);
  }
[data-theme="dark"] h1,
  [data-theme="dark"] h2,
  [data-theme="dark"] h3,
  [data-theme="dark"] h4,
  [data-theme="dark"] h5,
  [data-theme="dark"] h6,
  [data-theme="dark"] p,
  [data-theme="dark"] li {
    color: var(--text-color);
  }
/* Font Sizing - Custom Classes */
.fs--2{
    font-size: 10px;
    line-height: 14px;
}
@media (min-width: 1440px){
    .fs--2{
        font-size: 12px;
        line-height: 16px;
    }
}
.fs--1{
    font-size: 12px;
    line-height: 16px;
}
@media (min-width: 1440px){
    .fs--1{
        font-size: 14px;
        line-height: 20px;
    }
}
.fs-0{
    font-size: 14px;
    line-height: 20px;
}
@media (min-width: 1440px){
    .fs-0{
        font-size: 16px;
        line-height: 22px;
    }
}
.fs-1{
    font-size: 16px;
    line-height: 22px;
}
@media (min-width: 1440px){
    .fs-1{
        font-size: 18px;
        line-height: 24px;
    }
}
.fs-2{
    font-size: 18px;
    line-height: 24px;
}
@media (min-width: 1440px){
    .fs-2{
        font-size: 20px;
        line-height: 28px;
    }
}
.fs-3{
    font-size: 20px;
    line-height: 28px;
}
@media (min-width: 1440px){
    .fs-3{
        font-size: 24px;
        line-height: 32px;
    }
}
.fs-4{
    font-size: 22px;
    line-height: 30px;
}
@media (min-width: 768px){
    .fs-4{
        font-size: 24px;
        line-height: 32px;
    }
}
@media (min-width: 1440px){
    .fs-4{
        font-size: 32px;
        line-height: 40px;
    }
}
.fs-5{
    font-size: 24px;
    line-height: 32px;
}
@media (min-width: 768px){
    .fs-5{
        font-size: 28px;
        line-height: 36px;
    }
}
@media (min-width: 1440px){
    .fs-5{
        font-size: 40px;
        line-height: 48px;
    }
}
.fs-6{
    font-size: 28px;
    line-height: 36px;
}
@media (min-width: 768px){
    .fs-6{
        font-size: 36px;
        line-height: 44px;
    }
}
@media (min-width: 1440px){
    .fs-6{
        font-size: 56px;
        line-height: 64px;
    }
}
.fs-7{
    font-size: 32px;
    line-height: 40px;
}
@media (min-width: 768px){
    .fs-7{
        font-size: 44px;
        line-height: 52px;
    }
}
@media (min-width: 1440px){
    .fs-7{
        font-size: 72px;
        line-height: 80px;
    }
}
.fs-8{
    font-size: 40px;
    line-height: 48px;
}
@media (min-width: 768px){
    .fs-8{
        font-size: 56px;
        line-height: 64px;
    }
}
@media (min-width: 1440px){
    .fs-8{
        font-size: 88px;
        line-height: 96px;
    }
}
.fs-9{
    font-size: 48px;
    line-height: 56px;
}
@media (min-width: 768px){
    .fs-9{
        font-size: 72px;
        line-height: 80px;
    }
}
@media (min-width: 1440px){
    .fs-9{
        font-size: 104px;
        line-height: 116px;
    }
}
.fs-10{
    font-size: 56px;
    line-height: 64px;
}
@media (min-width: 768px){
    .fs-10{
        font-size: 88px;
        line-height: 96px;
    }
}
@media (min-width: 1440px){
    .fs-10{
        font-size: 120px;
        line-height: 132px;
    }
}
.fs-11{
    font-size: 64px;
    line-height: 72px;
}
@media (min-width: 768px){
    .fs-11{
        font-size: 104px;
        line-height: 116px;
    }
}
@media (min-width: 1440px){
    .fs-11{
        font-size: 156px;
        line-height: 172px;
    }
}
/* ---------------------
  * Raleway 
  * --------------------- */
.bold-raleway{
    font-family: Raleway, sans-serif;
    font-weight: 700;
}
/* ---------------------
  * Work Sans 
  * --------------------- */
.semibold-work-sans{
    font-family: Work Sans, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}
/* fs--2 to fs-1  =  3px */
.semibold-work-sans.fs--2,
    .semibold-work-sans.fs--1,
    .semibold-work-sans.fs-0,
    .semibold-work-sans.fs-1 {
      letter-spacing: 3px;
    }
/* fs-2 to fs-6  =  5px */
.semibold-work-sans.fs-2,
    .semibold-work-sans.fs-3 .semibold-work-sans.fs-4 .semibold-work-sans.fs-5 .semibold-work-sans.fs-6 {
      letter-spacing: 5px;
    }
/* fs-7 to fs-11  =  7px */
.semibold-work-sans.fs-7,
    .semibold-work-sans.fs-8,
    .semibold-work-sans.fs-9,
    .semibold-work-sans.fs-10,
    .semibold-work-sans.fs-11 {
      letter-spacing: 6px;
    }
/* .font-bold.font-serif */
.bold-raleway{
    font-family: Raleway, sans-serif;
    font-weight: 700;
}
/* .font-sans.font-medium */
.medium-work-sans{
    font-family: Work Sans, sans-serif;
    font-weight: 500;
}
/* .font-sans.font-regular */
.regular-work-sans{
    font-family: Work Sans, sans-serif;
    font-weight: 400;
}
/* ---------------------
  * Links
  * --------------------- */
p a {
    color: var(--everstream-blue);
    -webkit-text-fill-color: var(--everstream-blue);
    text-decoration: underline;
  }
p a:hover {
      color: var(--everstream-orange);
      -webkit-text-fill-color: var(--everstream-orange);
      -webkit-text-decoration-color: var(--everstream-orange);
              text-decoration-color: var(--everstream-orange);
    }
.btn-solid{
    background-color: var(--everstream-orange);
    font-family: Work Sans, sans-serif;
    font-weight: 500;
      color: var(--black);
  
      display: inline-block;
      box-sizing: border-box;
      position: relative;
      overflow: hidden;
      border-radius: 0px 0px 0px 0px;
      transition: all 500ms ease;
}
.btn-solid::before {
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        inset: 0 0 0 0;
        /* background: hsl(200 100% 80%); */
        background: var(--data-viz-blue-2);
        z-index: 1;
        transition: transform 500ms ease;
        transform: scaleX(0);
        transform-origin: bottom right;
      }
.btn-solid:focus::before,
      .btn-solid:hover::before {
        transform: scaleX(1);
        transform-origin: bottom left;
      }
/* Set Border radius hover state by size of button */
.btn-solid.btn-lg:focus,
        .btn-solid.btn-lg:hover {
          border-radius: 0px 0px 20px 0px;
        }
.btn-solid.btn-md:focus,
        .btn-solid.btn-md:hover {
          border-radius: 0px 0px 16px 0px;
        }
.btn-solid.btn-sm:focus,
        .btn-solid.btn-sm:hover {
          border-radius: 0px 0px 12px 0px;
        }
@media(max-width: 768px){
.btn-solid {
        max-width: 45vh
    }
      }
.btn-bordered{
    color: var(--everstream-blue);
    font-family: Work Sans, sans-serif;
    font-weight: 500;
}
.text-animate .btn-bordered {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    );
    background-size: 300%;
  }
.blog-section .blog-post-wrapper .blog-post .img-wrapper-date .btn-bordered {
            background-image: linear-gradient(
              90deg,
              white 0%,
              white 50%,
              var(--everstream-blue) 50%,
              var(--everstream-blue) 100%
            );
            background-size: 200%;
          }
.text-animate .btn-bordered {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    );
    background-size: 400%;
  }
.text-animate .btn-bordered p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.btn-bordered {
      border: 1px solid var(--everstream-blue);
      box-sizing: border-box;
      position: relative;
      box-shadow: inset 0px 0px 0px 0px;
      transition: all 250ms ease;
    }
.btn-bordered:focus,
      .btn-bordered:hover {
        /* hover goes here */
        box-shadow: inset 0 0 0 1px;
      }
.btn-lg{
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 16px;
    padding-bottom: 16px;
    font-family: Work Sans, sans-serif;
}
.btn-md{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-family: Work Sans, sans-serif;
}
.btn-sm{
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-family: Work Sans, sans-serif;
}
.btn-text{
    position: relative;
      z-index: 10;
}
.btn-arrow::after {
      content: "";
      width: 24px;
      height: 24px;
      position: absolute;
      -webkit-mask-image: url(images/2168f46262269bb0dbad.svg);
              mask-image: url(images/2168f46262269bb0dbad.svg);
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-position: center;
              mask-position: center;
      -webkit-mask-size: contain;
              mask-size: contain;
      top: 50%;
      z-index: 10;
      transform: translateY(-50%);
    }
.btn-arrow.btn-solid::after {
  
        background-color: var(--black);
  
      }
.btn-arrow.btn-bordered::after {
        background-color: var(--everstream-blue);
      }
.btn-arrow.btn-lg{
    padding-right: 56px;
}
.btn-arrow.btn-lg::after {
          right: 24px;
        }
.btn-arrow.btn-md{
    padding-right: 52px;
}
.btn-arrow.btn-md::after {
          right: 20px;
        }
.btn-arrow.btn-sm{
    padding-right: 44px;
}
.btn-arrow.btn-sm::after {
          right: 12px;
        }
.icon {
    filter: grayscale(100%);
    transition: all 100ms ease;
    background-repeat: no-repeat;
    background-size: contain;
}
.icon:focus,
    .icon:hover {
        filter: grayscale(0%) !important;
    }
.icon-grid {
        row-gap: 40px;
    }
@media(max-width: 767px){
.icon-grid {
            display: flex !important;
            flex-wrap: wrap;
            -moz-column-gap: 50px;
                 column-gap: 50px;
            row-gap: 40px;
            width: 100% !important;
            margin: 0px auto;
            max-width: 472px;
            justify-content: center
    }

            .icon-grid .icon {
                max-width: 128px;
            }
        }
.icon-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
    }
.icon-mobile .icon {
            max-width: 128px;
        }
.icon-block-mobile {
            padding: 0px 25px;
            row-gap: 36px;
            -moz-column-gap: 50px;
                 column-gap: 50px;
        }
.icon-cell:nth-child(1){
    grid-column-start: 3;
    grid-column-end: 4;
}
.icon-cell:nth-child(2){
    grid-column-start: 2;
    grid-column-end: 3;
}
.icon-cell:nth-child(3){
    grid-column: span 2 / span 2;
    grid-column-end: 6;
}
.icon-cell:nth-child(4){
    grid-column-start: 1;
    grid-column-end: 2;
}
.icon-cell:nth-child(5){
    grid-column-start: 3;
    grid-column-end: 4;
}
.icon-cell:nth-child(6){
    grid-column-start: 5;
    grid-column-end: 7;
}
.icon-cell:nth-child(7){
    grid-column-start: 2;
    grid-column-end: 3;
}
.icon-cell:nth-child(8){
    grid-column-start: 4;
    grid-column-end: 5;
}
.icon-cell:nth-child(9){
    grid-column-start: 6;
    grid-column-end: 7;
}
.icon-cell:nth-child(10){
    grid-column-start: 3;
    grid-column-end: 4;
}
.icon-cell:nth-child(11){
    grid-column-start: 5;
    grid-column-end: 6;
}
.icon-cell:nth-child(12){
    grid-column-start: 4;
    grid-column-end: 5;
}
:root {
    --plyr-color-main: var(--everstream-orange);
  }
.tool-pagination{
    margin-top: 88px;
    margin-bottom: 88px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 20px;
}
@media (min-width: 1440px){
    .tool-pagination{
        font-size: 16px;
        line-height: 22px;
    }
}
.semibold-work-sans.tool-pagination {
      letter-spacing: 3px;
    }
.tool-pagination{
    font-family: Work Sans, sans-serif;
    font-weight: 500;
}
@media (min-width: 768px){
    .tool-pagination{
        margin-top: 200px;
        margin-bottom: 200px;
    }
}
.tool-pagination .prev, .tool-pagination .next{
    position: relative;
    margin-left: 16px;
    margin-right: 16px;
    box-sizing: border-box;
    height: 44px;
    width: 44px;
    box-shadow: inset 0px 0px 0px;
    border: 1px solid var(--everstream-blue);
}
.tool-pagination .prev:after, .tool-pagination .next:after {
      content: "";
      width: 22px;
      height: 22px;
      position: absolute;
      -webkit-mask-image: url(images/95e35f97da31e07cf3af.svg);
              mask-image: url(images/95e35f97da31e07cf3af.svg);
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-position: center;
              mask-position: center;
      -webkit-mask-size: contain;
              mask-size: contain;
      top: 50%;
      z-index: 10;
      transform: translate(12px, -50%);
      background-color: var(--everstream-blue);
    }
.tool-pagination .prev:focus,
    .tool-pagination .prev:hover,
    .tool-pagination .next:focus,
    .tool-pagination .next:hover {
      /* border: 3px solid var(--everstream-blue); */
      box-shadow: inset 0px 0px 0px 1px var(--everstream-blue);
    }
.tool-pagination .next:after {
      -webkit-mask-image: url(images/1d714f5c503d794a662f.svg);
              mask-image: url(images/1d714f5c503d794a662f.svg);
      transform: translate(5px, -50%);
    }
.tool-pagination .page-number{
    margin-left: 8px;
    margin-right: 8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 12px;
    color: var(--gray-3);
}
.text-animate .tool-pagination .page-number {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-size: 200%;
  }
.text-animate .tool-pagination .page-number p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.tool-pagination .page-number:focus{
    color: var(--everstream-blue);
}
.text-animate .tool-pagination .page-number:focus {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    );
    background-size: 300%;
  }
.blog-section .blog-post-wrapper .blog-post .img-wrapper-date .tool-pagination .page-number:focus {
            background-image: linear-gradient(
              90deg,
              white 0%,
              white 50%,
              var(--everstream-blue) 50%,
              var(--everstream-blue) 100%
            );
            background-size: 200%;
          }
.text-animate .tool-pagination .page-number:focus {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    );
    background-size: 400%;
  }
.text-animate .tool-pagination .page-number:focus p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.tool-pagination .page-number:focus {
      border-bottom: 2px solid var(--everstream-blue);
    }
.tool-pagination .page-number:hover {
      border-bottom: 2px solid var(--everstream-orange);
    }
.pagination{
    margin-top: 88px;
    margin-bottom: 88px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 20px;
}
@media (min-width: 1440px){
    .pagination{
        font-size: 16px;
        line-height: 22px;
    }
}
.semibold-work-sans.pagination {
      letter-spacing: 3px;
    }
.pagination{
    font-family: Work Sans, sans-serif;
    font-weight: 500;
}
.pagination .prev a, .pagination .prev button, .pagination .next a, .pagination .next button{
    position: relative;
    margin-left: 16px;
    margin-right: 16px;
    box-sizing: border-box;
    height: 24px;
    width: 24px;
}
@media (min-width: 768px){
    .pagination .prev a, .pagination .prev button, .pagination .next a, .pagination .next button{
        height: 44px;
        width: 44px;
    }
}
.pagination .prev a,
    .pagination .prev button,
    .pagination .next a,
    .pagination .next button {
      box-shadow: inset 0px 0px 0px;
      border: 1px solid var(--everstream-blue);
      cursor: pointer;
      display: block;
    }
.pagination .prev a:after, .pagination .prev button:after, .pagination .next a:after, .pagination .next button:after{
    height: 12px;
    width: 12px;
}
@media (min-width: 768px){
    .pagination .prev a:after, .pagination .prev button:after, .pagination .next a:after, .pagination .next button:after{
        height: 24px;
        width: 24px;
    }
}
.pagination .prev a:after, .pagination .prev button:after, .pagination .next a:after, .pagination .next button:after {
        content: "";
        position: absolute;
        -webkit-mask-image: url(images/95e35f97da31e07cf3af.svg);
                mask-image: url(images/95e35f97da31e07cf3af.svg);
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-position: center;
                mask-position: center;
        -webkit-mask-size: contain;
                mask-size: contain;
        top: 50%;
        left: 0;
        z-index: 10;
        transform: translate(7px, -50%);
        background-color: var(--everstream-blue);
      }
@media (min-width: 768px) {
.pagination .prev a:after, .pagination .prev button:after, .pagination .next a:after, .pagination .next button:after {
          transform: translate(12px, -50%)
      }
        }
.pagination .prev a:focus,
      .pagination .prev a:hover,
      .pagination .prev button:focus,
      .pagination .prev button:hover,
      .pagination .next a:focus,
      .pagination .next a:hover,
      .pagination .next button:focus,
      .pagination .next button:hover {
        /* border: 3px solid var(--everstream-blue); */
        box-shadow: inset 0px 0px 0px 1px var(--everstream-blue);
      }
.pagination .prev a, .pagination .prev button{
    margin-left: 0px;
}
.pagination .next a, .pagination .next button{
    margin-right: 0px;
}
.pagination .next a:after, .pagination .next button:after {
        -webkit-mask-image: url(images/1d714f5c503d794a662f.svg);
                mask-image: url(images/1d714f5c503d794a662f.svg);
        transform: translate(4px, -50%);
      }
.pagination .page-number{
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 10px;
    color: var(--gray-3);
    font-size: 12px;
    line-height: 16px;
}
@media (min-width: 1440px){
    .pagination .page-number{
        font-size: 14px;
        line-height: 20px;
    }
}
.semibold-work-sans.pagination .page-number {
      letter-spacing: 3px;
    }
.text-animate .pagination .page-number {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-size: 200%;
  }
.text-animate .pagination .page-number p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
@media (min-width: 768px){
    .pagination .page-number{
        margin-left: 8px;
        margin-right: 8px;
    }
}
.pagination .page-number {

    /* &:hover {
      border-bottom: 2px solid var(--everstream-orange);
    } */
  }
.pagination .page-number:focus, .pagination .page-number:hover{
    color: var(--everstream-blue);
}
.text-animate .pagination .page-number:focus, .text-animate .pagination .page-number:hover {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    );
    background-size: 300%;
  }
.blog-section .blog-post-wrapper .blog-post .img-wrapper-date .pagination .page-number:focus, .blog-section .blog-post-wrapper .blog-post .img-wrapper-date .pagination .page-number:hover {
            background-image: linear-gradient(
              90deg,
              white 0%,
              white 50%,
              var(--everstream-blue) 50%,
              var(--everstream-blue) 100%
            );
            background-size: 200%;
          }
.text-animate .pagination .page-number:focus, .text-animate .pagination .page-number:hover {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    );
    background-size: 400%;
  }
.text-animate .pagination .page-number:focus p, .text-animate .pagination .page-number:hover p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.pagination .page-number:focus,
    .pagination .page-number:hover {
      border-bottom: 2px solid var(--everstream-blue);
    }
.pagination .disabled a,
    .pagination .disabled button {
      cursor: initial;
      opacity: 0.3;
      border: 1px solid var(--everstream-blue);
    }
.pagination .disabled a:after, .pagination .disabled button:after {
        background-color: var(--everstream-blue);
      }
.pagination .disabled a:focus,
      .pagination .disabled a:hover,
      .pagination .disabled button:focus,
      .pagination .disabled button:hover {
        box-shadow: none;
      }
.pagination span.current {
    color: var(--everstream-blue);
    border-bottom: 2px solid var(--everstream-blue);
    font-weight: 600;
  }
/* ------------------
 * Components
 * ------------------ */
.contact-section {
  overflow-x: hidden;
}
.contact-section .contact-title-wrapper{
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 40px;
    padding-bottom: 32px;
}
@media (min-width: 768px){
    .contact-section .contact-title-wrapper{
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 56px;
    }
}
@media (min-width: 1440px){
    .contact-section .contact-title-wrapper{
        padding-top: 88px;
        padding-left: 0px;
        padding-right: 0px;
      max-width: 1800px;
      margin: 0 auto;
    }
}
.contact-section .contact-title-wrapper .contact-supertitle{
    font-family: Work Sans, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--gray-3);
    font-size: 14px;
    line-height: 20px;
}
@media (min-width: 1440px){
    .contact-section .contact-title-wrapper .contact-supertitle{
        font-size: 16px;
        line-height: 22px;
    }
}
.semibold-work-sans.contact-section .contact-title-wrapper .contact-supertitle {
      letter-spacing: 3px;
    }
.text-animate .contact-section .contact-title-wrapper .contact-supertitle {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-size: 200%;
  }
.text-animate .contact-section .contact-title-wrapper .contact-supertitle p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.contact-section .contact-title-wrapper .contact-supertitle {
      letter-spacing: 2px;
    }
.contact-section .contact-title-wrapper .contact-title{
    color: var(--gray-1);
    font-size: 48px;
    line-height: 56px;
}
@media (min-width: 768px){
    .contact-section .contact-title-wrapper .contact-title{
        font-size: 72px;
        line-height: 80px;
    }
}
@media (min-width: 1440px){
    .contact-section .contact-title-wrapper .contact-title{
        font-size: 104px;
        line-height: 116px;
    }
}
.contact-section .contact-title-wrapper .contact-title{
    font-family: Raleway, sans-serif;
    font-weight: 700;
}
.semibold-work-sans.contact-section .contact-title-wrapper .contact-title {
      letter-spacing: 6px;
    }
.contact-section .contact-title-wrapper .contact-title{
    font-family: Raleway, sans-serif;
    font-weight: 700;
}
.text-animate .contact-section .contact-title-wrapper .contact-title {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-1) 50%,
      var(--gray-1) 100%
    );
    background-size: 200%;
  }
.contact-section .contact-info-wrapper{
    position: relative;
    background-color: var(--everstream-blue);
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 32px;
    color: var(--white);
}
@media (min-width: 768px){
    .contact-section .contact-info-wrapper{
        padding-left: 40px;
        padding-right: 40px;
        -webkit-clip-path: url("#page-contact-image-mask");
                clip-path: url("#page-contact-image-mask");
        padding-bottom: 680px;
        max-height: 1200px;
        margin-bottom: 800px;
        /* will need to swap if we change form */
    }
}
@media (min-width: 1440px) {
.contact-section .contact-info-wrapper {
        margin-bottom: 300px
        /* will need to swap if we change form */
    }
      }
.contact-section .contact-info-wrapper img{
    margin-right: 24px;
    width: 64px;
        height: 65px;
}
.contact-section .contact-info-wrapper .top-contact{
    display: flex;
}
@media (min-width: 1440px) {
.contact-section .contact-info-wrapper .top-contact {
          max-width: 1500px;
          margin: auto
      }
        }
.contact-section .contact-info-wrapper .contact-info-container {
        max-width: calc(1800px - 45%);
        margin: auto;

        -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);

                clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
        transition: all 600ms ease;
      }
.contact-section .contact-info-wrapper .contact-info-container.active {
          -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 105%, 0% 105%);
                  clip-path: polygon(0% 0%, 100% 0%, 100% 105%, 0% 105%);
        }
.contact-section .contact-info-description{
    padding-bottom: 64px;
    font-family: Work Sans, sans-serif;
    font-weight: 500;
    color: var(--white);
    font-size: 20px;
    line-height: 28px;
}
@media (min-width: 1440px){
    .contact-section .contact-info-description{
        font-size: 24px;
        line-height: 32px;
    }
}
.semibold-work-sans.contact-section .contact-info-description .semibold-work-sans.fs-4 .semibold-work-sans.fs-5 .semibold-work-sans.fs-6 {
      letter-spacing: 5px;
    }
@media (min-width: 768px) {
.contact-section .contact-info-description {
        max-width: 440px
    }
      }
.contact-section .contact-info-row{
    margin-top: 24px;
    margin-bottom: 24px;
}
@media (min-width: 768px){
    .contact-section .contact-info-row{
        display: flex;
    }
}
.contact-section .contact-info-row-link{
    cursor: pointer;
    font-family: Work Sans, sans-serif;
    font-weight: 500;
    color: var(--white);
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    font-size: 18px;
    line-height: 24px;
}
@media (min-width: 1440px){
    .contact-section .contact-info-row-link{
        font-size: 20px;
        line-height: 28px;
    }
}
.semibold-work-sans.contact-section .contact-info-row-link {
      letter-spacing: 5px;
    }
.contact-section .contact-info-cta{
    padding-bottom: 64px;
}
@media (min-width: 768px) {
.contact-section .contact-info-cta {
        max-width: 440px
    }
      }
@media (min-width: 1440px) {
.contact-section .contact-info-cta {
        max-width: 1500px;
        margin: auto
    }
      }
.contact-section .contact-info-cta .contact-hr{
    margin-top: 32px;
    margin-bottom: 32px;
        max-width: 440px;
        color: var(--data-viz-blue-1);
}
.contact-section .marketo-form-section {
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-clip-path: polygon(100% -10%, 100% -10%, 100% 100%, 100% 100%);
            clip-path: polygon(100% -10%, 100% -10%, 100% 100%, 100% 100%);
    transition: all 600ms ease;
  }
.contact-section .marketo-form-section.active {
      -webkit-clip-path: polygon(105% -10%, 0% -10%, -5% 115%, 100% 115%);
              clip-path: polygon(105% -10%, 0% -10%, -5% 115%, 100% 115%);
    }
.contact-section .marketo-form-section .marketo-form-noodles {
      background-image: url(images/dec26dff56439ba12aee.svg);
      width: 390px;
      height: 241px;
      left: -15px;
      bottom: -99px;
      background-repeat: no-repeat;
      background-size: cover;
    }
@media (min-width: 1440px) {
.contact-section .marketo-form-section .marketo-form-noodles {
        right: 1px;
        left: auto;
        width: 84%
    }
      }
@media (min-width: 768px) {
.contact-section .marketo-form-section {
      max-width: 625px
  }
    }
@media (min-width: 1440px) {
.contact-section .marketo-form-section {
      right: -245px;
      left: auto;
      top: 13%
  }
    }
.contact-section .contact-container{
    position: relative;
    height: 100%;
}
@media (min-width: 1440px) {
.contact-section .contact-container {
      width: 71%
  }
    }
@media (min-width: 768px){
    .marketo-form-section{
        padding-left: 40px;
        padding-right: 40px;
    }
}
.marketo-form-section {
    max-width: 1800px;
  }
.marketo-form-section .marketo-form-load .mktoForm {
        display: flex;
        flex-direction: column;
      }
.marketo-form-section .marketo-form-load .mktoForm .mktoFormRow {
          display: flex;
          justify-content: flex-start;
          align-items: flex-start;
          order: 2;
        }
.marketo-form-section .marketo-form-load .mktoForm .mktoFormRow .mktoFieldDescriptor.mktoFormCol.hasCheckboxList {
            width: auto !important;
          }
.marketo-form-section .marketo-form-load .mktoForm .mktoButtonRow {
          position: absolute !important;
          bottom: 0;
        }
.marketo-form-section .marketo-form-load .mktoForm .mktoButtonRow .mktoButtonWrap {
            /* position: absolute !important; */
          }
.marketo-form-section .marketo-form-load .mktoForm .mktoButtonRow .mktoButton {
            width: 50% !important;
            position: absolute !important;
            max-width: 275px;
            /* left: 50% !important; */
            left: initial;
            transform: translate(-63%, -50%);
          }
.marketo-form-section .marketo-form-load .mktoForm .mktoFieldWrap .mktoCheckboxList {
            width: 36px !important;
          }
.marketo-form-wrapper{
    position: relative;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-color: var(--everstream-blue);
    min-height: 710px;
    padding: 0 120px;
}
@media (max-width: 860px) {
.marketo-form-wrapper {
      padding: 0 24px
  }
    }
@media (min-width: 1440px) {
.marketo-form-wrapper {
      padding: 0 88px
  }
    }
.marketo-form-wrapper::before {
      -webkit-mask-image: url(images/2bf28a2f6f76c9c0d0fa.svg);
              mask-image: url(images/2bf28a2f6f76c9c0d0fa.svg);
      background-color: var(--everstream-blue);
      content: "";
      height: 180px;
      width: 100%;
      /* width: 260px; */
      position: absolute;
      bottom: -28px;
      right: 0;
    }
@media (min-width: 860px) {
.marketo-form-wrapper::before {
        width: 100%;
        display: none
    }
      }
@media (min-width: 1440px) {
.marketo-form-wrapper::before {
        width: 260px;
        display: block;
        -webkit-mask-size: auto;
                mask-size: auto
    }
      }
.marketo-form-noodles {
    position: absolute;
    -webkit-mask-image: url(images/5c7c867478f419478d72.svg);
            mask-image: url(images/5c7c867478f419478d72.svg);
    -webkit-mask-repeat: no-repeat;
    background-color: var(--everstream-blue);
    height: 185px;
    width: 262px;
    top: -96px;
    left: -20px;
    z-index: 0;
  }
@media (max-width: 1440px) {
.marketo-form-noodles {
      top: auto;
      bottom: -96px;
      width: 50%
  }
    }
@media (max-width: 860px) {
.marketo-form-noodles {
      display: none
  }
    }
@media (min-width: 1440px) {
.marketo-form-noodles {
      right: -254px !important
  }
    }
.marketo-form-load{
    top: -72px;
    height: 100%;
    background-color: var(--white);
    border: 1px solid transparent;
    box-sizing: border-box;
    /* margin: 0 24px; */
    margin: 0 auto;
    min-height: 740px;
    position: relative;
}
/* width: calc(100% - 48px); */
@media (max-width: 1440px) {
.marketo-form-load{
        bottom: -72px;
        top: auto;
    }
    }
@media (min-width: 1440px) {
.marketo-form-load {
      margin-left: auto !important
  }
    }
@media (max-width: 860px) {
.marketo-form-load{
        top: auto;
        bottom: auto;
      margin-bottom: 72px;
    }
    }
.marketo-form-load .mktoForm {
      padding: 48px 42px;
      width: 100% !important;
    }
.marketo-form-load .mktoForm fieldset {
        border: none !important;
      }
.marketo-form-load .mktoForm .mktoFormRow:first-of-type label {
            margin-top: 0;
          }
.marketo-form-load .mktoForm .mktoFormRow .mktoClear {
          display: none;
        }
.marketo-form-load .mktoForm .mktoFormRow .mktoFormRow{
    margin-bottom: 24px;
    display: flex;
          justify-content: center;
          align-items: center;
}
.marketo-form-load .mktoForm .mktoFormRow .mktoFormRow .mktoFormCol.hasCheckboxList {
              width: auto !important;
              /* .mktoFieldWrap label {
                display: none;
              } */
            }
.marketo-form-load .mktoForm .mktoFormRow .mktoFormRow .mktoFormCol.hasCheckboxList .mktoFieldWrap {
                flex-direction: row-reverse;
              }
.marketo-form-load .mktoForm [name*="Subscribe_to"][type="checkbox"], .marketo-form-load .mktoForm [name*="Subscribed_for"][type="checkbox"], .marketo-form-load .mktoForm [name="Unsubscribed"][type="checkbox"], .marketo-form-load .mktoForm [name="formConsent"][type="checkbox"], .marketo-form-load .mktoForm [name*="Email_Opt"][type="checkbox"] {
          cursor: pointer;
          /* Add if not using autoprefixer */
          -webkit-appearance: none;
          -moz-appearance: none;
               appearance: none;
          background-color: var(--white);
          margin: 0;

          font-size: 24px;
          color: currentColor;
          width: 24px !important;
          height: 24px;
          border: 1px solid var(--gray-4);
          border-radius: 0;
          /* transform: translateY(-0.075em); */

          display: grid;
          place-content: center;
        }
.marketo-form-load .mktoForm [name*="Subscribe_to"][type="checkbox"]::before, .marketo-form-load .mktoForm [name*="Subscribed_for"][type="checkbox"]::before, .marketo-form-load .mktoForm [name="Unsubscribed"][type="checkbox"]::before, .marketo-form-load .mktoForm [name="formConsent"][type="checkbox"]::before, .marketo-form-load .mktoForm [name*="Email_Opt"][type="checkbox"]::before {
            content: "";
            width: 0.65em;
            height: 0.65em;
            -webkit-clip-path: polygon(
              14% 44%,
              0 65%,
              50% 100%,
              100% 16%,
              80% 0%,
              43% 62%
            );
                    clip-path: polygon(
              14% 44%,
              0 65%,
              50% 100%,
              100% 16%,
              80% 0%,
              43% 62%
            );
            transform-origin: bottom left;
            transition: 120ms opacity ease;
            box-shadow: inset 1em 1em var(--everstream-blue);
            /* Windows High Contrast Mode */
            background-color: CanvasText;
            opacity: 0;
          }
.marketo-form-load .mktoForm [name*="Subscribe_to"][type="checkbox"]:checked::before, .marketo-form-load .mktoForm [name*="Subscribed_for"][type="checkbox"]:checked::before, .marketo-form-load .mktoForm [name="Unsubscribed"][type="checkbox"]:checked::before, .marketo-form-load .mktoForm [name="formConsent"][type="checkbox"]:checked::before, .marketo-form-load .mktoForm [name*="Email_Opt"][type="checkbox"]:checked::before {
            opacity: 1;
          }
.marketo-form-load .mktoForm [name*="Subscribe_to"][type="checkbox"]:focus, .marketo-form-load .mktoForm [name*="Subscribed_for"][type="checkbox"]:focus, .marketo-form-load .mktoForm [name="Unsubscribed"][type="checkbox"]:focus, .marketo-form-load .mktoForm [name="formConsent"][type="checkbox"]:focus, .marketo-form-load .mktoForm [name*="Email_Opt"][type="checkbox"]:focus {
            /* outline: max(2px, 0.15em) solid currentColor; */
            /* outline-offset: max(2px, 0.15em); */
          }
.marketo-form-load .mktoForm [name*="Subscribe_to"][type="checkbox"]:disabled, .marketo-form-load .mktoForm [name*="Subscribed_for"][type="checkbox"]:disabled, .marketo-form-load .mktoForm [name="Unsubscribed"][type="checkbox"]:disabled, .marketo-form-load .mktoForm [name="formConsent"][type="checkbox"]:disabled, .marketo-form-load .mktoForm [name*="Email_Opt"][type="checkbox"]:disabled {
            color: var(--gray-4);
            cursor: not-allowed;
          }
.marketo-form-load .mktoForm #LblformConsent{
    margin-left: 24px;
    padding-top: 0px;
    font-size: 16px;
    line-height: 22px;
}
@media (min-width: 1440px){
    .marketo-form-load .mktoForm #LblformConsent{
        font-size: 18px;
        line-height: 24px;
    }
}
.semibold-work-sans.marketo-form-load .mktoForm #LblformConsent {
      letter-spacing: 3px;
    }
.marketo-form-load .mktoForm .mktoFieldDescriptor {
        width: 100% !important;
      }
.marketo-form-load .mktoForm .mktoFieldWrap {
        display: flex;
        flex-direction: column;
        width: 100% !important;
      }
.marketo-form-load .mktoForm .mktoFieldWrap label{
    margin-bottom: 8px !important;
    font-size: 14px;
    line-height: 20px;
}
@media (min-width: 1440px){
    .marketo-form-load .mktoForm .mktoFieldWrap label{
        font-size: 16px;
        line-height: 22px;
    }
}
.semibold-work-sans.marketo-form-load .mktoForm .mktoFieldWrap label {
      letter-spacing: 3px !important;
    }
.marketo-form-load .mktoForm .mktoFieldWrap label{
    font-family: Work Sans, sans-serif;
          font-weight: 400 !important;
          margin-top: 11px;
          width: 100% !important;
}
.marketo-form-load .mktoForm .mktoFieldWrap label strong {
            font-weight: 400;
          }
.marketo-form-load .mktoForm .mktoFieldWrap label a{
    font-family: Work Sans, sans-serif !important;
    color: var(--everstream-blue) !important;
}
.text-animate .marketo-form-load .mktoForm .mktoFieldWrap label a {
    will-change: auto !important;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    ) !important;
    background-size: 300% !important;
  }
.blog-section .blog-post-wrapper .blog-post .img-wrapper-date .marketo-form-load .mktoForm .mktoFieldWrap label a {
            background-image: linear-gradient(
              90deg,
              white 0%,
              white 50%,
              var(--everstream-blue) 50%,
              var(--everstream-blue) 100%
            ) !important;
            background-size: 200% !important;
          }
.text-animate .marketo-form-load .mktoForm .mktoFieldWrap label a {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    ) !important;
    background-size: 400% !important;
  }
.text-animate .marketo-form-load .mktoForm .mktoFieldWrap label a p {
      box-decoration-break: clone !important;
      -webkit-box-decoration-break: clone !important;
      -webkit-background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
    }
.marketo-form-load .mktoForm .mktoFieldWrap label a {
            text-decoration: underline;
            -webkit-text-decoration-color: var(--everstream-blue);
                    text-decoration-color: var(--everstream-blue);
          }
.marketo-form-load .mktoForm .mktoFieldWrap label a:focus, .marketo-form-load .mktoForm .mktoFieldWrap label a:hover{
    color: var(--everstream-orange) !important;
              -webkit-text-decoration-color: var(--everstream-orange);
                      text-decoration-color: var(--everstream-orange);
}
.marketo-form-load .mktoForm .mktoFieldWrap input{
    font-size: 16px;
    line-height: 22px;
}
@media (min-width: 1440px){
    .marketo-form-load .mktoForm .mktoFieldWrap input{
        font-size: 18px;
        line-height: 24px;
    }
}
.semibold-work-sans.marketo-form-load .mktoForm .mktoFieldWrap input {
      letter-spacing: 3px;
    }
.marketo-form-load .mktoForm .mktoFieldWrap input{
    font-family: Work Sans, sans-serif;
    font-weight: 400;
          border: 1px solid var(--gray-4);
          background-color: var(--page-bg);
          box-shadow: none;
          padding: 0.9rem;
          width: 100% !important;
          height: 50px;
          -webkit-appearance: none;
          -moz-appearance: none;
               appearance: none;
          border-radius: initial;
}
.marketo-form-load .mktoForm .mktoFieldWrap select{
    font-size: 16px;
    line-height: 22px;
}
@media (min-width: 1440px){
    .marketo-form-load .mktoForm .mktoFieldWrap select{
        font-size: 18px;
        line-height: 24px;
    }
}
.semibold-work-sans.marketo-form-load .mktoForm .mktoFieldWrap select {
      letter-spacing: 3px;
    }
.marketo-form-load .mktoForm .mktoFieldWrap select{
    font-family: Work Sans, sans-serif;
    font-weight: 400;
          height: 50px;
          border: 1px solid var(--gray-4);
          background-color: var(--page-bg) !important;
          box-shadow: none;
          padding: 0.9rem;
          width: 100% !important;
          background: url(images/58bbdb4175e12130a508.svg);
          background-position: calc(100% - 0.9rem) 50%;
          background-repeat: no-repeat;
          -webkit-appearance: none;
          -moz-appearance: none;
               appearance: none;
          border-radius: initial;
}
.marketo-form-load .mktoForm .mktoFieldWrap .mktoHtmlText{
    padding-left: 24px;
    font-size: 16px;
    line-height: 22px;
}
@media (min-width: 1440px){
    .marketo-form-load .mktoForm .mktoFieldWrap .mktoHtmlText{
        font-size: 18px;
        line-height: 24px;
    }
}
.semibold-work-sans.marketo-form-load .mktoForm .mktoFieldWrap .mktoHtmlText {
      letter-spacing: 3px;
    }
.marketo-form-load .mktoForm .mktoFieldWrap .mktoHtmlText {
          font-weight: 400;
          width: 100% !important;
        }
.marketo-form-load .mktoForm .mktoFieldWrap textarea{
    font-size: 16px;
    line-height: 22px;
}
@media (min-width: 1440px){
    .marketo-form-load .mktoForm .mktoFieldWrap textarea{
        font-size: 18px;
        line-height: 24px;
    }
}
.semibold-work-sans.marketo-form-load .mktoForm .mktoFieldWrap textarea {
      letter-spacing: 3px;
    }
.marketo-form-load .mktoForm .mktoFieldWrap textarea{
    font-family: Work Sans, sans-serif;
    font-weight: 400;
          height: 50px;
          border: 1px solid var(--gray-4);
          padding: 0.9rem;
          border-radius: 0;
}
.marketo-form-load .mktoForm .mktoButtonRow{
    width: 100%;
        height: 0;
}
.marketo-form-load .mktoForm .mktoButtonRow .mktoButtonWrap {
          box-shadow: none;
          display: block;
          margin: 0 !important;
          text-align: center;
          position: relative;
          height: 0;
        }
.marketo-form-load .mktoForm .mktoButtonRow .mktoButton{
    font-size: 20px !important;
    line-height: 28px !important;
    font-family: Work Sans, sans-serif;
    font-weight: 500;
}
@media (min-width: 1440px){
    .marketo-form-load .mktoForm .mktoButtonRow .mktoButton{
        font-size: 24px !important;
        line-height: 32px !important;
    }
}
.marketo-form-load .mktoForm .mktoButtonRow .mktoButton {
          border: none !important;
          background: var(--everstream-orange) !important;
          box-shadow: none !important;
          color: var(--black);
          padding: 16px 48px;
          position: absolute;

          display: inline-block;
          box-sizing: border-box;
          /* position: relative; */
          overflow: hidden;
          border-radius: 0px 0px 0px 0px;
          transition: all 500ms ease;
        }
.marketo-form-load .mktoForm .mktoButtonRow .mktoButton::before {
            content: " ";
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            inset: 0 0 0 0;
            background: var(--data-viz-blue-2);
            z-index: 1;
            transition: transform 500ms ease;
            transform: scaleX(0);
            transform-origin: bottom right;
          }
.marketo-form-load .mktoForm .mktoButtonRow .mktoButton:focus,
          .marketo-form-load .mktoForm .mktoButtonRow .mktoButton:hover {
            border-radius: 0px 0px 20px 0px;
          }
.marketo-form-load .mktoForm .mktoButtonRow .mktoButton:focus::before,
          .marketo-form-load .mktoForm .mktoButtonRow .mktoButton:hover::before {
            transform: scaleX(1);
            transform-origin: bottom left;
          }
.marketo-form-load .mktoForm .mktoOffset {
        display: none;
      }
[data-theme="dark"] .marketo-form-load {
    background-color: var(--page-bg);
  }
[data-theme="dark"] .marketo-form-load .mktoForm .mktoFieldWrap{
    color: var(--gray-2) !important;
}
.text-animate [data-theme="dark"] .marketo-form-load .mktoForm .mktoFieldWrap {
    will-change: auto !important;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-2) 50%,
      var(--gray-2) 100%
    ) !important;
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-2) 50%,
      var(--gray-2) 100%
    ) !important;
    background-size: 200% !important;
  }
.text-animate [data-theme="dark"] .marketo-form-load .mktoForm .mktoFieldWrap p {
      box-decoration-break: clone !important;
      -webkit-box-decoration-break: clone !important;
      -webkit-background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
    }
[data-theme="dark"] .marketo-form-load .mktoForm .mktoFieldWrap {
        background-color: var(--page-bg);
      }
[data-theme="dark"] .marketo-form-load .mktoForm .mktoFieldWrap input {
          background-color: var(--page-bg) !important;
        }
[data-theme="dark"] .marketo-form-load .mktoForm .mktoFieldWrap select {
          background-color: var(--page-bg) !important ;
          color: var(--gray-2);
          background: url(images/7d77c77ce4fb84fc41d6.svg);
          background-position: calc(100% - 0.9rem) 50%;
          background-repeat: no-repeat;
        }
[data-theme="dark"] .marketo-text {
    color: rgba(30, 30, 30, 1) !important;
  }
/* Fixing flex on the container checkbox with text */
[data-wrapper-for*="Email_Opt"] .mktoFieldWrap.mktoRequiredField, [data-wrapper-for*="Subscribe_to"] .mktoFieldWrap.mktoRequiredField {
    flex-direction: row-reverse !important;
    gap: 12px !important;
  }
[data-wrapper-for*="formConsent"] .mktoFieldWrap.mktoRequiredField {
    flex-direction: row-reverse !important;
  }
.bars-container {
        /* w-1/2 */
        position: relative;
        height: 100%;
        width: 100%;
    }
.bar-row{
    position: relative;
    margin-bottom: 56px;
        width: 100%;
        height: 100px;
        display: flex;
        flex-direction: column;
}
@media(min-width: 768px){
.bar-row{
        margin-bottom: 20px;
            flex-direction: row;
    }
        }
.bar-numbered-block {
            /* width: auto; */
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            max-width: 500px;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 18px 32px 18px 55px;
            margin-left: 23px;
            position: relative;
        }
.bar-numbered-block.active .is-animating {
                    left: auto;
                    right: 0;
                    z-index: 99;
                    width: 100%;
                }
.bar-numbered-block::before {
                content: "";
                -webkit-mask-image: url(images/12753fd43f13cad2b886.svg);
                        mask-image: url(images/12753fd43f13cad2b886.svg);
                -webkit-mask-repeat: no-repeat;
                        mask-repeat: no-repeat;
                -webkit-mask-position: left;
                        mask-position: left;
                -webkit-mask-size: contain;
                        mask-size: contain;
                z-index: 10;
                position: absolute;
                left: 0;
                top: 0;
                width: 23px;
                background: var(--page-bg) !important;
                height: 100px;
            }
.bar-numbered-text {
            font-variant-numeric: lining-nums;
            white-space: nowrap;
        }
.bar-numbered-overlay {
            height: 100%;
            width: 0;
            background-color: var(--page-bg);
            transition: all 500ms ease;
            position: absolute;
            top: 0;
            left: 0;
        }
.bar-numbered-overlay.is-animating {
                left: auto;
                right: 0;
            }
.bar-text{
    margin-top: 16px;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: linear-gradient(90deg, var(--page-bg) 0%, var(--page-bg) 50%, var(--gray-2) 50%, var(--gray-2) 100%);
        background-size: 200%;
        background-position: 0% 0%;
        opacity: 0;
        width: 100%;
        max-height: 72px;
        position: relative;
        z-index: 10;
}
@media(min-width: 768px){
.bar-text{
        margin-top: 0px;
    }
        }
.bar-text-block{
    position: relative;
    margin-left: 32px;
    padding-right: 32px;
            width: auto;
            max-width: 400px;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
}
.bar-text-block.active .bar-text {
                    -webkit-animation: progressbar 1.5s ease 0.5s forwards;
                            animation: progressbar 1.5s ease 0.5s forwards;
                }
.bar-text-block.active .bar-text-line.is-animating {
                    -webkit-animation: linereveal 0.5s ease 0.2s forwards,
                    lineslide 1.5s ease 0.5s forwards;
                            animation: linereveal 0.5s ease 0.2s forwards,
                    lineslide 1.5s ease 0.5s forwards;
                }
.bar-text-block.active .bar-line-fadeout {
                    -webkit-animation: linefadeout 0.5s ease forwards !important;
                            animation: linefadeout 0.5s ease forwards !important;
                }
.bar-text-line {
            width: 3px;
            height: 90%;
            position: absolute;
            left: -5px; 
            top: 5%;
            opacity: 0;
            z-index: 99;
        }
.bar-color-yellow {
            background-color: var(--data-viz-gold);
        }
/* Set Keyframes for animations of yellow bar */
@-webkit-keyframes lineslide {
    0%   {left: 0px;}
    100% {left: 100%;}
  }
@keyframes lineslide {
    0%   {left: 0px;}
    100% {left: 100%;}
  }
@-webkit-keyframes linereveal {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes linereveal {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@-webkit-keyframes linefadeout {
    0% { opacity: 1; left:100%; }
    100% { opacity: 0; left:100%; }
}
@keyframes linefadeout {
    0% { opacity: 1; left:100%; }
    100% { opacity: 0; left:100%; }
}
@-webkit-keyframes progressbar {
    0% {
      opacity: 1;
      background-position: 0 0;
    }
    100% {
      opacity: 1;
      background-position: -100% 0;
    }
}
@keyframes progressbar {
    0% {
      opacity: 1;
      background-position: 0 0;
    }
    100% {
      opacity: 1;
      background-position: -100% 0;
    }
}
.card-section-wrapper{
    position: relative;
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 88px;
    margin-bottom: 88px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
@media (min-width: 768px){
    .card-section-wrapper{
        margin-left: 32px;
        margin-right: 32px;
        margin-top: 140px;
        margin-bottom: 140px;
    }
}
@media (min-width: 1440px){
    .card-section-wrapper{
        margin-top: 120px;
        margin-bottom: 120px;
    }
}
.card-section-wrapper {
    padding-top: 50px;
  }
.card-section-wrapper .card-section-top-title{
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
    text-align: center;
      max-width: 600px;
      max-height: 28px;
      overflow: hidden;
      letter-spacing: 5px;
      left: 50%;
      transform: translateX(-50%);
      transition: ease 500ms all;
      -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
              clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}
.card-section-wrapper .card-section-top-title.active {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 105%, 0% 105%);
                clip-path: polygon(0 0, 100% 0, 100% 105%, 0% 105%);
      }
.card-wrapper{
    position: relative;
    margin-bottom: 44px;
    width: 100%;
    height: 232px;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: darken;
    background-size: cover;
    background-position: center;
}
.card-text{
    position: absolute;
    bottom: 32px;
    padding-left: 16px;
    padding-right: 16px;
}
@media (min-width: 768px){
    .card-text{
        padding-left: 32px;
        padding-right: 32px;
    }
}
.card-text {
    -webkit-text-fill-color: initial !important;
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
            clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    transition: ease 500ms all;
  }
.card-text.active {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
              clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
.card-text:first-child{
    margin-bottom: 12px;
}
.card-title {
    font-family: "Work Sans", sans-serif;
    letter-spacing: 3px;
    max-height: 36px;
    overflow: hidden;
  }
@media (min-width: 768px) {
.card-title {
      max-height: 40px
  }
    }
.card-subtitle {
    /* @apply w-4/5 sm:w-full; */
    font-family: "Raleway", sans-serif;
    max-height: 111px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
@media (min-width: 768px) {
.card-subtitle {
      max-height: 82px
  }
    }
@media (min-width: 1440px) {
.card-subtitle {
      max-height: 94px
  }
    }
.card-btn{
    position: absolute;
    bottom: 0px;
    padding-left: 16px;
}
@media (min-width: 768px){
    .card-btn{
        padding-left: 32px;
    }
}
.card-btn {
    transform: translateY(50%) !important;
    -webkit-text-fill-color: initial !important;
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
            clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    transition: ease 500ms all;
  }
.card-btn.active {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
              clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
@media (min-width: 768px) and (max-width: 1440px) {
  .card-section-wrapper div:first-child {
    max-width: none;
  }

  .card-wrapper {
    max-width: 50%;
  }
}
@media (min-width: 1441px) {
  .card-wrapper {
    max-width: 600px;
    height: 264px;
  }
}
/* Linear Gradients for different text animation backgrounds */
.text-animate {
  position: relative;
  width: 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-position: 0% 0%;
  z-index: 10;
}
.text-animate .text-brand-blue {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    );
    background-size: 300%;
  }
.text-animate .text-gray-3 {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-size: 200%;
  }
.text-animate .text-gray-2 {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-2) 50%,
      var(--gray-2) 100%
    );
    background-size: 200%;
  }
.text-animate .text-gray-1 {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-1) 50%,
      var(--gray-1) 100%
    );
    background-size: 200%;
  }
.blog-section{
    margin-top: 44px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px;
    padding-left: 16px;
    padding-right: 16px;
}
@media (min-width: 768px){
    .blog-section{
        margin-top: 56px;
        margin-bottom: 56px;
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media (min-width: 1440px){
    .blog-section{
        margin-top: 72px;
        margin-bottom: 72px;
    }
}
.blog-section {
  max-width: 1800px;
}
.blog-section-title{
    margin-top: 56px;
    margin-bottom: 56px;
    color: var(--everstream-blue);
    font-size: 28px;
    line-height: 36px;
}
@media (min-width: 768px){
    .blog-section-title{
        font-size: 36px;
        line-height: 44px;
    }
}
@media (min-width: 1440px){
    .blog-section-title{
        font-size: 56px;
        line-height: 64px;
    }
}
.blog-section-title{
    font-family: Raleway, sans-serif;
    font-weight: 700;
}
.semibold-work-sans.fs-3 .semibold-work-sans.fs-4 .semibold-work-sans.fs-5 .semibold-work-sans.blog-section-title {
      letter-spacing: 5px;
    }
.blog-section-title{
    font-family: Raleway, sans-serif;
    font-weight: 700;
}
.text-animate .blog-section-title {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    );
    background-size: 300%;
  }
.blog-section .blog-post-wrapper .blog-post .img-wrapper-date .blog-section-title {
            background-image: linear-gradient(
              90deg,
              white 0%,
              white 50%,
              var(--everstream-blue) 50%,
              var(--everstream-blue) 100%
            );
            background-size: 200%;
          }
.text-animate .blog-section-title {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    );
    background-size: 400%;
  }
.text-animate .blog-section-title p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
@media (min-width: 768px){
    .blog-section-title{
        margin-top: 64px;
        margin-bottom: 64px;
    }
}
@media (min-width: 1440px){
    .blog-section-title{
        margin-top: 88px;
        margin-bottom: 88px;
    }
}
@media (min-width: 768px) {
.blog-section-title-wrapper {
        max-width: 50%
    }
      }
.blog-section .blog-post-wrapper{
    display: flex;
    flex-wrap: wrap;
}
@media (min-width: 1440px){
    .blog-section .blog-post-wrapper{
        flex-wrap: nowrap;
    }
}
.blog-section .blog-post-wrapper {
    -moz-column-gap: 72px;
         column-gap: 72px;
  }
.blog-section .blog-post-wrapper .blog-post{
    margin-bottom: 72px;
}
.blog-section .blog-post-wrapper .blog-post-title{
    margin-bottom: 16px;
    height: 64px;
    font-size: 22px;
    line-height: 30px;
}
@media (min-width: 768px){
    .blog-section .blog-post-wrapper .blog-post-title{
        font-size: 24px;
        line-height: 32px;
    }
}
@media (min-width: 1440px){
    .blog-section .blog-post-wrapper .blog-post-title{
        font-size: 32px;
        line-height: 40px;
    }
}
.blog-section .blog-post-wrapper .blog-post-title{
    font-family: Raleway, sans-serif;
    font-weight: 700;
}
.semibold-work-sans.fs-3 .semibold-work-sans.blog-section .blog-post-wrapper .blog-post-title .semibold-work-sans.fs-5 .semibold-work-sans.fs-6 {
      letter-spacing: 5px;
    }
.blog-section .blog-post-wrapper .blog-post-title{
    font-family: Raleway, sans-serif;
    font-weight: 700;
}
@media (min-width: 768px){
    .blog-section .blog-post-wrapper .blog-post-title{
        margin-bottom: 24px;
    }
}
@media (min-width: 1440px){
    .blog-section .blog-post-wrapper .blog-post-title{
        height: 86px;
    }
}
.blog-section .blog-post-wrapper .blog-post-title {
        max-width: 600px;
      }
.blog-section .blog-post-wrapper .blog-post .img-wrapper{
    position: relative;
    height: 100%;
    width: 100%;
        max-height: 150px;
        height: 100vh !important;
}
@media (min-width: 768px) {
.blog-section .blog-post-wrapper .blog-post .img-wrapper {
          max-height: 360px
      }
        }
@media (min-width: 1440px) {
.blog-section .blog-post-wrapper .blog-post .img-wrapper {
          max-height: 600px
      }
        }
.blog-section .blog-post-wrapper .blog-post .img-wrapper-overlay {
          height: 100%;
          width: 100%;
          background-color: var(--page-bg);
          transition: all 1000ms ease;
          position: absolute;
          top: 0;
          right: 0;
          z-index: 20;
        }
.blog-section .blog-post-wrapper .blog-post .img-wrapper-overlay.active {
            width: 0;
          }
.blog-section .blog-post-wrapper .blog-post .img-wrapper-date{
    position: absolute;
    top: 0px;
    right: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--white);
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
          -webkit-text-fill-color: initial !important;
}
.blog-section .blog-post-wrapper .blog-post .img-wrapper-date .text-brand-blue {
            background-image: linear-gradient(
              90deg,
              white 0%,
              white 50%,
              var(--everstream-blue) 50%,
              var(--everstream-blue) 100%
            );
            background-size: 200%;
          }
.blog-section .blog-post-wrapper .blog-post .img-wrapper img{
    height: 100%;
    width: 100%;
}
.blog-section .blog-post-wrapper .blog-post-btn{
    position: absolute;
        transform: translateY(-50%);
}
.blog-section .blog-post-wrapper .blog-post-btn .btn-solid {
          -webkit-text-fill-color: initial !important;
          -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
                  clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
          transition: ease 500ms all;
        }
.blog-section .blog-post-wrapper .blog-post-btn .btn-solid.active {
            -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
                    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
          }
.blog-section .blog-post-wrapper .blog-post-btn .btn-solid {
          -webkit-text-fill-color: initial !important;
          background-image: none;
        }
.blog-section .blog-post-wrapper .blog-post-text{
    margin-top: 48px;
    font-size: 16px;
    line-height: 22px;
}
@media (min-width: 1440px){
    .blog-section .blog-post-wrapper .blog-post-text{
        font-size: 18px;
        line-height: 24px;
    }
}
.semibold-work-sans.blog-section .blog-post-wrapper .blog-post-text {
      letter-spacing: 3px;
    }
.blog-section .blog-post-wrapper .blog-post-text{
    font-family: Work Sans, sans-serif;
    font-weight: 400;
}
@media (min-width: 768px){
    .blog-section .blog-post-wrapper .blog-post-text{
        margin-top: 56px;
    }
}
@media (min-width: 1440px){
    .blog-section .blog-post-wrapper .blog-post-text{
        margin-top: 64px;
    }
}
.blog-section .blog-post-wrapper .blog-post-text {

        max-width: 365px;
      }
.blog-section-bottom-btn{
    position: relative;
    text-align: center;
}
.blog-section-bottom-btn .btn-bordered {
      -webkit-text-fill-color: initial !important;
      -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
              clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
      transition: ease 500ms all;
      background-image: none;
    }
.blog-section-bottom-btn .btn-bordered.active {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
                clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
      }
.blog .blog-section{
    margin-left: auto;
    margin-right: auto;
    margin-top: 72px;
}
@media (min-width: 768px){
    .blog .blog-section{
        margin-top: 100px;
    }
}
@media (min-width: 1440px){
    .blog .blog-section{
        margin-top: 200px;
    }
}
/* .blog-post-wrapper div:first-of-type {
    @apply md:mr-72px;
  } */
@media (min-width: 1440px){
    .blog-post-wrapper div:nth-child(3){
        width: 50%;
    }
}
/* Animation trigger */
.active > .is-animating-sm {
    -webkit-animation: textReveal 800ms forwards;
            animation: textReveal 800ms forwards;
  }
.active > .is-animating-md {
    -webkit-animation: textReveal 1000ms forwards;
            animation: textReveal 1000ms forwards;
  }
.active > .is-animating-lg {
    -webkit-animation: textReveal 1200ms forwards;
            animation: textReveal 1200ms forwards;
  }
/* Animations */
@-webkit-keyframes textReveal {
  0% {
    opacity: 1;
    background-position: 0% 0%;
  }

  100% {
    opacity: 1;
    background-position: -100% 0;
  }
}
@keyframes textReveal {
  0% {
    opacity: 1;
    background-position: 0% 0%;
  }

  100% {
    opacity: 1;
    background-position: -100% 0;
  }
}
.layered-icons-wrapper{
    position: relative;
    width: 100%;
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
            clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    transition: ease 1000ms all;
    max-width: 1500px;
}
@media(min-width: 1440px){
.layered-icons-wrapper{
        margin-top: 0px;
    }
    }
@media(max-width: 1440px){
.layered-icons-wrapper {
      display: flex;
      justify-content: center;
      align-items: center
}
    }
.layered-icons-wrapper.active {
      -webkit-clip-path: polygon(100% 0, -20% 0, -20% 120%, 100% 120%);
              clip-path: polygon(100% 0, -20% 0, -20% 120%, 100% 120%);

    }
.large-icon-overlay-cards{
    display: flex;
    flex-direction: column;
}
@media (min-width: 1440px){
    .large-icon-overlay-cards{
        display: inline;
    }
}
.large-icon-overlay-section{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.large-icon-overlay-section .img-wrapper{
    width: 100%;
}
@media (min-width: 768px){
    .large-icon-overlay-section .img-wrapper{
        padding-top: 0px;
    }
}
.large-icon-overlay-section .img-wrapper {
      min-height: 320px;
    }
/* @media(max-width: 768px){
        max-height: 320px;
        max-width: 414px;
      } */
@media (min-width: 768px) {
.large-icon-overlay-section .img-wrapper {
        min-height: 800px;
        max-width: 1000px;
        padding-left: 88px;
        margin-left: auto
    }
      }
/* clip-path: url("#page-medium-image-mask"); */
@media (min-width: 1440px) {
.large-icon-overlay-section .img-wrapper {
        min-height: 1000px;
        max-width: 900px
    }
      }
@media (min-width: 1920px) {
.large-icon-overlay-section .img-wrapper {
        min-height: 1200px;
        max-width: 1200px
    }
      }
.large-icon-overlay-section .img-wrapper img {
        -o-object-fit: contain;
           object-fit: contain;
        width: 100%;
        height: 100%;

        -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);

                clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
        transition: ease 1000ms all;
      }
.large-icon-overlay-section .img-wrapper img.active {
          -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
                  clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
        }
.large-icon-overlay-section .icon-card-group{
    z-index: 10;
    display: flex;
    flex-wrap: wrap;
}
@media (min-width: 768px){
    .large-icon-overlay-section .icon-card-group{
        margin-right: 88px;
    }
}
@media (min-width: 1440px){
    .large-icon-overlay-section .icon-card-group{
        position: absolute;
    }
}
.large-icon-overlay-section .icon-card-group {
      max-width: 1200px;
    }
@media (min-width: 1920px) {
.large-icon-overlay-section .icon-card-group {
        max-width: 1800px
    }
      }
.large-icon-overlay-section .icon-card-group .icon-card{
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 48px;
    padding-bottom: 64px;
}
@media (min-width: 768px){
    .large-icon-overlay-section .icon-card-group .icon-card{
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media (min-width: 1440px){
    .large-icon-overlay-section .icon-card-group .icon-card{
        padding-left: 64px;
        padding-right: 64px;
    }
}
.large-icon-overlay-section .icon-card-group .icon-card {
        max-height: 350px;
        background-color: #fff;
        -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
                clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
        transition: ease 1000ms all;
        transform: scale(1.001);
      }
@media (min-width: 768px) {
.large-icon-overlay-section .icon-card-group .icon-card {
          width: 50%;
          max-height: 600px
      }
        }
@media (min-width: 1440px) {
.large-icon-overlay-section .icon-card-group .icon-card {
          max-width: 600px
      }
        }
@media (min-width: 1920px) {
.large-icon-overlay-section .icon-card-group .icon-card {
          max-width: 760px
      }
        }
.large-icon-overlay-section .icon-card-group .icon-card:nth-child(1),
        .large-icon-overlay-section .icon-card-group .icon-card:nth-child(4) {
          background-color: #f4f4f4;
        }
.large-icon-overlay-section .icon-card-group .icon-card.active {
          -webkit-clip-path: polygon(0 0, 100% -5%, 100% 100%, 0% 100%);
                  clip-path: polygon(0 0, 100% -5%, 100% 100%, 0% 100%);
        }
.large-icon-overlay-section .icon-card-group .icon-card img {
          width: 72px !important;
          height: 72px !important;
          -o-object-fit: contain !important;
             object-fit: contain !important;
        }
.large-icon-overlay-section .icon-card-group .icon-card a {
          color: var(--everstream-blue) !important;
          -webkit-text-decoration-color: var(--everstream-blue) !important;
                  text-decoration-color: var(--everstream-blue) !important;
          text-decoration: underline !important;
          transition: ease 300ms all;
        }
.large-icon-overlay-section .icon-card-group .icon-card a:visited {
            color: var(--everstream-blue) !important;
            -webkit-text-decoration-color: var(--everstream-blue) !important;
                    text-decoration-color: var(--everstream-blue) !important;
            text-decoration: underline !important;            
          }
.large-icon-overlay-section .icon-card-group .icon-card a:hover,
          .large-icon-overlay-section .icon-card-group .icon-card a:focus {
            color: var(--everstream-orange) !important;
            -webkit-text-decoration-color: var(--everstream-orange) !important;
                    text-decoration-color: var(--everstream-orange) !important;
            text-decoration: underline !important;      
          }
.large-icon-overlay-title{
    margin-top: 100px;
    margin-bottom: 32px;
    padding-left: 64px;
    font-family: Work Sans, sans-serif;
    color: var(--gray-3);
    font-size: 18px;
    line-height: 24px;
}
@media (min-width: 1440px){
    .large-icon-overlay-title{
        font-size: 20px;
        line-height: 28px;
    }
}
.semibold-work-sans.large-icon-overlay-title {
      letter-spacing: 5px;
    }
.large-icon-overlay-title {
  position: relative;
  width: 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-position: 0% 0%;
  z-index: 10;
}
.large-icon-overlay-title .text-brand-blue {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    );
    background-size: 300%;
  }
.text-animate .large-icon-overlay-title {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-size: 200%;
  }
.large-icon-overlay-title .text-gray-3 {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-size: 200%;
  }
.large-icon-overlay-title .text-gray-2 {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-2) 50%,
      var(--gray-2) 100%
    );
    background-size: 200%;
  }
.large-icon-overlay-title .text-gray-1 {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-1) 50%,
      var(--gray-1) 100%
    );
    background-size: 200%;
  }
.active > .large-icon-overlay-title {
    -webkit-animation: textReveal 1000ms forwards;
            animation: textReveal 1000ms forwards;
  }
.large-icon-overlay-title {
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: 100%;
  background-position: 0% 0%;
  z-index: 10;
}
.large-icon-overlay-title .text-brand-blue {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    );
    background-size: 400%;
  }
.large-icon-overlay-title .text-brand-blue p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.text-animate .large-icon-overlay-title {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-size: 200%;
  }
.large-icon-overlay-title .text-gray-3 {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-size: 200%;
  }
.text-animate .large-icon-overlay-title p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.large-icon-overlay-title .text-gray-3 p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.large-icon-overlay-title .text-gray-2 {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-2) 50%,
      var(--gray-2) 100%
    );
    background-size: 200%;
  }
.large-icon-overlay-title .text-gray-2 p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.active > .large-icon-overlay-title {
    -webkit-animation: textReveal 1200ms forwards;
            animation: textReveal 1200ms forwards;
  }
.large-icon-overlay-title {
    letter-spacing: 5px;
  }
.info-card{
    margin-bottom: 200px;
    display: flex;
    flex-direction: column;
}
@media (min-width: 768px){
    .info-card{
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media (min-width: 1440px){
    .info-card{
        flex-direction: row;
    }
}
.info-card {
  max-width: 1800px;
  margin: auto;
}
@media (min-width: 1440px) {
.info-card {
    max-height: 580px
}
  }
.info-card-button{
    position: absolute;
    bottom: 16px;
}
@media (min-width: 1440px) {
.info-card-button {
      bottom: -22px;
      top: auto
  }
    }
.info-card-button-wrapper{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
@media (min-width: 768px) {
.info-card-button-wrapper {
        max-width: 600px
    }
      }
.info-card-top-title {
    max-width: 600px;
    letter-spacing: 5px;
    font-weight: 600;
  }
.info-card-quotes {
    max-width: 87px !important;
  }
.info-card-name {
    max-width: 400px;
  }
.info-card-byline {
    max-width: 400px;
  }
.info-card-text{
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: var(--everstream-blue);
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 48px;
    padding-bottom: 120px;
}
@media (min-width: 768px){
    .info-card-text{
        padding-left: 72px;
        padding-right: 72px;
    }
}
@media (min-width: 1440px){
    .info-card-text{
        width: 50%;
        padding-left: 140px;
        padding-right: 140px;
        padding-bottom: 160px;
        padding-top: 88px;
    }
}
.info-card-text {
    height: 450px;
    color: var(--white);
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 105%);
            clip-path: polygon(0 0, 0 0, 0 100%, 0% 105%);
    transition: ease 600ms all;
  }
@media (min-width: 1440px) {
.info-card-text {
      min-height: 580px
  }
    }
.info-card-text.active {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 120%, 0% 105%);
              clip-path: polygon(0 0, 100% 0, 100% 120%, 0% 105%);
    }
.info-card-text .text-wrapper{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    align-self: center;
}
.info-card-text .text-wrapper .info-card-supertitle{
    position: absolute;
    display: none;
}
.modal-overlay .info-card-text .text-wrapper .info-card-supertitle {
    opacity: 0;
    transition: all 500ms;
  }
@media (min-width: 1440px){
    .info-card-text .text-wrapper .info-card-supertitle{
        display: block;
    }
}
.info-card-text .text-wrapper .info-card-supertitle {
        right: 25px;
        top: -75px;
        color: var(--data-viz-gold);
        border: 1px solid var(--data-viz-gold);
        border-radius: 16px;
        padding: 8px 16px;
      }
.info-card-text .text-wrapper .info-card-description{
    font-size: 20px;
    line-height: 28px;
}
@media (min-width: 1440px){
    .info-card-text .text-wrapper .info-card-description{
        font-size: 24px;
        line-height: 32px;
    }
}
.info-card-text .text-wrapper .info-card-description{
    font-family: Raleway, sans-serif;
    font-weight: 700;
}
.semibold-work-sans.info-card-text .text-wrapper .info-card-description .semibold-work-sans.fs-4 .semibold-work-sans.fs-5 .semibold-work-sans.fs-6 {
      letter-spacing: 5px;
    }
.info-card-text .text-wrapper .info-card-description{
    font-family: Raleway, sans-serif;
    font-weight: 700;
        max-width: 600px;
        margin: auto;
        max-height: 166px;
        overflow: hidden;
}
.info-card-text .flickity-button {
      border-radius: 0;
      background-color: var(--everstream-orange);
      bottom: 32px;
      transform: none;
    }
.info-card-text .flickity-button.flickity-prev-next-button {
        top: auto;
      }
@media (min-width: 1440px) {
.info-card-text .flickity-button.flickity-prev-next-button {
          height: 72px;
          width: 72px;
          bottom: -37px
      }
        }
.info-card-text .flickity-button.next {
        right: 40%;
      }
@media (min-width: 768px) {
.info-card-text .flickity-button.next {
          right: 45%
      }
        }
@media (min-width: 1440px) {
.info-card-text .flickity-button.next {
          right: 40%
      }
        }
.info-card-text .flickity-button.previous {
        left: 40%;
      }
@media (min-width: 768px) {
.info-card-text .flickity-button.previous {
          left: 45%
      }
        }
@media (min-width: 1440px) {
.info-card-text .flickity-button.previous {
          left: 40%
      }
        }
.info-card-text .flickity-button::before {
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        inset: 0 0 0 0;
        background: var(--data-viz-blue-2);
        z-index: 1;
        transition: transform 500ms ease;
        transform: scaleX(0);
        transform-origin: bottom right;
      }
.info-card-text .flickity-button:hover,
      .info-card-text .flickity-button:focus {
        background-color: transparent;
      }
.info-card-text .flickity-button.next:focus::before,
      .info-card-text .flickity-button.next:hover::before {
        transform: scaleX(1);
        transform-origin: bottom right;
        border-radius: 0px 0px 16px 0px;
      }
.info-card-text .flickity-button.previous:focus::before,
      .info-card-text .flickity-button.previous:hover::before {
        transform: scaleX(1);
        transform-origin: bottom left;
        border-radius: 0px 0px 0px 16px;
      }
.info-card-text .flickity-button .flickity-button-icon {
        z-index: 10;
      }
@media (min-width: 1440px){
    .info-card-asset{
        width: 50%;
    }
}
.info-card-asset {
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
            clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    transition: ease 600ms all;
  }
.info-card-asset.active {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
              clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
.info-card-asset .img-wrapper {
      height: 100%;
      -webkit-clip-path: url("#aboutCardMask");
              clip-path: url("#aboutCardMask");
      max-height: 345px;
    }
@media (min-width: 768px) {
.info-card-asset .img-wrapper {
        max-height: 485px
    }
      }
@media (min-width: 1440px) {
.info-card-asset .img-wrapper {
        max-height: 580px
    }
      }
.info-card-asset .img-wrapper .carousel-cell {
        height: 100%;
        width: 100%;
      }
.info-card-asset .img-wrapper img {
        min-height: 350px;
        height: 100%;
        width: 100%;
      }
@media (max-width: 768px) {
        .info-card-asset .img-wrapper .flickity-viewport {
          max-height: 350px;
        }
      }
@media (min-width: 1440px) {
        .info-card-asset .img-wrapper .flickity-viewport {
          height: 100% !important;
          width: 100%;
        }
      }
.article-next-section{
    margin-top: 64px;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left: 12px;
    padding-right: 12px;
    row-gap: 24px;
}
.article-next-section-title{
    font-family: Chakra Petch, sans-serif !important;
    font-size: 20px !important;
    line-height: 28px !important;
    color: var(--everstream-blue) !important;
}
.text-animate .article-next-section-title {
    will-change: auto !important;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    ) !important;
    background-size: 300% !important;
  }
.blog-section .blog-post-wrapper .blog-post .img-wrapper-date .article-next-section-title {
            background-image: linear-gradient(
              90deg,
              white 0%,
              white 50%,
              var(--everstream-blue) 50%,
              var(--everstream-blue) 100%
            ) !important;
            background-size: 200% !important;
          }
.text-animate .article-next-section-title {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    ) !important;
    background-size: 400% !important;
  }
.text-animate .article-next-section-title p {
      box-decoration-break: clone !important;
      -webkit-box-decoration-break: clone !important;
      -webkit-background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
    }
.article-next-section-title {
      width: 100%;
      height: 100%;
      max-width: 800px;
      text-align: center;
      padding-top: 64px;
      border-top: 1px solid var(--gray-6);
    }
@media (min-width: 1440px) {
.article-next-section-title{
        font-size: 24px;
        line-height: 32px;
    }
      }
.article-next-card{
    position: relative;
    height: 100%;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
}
@media (min-width: 768px) {
.article-next-card {
      max-width: 325px
  }
    }
@media (min-width: 1440px) {
.article-next-card {
      max-width: 460px
  }
    }
/* Bordered corners */
.article-next-card .corner-top-left, .article-next-card .corner-top-right, .article-next-card .corner-bottom-left, .article-next-card .corner-bottom-right{
    position: absolute;
      transition: all 500ms ease;
      display: block;
      height: 100%;
      width: 100%;
}
.article-next-card .corner-top-left::before,
      .article-next-card .corner-top-left::after,
      .article-next-card .corner-top-right::before,
      .article-next-card .corner-top-right::after,
      .article-next-card .corner-bottom-left::before,
      .article-next-card .corner-bottom-left::after,
      .article-next-card .corner-bottom-right::before,
      .article-next-card .corner-bottom-right::after {
        content: "";
        background-color: var(--everstream-blue);
        position: absolute;
        transition: all 500ms ease;
      }
.article-next-card .corner-top-left:before, .article-next-card .corner-top-right:before, .article-next-card .corner-bottom-left:before, .article-next-card .corner-bottom-right:before {
        width: 16px;
        height: 1px;
      }
.article-next-card .corner-top-left:after, .article-next-card .corner-top-right:after, .article-next-card .corner-bottom-left:after, .article-next-card .corner-bottom-right:after {
        width: 1px;
        height: 16px;
      }
.article-next-card .corner-top-left {
      top: 0;
      left: 0;
    }
.article-next-card .corner-top-left:before,
      .article-next-card .corner-top-left:after {
        transform: rotate(0deg);
      }
.article-next-card .corner-top-right {
      top: 0;
      right: 0;
    }
.article-next-card .corner-top-right:before,
      .article-next-card .corner-top-right:after {
        transform: rotate(0deg);
        right: 0;
      }
.article-next-card .corner-bottom-left {
      bottom: 0px;
      left: 0;
    }
.article-next-card .corner-bottom-left:before,
      .article-next-card .corner-bottom-left:after {
        transform: rotate(0deg);
        left: 0;
        bottom: 0;
      }
.article-next-card .corner-bottom-right {
      bottom: 0px;
      right: 0;
    }
.article-next-card .corner-bottom-right:before,
      .article-next-card .corner-bottom-right:after {
        transform: rotate(0deg);
        right: 0;
        bottom: 0;
      }
/* Reset any sizing from the carousel */
.article-next-card .risk-card {
      width: 100% !important;
      max-width: 100% !important;
      -webkit-clip-path: none !important;
              clip-path: none !important;
    }
[data-theme="light"] .article-next-section-title{
    font-family: Raleway, sans-serif !important;
    color: var(--gray-1) !important;
}
.text-animate [data-theme="light"] .article-next-section-title {
    will-change: auto !important;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-1) 50%,
      var(--gray-1) 100%
    ) !important;
    background-size: 200% !important;
  }
[data-theme="light"] .article-next-card .corner-top-left,
      [data-theme="light"] .article-next-card .corner-top-right,
      [data-theme="light"] .article-next-card .corner-bottom-left,
      [data-theme="light"] .article-next-card .corner-bottom-right {
        display: none;
      }
.article-share-section{
    height: 100%;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 64px;
}
.article-share-block{
    margin-left: auto;
    margin-right: auto;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 56px;
    text-align: center;
        max-width: 800px;
        row-gap: 56px;
        /* border-bottom: 1px solid var(--black); */
}
@media(min-width: 768px){
.article-share-block{
        flex-direction: row;
    }
        }
.article-share-block{
        
        border-top: 1px solid var(--gray-6);
}
.article-share-title{
    font-family: Chakra Petch, sans-serif !important;
    font-size: 20px !important;
    line-height: 28px !important;
    color: var(--everstream-blue) !important;
}
.text-animate .article-share-title {
    will-change: auto !important;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    ) !important;
    background-size: 300% !important;
  }
.blog-section .blog-post-wrapper .blog-post .img-wrapper-date .article-share-title {
            background-image: linear-gradient(
              90deg,
              white 0%,
              white 50%,
              var(--everstream-blue) 50%,
              var(--everstream-blue) 100%
            ) !important;
            background-size: 200% !important;
          }
.text-animate .article-share-title {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    ) !important;
    background-size: 400% !important;
  }
.text-animate .article-share-title p {
      box-decoration-break: clone !important;
      -webkit-box-decoration-break: clone !important;
      -webkit-background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
    }
@media(min-width: 1440px){
.article-share-title{
        font-size: 24px;
        line-height: 32px;
    }
        }
.article-share-icons{
    margin-top: 24px;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
        -moz-column-gap: 20px;
             column-gap: 20px;
}
.article-share-icons .a2a_svg {
            background-color: var(--gray-7) !important;
            border-radius: 0 !important;
        }
.article-share-icons .a2a_svg:focus,
            .article-share-icons .a2a_svg:hover,
            .article-share-icons .a2a_svg:active {
                background-color: var(--everstream-orange) !important;
            }
.article-share-icons .addtoany_list a{
    margin-right: 12px;
                padding: 0;
}
.article-share-icons .addtoany_list a:focus span, .article-share-icons .addtoany_list a:hover span, .article-share-icons .addtoany_list a:active span {
                        opacity: 1 !important;
                    }
.article-share-icons .addtoany_list a:last-of-type{
    margin-right: 0px;
}
.article-share-link{
    margin-top: 24px;
    height: 100%;
    width: 100%;
}
.article-share-link.btn-arrow.btn-bordered::after {
            background-color: var(--everstream-orange);
        }
.article-share-icon {
        width: 32px;
        height: 32px;
    }
[data-theme="light"] .article-share-block {
            border-color: var(--gray-6);

        }
[data-theme="light"] .article-share-title{
    font-family: Raleway, sans-serif !important;
    color: var(--gray-1) !important;
}
.text-animate [data-theme="light"] .article-share-title {
    will-change: auto !important;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-1) 50%,
      var(--gray-1) 100%
    ) !important;
    background-size: 200% !important;
  }
[data-theme="light"] .article-share-icons .a2a_svg {
                background-color: var(--everstream-blue) !important;
            }
[data-theme="light"] .article-share-icons .a2a_svg:focus,
                [data-theme="light"] .article-share-icons .a2a_svg:hover,
                [data-theme="light"] .article-share-icons .a2a_svg:active {
                    background-color: var(--everstream-orange) !important;
                }
[data-theme="light"] .article-share-link.btn-bordered{
    background-color: var(--everstream-orange);
    font-family: Work Sans, sans-serif;
    font-weight: 500;
                color: var(--black);
                position: relative;
                overflow: hidden;
                border-radius: 0px 0px 0px 0px;
                border: none;
}
[data-theme="light"] .article-share-link.btn-bordered .btn-text {
                    color: var(--black);
                }
[data-theme="light"] .article-share-link.btn-arrow::after {
                    color: var(--black);
                    background-color: var(--black);
                }
.article-asset {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.article-asset-section{
    padding-left: 40px;
    padding-right: 40px;
    width: 100%;
    height: 100%;
    padding-top: calc(80px - 32px);
    padding-bottom: 80px;
}
.article-asset-container {
    width: 100%;
    height: 100%;
    max-width: 288px;
    margin: 0px auto;
    display: flex;
    justify-content: center;
  }
@media (min-width: 768px) {
.article-asset-container {
      max-width: 754px
      /* height: 422px; */
  }
    }
@media (min-width: 1440px) {
.article-asset-container {
      max-width: 1200px
      /* height: 670px; */
  }
    }
.article-asset-image {
    width: auto;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
.article-asset-caption{
    padding-top: 16px;
    font-weight: 400;
    font-style: italic;
    color: var(--gray-3);
    font-size: 12px;
    line-height: 16px;
}
@media (min-width: 1440px){
    .article-asset-caption{
        font-size: 14px;
        line-height: 20px;
    }
}
.semibold-work-sans.article-asset-caption {
      letter-spacing: 3px;
    }
.text-animate .article-asset-caption {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-size: 200%;
  }
.text-animate .article-asset-caption p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  position: relative !important;
  left: auto;
  top: auto;
  max-width: 1200px;
  max-height: 670px;
}
.article-double-assets{
    height: 100%;
    width: 100%;
    padding-top: 64px;
    padding-bottom: 64px;
}
.article-double-container{
    margin-left: auto;
    margin-right: auto;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
        -moz-column-gap: 44px;
             column-gap: 44px;
        row-gap: 24px;
        max-width: 1200px;
}
@media(min-width: 768px){
.article-double-container{
        flex-direction: row;
            max-height: 346px;
    }
        }
.article-double-image{
    margin-left: auto;
    margin-right: auto;
    height: auto;
    width: 100%;
    flex-shrink: 1;
        max-width: 578px;
        display: inline;
}
.article-double-image img{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.subscribe-form-section{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding-bottom: 52px;
    padding-top: 24px;
}
@media (min-width: 768px) {
.subscribe-form-section{
        padding-left: 40px;
        padding-right: 40px;
    }
    }
.subscribe-form-title{
    position: relative;
    padding-top: 24px;
    letter-spacing: 5px;
    z-index: 99;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 500px;
    padding-left: 22px;
    padding-right: 22px;
}
@media (min-width: 768px) {
.subscribe-form-title{
        margin-left: auto;
        margin-right: auto;
      padding-left: 0px;
      padding-right: 0px;
    }
    }
.subscribe-form-box{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    width: 100%;
    background-color: var(--gray-8);
    z-index: 20;
    max-width: 750px;
    min-height: 265px;
}
@media (min-width: 768px) {
.subscribe-form-box{
        padding-left: 120px;
        padding-right: 120px;
    }
    }
.subscribe-form-box .marketo-form-load{
    margin-left: auto !important;
    margin-right: auto !important;
      top: 0 !important;
      z-index: 20;
      min-height: 0 !important;
      background-color: transparent !important;
}
.subscribe-form-box .marketo-form-load .mktoForm{
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 24px;
    padding-bottom: 88px;
}
@media (min-width: 768px) {
.subscribe-form-box .marketo-form-load .mktoForm{
        padding-left: 0px;
        padding-right: 0px;
    }
        }
.subscribe-form-box .marketo-form-load .mktoForm .mktoFieldWrap {
          background-color: transparent !important;
        }
.subscribe-form-box .marketo-form-load .mktoForm .mktoFieldWrap .mktoHtmlText{
    margin-top: 24px;
            padding-left: 20px;
}
.subscribe-form-box .marketo-form-load .mktoForm .mktoFieldWrap .mktoCheckboxList {
            width: 36px !important;
          }
.subscribe-form-box .marketo-form-load .mktoForm .mktoFormRow {
          display: flex;
          justify-content: flex-start;
          align-items: flex-start;
          order: 2;
        }
.subscribe-form-box .marketo-form-load .mktoForm .mktoFormRow .mktoFieldDescriptor {
            width: 100% !important;
          }
.subscribe-form-box .marketo-form-load .mktoForm .mktoFormRow .mktoFieldDescriptor.hasCheckboxList{
    margin-top: 24px;
              width: auto !important;
}
.subscribe-form-box .marketo-form-load .mktoForm .mktoFormRow .mktoFieldDescriptor.hasCheckboxList .mktoFieldWrap .mktoGutter {
                display: none;
              }
.subscribe-form-box .marketo-form-load .mktoForm .mktoFormRow:last-child {
            order: 1;
          }
.subscribe-form-box .marketo-form-load .mktoForm .mktoButtonRow{
    margin-top: 24px !important;
    height: 100% !important;
          display: flex;
          justify-content: flex-start;
          align-items: center;
}
.subscribe-form-box .marketo-form-load .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton {
              font-size: 16px !important;
              position: relative;
              display: inline-block;
              margin: 0px auto;
              padding: 12px 20px;
              bottom: auto;
              left: auto;
              right: auto;
              top: auto;
              transform: translateX(0%);
            }
/* #LblSubscribe_to_Newsletters__c {
        display: none;
        width: 0;
        height: 0;
      } */
.subscribe-form-box .marketo-form-load #Subscribe_to_Newsletters__c {
        max-width: 32px;
        margin-top: 0;
      }
.subscribe-form-box .marketo-form-load #Subscribe_to_Newsletters__c[type="checkbox"] {
          cursor: pointer;
          /* Add if not using autoprefixer */
          -webkit-appearance: none;
          -moz-appearance: none;
               appearance: none;
          background-color: var(--white);
          margin: 0;

          font-size: 24px;
          color: currentColor;
          width: 24px;
          height: 24px;
          border: 1px solid var(--gray-4);
          border-radius: 0;
          /* transform: translateY(-0.075em); */

          display: grid;
          place-content: center;
        }
.subscribe-form-box .marketo-form-load #Subscribe_to_Newsletters__c[type="checkbox"]::before {
            content: "";
            width: 0.65em;
            height: 0.65em;
            -webkit-clip-path: polygon(
              14% 44%,
              0 65%,
              50% 100%,
              100% 16%,
              80% 0%,
              43% 62%
            );
                    clip-path: polygon(
              14% 44%,
              0 65%,
              50% 100%,
              100% 16%,
              80% 0%,
              43% 62%
            );
            transform-origin: bottom left;
            transition: 120ms opacity ease;
            box-shadow: inset 1em 1em var(--everstream-blue);
            /* Windows High Contrast Mode */
            background-color: CanvasText;
            opacity: 0;
          }
.subscribe-form-box .marketo-form-load #Subscribe_to_Newsletters__c[type="checkbox"]:checked::before {
            opacity: 1;
          }
.subscribe-form-box .marketo-form-load #Subscribe_to_Newsletters__c[type="checkbox"]:focus {
            /* outline: max(2px, 0.15em) solid currentColor; */
            /* outline-offset: max(2px, 0.15em); */
          }
.subscribe-form-box .marketo-form-load #Subscribe_to_Newsletters__c[type="checkbox"]:disabled {
            color: var(--gray-4);
            cursor: not-allowed;
          }
.subscribe-form-box .marketo-form-load .mktoHasWidth {
        width: 100% !important;
      }
.subscribe-form-box::before{
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: var(--gray-8);
      content: "";
      -webkit-mask-image: url(images/73b4b8ba11a1f00f13a9.svg);
              mask-image: url(images/73b4b8ba11a1f00f13a9.svg);
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-position: top;
              mask-position: top;
      -webkit-mask-size: auto;
              mask-size: auto;
      max-width: 262px;
      max-height: 185px;
      z-index: 10;
      top: -23px;
      left: -17px;
}
.subscribe-form-box::after{
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: var(--gray-8);
      content: "";
      -webkit-mask-image: url(images/73b4b8ba11a1f00f13a9.svg);
              mask-image: url(images/73b4b8ba11a1f00f13a9.svg);
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-position: bottom;
              mask-position: bottom;
      -webkit-mask-size: auto;
              mask-size: auto;
      max-width: 262px;
      max-height: 185px;
      z-index: 10;
      bottom: -23px;
      right: 0;
}
[data-theme="dark"] .subscribe-form-title{
    font-family: Chakra Petch, sans-serif !important;
    color: var(--everstream-blue) !important;
}
.text-animate [data-theme="dark"] .subscribe-form-title {
    will-change: auto !important;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    ) !important;
    background-size: 300% !important;
  }
.blog-section .blog-post-wrapper .blog-post .img-wrapper-date [data-theme="dark"] .subscribe-form-title {
            background-image: linear-gradient(
              90deg,
              white 0%,
              white 50%,
              var(--everstream-blue) 50%,
              var(--everstream-blue) 100%
            ) !important;
            background-size: 200% !important;
          }
.text-animate [data-theme="dark"] .subscribe-form-title {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    ) !important;
    background-size: 400% !important;
  }
.text-animate [data-theme="dark"] .subscribe-form-title p {
      box-decoration-break: clone !important;
      -webkit-box-decoration-break: clone !important;
      -webkit-background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
    }
[data-theme="dark"] .subscribe-form-box .marketo-form-load .mktoButtonRow .mktoButtonWrap .mktoButton{
    color: var(--everstream-orange);
    font-family: Work Sans, sans-serif;
    font-weight: 500;
              /* width: 60%; */
              background-color: transparent !important;
              border: 1px solid var(--everstream-orange) !important;
              box-sizing: border-box;
              box-shadow: inset 0px 0px 0px 0px !important;
              transition: all 250ms ease;
}
[data-theme="dark"] .subscribe-form-box .marketo-form-load .mktoButtonRow .mktoButtonWrap .mktoButton:focus,
              [data-theme="dark"] .subscribe-form-box .marketo-form-load .mktoButtonRow .mktoButtonWrap .mktoButton:hover {
                box-shadow: inset 0 0 0 1px !important;
              }
[data-theme="dark"] .subscribe-form-box .marketo-form-load .mktoButtonRow .mktoButtonWrap .mktoButton:after,
              [data-theme="dark"] .subscribe-form-box .marketo-form-load .mktoButtonRow .mktoButtonWrap .mktoButton:before {
                content: none;
              }
.article-text-section{
    height: 100%;
    width: 100%;
}
.article-text-container{
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
    text-align: left;
}
@media(min-width: 768px){
.article-text-container{
        padding-left: 0px;
        padding-right: 0px;
            max-width: 500px;
    }
        }
@media(min-width: 1200px){
.article-text-container{
        padding-left: 0px;
        padding-right: 0px;
            max-width: 800px;
    }
        }
@media(min-width: 1440px){
.article-text-container {
            max-width: 830px
    }
        }
.article-text-container h1{
    margin-bottom: 32px;
    font-size: 24px;
    line-height: 32px;
    color: var(--everstream-blue);
}
.text-animate .article-text-container h1 {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    );
    background-size: 300%;
  }
.blog-section .blog-post-wrapper .blog-post .img-wrapper-date .article-text-container h1 {
            background-image: linear-gradient(
              90deg,
              white 0%,
              white 50%,
              var(--everstream-blue) 50%,
              var(--everstream-blue) 100%
            );
            background-size: 200%;
          }
.text-animate .article-text-container h1 {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    );
    background-size: 400%;
  }
.text-animate .article-text-container h1 p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
@media(min-width: 1440px){
.article-text-container h1{
        font-size: 32px;
        line-height: 40px;
    } 
            }
.article-text-container h2{
    margin-bottom: 32px;
    font-size: 22px;
    line-height: 30px;
    color: var(--everstream-blue);
}
.text-animate .article-text-container h2 {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    );
    background-size: 300%;
  }
.blog-section .blog-post-wrapper .blog-post .img-wrapper-date .article-text-container h2 {
            background-image: linear-gradient(
              90deg,
              white 0%,
              white 50%,
              var(--everstream-blue) 50%,
              var(--everstream-blue) 100%
            );
            background-size: 200%;
          }
.text-animate .article-text-container h2 {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    );
    background-size: 400%;
  }
.text-animate .article-text-container h2 p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
@media(min-width: 1440px){
.article-text-container h2{
        font-size: 28px;
        line-height: 36px;
    } 
            }
.article-text-container h3{
    margin-bottom: 32px;
    font-size: 20px;
    line-height: 28px;
    color: var(--everstream-blue);
}
.text-animate .article-text-container h3 {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    );
    background-size: 300%;
  }
.blog-section .blog-post-wrapper .blog-post .img-wrapper-date .article-text-container h3 {
            background-image: linear-gradient(
              90deg,
              white 0%,
              white 50%,
              var(--everstream-blue) 50%,
              var(--everstream-blue) 100%
            );
            background-size: 200%;
          }
.text-animate .article-text-container h3 {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    );
    background-size: 400%;
  }
.text-animate .article-text-container h3 p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
@media(min-width: 1440px){
.article-text-container h3{
        font-size: 24px;
        line-height: 32px;
    }
            }
.article-text-container h4, .article-text-container h5, .article-text-container h6{
    margin-bottom: 32px;
    font-size: 18px;
    line-height: 24px;
    color: var(--everstream-blue);
}
.text-animate .article-text-container h4, .text-animate .article-text-container h5, .text-animate .article-text-container h6 {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    );
    background-size: 300%;
  }
.blog-section .blog-post-wrapper .blog-post .img-wrapper-date .article-text-container h4, .blog-section .blog-post-wrapper .blog-post .img-wrapper-date .article-text-container h5, .blog-section .blog-post-wrapper .blog-post .img-wrapper-date .article-text-container h6 {
            background-image: linear-gradient(
              90deg,
              white 0%,
              white 50%,
              var(--everstream-blue) 50%,
              var(--everstream-blue) 100%
            );
            background-size: 200%;
          }
.text-animate .article-text-container h4, .text-animate .article-text-container h5, .text-animate .article-text-container h6 {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    );
    background-size: 400%;
  }
.text-animate .article-text-container h4 p, .text-animate .article-text-container h5 p, .text-animate .article-text-container h6 p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
@media(min-width: 1440px){
.article-text-container h4, .article-text-container h5, .article-text-container h6{
        font-size: 22px;
        line-height: 30px;
    }
            }
.article-text-container p{
    margin-bottom: 32px;
    font-size: 16px;
    line-height: 22px;
    color: var(--white);
}
@media(min-width: 1440px){
.article-text-container p{
        font-size: 18px;
        line-height: 24px;
    }
            }
.article-text-container a{
    margin-bottom: 32px;
    font-size: 16px;
    line-height: 22px;
    color: var(--everstream-orange); 

            text-decoration: underline;
            -webkit-text-decoration-color: var(--everstream-orange);
                    text-decoration-color: var(--everstream-orange);
            cursor: pointer;
}
.article-text-container a:focus, .article-text-container a:hover{
    color: var(--everstream-orange);
                -webkit-text-decoration-color: var(--everstream-orange);
                        text-decoration-color: var(--everstream-orange);
}
@media(min-width: 1440px){
.article-text-container a{
        font-size: 18px;
        line-height: 24px;
    }
            }
.article-text-container ul, .article-text-container ol{
    margin-bottom: 32px;
            list-style-type: disc;
            padding-left: 24px;
            color: var(--white);
}
.article-text-container ul li, .article-text-container ol li{
    font-size: 16px;
    line-height: 22px;
    color: var(--white);
}
@media(min-width: 1440px){
.article-text-container ul li, .article-text-container ol li{
        font-size: 18px;
        line-height: 24px;
    }
                }
.article-text-container ol {
            list-style: decimal;
            padding-left: 28px;
        }
.article-text-container .alignleft{
    float: left;
    margin-right: 16px;
    margin-bottom: 16px;
}
.article-text-container .alignright{
    float: right;
    margin-left: 16px;
    margin-bottom: 16px;
}
.article-text-container .aligncenter{
    margin-left: auto;
    margin-right: auto;
}
.article-text-container .table-overflow{
    height: auto;
    width: 90vw;
            overflow-x: auto;
}
@media(max-width: 1199px){
.article-text-container .table-overflow {
                transform: translateX(calc(-45vw + 250px))
        } 
            }
@media(max-width: 767px){
.article-text-container .table-overflow {
                width: 100vw;
                transform: translateX(calc(-16px))
        }
            }
@media(min-width: 1200px){
.article-text-container .table-overflow {
                width: 100%
        }
            }
.article-text-container table{
    margin-top: 48px;
    margin-bottom: 48px;
    height: auto;
    width: 100%;
            border: none !important;
}
.article-text-container table tbody{
    height: auto;
    width: 100%;
                border: none !important;
}
.article-text-container table tbody tr {
                    border: none !important;
                }
.article-text-container table tbody tr td{
    height: auto;
    width: 100%;
    min-width: 200px;
    max-width: 20%;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 16px;
    font-size: 12px;
    line-height: 16px;
}
@media (min-width: 1440px){
    .article-text-container table tbody tr td{
        font-size: 14px;
        line-height: 20px;
    }
}
.semibold-work-sans.article-text-container table tbody tr td {
      letter-spacing: 3px;
    }
@media (min-width: 768px){
    .article-text-container table tbody tr td{
        min-width: 100%;
    }
}
.article-text-container table tbody tr td {
                        border: none !important;
                    }
.article-text-container table tbody tr td a{
    font-size: 12px;
    line-height: 16px;
}
@media (min-width: 1440px){
    .article-text-container table tbody tr td a{
        font-size: 14px;
        line-height: 20px;
    }
}
.semibold-work-sans.article-text-container table tbody tr td a {
      letter-spacing: 3px;
    }
.article-text-container table tbody tr td:nth-child(1) {
                        padding-left: 16px;
                    }
.article-text-container table tbody tr:nth-child(1) {
                    background-color: #E0E1E4 !important;
                }
.article-text-container table tbody tr:nth-child(1) td{
    font-size: 14px;
    line-height: 20px;
}
@media (min-width: 1440px){
    .article-text-container table tbody tr:nth-child(1) td{
        font-size: 16px;
        line-height: 22px;
    }
}
.semibold-work-sans.article-text-container table tbody tr:nth-child(1) td {
      letter-spacing: 3px;
    }
.article-text-container table tbody tr:nth-child(1) td {
                        padding-top: 16px;
                        font-weight: 700;
                    }
.article-text-container table tbody tr:nth-child(even) {
                    background-color: #f3f3f4;
                }
.article-text-container table tbody tr:nth-child(odd) {
                    background-color: white;
                }
[data-theme="light"] .article-text-container h1, [data-theme="light"] .article-text-container h2, [data-theme="light"] .article-text-container h3, [data-theme="light"] .article-text-container h4, [data-theme="light"] .article-text-container h5, [data-theme="light"] .article-text-container h6{
    font-family: Work Sans, sans-serif !important;
    color: var(--gray-1) !important;
}
.text-animate [data-theme="light"] .article-text-container h1, .text-animate [data-theme="light"] .article-text-container h2, .text-animate [data-theme="light"] .article-text-container h3, .text-animate [data-theme="light"] .article-text-container h4, .text-animate [data-theme="light"] .article-text-container h5, .text-animate [data-theme="light"] .article-text-container h6 {
    will-change: auto !important;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-1) 50%,
      var(--gray-1) 100%
    ) !important;
    background-size: 200% !important;
  }
[data-theme="light"] .article-text-container p, [data-theme="light"] .article-text-container li{
    font-family: Work Sans, sans-serif !important;
    color: var(--gray-2) !important;
}
.text-animate [data-theme="light"] .article-text-container p, .text-animate [data-theme="light"] .article-text-container li {
    will-change: auto !important;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-2) 50%,
      var(--gray-2) 100%
    ) !important;
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-2) 50%,
      var(--gray-2) 100%
    ) !important;
    background-size: 200% !important;
  }
.text-animate [data-theme="light"] .article-text-container p p, .text-animate [data-theme="light"] .article-text-container li p {
      box-decoration-break: clone !important;
      -webkit-box-decoration-break: clone !important;
      -webkit-background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
    }
[data-theme="light"] .article-text-container a{
    font-family: Work Sans, sans-serif !important;
    color: var(--everstream-blue) !important;
}
.text-animate [data-theme="light"] .article-text-container a {
    will-change: auto !important;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    ) !important;
    background-size: 300% !important;
  }
.blog-section .blog-post-wrapper .blog-post .img-wrapper-date [data-theme="light"] .article-text-container a {
            background-image: linear-gradient(
              90deg,
              white 0%,
              white 50%,
              var(--everstream-blue) 50%,
              var(--everstream-blue) 100%
            ) !important;
            background-size: 200% !important;
          }
.text-animate [data-theme="light"] .article-text-container a {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    ) !important;
    background-size: 400% !important;
  }
.text-animate [data-theme="light"] .article-text-container a p {
      box-decoration-break: clone !important;
      -webkit-box-decoration-break: clone !important;
      -webkit-background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
    }
[data-theme="light"] .article-text-container a {
            -webkit-text-decoration-color: var(--everstream-blue);
                    text-decoration-color: var(--everstream-blue);
        }
[data-theme="light"] .article-text-container a:focus, [data-theme="light"] .article-text-container a:hover{
    color: var(--everstream-orange) !important;
                -webkit-text-decoration-color: var(--everstream-orange);
                        text-decoration-color: var(--everstream-orange);
}
.article-card-section{
    height: 100%;
    width: 100%;
    padding-top: 48px;
    padding-bottom: 48px;
    padding-left: 8px;
    padding-right: 8px;
}
@media(min-width: 768px){
.article-card-section{
        padding-left: 40px;
        padding-right: 40px;
    }
        }
@media(min-width: 1440px){
.article-card-section{
        padding-left: 0px;
        padding-right: 0px;
    }
        }
.article-card-container{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 24px;
    padding-bottom: 24px;
        row-gap: 64px;
        max-width: 830px;
        background-image: url(images/3c2515c15b949abd3995.svg);
        background-repeat: repeat;
        background-position: center;
        background-size: auto;
        background-color: transparent;
}
@media(min-width: 768px){
.article-card-container{
        padding-left: 16px;
        padding-right: 16px;
    }
        }
/* Bordered corners */
.article-card-container .corner-top-left, .article-card-container .corner-top-right, .article-card-container .corner-bottom-left, .article-card-container .corner-bottom-right{
    position: absolute;
            transition: all 500ms ease;
            display: block;
            height: 100%;
            width: 100%;
}
.article-card-container .corner-top-left::before,
            .article-card-container .corner-top-left::after,
            .article-card-container .corner-top-right::before,
            .article-card-container .corner-top-right::after,
            .article-card-container .corner-bottom-left::before,
            .article-card-container .corner-bottom-left::after,
            .article-card-container .corner-bottom-right::before,
            .article-card-container .corner-bottom-right::after {
                content: '';
                background-color: var(--everstream-blue);
                position: absolute;
                transition: all 500ms ease;
            }
.article-card-container .corner-top-left:before, .article-card-container .corner-top-right:before, .article-card-container .corner-bottom-left:before, .article-card-container .corner-bottom-right:before {
                width: 16px;
                height: 1px;
            }
.article-card-container .corner-top-left:after, .article-card-container .corner-top-right:after, .article-card-container .corner-bottom-left:after, .article-card-container .corner-bottom-right:after {
                width: 1px;
                height: 16px;
            }
.article-card-container .corner-top-left {
            top: 0;
            left: 0;

            }
.article-card-container .corner-top-left:before,
            .article-card-container .corner-top-left:after {
                transform: rotate(0deg);
            }
.article-card-container .corner-top-right {
            top: 0;
            right: 0;

            }
.article-card-container .corner-top-right:before,
            .article-card-container .corner-top-right:after {
                transform: rotate(0deg);
                right: 0;
            }
.article-card-container .corner-bottom-left {
            bottom: 0px;
            left: 0;
            }
.article-card-container .corner-bottom-left:before,
            .article-card-container .corner-bottom-left:after {
                transform: rotate(0deg);
                left: 0;
                bottom: 0;
            }
.article-card-container .corner-bottom-right {
            bottom: 0px;
            right: 0;
            }
.article-card-container .corner-bottom-right:before,
            .article-card-container .corner-bottom-right:after {
                transform: rotate(0deg);
                right: 0;
                bottom: 0;
            }
.article-card-title{
    text-align: center;
        max-width: 260px;
}
@media(min-width: 768px){
.article-card-title {
            max-width: 500px
    }
        }
@media(min-width: 1440px){
.article-card-title {
            max-width: 650px
    }
        }
.article-card-link {
        display: inline-block;
    }
[data-theme="light"] .article-card-container {
            background-image: url(images/34b3ffacd9178668a9b1.svg);
            background-repeat: no-repeat;
            background-size: cover;
        }
[data-theme="light"] .article-card-container .corner-top-left,
            [data-theme="light"] .article-card-container .corner-top-right,
            [data-theme="light"] .article-card-container .corner-bottom-left,
            [data-theme="light"] .article-card-container .corner-bottom-right {
                display: none;
            }
[data-theme="light"] .article-card-title{
    font-family: Raleway, sans-serif !important;
    color: var(--everstream-blue) !important;
}
.text-animate [data-theme="light"] .article-card-title {
    will-change: auto !important;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    ) !important;
    background-size: 300% !important;
  }
.blog-section .blog-post-wrapper .blog-post .img-wrapper-date [data-theme="light"] .article-card-title {
            background-image: linear-gradient(
              90deg,
              white 0%,
              white 50%,
              var(--everstream-blue) 50%,
              var(--everstream-blue) 100%
            ) !important;
            background-size: 200% !important;
          }
.text-animate [data-theme="light"] .article-card-title {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    ) !important;
    background-size: 400% !important;
  }
.text-animate [data-theme="light"] .article-card-title p {
      box-decoration-break: clone !important;
      -webkit-box-decoration-break: clone !important;
      -webkit-background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
    }
[data-theme="light"] .article-card-link{
    font-family: Work Sans, sans-serif !important;
    color: var(--everstream-blue) !important;
}
.text-animate [data-theme="light"] .article-card-link {
    will-change: auto !important;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    ) !important;
    background-size: 300% !important;
  }
.blog-section .blog-post-wrapper .blog-post .img-wrapper-date [data-theme="light"] .article-card-link {
            background-image: linear-gradient(
              90deg,
              white 0%,
              white 50%,
              var(--everstream-blue) 50%,
              var(--everstream-blue) 100%
            ) !important;
            background-size: 200% !important;
          }
.text-animate [data-theme="light"] .article-card-link {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    ) !important;
    background-size: 400% !important;
  }
.text-animate [data-theme="light"] .article-card-link p {
      box-decoration-break: clone !important;
      -webkit-box-decoration-break: clone !important;
      -webkit-background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
    }
[data-theme="light"] .article-card-link {
            border-color: var(--everstream-blue) !important;
        }
[data-theme="light"] .article-card-date{
    font-family: Work Sans, sans-serif !important;
    color: var(--gray-3) !important;
}
.text-animate [data-theme="light"] .article-card-date {
    will-change: auto !important;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    ) !important;
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    ) !important;
    background-size: 200% !important;
  }
.text-animate [data-theme="light"] .article-card-date p {
      box-decoration-break: clone !important;
      -webkit-box-decoration-break: clone !important;
      -webkit-background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
    }
.horizontal-card-section{
    height: 100%;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 88px;
    padding-bottom: 88px;
}
@media(min-width: 768px){
.horizontal-card-section{
        padding-left: 56px;
        padding-right: 56px;
    }
            }
.horizontal-card-section-title{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 56px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
                letter-spacing: 5px;
                transition: -webkit-clip-path 500ms ease;
                transition: clip-path 500ms ease;
                transition: clip-path 500ms ease, -webkit-clip-path 500ms ease;
                -webkit-clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
                        clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
}
.horizontal-card-section-title.active {
                  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
                          clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
                }
.horizontal-card-section.inline-horizontal-cards .horizontal-card-container{
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}
@media(max-width: 1199px) {
.horizontal-card-section.inline-horizontal-cards .horizontal-card-container{
        flex-wrap: wrap !important;
    }
                    }
.horizontal-card-section.inline-horizontal-cards .horizontal-card-container .horizontal-card-block{
    justify-content: flex-start !important;
}
@media(min-width: 767px) {
.horizontal-card-section.inline-horizontal-cards .horizontal-card-container .horizontal-card-block{
        max-width: 49%;
    }
                        }
@media(min-width: 1200px) {
.horizontal-card-section.inline-horizontal-cards .horizontal-card-container .horizontal-card-block{
        max-width: 100%;
    }
                        }
.horizontal-card-container{
    margin-left: auto;
    margin-right: auto;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
            -moz-column-gap: 12px;
                 column-gap: 12px;
            row-gap: 16px;
            max-width: 1800px;
}
@media(min-width: 768px){
                
            }
@media(min-width: 1440px){
.horizontal-card-container{
        flex-direction: row;
    }
            }
.horizontal-card-container.wrapped-cards{
    flex-wrap: wrap;
}
@media(min-width: 1200px) {
.horizontal-card-container.wrapped-cards{
        flex-direction: row;
    }

                    .horizontal-card-container.wrapped-cards .horizontal-card-block{
        max-width: 49%;
    }
                }
.horizontal-card-block{
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 8px;
            max-width: 894px;
}
/* background-image: url("../assets/master-square-pattern.svg");
            background-repeat: repeat;
            background-position: center;
            background-size: auto;
            background-color: transparent; */
@media(min-width: 768px){
.horizontal-card-block{
        padding-left: 12px;
        padding-right: 12px;
                height: 208px;
    }
            }
/* Bordered corners */
.horizontal-card-block .btn-top-left, .horizontal-card-block .btn-top-right, .horizontal-card-block .btn-bottom-left, .horizontal-card-block .btn-bottom-right{
    position: absolute;
                transition: all 500ms ease;
                display: block;
                height: 100%;
                width: 100%;
}
.horizontal-card-block .btn-top-left::before,
                .horizontal-card-block .btn-top-left::after,
                .horizontal-card-block .btn-top-right::before,
                .horizontal-card-block .btn-top-right::after,
                .horizontal-card-block .btn-bottom-left::before,
                .horizontal-card-block .btn-bottom-left::after,
                .horizontal-card-block .btn-bottom-right::before,
                .horizontal-card-block .btn-bottom-right::after {
                    content: '';
                    background-color: var(--everstream-blue);
                    position: absolute;
                    transition: all 500ms ease;
                }
.horizontal-card-block .btn-top-left:before, .horizontal-card-block .btn-top-right:before, .horizontal-card-block .btn-bottom-left:before, .horizontal-card-block .btn-bottom-right:before {
                    width: 16px;
                    height: 1px;
                }
.horizontal-card-block .btn-top-left:after, .horizontal-card-block .btn-top-right:after, .horizontal-card-block .btn-bottom-left:after, .horizontal-card-block .btn-bottom-right:after {
                    width: 1px;
                    height: 16px;
                }
.horizontal-card-block .btn-top-left {
                top: 0;
                left: 0;

            }
.horizontal-card-block .btn-top-left:before,
                .horizontal-card-block .btn-top-left:after {
                    transform: rotate(0deg);
                }
.horizontal-card-block .btn-top-right {
                top: 0;
                right: 0;

            }
.horizontal-card-block .btn-top-right:before,
                .horizontal-card-block .btn-top-right:after {
                    transform: rotate(0deg);
                    right: 0;
                }
.horizontal-card-block .btn-bottom-left {
                bottom: 0px;
                left: 0;
            }
.horizontal-card-block .btn-bottom-left:before,
                .horizontal-card-block .btn-bottom-left:after {
                    transform: rotate(0deg);
                    left: 0;
                    bottom: 0;
                }
.horizontal-card-block .btn-bottom-right {
                bottom: 0px;
                right: 0;
            }
.horizontal-card-block .btn-bottom-right:before,
                .horizontal-card-block .btn-bottom-right:after {
                    transform: rotate(0deg);
                    right: 0;
                    bottom: 0;
                }
.horizontal-card-block .card-corner {
                opacity: 0;
                transition: all 500ms ease;
              }
.horizontal-card-block .card-corner.btn-top-right {
                    right: calc(100% - 60px);
                }
.horizontal-card-block .card-corner.btn-top-right.active {
                        -webkit-animation: fadeBlink 500ms forwards,cornerShift 500ms ease 0.5s forwards;
                                animation: fadeBlink 500ms forwards,cornerShift 500ms ease 0.5s forwards;
                    }
.horizontal-card-block .card-corner.btn-bottom-right {
                    right: calc(100% - 60px);
                }
.horizontal-card-block .card-corner.btn-bottom-right.active {
                        -webkit-animation: fadeBlink 500ms forwards,cornerShift 500ms ease 0.5s forwards;
                                animation: fadeBlink 500ms forwards,cornerShift 500ms ease 0.5s forwards;
                    }
.horizontal-card-block .card-corner.active {
                    -webkit-animation: fadeBlink 500ms forwards;
                            animation: fadeBlink 500ms forwards;
                }
.horizontal-card-block-left{
    margin-right: 4px;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
                max-width: 387px;
                transition: -webkit-clip-path 500ms ease;
                transition: clip-path 500ms ease;
                transition: clip-path 500ms ease, -webkit-clip-path 500ms ease;
                transition-delay: 700ms;
                -webkit-clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
                        clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
}
.horizontal-card-block-left.active {
                  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
                          clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
                }
@media(min-width: 768px){
.horizontal-card-block-left{
        margin-right: 20px;
                    row-gap: 24px;
    }

                }
.horizontal-card-block-left .block-title{
    margin-left: 12px;
    padding-top: 12px;
                    font-family: 'Chakra Petch', sans-serif;
                    max-height: 105px;
                    min-height: 105px;
                    overflow: hidden;
}
@media(max-width: 768px){
.horizontal-card-block-left .block-title{
        font-size: 16px !important;
        line-height: 22px !important;
    }
                    }
@media(min-width: 768px){
.horizontal-card-block-left .block-title {
                        max-height: 105px;
                        min-height: 105px
                }   
                    }
@media(min-width: 1440px){
.horizontal-card-block-left .block-title{
        margin-bottom: 12px;
                        max-height: 125px;
                        min-height: 125px;
    }
                    }
.horizontal-card-block-left .block-button {
                    max-width: 141px;
                    /* padding-top: 0px !important; */
                    padding-right: 0px !important;
                }
@media(max-width: 280px){
.horizontal-card-block-left .block-button {
                        //max-width: 140px;
                        font-size: 10px
                }
                    }
@media(min-width: 768px){
.horizontal-card-block-left .block-button {
                        //max-width: 140px
                }
                    }
.horizontal-card-block-left .block-button:focus, .horizontal-card-block-left .block-button:hover{
    border-style: none !important;
                        box-shadow: none;
                        -webkit-text-decoration: var(--everstream-orange) underline;
                                text-decoration: var(--everstream-orange) underline;
                        /* border-bottom: 1px solid var(--everstream-orange) !important; */
}
.horizontal-card-block-left .block-button .btn-text::after {
                            background-color: var(--everstream-orange) !important;
                            color: var(--everstream-orange) !important;
                            margin-left: 8px;
                        }
.horizontal-card-block-right{
    display: flex;
    height: auto;
    width: 100%;
    align-items: center;
    justify-content: center;
                /* max-width: 481px; */
                transition: -webkit-clip-path 500ms ease;
                transition: clip-path 500ms ease;
                transition: clip-path 500ms ease, -webkit-clip-path 500ms ease;
                transition-delay: 700ms;
                -webkit-clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
                        clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
}
.horizontal-card-block-right.active {
                  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
                          clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
                }
.horizontal-card-block-right .block-asset {
                    width: 100%;
                    /* max-width: 436px; */
                    height: auto;
                    max-height: 191px;
                    -o-object-fit: cover;
                       object-fit: cover;
                }
.horizontal-card-block .h-card-link{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
                    z-index: 40;
}
.horizontal-card-block .h-card-background{
    position: absolute;
    height: 100%;
                    width: 98%;
                    max-height: 142px;
                    /* max-width: 449px; */
                    top: 8px;
                    left: 10px;
                    z-index: 0;
                    background-image: url(images/3c2515c15b949abd3995.svg);
                    background-repeat: repeat;
                    background-position: center;
                    background-size: auto;
                    background-color: transparent;
                    transition: -webkit-clip-path 500ms ease;
                    transition: clip-path 500ms ease;
                    transition: clip-path 500ms ease, -webkit-clip-path 500ms ease;
                    transition-delay: 700ms;
                    -webkit-clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
                            clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
}
@media(min-width: 768px){
.horizontal-card-block .h-card-background {
                        max-height: 193px
                        /* max-width: 879px; */
                }
                    }
@media(max-width: 376px){
.horizontal-card-block .h-card-background {
                        width: 96%
                }
                    }
.horizontal-card-block .h-card-background.active {
                      -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
                              clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
                    }
@-webkit-keyframes cornerShift {
    0% {
      right: 93%;
    }
    100% {
      right: 0%;
    }
}
@keyframes cornerShift {
    0% {
      right: 93%;
    }
    100% {
      right: 0%;
    }
}
@-webkit-keyframes fadeBlink {
0%{
    opacity: 0;
}
20%{
    opacity: 0.33;
}
40%{
    opacity: 0;
}
60%{
    opacity: 0.66;
}
80%{
    opacity: 0;
}
100%{
    opacity: 1;
}
}
@keyframes fadeBlink {
0%{
    opacity: 0;
}
20%{
    opacity: 0.33;
}
40%{
    opacity: 0;
}
60%{
    opacity: 0.66;
}
80%{
    opacity: 0;
}
100%{
    opacity: 1;
}
}
.bulletin-section{
    position: relative;
    height: auto;
    width: 100%;
    padding-top: 88px;
    padding-bottom: 88px;
    padding-left: 12px;
    padding-right: 12px;
        /* max-height: 340px; */
}
.bulletin-block{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    height: auto;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-top: 12px;
    text-align: center; 
        max-width: 300px;
}
@media(min-width: 768px){
.bulletin-block {
            max-width: 500px
    }
        }
@media(min-width: 1440px){
.bulletin-block {
            max-width: 825px
    }
        }
/* Bordered corners */
.bulletin-block .btn-top-left, .bulletin-block .btn-top-right, .bulletin-block .btn-bottom-left, .bulletin-block .btn-bottom-right{
    position: absolute;
           transition: all 500ms ease;
           display: block;
           height: 100%;
           width: 100%;
}
.bulletin-block .btn-top-left::before,
           .bulletin-block .btn-top-left::after,
           .bulletin-block .btn-top-right::before,
           .bulletin-block .btn-top-right::after,
           .bulletin-block .btn-bottom-left::before,
           .bulletin-block .btn-bottom-left::after,
           .bulletin-block .btn-bottom-right::before,
           .bulletin-block .btn-bottom-right::after {
             content: '';
             background-color: var(--everstream-orange);
             position: absolute;
             transition: all 500ms ease;
           }
.bulletin-block .btn-top-left:before, .bulletin-block .btn-top-right:before, .bulletin-block .btn-bottom-left:before, .bulletin-block .btn-bottom-right:before {
             width: 16px;
             height: 1px;
           }
.bulletin-block .btn-top-left:after, .bulletin-block .btn-top-right:after, .bulletin-block .btn-bottom-left:after, .bulletin-block .btn-bottom-right:after {
             width: 1px;
             height: 16px;
           }
.bulletin-block .btn-top-left {
           top: 0;
           right: 50%;

         }
.bulletin-block .btn-top-left:before,
           .bulletin-block .btn-top-left:after {
             transform: rotate(0deg);
           }
.bulletin-block .btn-top-right {
           top: 0;
           right: 0;

         }
.bulletin-block .btn-top-right:before,
           .bulletin-block .btn-top-right:after {
             transform: rotate(0deg);
             right: 0;
           }
.bulletin-block .btn-bottom-left {
           bottom: 0px;
           left: 0;
         }
.bulletin-block .btn-bottom-left:before,
           .bulletin-block .btn-bottom-left:after {
             transform: rotate(0deg);
             left: 0;
             bottom: 0;
           }
.bulletin-block .btn-bottom-right {
           bottom: 0px;
           right: 0;
         }
.bulletin-block .btn-bottom-right:before,
           .bulletin-block .btn-bottom-right:after {
             transform: rotate(0deg);
             right: 0;
             bottom: 0;
           }
.bulletin-block .bulletin-corner {
          opacity: 0;
          transition: all 500ms ease;
        }
.bulletin-block .bulletin-corner.btn-top-right {
            right: calc(100% - 60px);
          }
.bulletin-block .bulletin-corner.btn-top-right.active {
                -webkit-animation: fadeBlink 500ms forwards,cornerShift 500ms ease 0.5s forwards;
                        animation: fadeBlink 500ms forwards,cornerShift 500ms ease 0.5s forwards;
            }
.bulletin-block .bulletin-corner.btn-bottom-right {
            right: calc(100% - 60px);
          }
.bulletin-block .bulletin-corner.btn-bottom-right.active {
              -webkit-animation: fadeBlink 500ms forwards,cornerShift 500ms ease 0.5s forwards;
                      animation: fadeBlink 500ms forwards,cornerShift 500ms ease 0.5s forwards;
            }
.bulletin-block .bulletin-corner.active {
            -webkit-animation: fadeBlink 500ms forwards;
                    animation: fadeBlink 500ms forwards;
          }
.bulletin-text{
    margin-bottom: 32px;
        /* max-height: 80px; */

        transition: -webkit-clip-path 500ms ease;

        transition: clip-path 500ms ease;

        transition: clip-path 500ms ease, -webkit-clip-path 500ms ease;
        transition-delay: 700ms;
        -webkit-clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
                clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
}
.bulletin-text.active {
          -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
                  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
        }
.bulletin-link {
        max-width: 230px;
        border-color: var(--everstream-orange) !important;

        transition: -webkit-clip-path 500ms ease;

        transition: clip-path 500ms ease;

        transition: clip-path 500ms ease, -webkit-clip-path 500ms ease;
        transition-delay: 700ms;
        -webkit-clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
                clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
    }
.bulletin-link.active {
          -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
                  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
        }
@keyframes cornerShift {
  0% {
    right: calc(100% - 60px);
  }
  100% {
    right: 0%;
  }
}
@keyframes fadeBlink {
  0%{
      opacity: 0;
  }
  20%{
      opacity: 0.33;
  }
  40%{
      opacity: 0;
  }
  60%{
      opacity: 0.66;
  }
  80%{
      opacity: 0;
  }
  100%{
      opacity: 1;
  }
}
.solutions-bar-section{
    overflow: hidden;
    padding-top: 64px;
    padding-bottom: 64px;
    padding-left: 52px;
    padding-right: 16px;
}
.solutions-bar-section .bars-container{
    margin-left: auto;
    margin-right: auto;
    padding-left: 64px;
    padding-right: 64px;
}
.solutions-bar-section .bar-row{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
@media (min-width: 1440px){
    .solutions-bar-section .bar-row{
        flex-direction: row;
    }
}
.solutions-bar-section .bar-row {
      /* height: 300px; */
      height: 100%;
    }
.solutions-bar-section .bar-color-blue{
    background-color: var(--everstream-blue);
}
.solutions-bar-section .bar-numbered-block{
    margin-right: 64px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
@media (min-width: 1440px){
    .solutions-bar-section .bar-numbered-block{
        margin-right: 140px;
    }
}
.solutions-bar-section .bar-numbered-block {
        min-height: 300px;
        min-width: 500px;
        max-width: 800px;
      }
.solutions-bar-section .bar-numbered-block.active .is-animating {
          left: -35px;
          right: 0;
          z-index: 99;
          width: calc(100% + 35px);
        }
@media (max-width: 1024px) {
.solutions-bar-section .bar-numbered-block{
        margin-right: 40px !important;
          min-width: 280px;
    }
        }
.solutions-bar-section .bar-numbered-block::before {
          content: "";
          -webkit-mask-image: url(images/12753fd43f13cad2b886.svg) !important;
                  mask-image: url(images/12753fd43f13cad2b886.svg) !important;
          -webkit-mask-repeat: repeat-y;
                  mask-repeat: repeat-y;
          -webkit-mask-position: left;
                  mask-position: left;
          -webkit-mask-size: contain;
                  mask-size: contain;
          z-index: 10;
          position: absolute;
          left: -35px;
          top: 0;
          width: 75px;
          background: var(--everstream-blue) !important;
          height: 100%;
        }
.solutions-bar-section .bar-numbered-text {
      }
.solutions-bar-section .bar-text{
    padding-top: 32px;
    padding-bottom: 32px;
      width: 600px;
      max-height: none;
}
@media (max-width: 768px) {
.solutions-bar-section .bar-text {
        width: 365px;
        padding-right: 48px !important
    }
      }
.solutions-bar-section .bar-text-block {
        max-width: 600px;
      }
@media (max-width: 1024px) {
.solutions-bar-section .bar-text-block {
          max-width: 400px
      }
        }
.solutions-blog-section{
    margin-top: 120px;
    margin-bottom: 120px;
}
@media (min-width: 768px){
    .solutions-blog-section{
        margin-top: 140px;
        margin-bottom: 140px;
    }
}
@media (min-width: 1440px){
    .solutions-blog-section{
        margin-top: 160px;
        margin-bottom: 160px;
    }
}
.solutions-blog-section-title{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px;
    text-align: center;
    color: var(--everstream-blue);
    font-size: 28px;
    line-height: 36px;
}
@media (min-width: 768px){
    .solutions-blog-section-title{
        font-size: 36px;
        line-height: 44px;
    }
}
@media (min-width: 1440px){
    .solutions-blog-section-title{
        font-size: 56px;
        line-height: 64px;
    }
}
.solutions-blog-section-title{
    font-family: Raleway, sans-serif;
    font-weight: 700;
}
.semibold-work-sans.fs-3 .semibold-work-sans.fs-4 .semibold-work-sans.fs-5 .semibold-work-sans.solutions-blog-section-title {
      letter-spacing: 5px;
    }
.solutions-blog-section-title{
    font-family: Raleway, sans-serif;
    font-weight: 700;
  position: relative;
  width: 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-position: 0% 0%;
  z-index: 10;
}
.text-animate .solutions-blog-section-title {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    );
    background-size: 300%;
  }
.solutions-blog-section-title .text-brand-blue {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    );
    background-size: 300%;
  }
.solutions-blog-section-title .text-gray-3 {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-size: 200%;
  }
.solutions-blog-section-title .text-gray-2 {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-2) 50%,
      var(--gray-2) 100%
    );
    background-size: 200%;
  }
.solutions-blog-section-title .text-gray-1 {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-1) 50%,
      var(--gray-1) 100%
    );
    background-size: 200%;
  }
.blog-section .blog-post-wrapper .blog-post .img-wrapper-date .solutions-blog-section-title {
            background-image: linear-gradient(
              90deg,
              white 0%,
              white 50%,
              var(--everstream-blue) 50%,
              var(--everstream-blue) 100%
            );
            background-size: 200%;
          }
.active > .solutions-blog-section-title {
    -webkit-animation: textReveal 1000ms forwards;
            animation: textReveal 1000ms forwards;
  }
.solutions-blog-section-title {
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: 100%;
  background-position: 0% 0%;
  z-index: 10;
}
.text-animate .solutions-blog-section-title {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    );
    background-size: 400%;
  }
.solutions-blog-section-title .text-brand-blue {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    );
    background-size: 400%;
  }
.text-animate .solutions-blog-section-title p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.solutions-blog-section-title .text-brand-blue p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.solutions-blog-section-title .text-gray-3 {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-size: 200%;
  }
.solutions-blog-section-title .text-gray-3 p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.solutions-blog-section-title .text-gray-2 {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-2) 50%,
      var(--gray-2) 100%
    );
    background-size: 200%;
  }
.solutions-blog-section-title .text-gray-2 p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.active > .solutions-blog-section-title {
    -webkit-animation: textReveal 1200ms forwards;
            animation: textReveal 1200ms forwards;
  }
@media (min-width: 768px){
    .solutions-blog-section-title{
        width: 50%;
    }
}
@media (min-width: 1440px){
    .solutions-blog-section-title{
        margin-bottom: 64px;
        width: 33.333333%;
    }
}
.solutions-blog-post{
    width: 100%;
}
@media (min-width: 768px){
    .solutions-blog-post{
        width: 25%;
    }
}
@media (min-width: 350px) {
.solutions-blog-post {
      min-width: 350px
  }
    }
.solutions-blog-post{
    max-width: 560px;
}
@media (max-width: 768px) {
.solutions-blog-post {
      max-width: 300px
  }
    }
.solutions-blog-post-wrapper{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 200px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 16px;
    padding-right: 16px;
      gap: 60px;
}
.solutions-blog-post .img-wrapper{
    position: relative;
    width: 100%;
      height: 200px;
}
@media (min-width: 1440px) {
.solutions-blog-post .img-wrapper {
        height: 300px
    }
      }
.solutions-blog-post .img-wrapper-overlay {
        height: 100%;
        width: 100%;
        background-color: var(--page-bg);
        transition: all 1000ms ease;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 20;
      }
.solutions-blog-post .img-wrapper-overlay.active {
          width: 0;
        }
.solutions-blog-post .img-wrapper img{
    height: 100%;
    width: 100%;
}
.solutions-blog-post-btn{
    position: absolute;
      transform: translateY(-50%);
}
.solutions-blog-post-btn .btn-solid {
        -webkit-text-fill-color: initial !important;
        -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
                clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
        transition: ease 500ms all;
      }
.solutions-blog-post-btn .btn-solid.active {
          -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
                  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        }
.solutions-blog-post-btn .btn-solid {
        -webkit-text-fill-color: initial !important;
        background-image: none;
      }
.solutions-blog-title {
    cursor: pointer;
    height: auto;
  }
@media (min-width: 1440px) {
.solutions-blog-title {
      max-height: 28px
  }
    }
.solutions-blog-title:focus, .solutions-blog-title:hover{
    color: var(--everstream-blue);
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
}
.text-animate .solutions-blog-title:focus, .text-animate .solutions-blog-title:hover {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    );
    background-size: 300%;
  }
.blog-section .blog-post-wrapper .blog-post .img-wrapper-date .solutions-blog-title:focus, .blog-section .blog-post-wrapper .blog-post .img-wrapper-date .solutions-blog-title:hover {
            background-image: linear-gradient(
              90deg,
              white 0%,
              white 50%,
              var(--everstream-blue) 50%,
              var(--everstream-blue) 100%
            );
            background-size: 200%;
          }
.text-animate .solutions-blog-title:focus, .text-animate .solutions-blog-title:hover {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    );
    background-size: 400%;
  }
.text-animate .solutions-blog-title:focus p, .text-animate .solutions-blog-title:hover p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.solutions-blog-title:focus,
    .solutions-blog-title:hover {
      -webkit-text-fill-color: initial;
      color: var(--everstream-blue) !important;
    }
.column-block {
  max-width: 300px;
}
.column-block-section{
    margin-top: 200px;
    margin-bottom: 200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}
@media (min-width: 768px){
    .column-block-section{
        padding-left: 64px;
        padding-right: 64px;
    }
}
.column-block-section {
    max-width: 1800px;
  }
.column-block-section-title{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 88px;
    width: 66.666667%;
    text-align: center;
    color: var(--everstream-blue);
    font-size: 28px;
    line-height: 36px;
}
@media (min-width: 768px){
    .column-block-section-title{
        font-size: 36px;
        line-height: 44px;
    }
}
@media (min-width: 1440px){
    .column-block-section-title{
        font-size: 56px;
        line-height: 64px;
    }
}
.column-block-section-title{
    font-family: Raleway, sans-serif;
    font-weight: 700;
}
.semibold-work-sans.fs-3 .semibold-work-sans.fs-4 .semibold-work-sans.fs-5 .semibold-work-sans.column-block-section-title {
      letter-spacing: 5px;
    }
.column-block-section-title{
    font-family: Raleway, sans-serif;
    font-weight: 700;
  position: relative;
  width: 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-position: 0% 0%;
  z-index: 10;
}
.text-animate .column-block-section-title {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    );
    background-size: 300%;
  }
.column-block-section-title .text-brand-blue {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    );
    background-size: 300%;
  }
.column-block-section-title .text-gray-3 {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-size: 200%;
  }
.column-block-section-title .text-gray-2 {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-2) 50%,
      var(--gray-2) 100%
    );
    background-size: 200%;
  }
.column-block-section-title .text-gray-1 {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-1) 50%,
      var(--gray-1) 100%
    );
    background-size: 200%;
  }
.blog-section .blog-post-wrapper .blog-post .img-wrapper-date .column-block-section-title {
            background-image: linear-gradient(
              90deg,
              white 0%,
              white 50%,
              var(--everstream-blue) 50%,
              var(--everstream-blue) 100%
            );
            background-size: 200%;
          }
.active > .column-block-section-title {
    -webkit-animation: textReveal 1000ms forwards;
            animation: textReveal 1000ms forwards;
  }
.column-block-section-title {
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: 100%;
  background-position: 0% 0%;
  z-index: 10;
}
.text-animate .column-block-section-title {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    );
    background-size: 400%;
  }
.column-block-section-title .text-brand-blue {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    );
    background-size: 400%;
  }
.text-animate .column-block-section-title p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.column-block-section-title .text-brand-blue p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.column-block-section-title .text-gray-3 {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-size: 200%;
  }
.column-block-section-title .text-gray-3 p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.column-block-section-title .text-gray-2 {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-2) 50%,
      var(--gray-2) 100%
    );
    background-size: 200%;
  }
.column-block-section-title .text-gray-2 p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.active > .column-block-section-title {
    -webkit-animation: textReveal 1200ms forwards;
            animation: textReveal 1200ms forwards;
  }
@media (min-width: 768px){
    .column-block-section-title{
        width: 50%;
    }
}
@media (min-width: 1440px){
    .column-block-section-title{
        width: 33.333333%;
    }
}
.column-block-wrapper{
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
@media (min-width: 1440px){
    .column-block-wrapper{
        flex-wrap: nowrap;
    }
}
@media (min-width: 768px) {
.column-block-wrapper {
      gap: 25px !important;
  }
    }
.column-block-wrapper{
    gap: 50px;
}
.column-block .img-wrapper{
    display: flex;
    justify-content: center;
    align-self: center;
    height: 200px;
    max-width: 300px;
}
.column-block .img-wrapper img{
    height: 100%;
    width: 100%;
      -o-object-fit: contain !important;
         object-fit: contain !important;
}
.column-block .img-wrapper-overlay {
      height: 100%;
      width: 100%;
      background-color: var(--page-bg);
      transition: all 1000ms ease;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 20;
    }
.column-block .img-wrapper-overlay.active {
        width: 0;
      }
.parallel-section{
    margin-top: 64px;
    margin-bottom: 64px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding-left: 16px;
    padding-right: 16px;
}
@media (min-width: 768px){
    .parallel-section{
        margin-top: 88px;
        margin-bottom: 88px;
    }
}
@media (min-width: 1440px){
    .parallel-section{
        margin-top: 120px;
        margin-bottom: 120px;
        margin-left: auto;
        margin-right: auto;
        flex-wrap: nowrap;
    }
}
.parallel-section {
  max-width: 1800px;
}
.parallel-section-text-wrapper{
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 44px;
    display: flex;
    flex-direction: column;
    align-self: center;
}
@media (min-width: 768px){
    .parallel-section-text-wrapper{
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 56px;
    }
}
.parallel-section-text-wrapper {
    max-width: 600px;
  }
.parallel-section-text-subtitle{
    color: var(--gray-3);
    font-size: 18px;
    line-height: 24px;
}
@media (min-width: 1440px){
    .parallel-section-text-subtitle{
        font-size: 20px;
        line-height: 28px;
    }
}
.parallel-section-text-subtitle{
    font-family: Work Sans, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}
.parallel-section-text-subtitle.fs--2, .parallel-section-text-subtitle.fs--1, .parallel-section-text-subtitle.fs-0, .parallel-section-text-subtitle.fs-1 {
      letter-spacing: 3px;
    }
.semibold-work-sans.parallel-section-text-subtitle {
      letter-spacing: 5px;
    }
.parallel-section-text-subtitle.fs-2, .parallel-section-text-subtitle.fs-3 .semibold-work-sans.fs-4 .semibold-work-sans.fs-5 .semibold-work-sans.fs-6 {
      letter-spacing: 5px;
    }
.parallel-section-text-subtitle.fs-7, .parallel-section-text-subtitle.fs-8, .parallel-section-text-subtitle.fs-9, .parallel-section-text-subtitle.fs-10, .parallel-section-text-subtitle.fs-11 {
      letter-spacing: 6px;
    }
.parallel-section-text-subtitle {
  position: relative;
  width: 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-position: 0% 0%;
  z-index: 10;
}
.parallel-section-text-subtitle .text-brand-blue {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    );
    background-size: 300%;
  }
.text-animate .parallel-section-text-subtitle {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-size: 200%;
  }
.parallel-section-text-subtitle .text-gray-3 {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-size: 200%;
  }
.parallel-section-text-subtitle .text-gray-2 {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-2) 50%,
      var(--gray-2) 100%
    );
    background-size: 200%;
  }
.parallel-section-text-subtitle .text-gray-1 {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-1) 50%,
      var(--gray-1) 100%
    );
    background-size: 200%;
  }
.active > .parallel-section-text-subtitle {
    -webkit-animation: textReveal 800ms forwards;
            animation: textReveal 800ms forwards;
  }
.parallel-section-text-subtitle {
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: 100%;
  background-position: 0% 0%;
  z-index: 10;
}
.parallel-section-text-subtitle .text-brand-blue {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    );
    background-size: 400%;
  }
.parallel-section-text-subtitle .text-brand-blue p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.text-animate .parallel-section-text-subtitle {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-size: 200%;
  }
.parallel-section-text-subtitle .text-gray-3 {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-size: 200%;
  }
.text-animate .parallel-section-text-subtitle p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.parallel-section-text-subtitle .text-gray-3 p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.parallel-section-text-subtitle .text-gray-2 {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-2) 50%,
      var(--gray-2) 100%
    );
    background-size: 200%;
  }
.parallel-section-text-subtitle .text-gray-2 p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.active > .parallel-section-text-subtitle {
    -webkit-animation: textReveal 800ms forwards;
            animation: textReveal 800ms forwards;
  }
.parallel-section-text-subtitle {
    letter-spacing: 5px;
  }
.parallel-section-image-wrapper{
    display: flex;
}
@media (min-width: 768px){
    .parallel-section-image-wrapper{
        margin-left: 40px;
        margin-right: 40px;
    }
}
@media (min-width: 1440px){
    .parallel-section-image-wrapper{
        margin-left: 0px;
        margin-right: 0px;
        justify-content: flex-end;
    }
}
.parallel-section-image-wrapper {
    max-width: 1000px;
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
            clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    transition: all 600ms ease;
    min-height: 320px;
  }
@media (min-width: 768px) {
.parallel-section-image-wrapper {
      min-height: 800px
  }
    }
@media (min-width: 1440px) {
.parallel-section-image-wrapper {
      min-height: 1050px
  }
    }
.parallel-section-image-wrapper img {
      -o-object-fit: cover !important;
         object-fit: cover !important;
      height: 100%;
      width: 100%;
    }
.parallel-section-image-wrapper.active {
      -webkit-clip-path: polygon(100% 0, -20% 0, -20% 120%, 100% 120%);
              clip-path: polygon(100% 0, -20% 0, -20% 120%, 100% 120%);
    }
.parallel-section-image-wrapper .parallel-image-one, .parallel-section-image-wrapper .parallel-image-two{
    width: 50%;
      height: 90%;
}
.parallel-section-image-wrapper .parallel-image-one{
    align-self: flex-start;
}
.parallel-section-image-wrapper .parallel-image-two{
    align-self: flex-end;
}
.parallel-section-image-wrapper .parallel-image-two img {
      }
.parallel-section .done-animating p {
    -webkit-text-fill-color: initial !important;
  }
.ping-pong{
    position: relative;
    margin-top: 200px;
    margin-bottom: 200px;
    margin-left: auto;
    margin-right: auto;
    justify-content: flex-end;
}
@media (min-width: 1440px){
    .ping-pong{
        display: flex;
    }
}
.ping-pong {
  max-width: 1800px;
}
@media (min-width: 1440px) {
.ping-pong {
    margin-top: 400px
}
  }
@media (min-width: 768px){
    .ping-pong-image-wrapper{
        padding-left: 40px;
        padding-right: 40px;
    }
}
.ping-pong-image-wrapper {
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
            clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    transition: all 600ms ease-in-out;
  }
.ping-pong-image-wrapper.active {
      -webkit-clip-path: polygon(100% 0, -20% 0, -20% 120%, 100% 120%);
              clip-path: polygon(100% 0, -20% 0, -20% 120%, 100% 120%);
    }
.ping-pong-image-wrapper .ping-pong-image-background{
    position: relative;
      max-height: 815px;
}
.ping-pong-image-wrapper .ping-pong-image-background:after {
        content: "";
        -webkit-mask-image: url(images/cdc6370a2fec40f815e4.svg);
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        position: absolute;
        bottom: -3px;
        left: 0;
        width: 100%;
        height: 60px;
        background-color: var(--white);
        display: none;

        /* @media (min-width: 768px) {
            
          }
  
          @media (min-width: 1640px) {
            mask-repeat: repeat-y !important;
            bottom: 168px;
            height: 162px;
            left: -393px;
          } */
      }
@media (max-width: 1440px) {
.ping-pong-image-wrapper .ping-pong-image-background:after {
          display: block;
          -webkit-mask-repeat: repeat-x;
                  mask-repeat: repeat-x;
          height: 60px
      }
        }
.ping-pong-overlay-wrapper{
    left: 0px;
    padding-left: 16px;
    padding-right: 16px;
}
@media (min-width: 768px){
    .ping-pong-overlay-wrapper{
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media (min-width: 1440px){
    .ping-pong-overlay-wrapper{
        position: absolute;
        width: 50%;
        padding-bottom: 40px;
    }
}
.ping-pong-overlay-wrapper {
    background-color: var(--page-bg);
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
            clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    transition: all 600ms ease-in-out;
    max-width: 900px;
  }
.ping-pong-overlay-wrapper.active {
      -webkit-clip-path: polygon(160% 0, -20% 0, -20% 120%, 100% 120%);
              clip-path: polygon(160% 0, -20% 0, -20% 120%, 100% 120%);
    }
.ping-pong-overlay-wrapper:after {
      content: "";
      -webkit-mask-image: url(images/41e135514c7978927a39.svg);
      -webkit-mask-repeat: repeat;
      position: absolute;
      bottom: -60px;
      left: auto;
      right: -60px;
      width: 400px;
      height: 220px;
      background-color: var(--white);
      z-index: -1;
    }
@media (max-width: 1440px) {
.ping-pong-overlay-wrapper:after {
        display: none
    }
      }
@media (min-width: 1440px) {
.ping-pong-overlay-wrapper {
      top: -285px
  }
.ping-pong-overlay-wrapper .tile-row{
        display: flex;
        align-items: center;
    }
    }
.ping-pong-overlay-wrapper .tile-row-title{
    padding-top: 16px;
    color: var(--gray-1);
    font-size: 16px;
    line-height: 22px;
}
@media (min-width: 1440px){
    .ping-pong-overlay-wrapper .tile-row-title{
        font-size: 18px;
        line-height: 24px;
    }
}
.ping-pong-overlay-wrapper .tile-row-title{
    font-family: Work Sans, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}
.semibold-work-sans.ping-pong-overlay-wrapper .tile-row-title {
      letter-spacing: 3px;
    }
.ping-pong-overlay-wrapper .tile-row-title.fs--2, .ping-pong-overlay-wrapper .tile-row-title.fs--1, .ping-pong-overlay-wrapper .tile-row-title.fs-0, .ping-pong-overlay-wrapper .tile-row-title.fs-1 {
      letter-spacing: 3px;
    }
.ping-pong-overlay-wrapper .tile-row-title.fs-2, .ping-pong-overlay-wrapper .tile-row-title.fs-3 .semibold-work-sans.fs-4 .semibold-work-sans.fs-5 .semibold-work-sans.fs-6 {
      letter-spacing: 5px;
    }
.ping-pong-overlay-wrapper .tile-row-title.fs-7, .ping-pong-overlay-wrapper .tile-row-title.fs-8, .ping-pong-overlay-wrapper .tile-row-title.fs-9, .ping-pong-overlay-wrapper .tile-row-title.fs-10, .ping-pong-overlay-wrapper .tile-row-title.fs-11 {
      letter-spacing: 6px;
    }
.text-animate .ping-pong-overlay-wrapper .tile-row-title {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-1) 50%,
      var(--gray-1) 100%
    );
    background-size: 200%;
  }
.ping-pong-overlay-wrapper .tile-row-title {
        letter-spacing: 0px !important;
      }
.ping-pong-overlay-wrapper .tile-row-image{
    height: 72px;
}
@media (min-width: 1440px){
    .ping-pong-overlay-wrapper .tile-row-image{
        margin-right: 32px;
    }
}
.ping-pong-overlay-wrapper .tile-row-image {
        width: 100%;
        max-width: 72px;
        background-repeat: no-repeat;
        background-position: left;
        background-size: contain;
      }
@media (min-width: 1440px) {
      .flex-row-reverse .ping-pong-overlay-wrapper {
        right: 0;
        left: auto;
      }

        .flex-row-reverse .ping-pong-overlay-wrapper:after {
          left: -60px;
          right: auto;
        }

      .flex-row-reverse .ping-pong-image-background:after {
        right: -800px;
        left: auto;
      }
  }
.cta-image-block{
    margin-top: 200px;
    margin-bottom: 200px;
  max-width: 1800px;
  margin: 200px auto;
}
.cta-image-block-inside{
    position: relative;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 32px;
    padding-bottom: 64px;
}
@media (min-width: 768px){
    .cta-image-block-inside{
        margin-left: 40px;
        margin-right: 40px;
        padding-left: 72px;
        padding-right: 72px;
    }
}
@media (min-width: 1440px){
    .cta-image-block-inside{
        display: flex;
        padding-top: 160px;
        padding-bottom: 160px;
        padding-left: 200px;
        padding-right: 200px;
    }
}
.cta-image-block-inside {
    background-color: var(--everstream-blue);
    color: var(--everstream-white);
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
            clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    transition: ease 1000ms all;
  }
.cta-image-block-inside.active {
      -webkit-clip-path: polygon(100% 0, -20% 0, -20% 120%, 100% 120%);
              clip-path: polygon(100% 0, -20% 0, -20% 120%, 100% 120%);
    }
.cta-image-block-inside img{
    width: 100%;
}
@media (min-width: 1440px){
    .cta-image-block-inside img{
        align-self: center;
    }
}
.cta-image-block-inside img {
      margin: 0 auto;
    }
@media (min-width: 1440px) {
.cta-image-block-inside img{
        margin-right: 72px;
        max-height: 400px !important;
        max-width: 635px !important;
    }
      }
.cta-image-block-inside .text-wrapper{
    display: flex;
    flex-direction: column;
    align-content: center;
}
@media (min-width: 768px){
    .cta-image-block-inside .text-wrapper{
        align-content: flex-start;
    }
}
.cta-image-block-inside .text-wrapper .cta-image-block-title{
    padding-top: 12px;
    padding-bottom: 20px;
    color: var(--white);
    font-size: 22px;
    line-height: 30px;
}
@media (min-width: 768px){
    .cta-image-block-inside .text-wrapper .cta-image-block-title{
        font-size: 24px;
        line-height: 32px;
    }
}
@media (min-width: 1440px){
    .cta-image-block-inside .text-wrapper .cta-image-block-title{
        font-size: 32px;
        line-height: 40px;
    }
}
.cta-image-block-inside .text-wrapper .cta-image-block-title{
    font-family: Raleway, sans-serif;
    font-weight: 700;
}
.semibold-work-sans.fs-3 .semibold-work-sans.cta-image-block-inside .text-wrapper .cta-image-block-title .semibold-work-sans.fs-5 .semibold-work-sans.fs-6 {
      letter-spacing: 5px;
    }
.cta-image-block-inside .text-wrapper .cta-image-block-title{
    font-family: Raleway, sans-serif;
    font-weight: 700;
}
@media (min-width: 768px){
    .cta-image-block-inside .text-wrapper .cta-image-block-title{
        padding-top: 32px;
        padding-bottom: 24px;
    }
}
@media (min-width: 1440px){
    .cta-image-block-inside .text-wrapper .cta-image-block-title{
        padding-top: 0px;
        padding-bottom: 32px;
    }
}
.cta-image-block-inside .text-wrapper .cta-image-block-description{
    padding-bottom: 20px;
    font-family: Work Sans, sans-serif;
    color: var(--white);
    font-size: 16px;
    line-height: 22px;
}
@media (min-width: 1440px){
    .cta-image-block-inside .text-wrapper .cta-image-block-description{
        font-size: 18px;
        line-height: 24px;
    }
}
.semibold-work-sans.cta-image-block-inside .text-wrapper .cta-image-block-description {
      letter-spacing: 3px;
    }
@media (min-width: 768px){
    .cta-image-block-inside .text-wrapper .cta-image-block-description{
        padding-bottom: 24px;
    }
}
@media (min-width: 1440px){
    .cta-image-block-inside .text-wrapper .cta-image-block-description{
        padding-bottom: 32px;
    }
}
.cta-image-block-inside .text-wrapper a {
        margin-right: auto;
      }
@media (max-width: 768px) {
        .cta-image-block-inside .text-wrapper a {
          margin-right: auto;
          margin-left: auto;
        }
      }
.cta-image-block-inside::after {
      position: absolute;
      min-width: 265px;
      width: 100%;
      height: 186px;
      left: 0;
      bottom: -28px;
      z-index: -1;
      content: "";
      background-image: url(images/714d79489048f9e77bba.svg);
      background-repeat: repeat-x;
      background-position: right;
      background-size: contain;
    }
@media (min-width: 768px) {
.cta-image-block-inside::after {
        width: auto;
        min-width: 262px;
        left: auto;
        right: 0;
        bottom: -27px
    }
      }
.cta-image-block-inside::before{
    display: none;
}
.modal-overlay .cta-image-block-inside::before {
    opacity: 0;
    transition: all 500ms;
  }
@media (min-width: 768px){
    .cta-image-block-inside::before{
        display: block;
    }
}
.cta-image-block-inside::before {
      position: absolute;
      width: 266px;
      height: 186px;
      left: 0;
      top: -29px;
      z-index: -1;
      content: "";
      background-image: url(images/714d79489048f9e77bba.svg);
      background-position: right;
      background-size: contain;
    }
@media (min-width: 1440px) {
.cta-image-block-inside::before {
        width: 262px !important;
        left: -28px;
        right: auto;
        bottom: -81px
    }
      }
.cta-image-block-outside{
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 160px;
}
@media (min-width: 768px){
    .cta-image-block-outside{
        padding-left: 72px;
        padding-right: 72px;
    }
}
@media (min-width: 1440px){
    .cta-image-block-outside{
        width: 50%;
    }
}
.cta-image-block-outside {
    margin: 0 auto;
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
            clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    transition: ease 1000ms all;
  }
.cta-image-block-outside.active {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
              clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
.cta-image-block-outside .cta-image-block-outside-text{
    padding-top: 12px;
    padding-bottom: 20px;
    font-family: Work Sans, sans-serif;
    color: var(--gray-2);
    font-size: 14px;
    line-height: 20px;
}
@media (min-width: 1440px){
    .cta-image-block-outside .cta-image-block-outside-text{
        font-size: 16px;
        line-height: 22px;
    }
}
.semibold-work-sans.cta-image-block-outside .cta-image-block-outside-text {
      letter-spacing: 3px;
    }
.text-animate .cta-image-block-outside .cta-image-block-outside-text {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-2) 50%,
      var(--gray-2) 100%
    );
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-2) 50%,
      var(--gray-2) 100%
    );
    background-size: 200%;
  }
.text-animate .cta-image-block-outside .cta-image-block-outside-text p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
@media (min-width: 768px){
    .cta-image-block-outside .cta-image-block-outside-text{
        margin-left: auto;
        margin-right: auto;
        width: 66.666667%;
        padding-bottom: 24px;
    }
}
@media (min-width: 1440px){
    .cta-image-block-outside .cta-image-block-outside-text{
        width: 100%;
        padding-bottom: 32px;
    }
}
.bio-article-section{
    margin-top: 88px;
    margin-bottom: 88px;
    height: 100%;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
}
.bio-flex-blocks{
    margin-left: auto;
    margin-right: auto;
    display: flex;
    height: auto;
    width: auto;
    flex-wrap: wrap;
        max-width: 800px;
        row-gap: 44px;
        col-gap: 44px;
}
.bio-single-block{
    display: flex;
    height: 100%;
    width: 100%;
        max-width: 371px;
}
/* max-height: 172px; */
@media(max-width: 768px){
.bio-single-block {
            margin-left: auto;
            margin-right: auto
    }
        }
.bio-image{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
        min-height: 172px;
        min-width: 172px;
}
.bio-image-wrapper{
    height: 100%;
    width: 100%;
    overflow: hidden;
            max-width: 172px;
            max-height: 172px;
            border-radius: 50%;
            margin-right: 24px;
}
.bio-text-wrapper{
    margin-top: 24px;
    height: 100%;
    width: 100%;
            max-width: 360px;
}
.bio-text-super{
    margin-bottom: 8px;
    height: 100%;
    width: 100%;
}
.bio-text-name{
    margin-top: 8px;
    margin-bottom: 8px;
    height: 100%;
    width: 100%;
}
.bio-text-description{
    margin-top: 8px;
    height: 100%;
    width: 100%;
            max-height: 175px;
            overflow: hidden;
}
.faq-accordion{
    width: 100%;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid var(--gray-5);
}
.faq-accordion-section{
    height: auto;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
}
.faq-accordion-container{
    margin-left: auto;
    margin-right: auto;
    height: auto;
    width: 100%;
    max-width: 500px;
}
@media (min-width: 1440px){
    .faq-accordion-container{
        max-width: 800px;
    }
}
.faq-accordion-container {
    /* max-w-[288px] sm:max-w-[500px] */
    /* max-width: 800px; */
  }
.faq-accordion-main{
    display: flex;
    height: auto;
    width: 100%;
    align-items: center;
    padding-bottom: 24px;
    padding-top: 24px;
}
@media (min-width: 768px){
    .faq-accordion-main{
        min-height: 88px;
    }
}
@media (min-width: 1440px){
    .faq-accordion-main{
        min-height: 172px;
    }
}
@media(max-width: 768px) {
.faq-accordion-main {
      flex-direction: column;
      align-items: flex-start;
      row-gap: 16px
  }
    }
.faq-accordion-image{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    min-height: 88px;
    min-width: 88px;
}
@media(min-width: 768px) {
.faq-accordion-image {
      min-height: 120px;
      min-width: 120px
  }
    }
@media(min-width: 1440px) {
.faq-accordion-image {
      min-height: 172px;
      min-width: 172px
  }
    }
.faq-accordion-image-wrapper{
    height: 100%;
    width: 100%;
    overflow: hidden;
      max-width: 88px;
      max-height: 88px;
      border-radius: 50%;
      margin-right: 24px;
}
@media(min-width: 768px) {
.faq-accordion-image-wrapper {
        max-height: 120px;
        max-width: 120px
    }
      }
@media(min-width: 1440px) {
.faq-accordion-image-wrapper {
        max-width: 172px;
        max-height: 172px
    }
      }
.faq-accordion-title-wrapper{
    height: auto;
    width: 100%;
}
.faq-accordion-subtitle{
    max-width: 240px;
    padding-top: 12px;
    font-family: Work Sans, sans-serif;
}
@media (min-width: 768px){
    .faq-accordion-subtitle{
        max-width: 282px;
    }
}
@media (min-width: 1440px){
    .faq-accordion-subtitle{
        max-width: 498px;
    }
}
.faq-accordion-subtitle {
    font-weight: 400;
  }
.faq-accordion-tab-label{
    font-family: Raleway, sans-serif;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-weight: 700;
}
.faq-accordion-tab-label-inner{
    max-width: 240px;
}
@media (min-width: 768px){
    .faq-accordion-tab-label-inner{
        max-width: 282px;
    }
}
@media (min-width: 1440px){
    .faq-accordion-tab-label-inner{
        max-width: 498px;
    }
}
.faq-accordion-tab-label::after {
      content: "";
      background-image: url(images/b13ea778fc40f78949e2.svg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      min-width: 32px;
      width: 32px;
      height: 32px;
      text-align: center;
      transition: all 0.4s ease;


    }
@media(min-width: 768px) {
.faq-accordion-tab-label::after {
        min-width: 40px;
        width: 40px;
        height: 40px


    }
      }
@media(min-width: 1440px) {
.faq-accordion-tab-label::after {
        min-width: 48px;
        width: 48px;
        height: 48px


    }
      }
.faq-accordion .faq-dropdown-check {
    position: absolute;
    opacity: 0;
    z-index: -1;
  }
.faq-accordion .faq-dropdown-check:checked~.faq-accordion-dropdown-content{
    padding-top: 0px;
    padding-bottom: 32px;
}
@media (min-width: 768px){
    .faq-accordion .faq-dropdown-check:checked~.faq-accordion-dropdown-content{
        padding-top: 8px;
    }
}
@media (min-width: 1440px){
    .faq-accordion .faq-dropdown-check:checked~.faq-accordion-dropdown-content{
        padding-top: 16px;
    }
}
.faq-accordion .faq-dropdown-check:checked~.faq-accordion-dropdown-content {
      max-height: 100vh;
      /* padding: 1em; */
    }
.faq-accordion .faq-dropdown-check:checked+.faq-accordion-main{
    padding-bottom: 0px;
}
.faq-accordion .faq-dropdown-check:checked+.faq-accordion-main .faq-accordion-title-wrapper .faq-accordion-tab-label::after {
          background-image: url(images/92f3b0f7c416c4665e0d.svg);
        }
.faq-accordion .faq-accordion-dropdown-content{
    padding-left: 0px;
    padding-right: 40px;
}
@media (min-width: 768px){
    .faq-accordion .faq-accordion-dropdown-content{
        padding-left: 145px;
    }
}
@media (min-width: 1440px){
    .faq-accordion .faq-accordion-dropdown-content{
        padding-left: 196px;
    }
}
.faq-accordion .faq-accordion-dropdown-content {
    max-height: 0;
    font-weight: 400;
    /* padding: 0 1em; */
    transition: all 0.4s ease;
  }
@media(max-width: 769px) {
.faq-accordion .faq-accordion-dropdown-content {
      padding-left: 0px
  }

    }
.faq-accordion .faq-accordion-dropdown-content p, .faq-accordion .faq-accordion-dropdown-content h1, .faq-accordion .faq-accordion-dropdown-content h2, .faq-accordion .faq-accordion-dropdown-content h3, .faq-accordion .faq-accordion-dropdown-content h4, .faq-accordion .faq-accordion-dropdown-content h5, .faq-accordion .faq-accordion-dropdown-content h6{
    font-size: 14px;
    line-height: 20px;
    color: var(--gray-3);
}
.text-animate .faq-accordion .faq-accordion-dropdown-content p, .text-animate .faq-accordion .faq-accordion-dropdown-content h1, .text-animate .faq-accordion .faq-accordion-dropdown-content h2, .text-animate .faq-accordion .faq-accordion-dropdown-content h3, .text-animate .faq-accordion .faq-accordion-dropdown-content h4, .text-animate .faq-accordion .faq-accordion-dropdown-content h5, .text-animate .faq-accordion .faq-accordion-dropdown-content h6 {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-size: 200%;
  }
.text-animate .faq-accordion .faq-accordion-dropdown-content p p, .text-animate .faq-accordion .faq-accordion-dropdown-content h1 p, .text-animate .faq-accordion .faq-accordion-dropdown-content h2 p, .text-animate .faq-accordion .faq-accordion-dropdown-content h3 p, .text-animate .faq-accordion .faq-accordion-dropdown-content h4 p, .text-animate .faq-accordion .faq-accordion-dropdown-content h5 p, .text-animate .faq-accordion .faq-accordion-dropdown-content h6 p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
@media (min-width: 768px){
    .faq-accordion .faq-accordion-dropdown-content p, .faq-accordion .faq-accordion-dropdown-content h1, .faq-accordion .faq-accordion-dropdown-content h2, .faq-accordion .faq-accordion-dropdown-content h3, .faq-accordion .faq-accordion-dropdown-content h4, .faq-accordion .faq-accordion-dropdown-content h5, .faq-accordion .faq-accordion-dropdown-content h6{
        font-size: 16px;
        line-height: 22px;
    }
}
@media (min-width: 1440px){
    .faq-accordion .faq-accordion-dropdown-content p, .faq-accordion .faq-accordion-dropdown-content h1, .faq-accordion .faq-accordion-dropdown-content h2, .faq-accordion .faq-accordion-dropdown-content h3, .faq-accordion .faq-accordion-dropdown-content h4, .faq-accordion .faq-accordion-dropdown-content h5, .faq-accordion .faq-accordion-dropdown-content h6{
        font-size: 18px;
        line-height: 24px;
    }
}
.faq-accordion .faq-accordion-dropdown-content p,
    .faq-accordion .faq-accordion-dropdown-content h1,
    .faq-accordion .faq-accordion-dropdown-content h2,
    .faq-accordion .faq-accordion-dropdown-content h3,
    .faq-accordion .faq-accordion-dropdown-content h4,
    .faq-accordion .faq-accordion-dropdown-content h5,
    .faq-accordion .faq-accordion-dropdown-content h6 {
      line-height: 20px;
    }
@media(min-width: 768px) {
.faq-accordion .faq-accordion-dropdown-content p,
    .faq-accordion .faq-accordion-dropdown-content h1,
    .faq-accordion .faq-accordion-dropdown-content h2,
    .faq-accordion .faq-accordion-dropdown-content h3,
    .faq-accordion .faq-accordion-dropdown-content h4,
    .faq-accordion .faq-accordion-dropdown-content h5,
    .faq-accordion .faq-accordion-dropdown-content h6 {
        line-height: 22px
    }

      }
@media(min-width: 1440px) {
.faq-accordion .faq-accordion-dropdown-content p,
    .faq-accordion .faq-accordion-dropdown-content h1,
    .faq-accordion .faq-accordion-dropdown-content h2,
    .faq-accordion .faq-accordion-dropdown-content h3,
    .faq-accordion .faq-accordion-dropdown-content h4,
    .faq-accordion .faq-accordion-dropdown-content h5,
    .faq-accordion .faq-accordion-dropdown-content h6 {
        line-height: 24px
    }

      }
.logo-row-section{
    height: 100%;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 24px;
    padding-bottom: 24px;
}
.logo-row-title{
    margin-left: auto;
    margin-right: auto;
    height: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 600px;
    text-align: center;
}
.logo-row-wrapper{
    margin-left: auto;
    margin-right: auto;
    display: flex;
    height: 100%;
    width: 100%;
    max-width: 1800px;
    align-items: center;
    justify-content: center;
    -moz-column-gap: 55px;
         column-gap: 55px; 
    flex-wrap: wrap;
    /* max-height: 175px; */
    /* sm:gap-x-[60px] md:gap-x-[70px] */
}
.logo-row-logo{
    display: block;
    height: auto;
    width: auto;
    -o-object-fit: contain;
       object-fit: contain;
    max-height: 175px;
    max-width: 175px;
}
@media(max-width: 768px){
.logo-row-logo {
      max-width: 140px
  }
    }
.logo-row-link{
    position: relative;
    z-index: 20;
    display: block;
    height: auto;
    width: auto;
    cursor: pointer;
    filter: grayscale(100%);
    transition: all 100ms ease;
}
.logo-row-link:focus,
    .logo-row-link:hover {
        filter: grayscale(0%) !important;
    }
.logo-row-button{
    margin-left: auto;
    margin-right: auto;
    height: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
/* ------------------
 * Patterns
 * ------------------ */
/* Linear Gradients for different text animation backgrounds */
.text-animate {
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: 100%;
  background-position: 0% 0%;
  z-index: 10;
}
.text-animate .text-brand-blue {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    );
    background-size: 400%;
  }
.text-animate .text-brand-blue p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.text-animate .text-gray-3 {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-size: 200%;
  }
.text-animate .text-gray-3 p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.text-animate .text-gray-2 {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-2) 50%,
      var(--gray-2) 100%
    );
    background-size: 200%;
  }
.text-animate .text-gray-2 p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.layered-asset{
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
  overflow: hidden !important;
  max-width: 1800px;
  margin: 0 auto;
}
@media(max-width: 1440px){
.layered-asset{
        padding-top: 64px;
    }}
.layered-asset-text-wrapper{
    margin-bottom: 40px;
    padding-left: 16px;
    padding-right: 16px;
}
@media (min-width: 768px){
    .layered-asset-text-wrapper{
        margin-bottom: 72px;
        padding-left: 32px;
        padding-right: 32px;
    }
}
@media (min-width: 1440px){
    .layered-asset-text-wrapper{
        margin-right: 140px;
        padding-left: 64px;
    }
}
.layered-asset-text-wrapper {
    /* mx-auto */
    max-width: 800px;
  }
.layered-asset-text-wrapper ul{
    margin-top: 16px;
    margin-bottom: 16px;
    margin-left: 16px;
    list-style-type: disc;
}
.layered-asset-text-wrapper ul li{
    margin-bottom: 8px;
}
.layered-asset-btn{
    position: relative;
    margin-top: 56px;
    margin-bottom: 64px;
}
.layered-asset-btn .btn-solid {
      -webkit-text-fill-color: initial !important;
      -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
              clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
      transition: ease 600ms all;
    }
.layered-asset-btn .btn-solid.active {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
                clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
      }
.layered-asset-image-wrapper{
    position: relative;
    width: 100%;
    padding-bottom: 52px;
}
@media (min-width: 768px){
    .layered-asset-image-wrapper{
        padding-left: 52px;
    }
}
@media (min-width: 1440px){
    .layered-asset-image-wrapper{
        padding-left: 0px;
    }
}
.layered-asset-image-wrapper {
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
            clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    transition: ease 600ms all;
    max-width: 1500px;
  }
.layered-asset-image-wrapper.active {
      -webkit-clip-path: polygon(100% -20%, -20% 0, -20% 120%, 100% 120%);
              clip-path: polygon(100% -20%, -20% 0, -20% 120%, 100% 120%);
    }
.layered-asset-image-background{
    position: relative;
}
@media (min-width: 768px){
    .layered-asset-image-background{
        padding-left: 100px;
    }
}
@media (min-width: 1440px){
    .layered-asset-image-background{
        padding-left: 0px;
    }
}
.layered-asset-image-background {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
.layered-asset-image-background img {
      height: 100%;
    }
@media (max-width: 1760px) {
.layered-asset-image-background img {
        -o-object-fit: contain !important;
           object-fit: contain !important
    }
      }
@media (max-width: 768px) {
.layered-asset-image-background img {
        height: auto !important
    }
      }
.layered-asset-image-background.noodles:after {
      content: "";
      -webkit-mask-image: url(images/e31bfb1ee2df4ec2efee.svg);
      position: absolute;
      width: 100%;
      height: 30px;
      z-index: 10;
      background-color: var(--white);
      bottom: 0;
    }
@media (min-width: 768px) {
      .layered-asset-image-background img:first-child {
        min-height: 500px;
        width: 100%;
      }
    }
.layered-asset-image-overlay-left{
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 10;
    margin-left: 16px;
}
@media (min-width: 768px){
    .layered-asset-image-overlay-left{
        margin-left: 40px;
    }
}
.layered-asset-image-overlay-left {
    /* max-width: 300px;
    max-height: 300px; */
    left: 0px;
  }
@media (max-width: 768px) {
      .layered-asset-image-overlay-left img {
        width: 50% !important;
      }
    }
@media (min-width: 1440px) {
.layered-asset-image-overlay-left {
      left: -15%
  }
    }
.layered-asset-image-overlay-left img {
      width: 100%;
      height: 100%;
      max-width: 300px !important;
      max-height: 300px !important;
      -o-object-fit: contain !important;
         object-fit: contain !important;
    }
.layered-asset-image-overlay-right{
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 10;
    margin-left: 16px;
}
@media (min-width: 768px){
    .layered-asset-image-overlay-right{
        bottom: -32px;
        margin-left: 40px;
    }
}
.layered-asset-image-overlay-right {
    max-width: 300px;
    max-height: 300px;
    top: -10%;
  }
@media (max-width: 768px) {
.layered-asset-image-overlay-right {
      display: flex;
      justify-content: flex-end
  }

      .layered-asset-image-overlay-right img {
        width: 50% !important;
      }
    }
.layered-asset-image-overlay-right img {
      width: 100%;
    }
.layered-asset .btn-solid {
    -webkit-text-fill-color: initial !important;
  }
/* Video Option CSS */
.layered-asset-video{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.layered-asset-video-clipath{
    height: 100%;
    width: 100%;
      z-index: 99;
      transition: ease 600ms all;
      -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
              clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
.layered-asset-video-clipath.active {
        -webkit-clip-path: polygon(100% -20%, -20% 0, -20% 120%, 100% 120%);
                clip-path: polygon(100% -20%, -20% 0, -20% 120%, 100% 120%);
      }
.layered-asset-video-wrapper{
    position: relative;
    height: 100%;
    width: 100%;
      height: 422px;
      min-width: 50%;
      max-width: 100%;
}
@media (min-width: 768px) {
.layered-asset-video-wrapper {
        /* height: 642px; */
        max-width: 80%
    }
      }
@media (min-width: 1440px) {
.layered-asset-video-wrapper {
        max-width: 1146px;
        height: 642px;
        max-width: 59%
    }
      }
@media (min-width: 1921px) {
.layered-asset-video-wrapper {
        max-width: 1466px;
        height: 822px
    }
      }
.layered-asset-video-wrapper .plyr {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
      }
.layered-asset-video-wrapper .plyr.plyr--stopped .plyr__controls {
        display: none;
      }
.layered-asset-video-wrapper .plyr--full-ui.plyr--video .plyr__control--overlaid {
        display: block;
        background-color: var(--gray-1) !important;
        padding: 26px !important;
        /* background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff))); */
      }
.layered-asset-video-wrapper .plyr__control svg {
        fill: currentColor;
        display: block;
        height: 18px;
        height: var(--plyr-control-icon-size, 60px);
        pointer-events: none;
        width: 18px;
        width: var(--plyr-control-icon-size, 49px);
      }
.layered-asset-video-wrapper .plyr__control--overlaid svg {
        left: 4px;
        position: relative;
      }
.layered-asset-video-wrapper .plyr--vimeo .plyr__video-embed__container{
            transform: none !important;
            padding: 0px !important;
            height: 100%;
        }
.active > .is-animating-sm {
    -webkit-animation: textReveal 800ms forwards;
            animation: textReveal 800ms forwards;
  }
.active > .is-animating-md {
    -webkit-animation: textReveal 1200ms forwards;
            animation: textReveal 1200ms forwards;
  }
.active > .is-animating-lg {
    -webkit-animation: textReveal 1200ms forwards;
            animation: textReveal 1200ms forwards;
  }
@keyframes textReveal {
  0% {
    opacity: 1;
    background-position: 0 0;
  }

  100% {
    opacity: 1;
    background-position: -100% 0;
  }
}
.left-right-text-wrapper{
    padding-left: 48px !important;
}
.risk-carousel-section{
    margin-bottom: 200px;
    margin-top: 100px;
    padding-left: 12px;
    padding-right: 12px;
}
.risk-carousel-section-title {
      max-width: 400px;
      margin: 0px auto;
      text-align: center;
      transition: ease 500ms all;
      -webkit-clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
              clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
    }
.risk-carousel-section-title.active {
        -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
                clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
      }
.risk-carousel-container{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 88px;
    margin-top: 56px;
    width: 100%;
    max-width: 340px;
    position: relative;
    padding-top: 9px;
    padding-right: 8px;
    padding-left: 8px;
}
@media (min-width: 768px) {
.risk-carousel-container {
      max-width: 625px
  }
    }
@media (min-width: 1440px) {
.risk-carousel-container {
      max-width: 1095px
  }
    }
@media (min-width: 1800px) {
.risk-carousel-container {
      max-width: 1395px
  }
    }
.risk-carousel-container .corner-top-left, .risk-carousel-container .corner-top-right, .risk-carousel-container .corner-bottom-left, .risk-carousel-container .corner-bottom-right{
    position: absolute;
      transition: all 500ms ease;
      display: block;
      height: 100%;
      width: 100%;
}
.risk-carousel-container .corner-top-left::before,
      .risk-carousel-container .corner-top-left::after,
      .risk-carousel-container .corner-top-right::before,
      .risk-carousel-container .corner-top-right::after,
      .risk-carousel-container .corner-bottom-left::before,
      .risk-carousel-container .corner-bottom-left::after,
      .risk-carousel-container .corner-bottom-right::before,
      .risk-carousel-container .corner-bottom-right::after {
        content: "";
        background-color: var(--everstream-blue);
        position: absolute;
        transition: all 500ms ease;
      }
.risk-carousel-container .corner-top-left:before, .risk-carousel-container .corner-top-right:before, .risk-carousel-container .corner-bottom-left:before, .risk-carousel-container .corner-bottom-right:before {
        width: 16px;
        height: 1px;
      }
.risk-carousel-container .corner-top-left:after, .risk-carousel-container .corner-top-right:after, .risk-carousel-container .corner-bottom-left:after, .risk-carousel-container .corner-bottom-right:after {
        width: 1px;
        height: 16px;
      }
.risk-carousel-container .corner-top-left {
      top: 0;
      left: 0;
    }
.risk-carousel-container .corner-top-left:before,
      .risk-carousel-container .corner-top-left:after {
        transform: rotate(0deg);
      }
.risk-carousel-container .corner-top-right {
      top: 0;
      right: 0;
    }
.risk-carousel-container .corner-top-right:before,
      .risk-carousel-container .corner-top-right:after {
        transform: rotate(0deg);
        right: 0;
      }
.risk-carousel-container .corner-bottom-left {
      bottom: 0px;
      left: 0;
    }
.risk-carousel-container .corner-bottom-left:before,
      .risk-carousel-container .corner-bottom-left:after {
        transform: rotate(0deg);
        left: 0;
        bottom: 0;
      }
.risk-carousel-container .corner-bottom-right {
      bottom: 0px;
      right: 0;
    }
.risk-carousel-container .corner-bottom-right:before,
      .risk-carousel-container .corner-bottom-right:after {
        transform: rotate(0deg);
        right: 0;
        bottom: 0;
      }
.risk-carousel-container .carousel-corner {
      opacity: 0;
      transition: all 500ms ease;
    }
.risk-carousel-container .carousel-corner.corner-top-right {
        right: calc(100% - 60px);
      }
.risk-carousel-container .carousel-corner.corner-top-right.active {
            -webkit-animation: fadeBlink 500ms forwards,cornerShift 500ms ease 0.5s forwards;
                    animation: fadeBlink 500ms forwards,cornerShift 500ms ease 0.5s forwards;
        }
.risk-carousel-container .carousel-corner.corner-bottom-right {
        right: calc(100% - 60px);
      }
.risk-carousel-container .carousel-corner.corner-bottom-right.active {
            -webkit-animation: fadeBlink 500ms forwards,cornerShift 500ms ease 0.5s forwards;
                    animation: fadeBlink 500ms forwards,cornerShift 500ms ease 0.5s forwards;
        }
.risk-carousel-container .carousel-corner.active {
        -webkit-animation: fadeBlink 500ms forwards;
                animation: fadeBlink 500ms forwards;
      }
.risk-carousel-container .flickity-container {
      max-width: 1395px;
      width: 100%;
    }
/* Flickity css from site to modify buttons and tracker */
.risk-carousel-container .flickity-prev-next-button {
      width: 44px;
      height: 44px;
      border-radius: 0;
      border: 1px solid var(--everstream-blue);
      background: transparent;
      transition: all 250ms ease;
      opacity: 0;
    }
.risk-carousel-container .flickity-prev-next-button.flickity-button:disabled {
        opacity: 0;
      }
.risk-carousel-container .flickity-prev-next-button.flickity-button:disabled.active {
        -webkit-animation: revealFlickityDisabled 1000ms ease 0.8s forwards;
                animation: revealFlickityDisabled 1000ms ease 0.8s forwards;
        /* opacity: 0.3; */
      }
.risk-carousel-container .flickity-prev-next-button.active {
        -webkit-animation: revealFlickity 1000ms ease 0.8s forwards;
                animation: revealFlickity 1000ms ease 0.8s forwards;
        /* opacity: 1; */
      }
.risk-carousel-container .flickity-prev-next-button.loaded { /* Remove all the animations to stop animation retriggers on click*/
        -webkit-animation: none !important;
                animation: none !important;
        opacity: 1 !important;
      }
.risk-carousel-container .flickity-prev-next-button.flickity-button:disabled.loaded {
        opacity: 0.3 !important;
      }
@media(min-width:1440px){
.risk-carousel-container .flickity-prev-next-button {
        width: 72px;
        height: 72px
    }
      }
.risk-carousel-container .flickity-prev-next-button:hover,
      .risk-carousel-container .flickity-prev-next-button:focus {
        box-shadow: inset 0 0 0 1px !important;
        color: var(--everstream-blue);
      }
.risk-carousel-container .flickity-prev-next-button:hover {
      background-color: transparent;
    }
/* arrow color */
.risk-carousel-container .flickity-prev-next-button .arrow {
      fill: var(--everstream-blue);
    }
.risk-carousel-container .flickity-prev-next-button.no-svg {
      color: var(--everstream-blue);
    }
.risk-carousel-container .flickity-prev-next-button .flickity-button-icon {
      width: 40% !important;
      height: 60% !important;
      left: 27% !important;
    }
/* position outside */
.risk-carousel-container .flickity-prev-next-button.previous {
      left: 73px;
      top: auto;
      bottom: -75px;
    }
@media (min-width: 768px) {
.risk-carousel-container .flickity-prev-next-button.previous {
        top: 50%;
        bottom: auto;
        left: -70px
    }
      }
@media (min-width: 1440px) {
.risk-carousel-container .flickity-prev-next-button.previous {
        left: -134px
    }
      }
.risk-carousel-container .flickity-prev-next-button.next {
      right: 73px;
      top: auto;
      bottom: -75px;
    }
@media (min-width: 768px) {
.risk-carousel-container .flickity-prev-next-button.next {
        top: 50%;
        bottom: auto;
        right: -70px
    }
      }
@media (min-width: 1440px) {
.risk-carousel-container .flickity-prev-next-button.next {
        right: -134px
    }
      }
/* Change the page dots to numerical values to match wireframe */
.risk-carousel-container .flickity-page-dots {
      position: relative;
      left: 50%;
      top: 44px;
      width: 70px;
      height: 20px;
      margin-left: -35px;

      opacity: 0;
    }
.risk-carousel-container .flickity-page-dots.active {
        -webkit-animation: revealFlickity 1000ms ease 0.8s forwards;
                animation: revealFlickity 1000ms ease 0.8s forwards;
      }
.risk-carousel-container .flickity-page-dots:before {
        color: var(--gray-6);
        content: "/";
      }
.risk-carousel-container .flickity-page-dots .dot,
      .risk-carousel-container .flickity-page-dots .dot:before,
      .risk-carousel-container .flickity-page-dots .dot:after {
        float: left;
        width: 30px;
        height: 20px;
      }
.risk-carousel-container .flickity-page-dots .dot {
        counter-increment: carousel-cell;
        position: absolute;
        left: 0;
        margin: 0;
        opacity: 1;
      }
.risk-carousel-container .flickity-page-dots .dot.is-selected {
          z-index: 1;
        }
.risk-carousel-container .flickity-page-dots .dot:before {
          color: var(--everstream-blue);
          content: counter(carousel-cell);
          background-color: var(--page-bg);
          text-align: right;
          padding-right: 8px;
        }
@media(min-width: 1440px){
.risk-carousel-container .flickity-page-dots .dot:before {
            padding-right: 12px
        }
          }
.risk-carousel-container .flickity-page-dots .dot:last-child:after {
          color: var(--everstream-blue);
          content: counter(carousel-cell);
          position: absolute;
          top: 0;
          right: -40px;
          text-align: left;
          padding-left: 8px;
        }
@media(min-width: 1440px){
.risk-carousel-container .flickity-page-dots .dot:last-child:after {
            padding-left: 12px
        }
          }
.risk-cards-container{
    margin-left: auto;
    margin-right: auto;
    display: flex;
    height: auto;
    width: 100%;
    justify-content: space-between;
    max-width: 1400px;
    min-height: 375px;
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 9px;
    padding-bottom: 9px;
}
.risk-card {
    width: 100%;
    max-width: 465px;
    background-image: url(images/3c2515c15b949abd3995.svg);
    background-repeat: repeat;
    background-position: center;
    background-size: 25%;
    background-color: transparent;
    margin-right: 33px;
    transition: -webkit-clip-path 500ms ease;
    transition: clip-path 500ms ease;
    transition: clip-path 500ms ease, -webkit-clip-path 500ms ease;
    transition-delay: 700ms;
    -webkit-clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
            clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
  }
.risk-card.active {
      -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
              clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
    }
@media (min-width: 768px) {
.risk-card {
      width: 47%
  }
    }
@media (min-width: 1440px) {
.risk-card {
      width: 31.3%
  }
    }
@media (min-width: 1800px) {
.risk-card {
      width: 50%;
      max-width: 438px
  }
    }
.risk-card-bottom{
    position: relative;
    height: 100%;
      padding-top: 29px;
      padding-bottom: 18px;
      padding-left: 21px;
      padding-right: 21px;
}
.risk-card-title {
      height: auto;
      max-height: 82px;
      overflow: hidden;
    }
@media(min-width: 1440px){
.risk-card-title {
        max-height: 96px
    }
      }
.risk-card-title-link h3 {
        transition: all 150ms ease;
      }
.risk-card-title-link h3:focus, .risk-card-title-link h3:hover{
    color: var(--white) !important;
    -webkit-text-decoration-line: underline !important;
            text-decoration-line: underline !important;
}
.risk-card-date {
      height: auto;
      max-height: 42px;
      overflow: hidden;
      margin-top: 17px;
      margin-bottom: 17px;
    }
.risk-card-date-banner{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: var(--everstream-orange);
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 12px;
    padding-right: 12px;
        color: var(--white) !important;
}
.risk-card-date.capitalize {
        text-transform: capitalize;
      }
.risk-card-desc {
      height: auto;
      max-height: 80px;
      overflow: hidden;
      margin-bottom: 50px;
    }
.risk-card-link{
    position: absolute;
      bottom: 18px;
      left: 0px;
}
.risk-card-link::after {
        background-color: var(--everstream-orange) !important;
        color: var(--everstream-orange) !important;
      }
.risk-card-link:focus, .risk-card-link:hover{
    border-style: none !important;
        box-shadow: none;
        -webkit-text-decoration: var(--everstream-orange) underline ;
                text-decoration: var(--everstream-orange) underline ;
}
.risk-card-asset{
    position: relative;
    height: 100%;
    width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
}
.risk-card-asset-container{
    width: 100%;
        height: 197px;
}
/* .flickity-viewport {
    height: 560px !important;
  } */
[data-theme="light"] .risk-carousel-section-title{
    font-family: Raleway, sans-serif !important;
    color: var(--everstream-blue) !important;
}
.text-animate [data-theme="light"] .risk-carousel-section-title {
    will-change: auto !important;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    ) !important;
    background-size: 300% !important;
  }
.blog-section .blog-post-wrapper .blog-post .img-wrapper-date [data-theme="light"] .risk-carousel-section-title {
            background-image: linear-gradient(
              90deg,
              white 0%,
              white 50%,
              var(--everstream-blue) 50%,
              var(--everstream-blue) 100%
            ) !important;
            background-size: 200% !important;
          }
.text-animate [data-theme="light"] .risk-carousel-section-title {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    ) !important;
    background-size: 400% !important;
  }
.text-animate [data-theme="light"] .risk-carousel-section-title p {
      box-decoration-break: clone !important;
      -webkit-box-decoration-break: clone !important;
      -webkit-background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
    }
[data-theme="light"] .risk-carousel-container .corner-top-left,
        [data-theme="light"] .risk-carousel-container .corner-top-right,
        [data-theme="light"] .risk-carousel-container .corner-bottom-left,
        [data-theme="light"] .risk-carousel-container .corner-bottom-right {
          display: none;
        }
[data-theme="light"] .risk-card {
      background-image: none;
    }
[data-theme="light"] .risk-card-bottom{
    padding-left: 0px;
    padding-right: 0px;
        border-bottom: 1px solid var(--gray-6) !important;
}
[data-theme="light"] .risk-card-title{
    font-family: Raleway, sans-serif !important;
    color: var(--gray-1) !important;
}
.text-animate [data-theme="light"] .risk-card-title {
    will-change: auto !important;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-1) 50%,
      var(--gray-1) 100%
    ) !important;
    background-size: 200% !important;
  }
[data-theme="light"] .risk-card-title-link {
        transition: all 150ms ease;
      }
[data-theme="light"] .risk-card-title-link h3:focus, [data-theme="light"] .risk-card-title-link h3:hover{
    color: var(--everstream-blue) !important;
    -webkit-text-decoration-line: underline !important;
            text-decoration-line: underline !important;
}
.text-animate [data-theme="light"] .risk-card-title-link h3:focus, .text-animate [data-theme="light"] .risk-card-title-link h3:hover {
    will-change: auto !important;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    ) !important;
    background-size: 300% !important;
  }
.blog-section .blog-post-wrapper .blog-post .img-wrapper-date [data-theme="light"] .risk-card-title-link h3:focus, .blog-section .blog-post-wrapper .blog-post .img-wrapper-date [data-theme="light"] .risk-card-title-link h3:hover {
            background-image: linear-gradient(
              90deg,
              white 0%,
              white 50%,
              var(--everstream-blue) 50%,
              var(--everstream-blue) 100%
            ) !important;
            background-size: 200% !important;
          }
.text-animate [data-theme="light"] .risk-card-title-link h3:focus, .text-animate [data-theme="light"] .risk-card-title-link h3:hover {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    ) !important;
    background-size: 400% !important;
  }
.text-animate [data-theme="light"] .risk-card-title-link h3:focus p, .text-animate [data-theme="light"] .risk-card-title-link h3:hover p {
      box-decoration-break: clone !important;
      -webkit-box-decoration-break: clone !important;
      -webkit-background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
    }
[data-theme="light"] .risk-card-date{
    font-family: Work Sans, sans-serif !important;
    color: var(--gray-3) !important;
}
.text-animate [data-theme="light"] .risk-card-date {
    will-change: auto !important;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    ) !important;
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    ) !important;
    background-size: 200% !important;
  }
.text-animate [data-theme="light"] .risk-card-date p {
      box-decoration-break: clone !important;
      -webkit-box-decoration-break: clone !important;
      -webkit-background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
    }
[data-theme="light"] .risk-card-desc{
    font-family: Work Sans, sans-serif !important;
    color: var(--gray-2) !important;
}
.text-animate [data-theme="light"] .risk-card-desc {
    will-change: auto !important;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-2) 50%,
      var(--gray-2) 100%
    ) !important;
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-2) 50%,
      var(--gray-2) 100%
    ) !important;
    background-size: 200% !important;
  }
.text-animate [data-theme="light"] .risk-card-desc p {
      box-decoration-break: clone !important;
      -webkit-box-decoration-break: clone !important;
      -webkit-background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
    }
[data-theme="light"] .risk-card-desc {
        max-height: 80px;
      }
[data-theme="light"] .risk-card-link {
        text-decoration: none !important;
      }
[data-theme="light"] .risk-card-link.btn-bordered{
    background-color: var(--everstream-orange);
    padding-top: 4px;
    padding-bottom: 4px;
    font-family: Work Sans, sans-serif;
    font-weight: 500;
          color: var(--black);
          overflow: hidden;
          border-radius: 0px 0px 0px 0px;
          border: none;
          transition: all 500ms ease;
}
[data-theme="light"] .risk-card-link.btn-bordered .btn-text {
            color: var(--black);
          }
[data-theme="light"] .risk-card-link.btn-bordered::before {
            content: " ";
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            inset: 0 0 0 0;
            /* background: hsl(200 100% 80%); */
            background: var(--data-viz-blue-2);
            z-index: 1;
            transition: transform 500ms ease;
            transform: scaleX(0);
            transform-origin: bottom right;
          }
[data-theme="light"] .risk-card-link.btn-bordered:focus::before,
          [data-theme="light"] .risk-card-link.btn-bordered:hover::before {
            transform: scaleX(1);
            transform-origin: bottom left;
          }
[data-theme="light"] .risk-card-link.btn-bordered:focus,
          [data-theme="light"] .risk-card-link.btn-bordered:hover {
            border-radius: 0px 0px 12px 0px;
          }
[data-theme="light"] .risk-card-link.btn-arrow::after {
            color: var(--black) !important;
            background-color: var(--black) !important;
          }
[data-theme="light"] .risk-card-link .btn-text{
    font-family: Work Sans, sans-serif !important;
    font-size: 14px !important;
    line-height: 20px !important;
}
[data-theme="dark"] {

  /* .flickity-viewport {
    height: 560px !important;
  } */
}
[data-theme="dark"] .risk-card-link{
    font-size: 14px;
    line-height: 20px;
}
@media (min-width: 1440px){
    [data-theme="dark"] .risk-card-link{
        font-size: 16px;
        line-height: 22px;
    }
}
.semibold-work-sans[data-theme="dark"] .risk-card-link {
      letter-spacing: 3px !important;
    }
[data-theme="dark"] .risk-card-desc{
    color: var(--gray-4) !important;
}
[data-theme="dark"] .dot{
    font-family: Chakra Petch, sans-serif;
}
[data-theme="dark"] .risk-carousel-section-title {
    letter-spacing: 5px;
  }
@keyframes cornerShift {
  0% {
    right: 93%;
  }
  100% {
    right: 0%;
  }
}
@keyframes fadeBlink {
  0%{
      opacity: 0;
  }
  20%{
      opacity: 0.33;
  }
  40%{
      opacity: 0;
  }
  60%{
      opacity: 0.66;
  }
  80%{
      opacity: 0;
  }
  100%{
      opacity: 1;
  }
}
@-webkit-keyframes revealFlickity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes revealFlickity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes revealFlickityDisabled {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.3;
  }
}
@keyframes revealFlickityDisabled {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.3;
  }
}
.solutions-section-wrapper{
    position: relative;
    margin-bottom: 200px;
}
@media (min-width: 1440px){
    .solutions-section-wrapper{
        display: flex;
    }
}
.solutions-section-wrapper {
  height: 95vh;
}
@media (max-width: 1440px) {
.solutions-section-wrapper {
    height: 100% !important
}
  }
.solutions-section-wrapper{

  -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);

          clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  transition: ease 600ms all;
}
.solutions-section-wrapper.active {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 120%, 0% 120%);
            clip-path: polygon(0 0, 100% 0, 100% 120%, 0% 120%);
  }
.solutions-section-wrapper .solutions-text-wrapper{
    background-color: var(--everstream-blue);
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 64px;
    padding-top: 40px;
    color: var(--white);
}
@media (min-width: 768px){
    .solutions-section-wrapper .solutions-text-wrapper{
        padding-left: 120px;
        padding-right: 120px;
    }
}
@media (min-width: 1440px){
    .solutions-section-wrapper .solutions-text-wrapper{
        height: 100vh;
        width: 33.333333%;
        padding-left: 64px;
        padding-right: 64px;
        padding-bottom: 120px;
        padding-top: 72px;
    }
}
.solutions-section-wrapper .solutions-text-wrapper {
    box-sizing: border-box;
    min-height: 600px;
    max-height: 95vh;
  }
@media (min-width: 767px) {
.solutions-section-wrapper .solutions-text-wrapper {
      min-height: 500px
  }
    }
@media (min-width: 1440px) {
.solutions-section-wrapper .solutions-text-wrapper {
      min-width: 700px
  }
    }
.solutions-section-wrapper .solutions-text-wrapper .solutions-card-supertitle{
    margin-bottom: 12px;
    text-transform: uppercase;
    color: var(--white);
      letter-spacing: 5px;
}
.solutions-section-wrapper .solutions-text-wrapper .text-animation-wrapper{
    display: flex;
    height: 100%;
    flex-direction: column;
}
.solutions-section-wrapper .solutions-text-wrapper .text-animation-wrapper .asset-text{
    margin-top: auto;
}
.solutions-section-wrapper .solutions-text-wrapper .text-animation-wrapper .asset-text p {
          color: white;
        }
.solutions-section-wrapper .solutions-text-wrapper .text-animation-wrapper .asset-text a {
          color: white !important;
          -webkit-text-decoration-color: white !important;
                  text-decoration-color: white !important;
          text-decoration: underline !important;
          transition: ease 300ms all;
        }
.solutions-section-wrapper .solutions-text-wrapper .text-animation-wrapper .asset-text a:visited {
            color: white !important;
            -webkit-text-decoration-color: white !important;
                    text-decoration-color: white !important;
            text-decoration: underline !important;            
          }
.solutions-section-wrapper .solutions-text-wrapper .text-animation-wrapper .asset-text a:hover,
          .solutions-section-wrapper .solutions-text-wrapper .text-animation-wrapper .asset-text a:focus {
            color: var(--everstream-orange) !important;
            -webkit-text-decoration-color: var(--everstream-orange) !important;
                    text-decoration-color: var(--everstream-orange) !important;
            text-decoration: underline !important;      
          }
@media (min-width: 1440px){
    .solutions-section-wrapper .asset-container{
        width: 66.666667%;
    }
}
.solutions-section-wrapper .asset-container {
    height: 95vh;
  }
.solutions-section-wrapper .asset-container .flickity-page-dots {
      display: none;
    }
.solutions-section-wrapper .asset-container .flickity-button {
      border-radius: 0;
      background-color: var(--everstream-orange);
      top: -22px;
      transform: none;
      margin: 0 auto;
    }
.solutions-section-wrapper .asset-container .flickity-button.next {
        right: 0px !important;
        left: 75px !important;
      }
.solutions-section-wrapper .asset-container .flickity-button.previous {
        left: 0px ;
        right: 75px !important;
      }
.solutions-section-wrapper .asset-container .flickity-button::before {
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        inset: 0 0 0 0;
        /* background: hsl(200 100% 80%); */
        background: var(--data-viz-blue-2);
        z-index: 1;
        transition: transform 500ms ease;
        transform: scaleX(0);
        transform-origin: bottom right;
      }
.solutions-section-wrapper .asset-container .flickity-button:hover,
      .solutions-section-wrapper .asset-container .flickity-button:focus {
        background-color: var(--everstream-orange);
        transform: scaleX(1);
        transform-origin: bottom right;
        border-radius: 0px 0px 16px 0px;
      }
/* &.next:focus::before,
      &.next:hover::before {
        transform: scaleX(1);
        transform-origin: bottom right;
        border-radius: 0px 0px 16px 0px;
      } */
.solutions-section-wrapper .asset-container .flickity-button.next:focus::before,
      .solutions-section-wrapper .asset-container .flickity-button.next:hover::before,
      .solutions-section-wrapper .asset-container .flickity-button.previous:focus::before,
      .solutions-section-wrapper .asset-container .flickity-button.previous:hover::before {
        transform: scaleX(1);
        transform-origin: bottom right;
        border-radius: 0px 0px 16px 0px;
      }
@media (min-width: 1440px) {
.solutions-section-wrapper .asset-container .flickity-button {
        top: initial;
        //bottom: -22px;
        bottom: -37px;
        margin: initial;
        height: 72px;
        width: 72px
    }

        .solutions-section-wrapper .asset-container .flickity-button.previous {
          left: -125px !important;
        }

        .solutions-section-wrapper .asset-container .flickity-button.next {
          left: -65px !important;
        }
      }
@media (min-width: 1800px) {
.solutions-section-wrapper .asset-container .flickity-button {
        top: initial
    }

        .solutions-section-wrapper .asset-container .flickity-button.previous {
          left: 0 !important;
          transform: translateX(-800%);
        }
        .solutions-section-wrapper .asset-container .flickity-button.next {
          left: 0 !important;
          transform: translateX(-100%);
        }
      }
.solutions-section-wrapper .asset-container .flickity-button .flickity-button-icon {
        z-index: 10;
        width: 40%;
        height: 60%;
        top: 20%;
        left: 28%;
      }
.solutions-section-wrapper .asset-container .flickity-viewport {
      overflow: hidden;
      position: relative;
      /* height: 100vh !important; */
      height: 95vh !important;
    }
@media (max-width: 768px) {
.solutions-section-wrapper .asset-container .flickity-viewport {
        height: 350px !important
    }
      }
@media (max-width: 1439px) {
.solutions-section-wrapper .asset-container .flickity-viewport {
        height: 585px !important
    }
      }
.solutions-section-wrapper .asset-container .carousel-cell {
      height: 100%;
    }
@media (min-width: 1440px){
    .solutions-section-wrapper .asset-container .carousel-cell{
        height: 100%;
    }
}
.solutions-section-wrapper .asset-container .carousel-cell {
      width: 100%;
    }
.solutions-section-wrapper .asset-container .carousel-cell img {
        height: 100%;
        width: 100%;
      }
@media (min-width: 1440px){
    .solutions-section-wrapper .asset-container .carousel-cell img{
        height: 100vh;
        width: 100vw;
    }
}
.solutions-section-wrapper .asset-container .carousel-cell img {
        -o-object-fit: cover;
           object-fit: cover;
      }
.solutions-section-wrapper .carousel-nav{
    position: absolute;
    display: none;
}
.modal-overlay .solutions-section-wrapper .carousel-nav {
    opacity: 0;
    transition: all 500ms;
  }
.solutions-section-wrapper .carousel-nav {
    width: 450px;
    bottom: -65px;
    transform: translateX(-114%);
  }
@media (min-width: 1400px) {
.solutions-section-wrapper .carousel-nav {
      display: block
  }
    }
.solutions-section-wrapper .carousel-nav .flickity-slider {
      transform: none;
      cursor: pointer;
    }
.solutions-section-wrapper .carousel-nav .flickity-viewport {
      height: 100px !important;
    }
.solutions-section-wrapper .carousel-nav .carousel-thumb {
      height: 72px;
      width: 95px;
      margin-right: 8px;
    }
.solutions-section-wrapper .carousel-nav .carousel-thumb:nth-child(2) {
        transform: translateX(108.42%);
      }
.solutions-section-wrapper .carousel-nav .carousel-thumb:nth-child(3) {
        transform: translateX(216.84%);
      }
.solutions-section-wrapper .carousel-nav .carousel-thumb:nth-child(4) {
        transform: translateX(325.26%);
      }
.solutions-section-wrapper .carousel-nav .carousel-thumb.is-selected::after {
          content: "";
          position: absolute;
          width: 95px;
          bottom: -10px;
          height: 4px;
          background-color: var(--everstream-blue);
        }
.solutions-section-wrapper .carousel-nav .carousel-thumb img {
        height: 100%;
      }
.scroll-container{
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
        padding-top: 230px;
        padding-bottom: 140px;
}
@media (min-width: 768px) {
.scroll-container {
            padding-top: 171px;
            padding-bottom: 390px
    }
        }
@media (min-width: 1440px) {
.scroll-container {
            padding-right: 60px;
            padding-top: 260px;
            padding-bottom: 260px
            /* max-height: 1080px; */
    }
        }
.scroll-box{
    position: relative;
    height: 100%;
    width: 100%;
    background-color: var(--everstream-blue);
        height: 1670px;
        max-height: 1670px;
}
@media (min-width: 1440px) {
.scroll-box {
            max-height: 1680px
    }
        }
.scroll-box-text{
    position: absolute;
    right: 44px;
    left: auto;
    height: 100%;
    width: 100%;
            z-index: 20;
            top: 94px;
            right: auto;
            left: 12px;
            max-width: 420px;
            max-height: 200px;
}
.scroll-box-text .js-fade-text {
                opacity: 0;
                transition: all 500ms ease;
            }
@media (min-width: 768px) {
.scroll-box-text {
                left: auto;
                right: 44px;
                max-width: 420px;
                max-height: 200px
        }
                
            }
@media (min-width: 1440px) {
.scroll-box-text {
                left: auto;
                right: 44px;
                max-width: 600px;
                max-height: 200px
        }
            }
.scroll-box-text-visible {
                max-height: 192px;
            }
.scroll-box-text-fadein {
                max-height: 192px;
            }
.scroll-box-text .js-fixed-text {
                max-height: 192px;
                overflow: hidden;
            }
.scroll-box-descript{
    position: absolute;
    height: 100%;
    width: 100%;
            z-index: 99;
            top: 75%;
            right: auto;
            left: 12px;
            max-width: 420px;
            min-height: 203px;
            max-height: 203px;
}
.scroll-box-descript .desc-text{
    height: 100%;
    width: 100%;
    color: var(--white);
                max-width: 365px;
                max-height: 115px;    
                overflow: hidden;
}
@media (max-width: 768px){
                .scroll-box-descript .desc-text {
                    margin-bottom: 42px;
                }
            }
@media (min-width: 768px) {
.scroll-box-descript {
                top: 68%;
                right: 42px;
                left: auto;
                max-width: 420px

        }

                .scroll-box-descript .desc-text {
                    max-width: 420px;    
                    margin-bottom: 42px;
                }
            }
@media (min-width: 1440px) {
.scroll-box-descript {
                top: 88%;
                right: 102px;
                left: auto;
                max-width: 540px

        }

                .scroll-box-descript .desc-text{
        margin-bottom: 48px;
                    max-width: 540px;
                    max-height: 130px;
    }
            }
.scroll-box-left{
    position: relative;
    height: 100%;
    width: 100%;
            /* height: 1670px; */
            height: calc(100% + 555px);
            z-index: 20;
}
@media (min-width: 768px) {
.scroll-box-left{
        width: 100%;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                height: calc(100% + 755px);
    }
            }
@media (min-width: 1440px) {
.scroll-box-left{
        width: 57%;
                height: 1670px;
                position: relative;
                top: auto;
                left: auto;
                transform: none;
    }
            }
.scroll-box .laptop-overlay{
    position: absolute;
    height: 100%;
    width: 100%;
            z-index: 20;
            bottom: 0px;
            left: auto;
            right: auto;
            max-width: 1309px;
            max-height: 755px;
            height: 755px;
            background-repeat: no-repeat;
            background-position: top center;
            background-size: contain;
}
@media (min-width: 768px) {
.scroll-box .laptop-overlay {
                bottom: 0px;
                left: 0px;
                right: auto
        }
            }
@media (min-width: 1440px) {
.scroll-box .laptop-overlay {
                bottom: -230px;
                left: 0px;
                background-position: center
        }
            }
@media (min-width: 1920px) {
.scroll-box .laptop-overlay {
                bottom: -230px;
                left: 200px;
                max-width: 1500px
        }
            }
.scroll-box-overlay{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
            z-index:1;
            -o-object-fit: cover;
               object-fit: cover;
}
.scroll-box-fallback{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
            z-index:0;
            -o-object-fit: cover;
               object-fit: cover;
}
.scroll-top-text{
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
        max-width: 360px;
        max-height: 250px;
        right: auto;
        left: 16px;
        z-index: 99;
}
@media (min-width: 768px) {
.scroll-top-text {
            left: auto;
            right: 43px;
            max-width: 420px
    }
        }
@media (min-width: 1440px) {
.scroll-top-text {
            max-width: 600px;
            left: auto;
            right: 105px
    }
        }
.scroll-top-text::before{
    position: absolute;
    right: 0px;
    left: auto;
    height: 100%;
    width: 100%;
            content: "";
            top: 65px;
            max-width: 350px;
            max-height: 235px;
            background-image: url(images/cadd47069522f986f331.svg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
}
@media (min-width: 768px) {
.scroll-top-text::before{
        top: 0px;
        right: auto;
                max-width: 350px;
                max-height: 254px;
                height: 254px;
                left: -370px;
    }
            }
@media (min-width: 1440px) {
.scroll-top-text::before{
        top: 0px;
        right: auto;
                max-width: 472px;
                max-height: 420px;
                height: 420px;
                left: -525px;
    }
            }
.scroll-button{
    position: relative;
        z-index: 99;
}
.media-page-section{
    margin-top: 72px;
    margin-bottom: 0px;
    padding-left: 16px;
    padding-right: 16px;
}
@media (min-width: 768px){
    .media-page-section{
        margin-bottom: 88px;
    }
}
@media (min-width: 1440px){
    .media-page-section{
        margin-left: auto;
        margin-right: auto;
    }
}
.media-page-section {
    max-width: 1800px;
  }
.media-page-section .media-page-title-wrapper{
    margin-bottom: 32px;
}
@media (min-width: 768px){
    .media-page-section .media-page-title-wrapper{
        margin-bottom: 56px;
    }
}
@media (min-width: 1440px){
    .media-page-section .media-page-title-wrapper{
        margin-bottom: 72px;
    }
}
.media-page-section .media-page-title-wrapper .media-page-supertitle{
    text-transform: uppercase;
    color: var(--gray-3);
    font-size: 14px;
    line-height: 20px;
}
@media (min-width: 1440px){
    .media-page-section .media-page-title-wrapper .media-page-supertitle{
        font-size: 16px;
        line-height: 22px;
    }
}
.semibold-work-sans.media-page-section .media-page-title-wrapper .media-page-supertitle {
      letter-spacing: 3px;
    }
.text-animate .media-page-section .media-page-title-wrapper .media-page-supertitle {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-size: 200%;
  }
.text-animate .media-page-section .media-page-title-wrapper .media-page-supertitle p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.media-page-section .media-page-title-wrapper .media-page-supertitle {
        letter-spacing: 2px;
      }
.media-page-section .media-page-title-wrapper .media-page-title{
    color: var(--gray-1);
    font-size: 48px;
    line-height: 56px;
}
@media (min-width: 768px){
    .media-page-section .media-page-title-wrapper .media-page-title{
        font-size: 72px;
        line-height: 80px;
    }
}
@media (min-width: 1440px){
    .media-page-section .media-page-title-wrapper .media-page-title{
        font-size: 104px;
        line-height: 116px;
    }
}
.media-page-section .media-page-title-wrapper .media-page-title{
    font-family: Raleway, sans-serif;
    font-weight: 700;
}
.semibold-work-sans.media-page-section .media-page-title-wrapper .media-page-title {
      letter-spacing: 6px;
    }
.media-page-section .media-page-title-wrapper .media-page-title{
    font-family: Raleway, sans-serif;
    font-weight: 700;
}
.text-animate .media-page-section .media-page-title-wrapper .media-page-title {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-1) 50%,
      var(--gray-1) 100%
    );
    background-size: 200%;
  }
@media (min-width: 1440px){
    .media-page-section .media-container{
        display: flex;
        flex-wrap: wrap;
    }
}
.media-page-section .media-container {
      gap: 64px;
    }
.media-page-section .media-card{
    margin-bottom: 56px;
}
@media (min-width: 768px){
    .media-page-section .media-card{
        display: flex;
    }
}
@media (min-width: 1440px){
    .media-page-section .media-card{
        margin-bottom: 0px;
    }
}
.media-page-section .media-card {
      width: calc(50% - 64px);
    }
@media (max-width: 1440px) {
.media-page-section .media-card {
        width: 100%
    }
      }
.media-page-section .media-card .btn-text:focus, .media-page-section .media-card .btn-text:hover{
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
}
.media-page-section .media-card-asset{
    display: flex;
    align-items: center;
    justify-content: center;
        height: 100px;
        border: 1px solid var(--gray-6);
}
@media (min-width: 768px) {
.media-page-section .media-card-asset {
          height: 220px;
          min-width: 220px;
          max-width: 220px
      }
        }
.media-page-section .media-card-asset img{
    margin-left: auto;
    margin-right: auto;
    height: auto;
    width: 100%;
          -o-object-fit: contain !important;
             object-fit: contain !important;
          align-self: center;
}
@media (min-width: 768px){
    .media-page-section .media-card-text{
        margin-left: 32px;
    }
}
.media-page-section .media-card-text .media-card-link .media-card-title{
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
}
.media-page-section .media-card-text .media-card-link .media-card-title:hover, .media-page-section .media-card-text .media-card-link .media-card-title:focus{
    color: var(--everstream-blue);
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
}
.text-animate .media-page-section .media-card-text .media-card-link .media-card-title:hover, .text-animate .media-page-section .media-card-text .media-card-link .media-card-title:focus {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    );
    background-size: 300%;
  }
.blog-section .blog-post-wrapper .blog-post .img-wrapper-date .media-page-section .media-card-text .media-card-link .media-card-title:hover, .blog-section .blog-post-wrapper .blog-post .img-wrapper-date .media-page-section .media-card-text .media-card-link .media-card-title:focus {
            background-image: linear-gradient(
              90deg,
              white 0%,
              white 50%,
              var(--everstream-blue) 50%,
              var(--everstream-blue) 100%
            );
            background-size: 200%;
          }
.text-animate .media-page-section .media-card-text .media-card-link .media-card-title:hover, .text-animate .media-page-section .media-card-text .media-card-link .media-card-title:focus {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    );
    background-size: 400%;
  }
.text-animate .media-page-section .media-card-text .media-card-link .media-card-title:hover p, .text-animate .media-page-section .media-card-text .media-card-link .media-card-title:focus p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.media-page-section .media-card-text .media-card-title{
    margin-top: 16px;
    margin-bottom: 16px;
    color: var(--gray-1);
    font-size: 18px;
    line-height: 24px;
}
@media (min-width: 1440px){
    .media-page-section .media-card-text .media-card-title{
        font-size: 20px;
        line-height: 28px;
    }
}
.media-page-section .media-card-text .media-card-title{
    font-family: Raleway, sans-serif;
    font-weight: 700;
}
.semibold-work-sans.media-page-section .media-card-text .media-card-title {
      letter-spacing: 5px;
    }
.media-page-section .media-card-text .media-card-title{
    font-family: Raleway, sans-serif;
    font-weight: 700;
}
.text-animate .media-page-section .media-card-text .media-card-title {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-1) 50%,
      var(--gray-1) 100%
    );
    background-size: 200%;
  }
.media-page-section .media-card-text .media-card-date{
    margin-bottom: 16px;
    color: var(--gray-3);
    font-size: 14px;
    line-height: 20px;
}
@media (min-width: 1440px){
    .media-page-section .media-card-text .media-card-date{
        font-size: 16px;
        line-height: 22px;
    }
}
.semibold-work-sans.media-page-section .media-card-text .media-card-date {
      letter-spacing: 3px;
    }
.media-page-section .media-card-text .media-card-date{
    font-family: Work Sans, sans-serif;
    font-weight: 400;
}
.text-animate .media-page-section .media-card-text .media-card-date {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-size: 200%;
  }
.text-animate .media-page-section .media-card-text .media-card-date p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.media-page-section .media-card-text .media-card-description{
    margin-bottom: 24px;
    color: var(--gray-2);
    font-size: 14px;
    line-height: 20px;
}
@media (min-width: 1440px){
    .media-page-section .media-card-text .media-card-description{
        font-size: 16px;
        line-height: 22px;
    }
}
.semibold-work-sans.media-page-section .media-card-text .media-card-description {
      letter-spacing: 3px;
    }
.media-page-section .media-card-text .media-card-description{
    font-family: Work Sans, sans-serif;
    font-weight: 400;
}
.text-animate .media-page-section .media-card-text .media-card-description {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-2) 50%,
      var(--gray-2) 100%
    );
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-2) 50%,
      var(--gray-2) 100%
    );
    background-size: 200%;
  }
.text-animate .media-page-section .media-card-text .media-card-description p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.media-page-section .media-card-text .btn-arrow:after {
            right: -20px;
            top: 9px;
            width: 18px;
            height: 18px;
            background-color: var(--everstream-blue);
          }
@media (min-width: 768px) {
.media-page-section .media-card-text {
          max-width: 550px;
          width: 100%
      }
        }
/* ------------------
 * Regions
 * ------------------ */
.header{
    display: flex;
    height: 64px;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    padding-left: 16px;
    padding-right: 16px;
}
@media (min-width: 768px){
    .header{
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media (min-width: 1440px){
    .header{
        overflow: visible;
        padding-left: 56px;
        padding-right: 56px;
    }
}
.header {
  z-index: 40 !important;
  position: relative;
}
/* @media (min-width: 1800px) {
    padding-left: 0px;
    margin: 0 auto;
  } */
.header-logo{
    margin-right: 48px;
    height: 24px;
}
@media (min-width: 1440px){
    .header-logo{
        height: 32px;
        padding-right: 16px;
    }
}
@media (min-width: 1600px){
    .header-logo{
        margin-right: 88px;
    }
}
@media (max-width: 1440px) {
.header-logo {
      height: 26px
  }
    }
.header-logo img {
      height: 100%;
      max-height: 100%;
    }
/* max-width: 1800px; */
.header-row{
    display: none;
}
.modal-overlay .header-row {
    opacity: 0;
    transition: all 500ms;
  }
@media (min-width: 1200px) {
.header-row{
        margin-right: 24px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
@media (min-width: 1440px){
        .header-row{
            margin-right: 0px;
        }
    }
    }
.header-row-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (min-width: 1200px) {
.header-row-container{
        flex: 1 1 0%;
    }
      }
.header-row-text{
    position: relative;
    margin-right: 24px;
    cursor: pointer;
    font-size: 12px;
    line-height: 16px;
}
@media (min-width: 1440px){
    .header-row-text{
        font-size: 14px;
        line-height: 20px;
    }
}
.semibold-work-sans.header-row-text {
      letter-spacing: 3px;
    }
@media (min-width: 1440px){
    .header-row-text{
        margin-right: 32px;
    }
}
.header-row-text {
      padding: 12px 26px 12px 12px;
      color: var(--light-gray-1);
      transition: all 0.2s ease-in-out;
    }
.header-row-text:after {
        position: absolute;
        bottom: 0px;
        left: 50%;
        content: "";
        transition: all 150ms linear;
        width: 0;
        height: 1px;
        background: var(--gray-1);
      }
/* hover states for navigation bar */
.header-row-text:hover:after, .header-row-text:focus:after {
          width: 100%;
          margin-left: -50%;
        }
.header-row-cta{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-row-cta-btn{
    margin-right: 24px;
    display: none;
}
.modal-overlay .header-row-cta-btn {
    opacity: 0;
    transition: all 500ms;
  }
@media (min-width: 768px){
    .header-row-cta-btn{
        display: block;
    }
}
@media (min-width: 1440px){
    .header-row-cta-btn{
        margin-right: 44px;
    }
}
.header-row-cta-number{
    margin-right: 24px;
    display: none;
    color: var(--everstream-blue);
    font-size: 12px;
    line-height: 16px;
}
@media (min-width: 1440px){
    .header-row-cta-number{
        font-size: 14px;
        line-height: 20px;
    }
}
.semibold-work-sans.header-row-cta-number {
      letter-spacing: 3px;
    }
.text-animate .header-row-cta-number {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    );
    background-size: 300%;
  }
.blog-section .blog-post-wrapper .blog-post .img-wrapper-date .header-row-cta-number {
            background-image: linear-gradient(
              90deg,
              white 0%,
              white 50%,
              var(--everstream-blue) 50%,
              var(--everstream-blue) 100%
            );
            background-size: 200%;
          }
.text-animate .header-row-cta-number {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    );
    background-size: 400%;
  }
.text-animate .header-row-cta-number p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.modal-overlay .header-row-cta-number {
    opacity: 0;
    transition: all 500ms;
  }
@media (min-width: 768px){
    .header-row-cta-number{
        display: block;
    }
}
@media (min-width: 1440px){
    .header-row-cta-number{
        margin-right: 44px;
    }
}
.header-row-cta-divider{
    margin-right: 24px;
    display: none;
    height: 40px;
    width: 1px;
    background-color: var(--gray-5);
}
.modal-overlay .header-row-cta-divider {
    opacity: 0;
    transition: all 500ms;
  }
@media (min-width: 768px){
    .header-row-cta-divider{
        display: block;
    }
}
@media (min-width: 1440px){
    .header-row-cta-divider{
        margin-right: 44px;
    }
}
.header-row-cta-login{
    position: relative;
    margin-right: 24px;
    display: none;
}
.modal-overlay .header-row-cta-login {
    opacity: 0;
    transition: all 500ms;
  }
@media (min-width: 1440px){
    .header-row-cta-login{
        margin-right: 44px;
    }
}
.header-row-cta-login {
        color: var(--gray-1);
      }
@media (min-width: 1200px) {
.header-row-cta-login{
        display: block;
    }
        }
.header-row-cta-search-wrapper{
    position: relative;
    margin-right: 32px;
    height: 24px;
    width: 24px;
    cursor: pointer;
}
@media (max-width: 1000px) {
.header-row-cta-search-wrapper {
            outline: none
        }
          }
@media (min-width: 1200px) {
.header-row-cta-search-wrapper{
        margin-right: 0px;
    }
          }
.header-row-cta-search{
    height: 24px;
    width: 24px;
        -webkit-mask-image: url(images/e32ceb09c9521ccbfc3d.svg);
                mask-image: url(images/e32ceb09c9521ccbfc3d.svg);
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-position: left;
                mask-position: left;
        -webkit-mask-size: contain;
                mask-size: contain;
        background-color: var(--gray-1);
}
.header-row-cta-search-close{
    top: 0px;
    right: 0px;
    height: 24px;
    width: 24px;
          -webkit-mask-image: url(images/65b45a535923aea723a4.svg);
                  mask-image: url(images/65b45a535923aea723a4.svg);
          -webkit-mask-repeat: no-repeat;
                  mask-repeat: no-repeat;
          -webkit-mask-position: center;
                  mask-position: center;
          -webkit-mask-size: contain;
                  mask-size: contain;
          background-color: var(--gray-1);
}
.header-row-cta-menu{
    position: relative;
    display: block;
    height: 24px;
    width: 24px;
    cursor: pointer;
}
@media (min-width: 1440px){
    .header-row-cta-menu{
        display: none;
    }
}
.header-row-cta-hamburger{
    z-index: 10;
    display: block;
    height: 24px;
    width: 24px;
    cursor: pointer;
        -webkit-mask-image: url(images/ff1b12fea587391fff66.svg);
                mask-image: url(images/ff1b12fea587391fff66.svg);
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-position: left;
                mask-position: left;
        -webkit-mask-size: contain;
                mask-size: contain;
        background-color: var(--gray-1);
}
@media (min-width: 1240px) {
.header-row-cta-hamburger{
        display: none;
    }
.modal-overlay .header-row-cta-hamburger {
    opacity: 0;
    transition: all 500ms;
  }
        }
.header-row-cta-close{
    z-index: 10;
    display: block;
    height: 24px;
    width: 24px;
    cursor: pointer;
}
@media (min-width: 1440px){
    .header-row-cta-close{
        display: none;
    }
}
.header-row-cta-close {
        -webkit-mask-image: url(images/65b45a535923aea723a4.svg);
                mask-image: url(images/65b45a535923aea723a4.svg);
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-position: left;
                mask-position: left;
        -webkit-mask-size: contain;
                mask-size: contain;
        background-color: var(--gray-1);
      }
.header-title{
    margin-top: 12px;
    margin-bottom: 12px;
    font-family: Work Sans, sans-serif;
    font-weight: 600;
    color: var(--gray-1);
    font-size: 14px;
    line-height: 20px;
}
@media (min-width: 1440px){
    .header-title{
        font-size: 16px;
        line-height: 22px;
    }
}
.semibold-work-sans.header-title {
      letter-spacing: 3px;
    }
.text-animate .header-title {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-1) 50%,
      var(--gray-1) 100%
    );
    background-size: 200%;
  }
.header-title {
    letter-spacing: 3px;
  }
.header-dropdown{
    position: relative;
}
.header-dropdown div:first-child:before {
      content: "";
      -webkit-mask-image: url(images/58bbdb4175e12130a508.svg);
              mask-image: url(images/58bbdb4175e12130a508.svg);
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-position: center;
              mask-position: center;
      -webkit-mask-size: contain;
              mask-size: contain;
      background-color: var(--gray-1);
      height: 16px;
      width: 16px;
      position: absolute;
      right: 4px;
      top: 50%;
      transform: translateY(-50%);
    }
.header-dropdown ul {
      position: absolute;
      overflow: hidden;
      max-height: 0;
    }
/* max-width: 0; */
.header-dropdown ul li{
    margin-top: 24px;
    margin-bottom: 24px;
    height: 100%;
    width: 100%;
    color: var(--gray-2);
}
.text-animate .header-dropdown ul li {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-2) 50%,
      var(--gray-2) 100%
    );
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-2) 50%,
      var(--gray-2) 100%
    );
    background-size: 200%;
  }
.text-animate .header-dropdown ul li p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
/* @apply mb-24px px-48px py-24px absolute; */
.header-dropdown ul li{
    position: relative;
    margin-top: 16px;
    margin-bottom: 16px;
    width: 100%;
    padding-left: 48px;
    padding-right: 48px;
    font-family: Work Sans, sans-serif;
    color: var(--gray-2);
    font-size: 14px;
    line-height: 20px;
}
@media (min-width: 1440px){
    .header-dropdown ul li{
        font-size: 16px;
        line-height: 22px;
    }
}
.semibold-work-sans.header-dropdown ul li {
      letter-spacing: 3px;
    }
.text-animate .header-dropdown ul li {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-2) 50%,
      var(--gray-2) 100%
    );
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-2) 50%,
      var(--gray-2) 100%
    );
    background-size: 200%;
  }
.text-animate .header-dropdown ul li p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.header-dropdown ul li {
        min-width: 250px;
      }
.header-dropdown ul li:first-child{
    padding-top: 32px;
}
.header-dropdown ul li:last-child{
    padding-bottom: 32px;
}
/* &:hover {
          @apply text-gray-1;
        } */
.header-dropdown ul li a{
    position: relative;
    display: inline-block;
          transition: all 150ms ease-in-out;
}
.header-dropdown ul li a:after {
            content: "";
            width: 12px;
            height: 16px;
            display: inline-block;
            -webkit-mask-image: url(images/1061803e206b7ac3b9fb.svg);
                    mask-image: url(images/1061803e206b7ac3b9fb.svg);
            -webkit-mask-repeat: no-repeat;
                    mask-repeat: no-repeat;
            -webkit-mask-position: center;
                    mask-position: center;
            -webkit-mask-size: contain;
                    mask-size: contain;
            z-index: 10;
            transform: translate(5px, 3px);
          }
.header-dropdown ul li a:hover{
    color: var(--gray-1);
}
.text-animate .header-dropdown ul li a:hover {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-1) 50%,
      var(--gray-1) 100%
    );
    background-size: 200%;
  }
.header-dropdown ul li a:hover:after {
              background-color: var(--everstream-orange);
              /* animation: fadeIn 150ms ease-in-out; */
            }
.header-dropdown .risk {
      background-color: rgba(30, 30, 30, 1);
      border: none;
    }
.header-dropdown .risk.header-dropdown-list {
        top: calc(100% + 18px);
      }
.header-dropdown .risk li {
        color: rgba(238, 238, 238, 1);
        min-width: 400px;
      }
.header-dropdown .risk li a{
    padding: 4px;
          background-repeat: repeat;
          background-position: center;
          background-size: auto;
          background-color: transparent;
          transition: all 150ms ease-in-out;
}
.header-dropdown .risk li a:hover {
            color: var(--everstream-orange);
          }
.header-dropdown .risk li a:after {
            display: none;
          }
/* Bordered corners */
.header-dropdown .risk .corner-top-left, .header-dropdown .risk .corner-top-right, .header-dropdown .risk .corner-bottom-left, .header-dropdown .risk .corner-bottom-right{
    position: absolute;
        transition: all 500ms ease;
        display: block;
        height: 100%;
        width: 100%;
}
.header-dropdown .risk .corner-top-left::before, .header-dropdown .risk .corner-top-left::after, .header-dropdown .risk .corner-top-right::before, .header-dropdown .risk .corner-top-right::after, .header-dropdown .risk .corner-bottom-left::before, .header-dropdown .risk .corner-bottom-left::after, .header-dropdown .risk .corner-bottom-right::before, .header-dropdown .risk .corner-bottom-right::after{
    visibility: hidden;
          content: "";
          background-color: var(--everstream-orange);
          position: absolute;
}
.header-dropdown .risk .corner-top-left:before, .header-dropdown .risk .corner-top-right:before, .header-dropdown .risk .corner-bottom-left:before, .header-dropdown .risk .corner-bottom-right:before {
          width: 4px;
          height: 1px;
        }
.header-dropdown .risk .corner-top-left:after, .header-dropdown .risk .corner-top-right:after, .header-dropdown .risk .corner-bottom-left:after, .header-dropdown .risk .corner-bottom-right:after {
          width: 1px;
          height: 4px;
        }
.header-dropdown .risk .corner-top-left {
        top: 0;
        left: 0;
      }
.header-dropdown .risk .corner-top-left:before,
        .header-dropdown .risk .corner-top-left:after {
          transform: rotate(0deg);
        }
.header-dropdown .risk .corner-top-right {
        top: 0;
        right: 0;
      }
.header-dropdown .risk .corner-top-right:before,
        .header-dropdown .risk .corner-top-right:after {
          transform: rotate(0deg);
          right: 0;
        }
.header-dropdown .risk .corner-bottom-left {
        bottom: 0px;
        left: 0;
      }
.header-dropdown .risk .corner-bottom-left:before,
        .header-dropdown .risk .corner-bottom-left:after {
          transform: rotate(0deg);
          left: 0;
          bottom: 0;
        }
.header-dropdown .risk .corner-bottom-right {
        bottom: 0px;
        right: 0;
      }
.header-dropdown .risk .corner-bottom-right:before,
        .header-dropdown .risk .corner-bottom-right:after {
          transform: rotate(0deg);
          right: 0;
          bottom: 0;
        }
.header-dropdown .risk a:hover {
          background-image: url(images/87953561ac1f7e66a606.svg);
          background-repeat: repeat;
          background-position: center;
          background-size: auto;
          background-color: transparent;
        }
.header-dropdown .risk a:hover .corner-top-left:before, .header-dropdown .risk a:hover .corner-top-left:after, .header-dropdown .risk a:hover .corner-top-right:before, .header-dropdown .risk a:hover .corner-top-right:after, .header-dropdown .risk a:hover .corner-bottom-left:before, .header-dropdown .risk a:hover .corner-bottom-left:after, .header-dropdown .risk a:hover .corner-bottom-right:before, .header-dropdown .risk a:hover .corner-bottom-right:after{
    visibility: visible;
}
.header-dropdown .risk a:hover:after{
    visibility: hidden;
}
.header-dropdown .risk-text{
    padding: 4px;
        font-family: "Chakra Petch", sans-serif;
}
.header-dropdown-list {
      background-color: var(--page-bg);
      box-shadow: 0 32px 32px 0 rgba(0, 0, 0, 0.25);
      top: calc(100% + 9px);
      transform: translate(
        -20%
      );
    }
/* shifts everything to the left per the design */
.header-dropdown-list div::before {
        content: "";
        display: none;
      }
.header-dropdown-list .header-title:nth-child(2) .deepest-list {
            -moz-column-count: 2;
                 column-count: 2;
          }
.header-dropdown-list .deepest-list{
    padding-bottom: 44px;
        max-height: 1000px;
        /* max-width: 1000px; */
        border: none !important;
}
.header-dropdown-list .deepest-list li{
    display: inline-block;
}
.header-dropdown-solutions{
    display: flex;
}
.header-dropdown-solutions .header-title{
    margin-top: 32px;
    padding-left: 48px;
    padding-right: 48px;
        min-width: 250px;
}
.header-dropdown-solutions .header-title.line-orange .headline{
    position: relative;
    text-transform: uppercase;
}
.header-dropdown-solutions .header-title.line-orange .headline:after {
              content: "";
              display: block;
              position: relative;
              margin-top: 10px;
              /* position: absolute; */
              /* bottom: -10px; */
              left: 0;
              width: 100%;
              height: 1px;
              background-color: var(--everstream-orange) !important;
            }
.header-dropdown-solutions .header-title.line-orange{
          width: 550px;
}
.header-dropdown-solutions .header-title.line-blue .headline{
    position: relative;
    text-transform: uppercase;
}
.header-dropdown-solutions .header-title.line-blue .headline:after {
              content: "";
              display: block;
              position: relative;
              margin-top: 10px;
              /* position: absolute; */
              /* bottom: -10px; */
              left: 0;
              width: 100%;
              height: 1px;
              background-color: var(--everstream-blue);
            }
.header-dropdown-solutions .header-title.line-blue{
          width: 350px;
}
.header-dropdown-solutions .header-title.line-light-blue .headline{
    position: relative;
    text-transform: uppercase;
}
.header-dropdown-solutions .header-title.line-light-blue .headline:after {
              content: "";
              display: block;
              position: relative;
              margin-top: 10px;
              /* position: absolute; */
              /* bottom: -10px; */
              left: 0;
              width: 100%;
              height: 1px;
              background-color: var(--data-viz-blue-3);
            }
.header-dropdown-solutions .header-title.line-light-blue{
          width: 350px;
}
.header-dropdown-solutions .header-title ul {
          /* @apply relative flex flex-col flex-wrap;
          box-shadow: none;
          max-height: 375px;
          padding: 0; */
          position: relative;
          -moz-column-count: 1;
               column-count: 1;
        }
.header-dropdown-solutions .header-title ul li{
    font-weight: 400;
    letter-spacing: 0em;
          min-width: 0;
          padding-left: 0;
          margin-top: 0;
          margin-bottom: 0;
          padding-top: 16px;
}
.header-dropdown[data-open="open"] ul {
      border: 1px solid var(--gray-7);
    }
.header-dropdown[data-open="open"] .risk {
      border: none;
    }
/* Special Risk Btn */
.risk-font {
  font-family: "Chakra Petch", sans-serif;
}
.risk-btn{
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
}
@media (min-width: 1440px){
    .risk-btn{
        margin-left: 16px;
    }
}
.risk-btn {
  font-family: "Chakra Petch", sans-serif;
  position: relative;
  background-color: transparent;
  color: #fff;
  display: inline-flex;
}
.risk-btn .btn-text {
    color: var(--gray-1);
  }
.risk-btn:after,
  .risk-btn:before {
    content: "" !important;
    display: none;
  }
.risk-btn .btn-top-left, .risk-btn .btn-top-right, .risk-btn .btn-bottom-left, .risk-btn .btn-bottom-right{
    position: absolute;
    transition: all 500ms ease;
    display: block;
    height: 100%;
    width: 100%;
}
.risk-btn .btn-top-left:before,
    .risk-btn .btn-top-left:after,
    .risk-btn .btn-top-right:before,
    .risk-btn .btn-top-right:after,
    .risk-btn .btn-bottom-left:before,
    .risk-btn .btn-bottom-left:after,
    .risk-btn .btn-bottom-right:before,
    .risk-btn .btn-bottom-right:after {
      content: "";
      background-color: #333;
      position: absolute;
      transition: all 500ms ease;
    }
.risk-btn .btn-top-left:before, .risk-btn .btn-top-right:before, .risk-btn .btn-bottom-left:before, .risk-btn .btn-bottom-right:before {
      width: 4px;
      height: 1px;
    }
.risk-btn .btn-top-left:after, .risk-btn .btn-top-right:after, .risk-btn .btn-bottom-left:after, .risk-btn .btn-bottom-right:after {
      width: 1px;
      height: 4px;
    }
.risk-btn .btn-top-left {
    top: 0;
    left: 0;
  }
.risk-btn .btn-top-left:before,
    .risk-btn .btn-top-left:after {
      transform: rotate(0deg);
    }
.risk-btn .btn-top-right {
    top: 0;
    right: 0;
  }
.risk-btn .btn-top-right:before,
    .risk-btn .btn-top-right:after {
      transform: rotate(0deg);
      right: 0;
    }
.risk-btn .btn-bottom-left {
    bottom: 0;
    left: 0;
  }
.risk-btn .btn-bottom-left:before,
    .risk-btn .btn-bottom-left:after {
      transform: rotate(0deg);
      left: 0;
      bottom: 0;
    }
.risk-btn .btn-bottom-right {
    bottom: 0;
    right: 0;
  }
.risk-btn .btn-bottom-right:before,
    .risk-btn .btn-bottom-right:after {
      transform: rotate(0deg);
      right: 0;
      bottom: 0;
    }
.risk-btn:focus .btn-top-left:before,
      .risk-btn:focus .btn-top-left:after,
      .risk-btn:focus .btn-top-right:before,
      .risk-btn:focus .btn-top-right:after,
      .risk-btn:focus .btn-bottom-left:before,
      .risk-btn:focus .btn-bottom-left:after,
      .risk-btn:focus .btn-bottom-right:before,
      .risk-btn:focus .btn-bottom-right:after,
      .risk-btn:hover .btn-top-left:before,
      .risk-btn:hover .btn-top-left:after,
      .risk-btn:hover .btn-top-right:before,
      .risk-btn:hover .btn-top-right:after,
      .risk-btn:hover .btn-bottom-left:before,
      .risk-btn:hover .btn-bottom-left:after,
      .risk-btn:hover .btn-bottom-right:before,
      .risk-btn:hover .btn-bottom-right:after {
        background-color: var(--gray-1);
      }
.risk-btn:focus .btn-top-left:before, .risk-btn:hover .btn-top-left:before {
        width: 100%;
      }
.risk-btn:focus .btn-top-right:after, .risk-btn:hover .btn-top-right:after {
        height: 100%;
      }
.risk-btn:focus .btn-bottom-left:after, .risk-btn:hover .btn-bottom-left:after {
        height: 100%;
      }
.risk-btn:focus .btn-bottom-right:before, .risk-btn:hover .btn-bottom-right:before {
        width: 100%;
      }
.header-row-cta-login:after, .header-row-cta-search-wrapper:after, .header-row-cta-menu:after {
    content: "";
    display: block;
    margin: auto;
    position: relative;
    bottom: -20px;
    z-index: 100;
    height: 1px;
    width: 0px;
    transition: all 150ms linear;
    background: transparent;
  }
@media (min-width: 1200px) {
.header-row-cta-login:after, .header-row-cta-search-wrapper:after, .header-row-cta-menu:after {
      bottom: -6px
  }
    }
.header-row-cta-login:hover:after, .header-row-cta-login:focus:after, .header-row-cta-search-wrapper:hover:after, .header-row-cta-search-wrapper:focus:after, .header-row-cta-menu:focus:after, .header-row-cta-menu:hover:after {
    width: 100%;
    background-color: var(--gray-1);
  }
.header-row-cta-number::after {
  content: "";
  display: block;
  position: relative;
  bottom: -11px;
  margin: auto;
  height: 1px;
  width: 0px;
  background: transparent;
  transition: all 150ms linear;
}
.header-row-cta-number:hover:after, .header-row-cta-number:focus:after {
    width: 100%;
    background-color: var(--everstream-blue);
  }
@media (min-width: 1200px) {
  .header-row-cta-menu {
    display: none;
  }
}
/* Mobil view css */
.mobile-menu{
    position: absolute;
    right: 0px;
    z-index: 50;
    display: flex;
    width: 100%;
    flex-direction: column;
}
@media (min-width: 768px){
    .mobile-menu{
        margin-left: auto;
        width: 50%;
    }
}
@media (min-width: 1440px){
    .mobile-menu{
        display: none;
    }
}
.mobile-menu {
    border-top: 1px solid var(--gray-6);
    background-color: var(--page-bg);
    height: calc(100vh - 64px);
    max-width: 0px;
    top: 100%;
    transition: max-width 500ms ease-in-out;
  }
.mobile-menu.open {
      overflow-y: scroll !important;
      overflow-x: hidden !important;
      max-width: 100%;
      transition: max-width 500ms ease-in-out;
    }
.mobile-menu-top{
    margin-top: 32px;
    margin-bottom: 32px;
    margin-left: 16px;
    margin-right: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: Work Sans, sans-serif;
    font-weight: 500;
    color: var(--everstream-blue);
    font-size: 12px;
    line-height: 16px;
}
@media (min-width: 1440px){
    .mobile-menu-top{
        font-size: 14px;
        line-height: 20px;
    }
}
.semibold-work-sans.mobile-menu-top {
      letter-spacing: 3px;
    }
.text-animate .mobile-menu-top {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    );
    background-size: 300%;
  }
.blog-section .blog-post-wrapper .blog-post .img-wrapper-date .mobile-menu-top {
            background-image: linear-gradient(
              90deg,
              white 0%,
              white 50%,
              var(--everstream-blue) 50%,
              var(--everstream-blue) 100%
            );
            background-size: 200%;
          }
.text-animate .mobile-menu-top {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    );
    background-size: 400%;
  }
.text-animate .mobile-menu-top p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
@media (min-width: 768px){
    .mobile-menu-top{
        display: none;
    }
}
.mobile-header-row{
    z-index: 50;
    width: 100%;
      padding-top: 32px;
      height: auto;
      background-color: var(--page-bg);
}
.mobile-header-row-text{
    margin-bottom: 16px;
    cursor: pointer;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
}
@media (min-width: 768px){
    .mobile-header-row-text{
        padding-left: 40px;
        padding-right: 40px;
    }
}
.mobile-header-row-text {
        border-bottom: 1px solid var(--gray-7);
        color: var(--light-gray-1);
      }
.mobile-header-row-text.risk-center-link:after {
            display: none;
            opacity: 0;
          }
.mobile-header-dropdown{
    position: relative;
}
.mobile-header-dropdown div:focus {
        outline: none;
      }
.mobile-header-dropdown:after {
        content: "";
        -webkit-mask-image: url(images/ccf568cc8c5a7b8fc12f.svg);
                mask-image: url(images/ccf568cc8c5a7b8fc12f.svg);
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-position: center;
                mask-position: center;
        -webkit-mask-size: contain;
                mask-size: contain;
        background-color: var(--gray-1);
        height: 16px;
        width: 16px;
        position: absolute;
        top: 4px;
        right: 16px;
        bottom: 21px;
      }
.mobile-header-dropdown ul {
        overflow: hidden;
        height: 100%;
        width: 100%;
        max-height: 0;
        //max-width: 0;
      }
.mobile-header-dropdown ul li{
    margin-top: 24px;
    margin-bottom: 24px;
    padding-left: 24px;
    color: var(--gray-2);
}
.text-animate .mobile-header-dropdown ul li {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-2) 50%,
      var(--gray-2) 100%
    );
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-2) 50%,
      var(--gray-2) 100%
    );
    background-size: 200%;
  }
.text-animate .mobile-header-dropdown ul li p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.mobile-header-dropdown ul li a:focus {
            outline: none;
          }
.mobile-header-dropdown ul p{
    position: relative;
}
.mobile-header-dropdown ul p:after{
          content: "";
          position: absolute;
          bottom: -10px;
          left: 0;
          width: 100%;
          height: 1px;
          background-color: var(--everstream-blue);
}
.mobile-header-dropdown .header-title{
    text-transform: uppercase;
}
.mobile-header-dropdown .header-title.line-orange:after {
          background-color: var(--everstream-orange) !important;
        }
.mobile-header-dropdown .header-title.line-light-blue:after {
          background-color: var(--data-viz-blue-3) !important;
        }
.mobile-header-dropdown .deepest-list {
        max-height: 1000px;
        //max-width: 1000px;
      }
.mobile-header-dropdown.mobile-header-dropdown-open{
    position: relative;
}
.mobile-header-dropdown.mobile-header-dropdown-open:after {
          content: "";
          -webkit-mask-image: url(images/ee02ef67930b39aec712.svg);
                  mask-image: url(images/ee02ef67930b39aec712.svg);
          -webkit-mask-repeat: no-repeat;
                  mask-repeat: no-repeat;
          -webkit-mask-position: center;
                  mask-position: center;
          -webkit-mask-size: contain;
                  mask-size: contain;
          background-color: var(--gray-1);
          height: 16px;
          width: 16px;
          position: absolute;
          right: 16px;
          top: 4px;
        }
.mobile-header-dropdown.mobile-header-dropdown-open .header-title.line-orange:after {
            background-color: var(--everstream-orange) !important;
          }
/* Modal Overlay */
.modal-overlay{
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 100vh;
    background-color: var(--black);
    opacity: .5;
  top: 64px;
  transition: all 500ms;
}
.modal-overlay .hidden {
    opacity: 0;
    transition: all 500ms;
  }
/* Search Menu  */
.search-menu{
    position: absolute;
    z-index: 30;
    height: 100vh;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    font-family: Work Sans, sans-serif;
    font-size: 20px;
    line-height: 28px;
}
@media (min-width: 1440px){
    .search-menu{
        font-size: 24px;
        line-height: 32px;
    }
}
.semibold-work-sans.search-menu .semibold-work-sans.fs-4 .semibold-work-sans.fs-5 .semibold-work-sans.fs-6 {
      letter-spacing: 5px;
    }
@media (min-width: 768px){
    .search-menu{
        height: 160px;
        padding-left: 40px;
        padding-right: 40px;
    }
}
.search-menu {
  color: var(--gray-5);
  background-color: var(--page-bg);
  top: 100%;
  max-height: 0px;
  left: 0;
  transition: max-height 150ms ease-in-out;
}
.search-menu.open {
    border-top: 1px solid var(--gray-7);
    border-bottom: 1px solid var(--gray-7);
    max-height: 100vh;
  }
@media (min-width: 768px) {
    .search-menu.open {
      max-height: 200px;
    }
  }
@media (min-width: 1200px) {
.search-menu {
    box-shadow: 0 32px 32px 0 rgba(0, 0, 0, 0.25);
    transform: translateX(95%);
    width: 50%;
    margin: auto;
    height: 180px
}

    .search-menu.open {
      border: 1px solid var(--gray-7);
      transform: translateX(95%);
      max-height: 200px;
    }

    .search-menu .searchform{
        padding-left: 56px;
        padding-right: 56px;
    }
  }
.search-menu .searchform div{
    position: relative;
    padding-top: 56px;
}
.search-menu .search-bar{
    padding-bottom: 4px;
    border-bottom: 2px solid var(--gray-7);
    border-radius: unset;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 100%;
    color: var(--everstream-blue);
    background-color: var(--page-bg);
}
.search-menu .search-bar:focus {
      outline: none;
    }
.search-menu .search-clear{
    text-transform: uppercase;
    font-size: 10px;
    line-height: 14px;
}
@media (min-width: 1440px){
    .search-menu .search-clear{
        font-size: 12px;
        line-height: 16px;
    }
}
.semibold-work-sans.search-menu .search-clear {
      letter-spacing: 3px;
    }
.search-menu .search-clear {
    letter-spacing: 3px;
    position: absolute;
    bottom: -30px;
    left: 0;
  }
.search-menu .search-submit{
    position: absolute;
    right: 4px;
    height: 24px;
    width: 24px;
    cursor: pointer;
    bottom: 6px;
    /* background: url("../assets/magnifyglass.svg") no-repeat center; */
    -webkit-mask-image: url(images/e32ceb09c9521ccbfc3d.svg);
            mask-image: url(images/e32ceb09c9521ccbfc3d.svg);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: left;
            mask-position: left;
    -webkit-mask-size: contain;
            mask-size: contain;
    background-color: var(--gray-1);
}
/* dropdown menu fadeIn / fadeOut speeds */
.animate__animated.animate__fadeIn {
  --animate-duration: 600ms !important;
}
.animate__animated.animate__fadeOut {
  --animate-duration: 150ms !important;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes growDown {
  0% {
    transform: scaleY(0);
  }
  80% {
    transform: scaleY(1.1);
  }
  100% {
    transform: scaleY(1);
  }
}
@keyframes growDown {
  0% {
    transform: scaleY(0);
  }
  80% {
    transform: scaleY(1.1);
  }
  100% {
    transform: scaleY(1);
  }
}
.content-wrapper{
    position: relative;
    z-index: 10;
}
/* Border the risk center drop down on dark theme */
[data-theme="dark"] .header-dropdown[data-open="open"] .risk {
    border: 1px solid var(--gray-7);
  }
[data-theme="dark"] .risk-btn .btn-top-left:before,
      [data-theme="dark"] .risk-btn .btn-top-left:after,
      [data-theme="dark"] .risk-btn .btn-top-right:before,
      [data-theme="dark"] .risk-btn .btn-top-right:after,
      [data-theme="dark"] .risk-btn .btn-bottom-left:before,
      [data-theme="dark"] .risk-btn .btn-bottom-left:after,
      [data-theme="dark"] .risk-btn .btn-bottom-right:before,
      [data-theme="dark"] .risk-btn .btn-bottom-right:after {
        background-color: var(--gray-1) !important;
      }
.sticky {
  position: fixed !important;
  background-color: var(--page-bg);
  top: 0;
  width: 100%;
}
.header-container{
    display: flex;
    justify-content: space-between;
  margin: 0 auto;
  max-width: 1801px;
  flex-grow: 1;
  align-items: center;
}
.bg-gray-noodles {
  background-image: url(images/a868691c6b80252e29ed.svg);
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
  overflow: hidden;
  height: 100%;
  width: 100%;
  position: absolute;
}
.home-banner-container{
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 82px;
    padding-top: 52px;
    padding-left: 20px;
    z-index: 2;
    overflow: hidden;

    /* @media (min-width: 1921px){
            width: auto !important;
        } */
}
/* background-image: url("../assets/home-banner-noodles.svg");
        background-repeat: no-repeat;
        background-position: right;
        background-size: cover;
        overflow: hidden; */
@media (min-width: 768px) {
.home-banner-container {
      padding-left: 60px
  }
    }
.home-banner-bar{
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: var(--data-viz-blue-1);
    width: 0;
    height: 10px;
    opacity: 0;
    z-index: 20;
}
.home-banner-bar.carousel-bar {
      opacity: 1;
      transition: width 5.5s ease;
      -webkit-animation: barfade 650ms ease 4.5s forwards;
              animation: barfade 650ms ease 4.5s forwards;
      width: 100%;
    }
.home-banner-content {
    top: 0 !important;
  }
@media (min-width: 768px) {
.home-banner-content{
        top: 52px !important;
    }
    }
.home-banner-text{
    width: 100%;
    max-height: 100px;
    max-width: 700px;
    position: relative;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: var(--white) !important;
    background-size: 400%;
    background-position: 0% 0%;
    background-image: linear-gradient(
      90deg,
      var(--everstream-blue) 0%,
      var(--everstream-blue) 25%,
      var(--white) 25%,
      var(--white) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 100%
    );
}
.home-banner-text-block{
    position: relative;
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    background-color: var(--everstream-blue);
      padding: 1px;
      width: 100%;
      max-width: 95%;
      max-height: 280px;
}
.home-banner-text-block::after{
    position: absolute;
    height: 100%;
    width: 100%;
        bottom: -150px;
        right: -234px;
        max-width: 432px;
        content: "";
        background-image: url(images/29a76d1287013381bc2f.svg);
        background-repeat: no-repeat;
        background-position: right;
        background-size: contain;
}
@media (max-width: 768px) {
        .home-banner-text-block .home-banner-text {
          margin-left: 20px !important;
          max-width: 325px;
          /* max-height: 107px; */
        }
      }
@media (max-width: 285px) {
        .home-banner-text-block .home-banner-text {
          max-width: 240px;
          /* max-height: 107px; */
        }
      }
@media (min-width: 768px) {
.home-banner-text-block {
        max-width: 90%;
        max-height: 340px
    }

        .home-banner-text-block .home-banner-text {
          max-width: 600px;
          /* max-height: 195px; */
          margin-right: 0 !important;
        }

        .home-banner-text-block::after {
          bottom: -187px;
          right: 0;
        }
      }
@media (min-width: 1056px) {
.home-banner-text-block {
        max-width: 1000px
    }

        .home-banner-text-block .home-banner-text {
          max-width: 800px;
          /* max-height: 195px; */
          margin-right: 0 !important;
        }
      }
@media (min-width: 1440px) {
.home-banner-text-block {
        max-width: 851px;
        max-height: 426px
    }

        .home-banner-text-block .home-banner-text {
          max-width: 700px;
        }

        .home-banner-text-block::after {
          bottom: -230px;
          right: 0;
          max-width: 432px;
        }
      }
@media (min-width: 2200px) {
.home-banner-text-block {
        margin-left: 322px
    }

        .home-banner-text-block:before {
          content: "";
          position: absolute;
          width: 387px;
          background-color: var(--everstream-blue);
          height: 426px;
          left: -386px;
          top: 0;
        }
      }
@media (min-width: 2960px) {
.home-banner-text-block {
        margin-left: 520px
    }

        .home-banner-text-block:before {
          content: "";
          position: absolute;
          width: 528px;
          background-color: var(--everstream-blue);
          height: 426px;
          left: -520px;
          top: 0;
        }
      }
.home-banner-text-block.is-loading {
        z-index: 1;
        -webkit-clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
                clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
        transition: ease 1000ms all;
      }
.home-banner-text-block.is-loading .home-banner-text-block-button {
            -webkit-clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
                    clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
          }
.home-banner-text-block.is-loaded {
        z-index: 1;
        /* clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important; */
        -webkit-clip-path: polygon(0 0, 100% 0%, 100% 110%, 0% 120%) !important;
                clip-path: polygon(0 0, 100% 0%, 100% 110%, 0% 120%) !important;
      }
@media (min-width: 2200px) {
.home-banner-text-block.is-loaded {
          -webkit-clip-path: polygon(-50% 0%, 100% 0%, 100% 110%, -50% 120%) !important;
                  clip-path: polygon(-50% 0%, 100% 0%, 100% 110%, -50% 120%) !important
      }
        }
@media (min-width: 2960px) {
.home-banner-text-block.is-loaded {
          -webkit-clip-path: polygon(-80% 0%, 100% 0%, 100% 110%, -80% 120%) !important;
                  clip-path: polygon(-80% 0%, 100% 0%, 100% 110%, -80% 120%) !important
      }
        }
.home-banner-text-block.is-loaded .home-banner-text {
          opacity: 1;
          -webkit-animation: titlereveal 1s ease 0.5s forwards;
                  animation: titlereveal 1s ease 0.5s forwards;
        }
.home-banner-text-block.is-loaded .home-banner-text.carousel-animate-text {
            color: var(--white) !important;
            -webkit-animation: titlehide 0.8s ease forwards;
                    animation: titlehide 0.8s ease forwards;
          }
.home-banner-text-block.is-loaded .home-banner-text-block-button {
            -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
                    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
          }
@media (max-width: 768px) {
.home-banner-text-title {
        max-height: 106px !important
    }
      }
@media (min-width: 768px) {
.home-banner-text-title {
        max-height: 132px !important
    }
      }
@media (min-width: 1440px) {
.home-banner-text-title {
        max-height: 195px !important
    }
      }
@media (max-width: 768px) {
.home-banner-text-descript {
        max-height: 64px !important
    }
      }
@media (min-width: 768px) {
.home-banner-text-descript {
        max-height: 64px !important
    }
      }
@media (min-width: 1440px) {
.home-banner-text-descript {
        max-height: 72px !important
    }
      }
.home-banner-text-button{
    position: relative;
      bottom: 0;
      left: 20px;
      transform: translateY(-50%);
}
@media (min-width: 768px) {
.home-banner-text-button {
        left: 60px
    }
      }
@media (min-width: 1440px) {
.home-banner-text-button {
        left: 60px
    }
      }
@media (min-width: 2200px) {
.home-banner-text-button {
        left: 386px
    }
      }
@media (min-width: 2960px) {
.home-banner-text-button {
        left: 584px
    }
      }
.home-banner-text-button .btn-solid {
        transition: ease 500ms all;
      }
.home-banner-text-button .is-loading.btn-solid {
          -webkit-clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
                  clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
        }
.home-banner-text-button .is-loaded.btn-solid {
          -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
                  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
        }
.home-banner-text-button .is-loaded.btn-solid.carousel-animate-button {
            -webkit-clip-path: polygon(
              100% 0%,
              100% 0%,
              100% 100%,
              100% 100%
            ) !important;
                    clip-path: polygon(
              100% 0%,
              100% 0%,
              100% 100%,
              100% 100%
            ) !important;
            //clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%) !important;
          }
.home-banner-asset{
    position: relative;
    height: 100%;
    width: 100%;
    background-color: var(--data-viz-blue-1);
    max-width: 1411px;
    max-height: 182px;
    /* clip-path: polygon(20% 0%, 0 0, 0 55%, 0 100%, 76% 100%, 78% 100%, 82% 95%, 86% 87%, 93% 79%, 100% 75%, 100% 0, 47% 0); */
    -webkit-clip-path: url("#home-banner-mask");
            clip-path: url("#home-banner-mask");
    margin-top: 227px;
}
@media (min-width: 768px) {
.home-banner-asset {
      max-height: 410px;
      max-width: 1400px;
      margin-top: 339px
  }
    }
@media (min-width: 1440px) {
.home-banner-asset {
      max-height: 740px;
      max-width: 1433px;
      margin-top: 0
  }
    }
@media (min-width: 2200px) {
.home-banner-asset {
      max-height: 935px;
      max-width: 1820px;
      margin-top: 0
  }
    }
.home-banner-asset-overlay {
      height: 100%;
      transition: all 800ms ease;
      position: absolute;
      z-index: 90;
      top: 0;
      left: 0;
    }
.home-banner-asset-overlay.is-loading {
        width: 100%;
        -webkit-backdrop-filter: blur(5px);
                backdrop-filter: blur(5px);
        left: auto;
        right: 0;
      }
.home-banner-asset-overlay.is-loaded {
        width: 0 !important;
      }
.home-banner-asset-inner{
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
      position: absolute;
      z-index: 0;
      opacity: 0;
      -o-object-fit: cover;
         object-fit: cover;
      transition: -webkit-clip-path 1.2s ease;
      transition: clip-path 1.2s ease;
      transition: clip-path 1.2s ease, -webkit-clip-path 1.2s ease;
}
.home-banner-asset-inner.current-asset {
        z-index: 2;
        opacity: 1;
        -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
                clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
      }
.home-banner-asset-inner.current-asset.wipe-asset {
          -webkit-clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%) !important;
                  clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%) !important;
          /* clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); */
        }
.home-banner-asset-inner.next-asset {
        opacity: 0;
        z-index: 1;
      }
.home-banner-asset-inner.base-asset {
        position: relative !important;
        height: auto;
        width: 100%;
        opacity: 0;
        -o-object-fit: cover;
           object-fit: cover;
        z-index: -10;
      }
.home-banner-tracker-container{
    position: absolute;
    display: flex;
    height: 100%;
    justify-content: flex-start;
      right: 1303px;
      bottom: 26px;
      max-height: 44px;
      min-width: 500px;
      left: 20px;
      right: auto;
}
/* max-width: 1280px; */
@media (min-width: 768px) {
.home-banner-tracker-container {
        left: 60px;
        right: auto
    }
      }
@media (min-width: 1440px) {
.home-banner-tracker-container {
        /* right: 933px;
                left: auto; */

        right: auto;
        left: 60px
    }
      }
@media (min-width: 1509px) {
.home-banner-tracker-container {
        right: 933px;
        left: auto
    }
      }
@media (min-width: 2200px) {
.home-banner-tracker-container {
        right: 1320px;
        left: auto
    }
      }
.home-banner-tracker-single{
    margin-right: 24px;
    background-color: var(--everstream-blue);
      width: 12px;
      height: 12px;
      transition: height 150ms ease, background-color 150ms ease;
      cursor: pointer;
}
.home-banner-tracker-single.active-item {
        height: 44px;
      }
.home-banner-tracker-single:hover {
        background-color: var(--everstream-orange);
      }
@media (max-width: 1440px) {
.home-banner-tracker-single:focus {
          outline: none
      }
        }
.home-banner-tracker-hidden {
      opacity: 0 !important;
      visibility: hidden;
    }
@-webkit-keyframes titlereveal {
  0% {
    opacity: 1;
    background-position: 0 0;
  }
  100% {
    opacity: 1;
    background-position: -100% 0;
  }
}
@keyframes titlereveal {
  0% {
    opacity: 1;
    background-position: 0 0;
  }
  100% {
    opacity: 1;
    background-position: -100% 0;
  }
}
@-webkit-keyframes titlehide {
  0% {
    opacity: 1;
    background-position: -100% 0;
  }
  100% {
    opacity: 1;
    background-position: -133% 0;
  }
}
@keyframes titlehide {
  0% {
    opacity: 1;
    background-position: -100% 0;
  }
  100% {
    opacity: 1;
    background-position: -133% 0;
  }
}
@-webkit-keyframes barfade {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes barfade {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.solutions-banner-container {
    }
.solutions-banner-text{
    margin-left: 16px;
    padding-top: 16px;
}
@media (min-width: 768px){
    .solutions-banner-text{
        margin-left: 40px;
        padding-top: 40px;
    }
}
@media (min-width: 1440px){
    .solutions-banner-text{
        margin-left: 52px;
    }
}
.solutions-banner-text {
      position: absolute;
      color: var(--white) !important;
    }
.solutions-banner-text .solutions-banner-supertitle{
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
}
@media (min-width: 1440px){
    .solutions-banner-text .solutions-banner-supertitle{
        font-size: 16px;
        line-height: 22px;
    }
}
.semibold-work-sans.solutions-banner-text .solutions-banner-supertitle {
      letter-spacing: 3px;
    }
.solutions-banner-text .solutions-banner-supertitle{
    font-family: Work Sans, sans-serif;
    font-weight: 400;
        letter-spacing: 2px;
}
.solutions-banner-asset{
    margin-left: auto;
    margin-right: auto;
    padding-top: 32px;
    padding-bottom: 32px;
}
@media (min-width: 1440px){
    .solutions-banner-asset{
        padding-top: 0px;
        padding-bottom: 0px;
    }
}
.solutions-banner-asset img{
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 1440px) {
.solutions-banner-asset img {
          max-width: 1200px !important;
          max-height: 875px !important
      }
        }
.solutions-banner-asset-wrapper{
    position: relative;
        width: calc(100% - 16px);
        max-height: 900px;
        height: auto;
        /* background-color: var(--data-viz-blue-2); */
        -webkit-text-fill-color: initial !important;
        -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
                clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
        transition: ease 600ms all;
}
.solutions-banner-asset-wrapper.active {
          -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
                  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        }
@media (min-width: 768px) {
.solutions-banner-asset-wrapper {
          max-width: 90%
      }
        }
@media (max-width: 281px){
.solutions-banner-asset-wrapper {
          min-height: 300px !important
      }
        }
.solutions-banner-cta{
    height: 100%;
    padding-left: 16px;
}
@media (min-width: 768px){
    .solutions-banner-cta{
        padding-left: 44px;
    }
}
.solutions-banner-cta {
      height: auto;
      right: 0;
      color: var(--white);
      background-color: var(--everstream-blue);
      -webkit-clip-path: url("#solutionsBannerMask");
              clip-path: url("#solutionsBannerMask");
    }
.solutions-banner-cta.active{
    z-index: 30;
}
@media (max-width: 768px) {
.solutions-banner-cta {
        max-height: 350px
    }
      }
.solutions-banner-cta .banner-text{
    position: relative;
    padding-right: 16px;
    padding-top: 52px;
        min-width: 200px;
        max-width: 600px;
        height: 100%;
        padding-bottom: 64px;
}
.solutions-banner-cta .banner-text-title {
          overflow: hidden;
          max-height:54px;
        }
@media(min-width: 768px){
.solutions-banner-cta .banner-text-title {
            max-height:54px
        } 
          }
@media(min-width: 1440px){
.solutions-banner-cta .banner-text-title {
            max-height:64px
        }
          }
.solutions-banner-cta .banner-text-body {
          overflow: hidden;
          max-height:94px;
        }
@media(min-width: 768px){
.solutions-banner-cta .banner-text-body {
            max-height:94px
        } 
          }
@media(min-width: 1440px){
.solutions-banner-cta .banner-text-body {
            max-height:118px
        }
          }
.solutions-banner-cta-wrapper {
        width: calc(100% - 16px);
        right: 0px;
        z-index: 50;
        margin-left: auto;
      }
@media (min-width: 768px){
    .solutions-banner-cta-wrapper{
        width: 66.666667%;
    }
}
@media (min-width: 1440px){
    .solutions-banner-cta-wrapper{
        width: 50%;
    }
}
.solutions-banner-cta-wrapper {
        height: auto;
        /* transform: translateY(-25%); */
        transform: translateY(-25%) translateZ(0);

        -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);

                clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
        transition: ease 1000ms all;
        max-width: 960px;
        position: relative;
      }
@media (max-width: 435px){
.solutions-banner-cta-wrapper {
          transform: translateY(-2%) translateZ(0)
      }
        }
@media (max-width: 345px){
.solutions-banner-cta-wrapper {
          transform: translateY(0%) translateZ(0)
      }
        }
@media (min-width: 1440px) {
.solutions-banner-cta-wrapper {
          /* transform: translateY(-45%); */
          transform: translateY(-45%) translateZ(0)
      }
        }
.solutions-banner-cta-wrapper.active {
          -webkit-clip-path: polygon(0 -12%, 150% -190%, 150% 150%, 0% 150%);
                  clip-path: polygon(0 -12%, 150% -190%, 150% 150%, 0% 150%);
          
        }
.solutions-banner-cta-wrapper .banner-noodles::before {
            content: "";
            -webkit-mask-image: url(images/a08a81665a4c18e492b9.svg);
                    mask-image: url(images/a08a81665a4c18e492b9.svg);
            -webkit-mask-repeat: no-repeat;
                    mask-repeat: no-repeat;
            -webkit-mask-position: left;
                    mask-position: left;
            -webkit-mask-size: cover;
                    mask-size: cover;
            z-index: 30;
            position: absolute;
            right: 0;
            top: -37px;
            width: 300px;
            background: var(--everstream-blue) !important;
            height: 47px;
          }
.solutions-banner-cta-wrapper .cta-overlay {
          height: 120%;
          width: 100%;
          background-color: var(--page-bg);
          transition: all 500ms ease;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 20;
        }
.solutions-banner-cta-wrapper .cta-overlay.active {
            width: 0;
          }
.solutions-banner-cta-wrapper .banner-btn{
    position: absolute;
    z-index: 50;
          left: 40px;
          bottom: -25px;
}
/* 
.solutions-banner {
    &-container {
    }
  
    &-text {
      @apply ml-16px sm:ml-40px md:ml-52px pt-16px sm:pt-40px;
      position: absolute;
      color: var(--white);
  
      .solutions-banner-supertitle {
        @apply fs-1 regular-work-sans uppercase;
        letter-spacing: 2px;
      }
    }
  
    &-asset {
      @apply py-32px mx-auto md:py-0;
  
      img {
        @apply mx-auto;
        @media (min-width: 1440px) {
          max-width: 1200px !important;
          max-height: 875px !important;
        }
      }
  
      &-wrapper {
        @apply relative;
        width: calc(100% - 16px);
        max-height: 900px;
        height: auto;
        background-color: var(--data-viz-blue-2);
        -webkit-text-fill-color: initial !important;
        clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
        transition: ease 600ms all;
  
        &.active {
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        }
  
        @media (min-width: 768px) {
          max-width: 90%;
        }
      }
    }
  
    &-cta {
      @apply pl-16px sm:pl-44px h-full;
      height: 300px;
      right: 0;
      color: var(--white);
      background-color: var(--everstream-blue);
      clip-path: url("#solutionsBannerMask");
  
      &.active {
        @apply z-30;
      }
  
      @media (max-width: 768px) {
        max-height: 350px;
      }
  
      .banner-text {
        @apply pr-16px pt-52px relative;
        min-width: 200px;
        max-width: 600px;
      }
  
      &-wrapper {
        width: calc(100% - 16px);
        @apply right-0 z-50 ml-auto sm:w-2/3 md:w-1/2;
        height: auto;
        transform: translateY(-25%);
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
        transition: ease 1000ms all;
  
        @media (min-width: 1440px) {
          transform: translateY(-45%);
        }
  
        &.active {
          clip-path: polygon(0 0, 150% -100%, 150% 150%, 0% 150%);
        }
  
        .banner-noodles {
          &::before {
            content: "";
            mask-image: url("../assets/s-banner-noodles.svg");
            mask-repeat: no-repeat;
            mask-position: left;
            mask-size: contain;
            z-index: 30;
            position: absolute;
            right: 0;
            top: -37px;
            width: 300px;
            background: var(--everstream-blue) !important;
            height: 47px;
          }
        }
  
        .cta-overlay {
          height: 120%;
          width: 100%;
          background-color: var(--page-bg);
          transition: all 500ms ease;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 20;
  
          &.active {
            width: 0;
          }
        }
  
        .banner-btn {
          @apply absolute z-40;
          left: 40px;
          bottom: -25px;
        }
      }
    }
  }
  
  */
.rbanner-section{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    padding-left: 16px;
    padding-right: 16px;
    vertical-align: top;
}
@media (min-width: 768px){
    .rbanner-section{
        margin-top: 24px;
    }
}
@media (min-width: 1440px){
    .rbanner-section{
        margin-top: 88px;
    }
}
.rbanner-section {
        -moz-column-gap: 15px;
             column-gap: 15px;
        row-gap: 53px;
        max-width: 1800px;
    }
@media(min-width:768px){
.rbanner-section{
        padding-left: 40px;
        padding-right: 40px;
    }
        }
@media(min-width: 1440px){
.rbanner-section{
        flex-direction: row;
        padding-left: 52px;
        padding-right: 52px;
    }
        }
@media(min-width: 1920px){
.rbanner-section{
        padding-left: 0px;
        padding-right: 0px;
    }
        }
.rbanner-section.is-loading .rbanner-card-main-title {
                opacity: 0;
                transition: ease 500ms all 500ms;
            }
.rbanner-section.is-loading .rbanner-card-main-descript {
                transition: ease 1000ms all;
                transition-delay: 700ms;
                -webkit-clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
                        clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
            }
.rbanner-section.is-loading .rbanner-card-alert {
                transition: ease 1000ms all;
                transition-delay: 700ms;
                -webkit-clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
                        clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
            }
.rbanner-section.is-loading .rbanner-asset {
                /* transition: ease 1000ms all;
                clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%); */
                transition: ease 1000ms all;
                transition-delay: 700ms;
                -webkit-clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
                        clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
            }
.rbanner-section.is-loading .banner-corner {
                opacity: 0;
                transition: all 500ms ease;
            }
.rbanner-section.is-loading .banner-corner.btn-top-right {
                  right: 90%;
          
                }
.rbanner-section.is-loading .banner-corner.btn-bottom-right {
                  right: 90%;
          
                }
.rbanner-section.is-loaded .rbanner-card-main-title {
                opacity: 1;
            }
.rbanner-section.is-loaded .rbanner-card-main-descript {
                -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
                        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
            }
.rbanner-section.is-loaded .rbanner-card-alert {
                -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
                        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
            }
.rbanner-section.is-loaded .rbanner-asset {
                /* clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important; */
                -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
                        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
            }
.rbanner-section.is-loaded .banner-corner {
                /* opacity: 1; */
                -webkit-animation: fadeBlink 500ms forwards;
                        animation: fadeBlink 500ms forwards;
            }
.rbanner-section.is-loaded .banner-corner.btn-top-right {
                    -webkit-animation: fadeBlink 500ms forwards,cornerShift 500ms ease 0.8s forwards;
                            animation: fadeBlink 500ms forwards,cornerShift 500ms ease 0.8s forwards;
                }
.rbanner-section.is-loaded .banner-corner.btn-bottom-right {
                    -webkit-animation: fadeBlink 500ms forwards,cornerShift 500ms ease 0.8s forwards;
                            animation: fadeBlink 500ms forwards,cornerShift 500ms ease 0.8s forwards;
                }
.rbanner-cards-container{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
        transition: ease 1000ms all;
        row-gap: 25px;
        max-width: 990px;
}
@media(min-width: 1440px){
.rbanner-cards-container {
            max-width: 795px
    }
        }
.rbanner-card-main{
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    text-align: left;
            max-height: 400px;
            border-left: 1px solid var(--everstream-blue);
            background-image: url(images/3c2515c15b949abd3995.svg);
            background-repeat: repeat;
            background-position: center;
            background-size: auto;
            background-color: transparent;
            -webkit-animation: fadeinBox 500ms ease 0.5s forwards;
                    animation: fadeinBox 500ms ease 0.5s forwards;
}
.rbanner-card-main-title{
    margin-left: 36px;
    margin-right: 36px;
    padding-top: 100px;
                max-width: 640px;
}
@media(min-width: 1440px){
.rbanner-card-main-title{
        margin-right: 100px;
    }
                }
.rbanner-card-main-descript{
    margin-left: 36px;
    margin-right: 36px;
    padding-bottom: 88px;
    padding-top: 32px;
                max-width: 640px;
}
@media(min-width: 1440px){
.rbanner-card-main-descript{
        margin-right: 100px;
    }
                }
.rbanner-card-alert{
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
            max-width: 315px;
}
/* height: 60px; */
.rbanner-card-alert .alert-section{
    position: absolute;
    left: 0px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
                height: 100%;
                max-width: 45px;
                border-left: 1px solid var(--data-viz-red);
                background-image: url(images/f417986827e01fcca09d.svg);
                background-repeat: no-repeat;
                background-position: center;
                background-size: auto;
                background-color: transparent;
}
.rbanner-card-alert .alert-text {
                margin-left: 45px;
            }
.rbanner-asset{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
        max-height: 400px;
        transition: ease 1000ms all;
}
.rbanner-asset-container{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
            /* height: 100%; */
            height: auto;
            max-height: 418px;
            max-width: 990px;
}
/* Bordered corners */
.rbanner-asset-container .btn-top-left, .rbanner-asset-container .btn-top-right, .rbanner-asset-container .btn-bottom-left, .rbanner-asset-container .btn-bottom-right{
    position: absolute;
           transition: all 500ms ease;
           display: block;
           height: 100%;
           width: 100%;
}
.rbanner-asset-container .btn-top-left::before,
           .rbanner-asset-container .btn-top-left::after,
           .rbanner-asset-container .btn-top-right::before,
           .rbanner-asset-container .btn-top-right::after,
           .rbanner-asset-container .btn-bottom-left::before,
           .rbanner-asset-container .btn-bottom-left::after,
           .rbanner-asset-container .btn-bottom-right::before,
           .rbanner-asset-container .btn-bottom-right::after {
               content: '';
               background-color: var(--everstream-blue);
               position: absolute;
               transition: all 500ms ease;
           }
.rbanner-asset-container .btn-top-left:before, .rbanner-asset-container .btn-top-right:before, .rbanner-asset-container .btn-bottom-left:before, .rbanner-asset-container .btn-bottom-right:before {
               width: 16px;
               height: 1px;
           }
.rbanner-asset-container .btn-top-left:after, .rbanner-asset-container .btn-top-right:after, .rbanner-asset-container .btn-bottom-left:after, .rbanner-asset-container .btn-bottom-right:after {
               width: 1px;
               height: 16px;
           }
.rbanner-asset-container .btn-top-left {
           top: 0;
           left: 0;

           }
.rbanner-asset-container .btn-top-left:before,
           .rbanner-asset-container .btn-top-left:after {
               transform: rotate(0deg);
           }
.rbanner-asset-container .btn-top-right {
           top: 0;
           right: 0;

           }
.rbanner-asset-container .btn-top-right:before,
           .rbanner-asset-container .btn-top-right:after {
               transform: rotate(0deg);
               right: 0;
           }
.rbanner-asset-container .btn-bottom-left {
           bottom: 0px;
           left: 0;
           }
.rbanner-asset-container .btn-bottom-left:before,
           .rbanner-asset-container .btn-bottom-left:after {
               transform: rotate(0deg);
               left: 0;
               bottom: 0;
           }
.rbanner-asset-container .btn-bottom-right {
           bottom: 0px;
           right: 0;
           }
.rbanner-asset-container .btn-bottom-right:before,
           .rbanner-asset-container .btn-bottom-right:after {
               transform: rotate(0deg);
               right: 0;
               bottom: 0;
           }
/* Set Banner Background Image but on the body */
.risk-body {
    /* background-image: url("../assets/risk-dark-banner-bg.png"); */
    background-repeat: no-repeat;
    background-position: top;
    background-size: auto;
    background-color: transparent;
}
/* Typewriter animation class */
#typewriter:after{
        content: "\25AE";
        font-size: 36px;
        /* animation: blink 500ms linear forward alternate; */
    }
@media(min-width: 768px){
#typewriter:after{
            font-size: 44px;
    }
        }
@media(min-width: 1440px){
#typewriter:after{
            font-size: 64px;
    }
        }
#typewriter:after{
        
        color: var(--everstream-blue);
        -webkit-animation: blink 500ms linear infinite alternate;
                animation: blink 500ms linear infinite alternate;
}
@-webkit-keyframes blink{
0%{opacity: 0;}
100%{opacity: 1;}
}
@keyframes blink{
0%{opacity: 0;}
100%{opacity: 1;}
}
@-webkit-keyframes fadeinBox{
    0%{
        opacity: 0;
    }
    20%{
        opacity: 0.33;
    }
    40%{
        opacity: 0;
    }
    60%{
        opacity: 0.66;
    }
    80%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@keyframes fadeinBox{
    0%{
        opacity: 0;
    }
    20%{
        opacity: 0.33;
    }
    40%{
        opacity: 0;
    }
    60%{
        opacity: 0.66;
    }
    80%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@keyframes cornerShift {
    0% {
      right: 90%;
    }
    100% {
      right: 0%;
    }
  }
@keyframes fadeBlink {
    0%{
        opacity: 0;
    }
    20%{
        opacity: 0.33;
    }
    40%{
        opacity: 0;
    }
    60%{
        opacity: 0.66;
    }
    80%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
.risk-search-banner-section{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    padding-left: 16px;
    padding-right: 16px;
    vertical-align: top;
}
@media (min-width: 768px){
    .risk-search-banner-section{
        margin-top: 24px;
    }
}
@media (min-width: 1440px){
    .risk-search-banner-section{
        margin-top: 88px;
    }
}
.risk-search-banner-section {
      max-width: 1800px;
  }
@media(min-width:768px){
.risk-search-banner-section{
        padding-left: 40px;
        padding-right: 40px;
    }
      }
@media(min-width: 1440px){
.risk-search-banner-section{
        padding-left: 52px;
        padding-right: 52px;
    }
      }
@media(min-width: 1920px){
.risk-search-banner-section{
        padding-left: 0px;
        padding-right: 0px;
    }
      }
.risk-search-banner-section.is-loading .risk-search-banner-card-left-title {
              opacity: 0;
              transition: ease 500ms all 500ms;
          }
.risk-search-banner-section.is-loading .risk-search-banner-card-right-descript {
              transition: ease 1000ms all;
              transition-delay: 700ms;
              -webkit-clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
                      clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
          }
.risk-search-banner-section.is-loading .risk-search-banner-card-right-date-wrapper {
            transition: ease 1000ms all;
            transition-delay: 1000ms;
            -webkit-clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
                    clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
          }
.risk-search-banner-section.is-loading .banner-corner {
              opacity: 0;
              transition: all 500ms ease;
          }
.risk-search-banner-section.is-loading .banner-corner.btn-top-right {
                right: 90%;
        
              }
.risk-search-banner-section.is-loading .banner-corner.btn-bottom-right {
                right: 90%;
        
              }
.risk-search-banner-section.is-loaded .risk-search-banner-card-left-title {
              opacity: 1;
          }
.risk-search-banner-section.is-loaded .risk-search-banner-card-right-descript {
              -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
                      clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
          }
.risk-search-banner-section.is-loaded .risk-search-banner-card-right-date-wrapper {
            -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
                    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
        }
.risk-search-banner-section.is-loaded .risk-search-banner-card-alert {
              -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
                      clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
          }
.risk-search-banner-section.is-loaded .risk-search-banner-asset {
              /* clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important; */
              -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
                      clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
          }
.risk-search-banner-section.is-loaded .banner-corner {
              /* opacity: 1; */
              -webkit-animation: fadeBlink 500ms forwards;
                      animation: fadeBlink 500ms forwards;
          }
.risk-search-banner-section.is-loaded .banner-corner.btn-top-right {
                  -webkit-animation: fadeBlink 500ms forwards,cornerShift 500ms ease 0.8s forwards;
                          animation: fadeBlink 500ms forwards,cornerShift 500ms ease 0.8s forwards;
              }
.risk-search-banner-section.is-loaded .banner-corner.btn-bottom-right {
                  -webkit-animation: fadeBlink 500ms forwards,cornerShift 500ms ease 0.8s forwards;
                          animation: fadeBlink 500ms forwards,cornerShift 500ms ease 0.8s forwards;
              }
.risk-search-banner-cards-container{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    height: auto;
    width: 100%;
    flex-direction: column;
      transition: ease 1000ms all;
      row-gap: 25px;
      -moz-column-gap: 25px;
           column-gap: 25px;
}
/* max-width: 990px; */
@media(min-width: 1200px){
.risk-search-banner-cards-container{
        flex-direction: row;
        justify-content: space-between;
          /* max-width: 795px; */
    }
      }
.risk-search-banner-card-left{
    position: relative;
    display: flex;
    height: auto;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    text-align: left;
        /* max-height: 400px; */
        border-left: 1px solid var(--everstream-blue);
        background-image: url(images/3c2515c15b949abd3995.svg);
        background-repeat: repeat;
        background-position: center;
        background-size: auto;
        background-color: transparent;
        -webkit-animation: fadeinBox 500ms ease 0.5s forwards;
                animation: fadeinBox 500ms ease 0.5s forwards;
}
.risk-search-banner-card-left-title{
    margin-left: 36px;
    margin-right: 36px;
    white-space: nowrap;
    padding-top: 24px;
    padding-bottom: 24px;
            max-width: 640px;
}
@media(min-width: 1440px){
.risk-search-banner-card-left-title{
        margin-right: 100px;
    }
            }
@media(min-width: 1200px){
.risk-search-banner-card-left{
        max-width: 50%;
    }
        }
.risk-search-banner-card-right{
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    -moz-column-gap: 24px;
         column-gap: 24px;
    row-gap: 24px;
    padding-top: 25px;
    padding-bottom: 25px;
}
.risk-search-banner-card-right-descript{
    margin-left: 36px;
}
@media (min-width: 768px){
    .risk-search-banner-card-right-descript{
        max-width: 65%;
    }
}
/* max-width: 640px; */
@media(max-width: 767px){
.risk-search-banner-card-right-descript{
        margin-right: 36px;
    }
            }
.risk-search-banner-card-right-date{
    height: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
    text-align: center;
}
.risk-search-banner-card-right-date-wrapper{
    margin-right: 24px;
    height: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
            background-color: rgba(255, 109, 63, 0.10);
}
@media(max-width: 767px) {
.risk-search-banner-card-right-date-wrapper{
        margin-left: 36px;
    }
            }
@media(min-width: 1200px){
.risk-search-banner-card-right{
        max-width: 50%;
    }
        }
/* Bordered corners */
.risk-search-banner-card-right .btn-top-left, .risk-search-banner-card-right .btn-top-right, .risk-search-banner-card-right .btn-bottom-left, .risk-search-banner-card-right .btn-bottom-right{
    position: absolute;
          transition: all 500ms ease;
          display: block;
          height: 100%;
          width: 100%;
}
.risk-search-banner-card-right .btn-top-left::before,
          .risk-search-banner-card-right .btn-top-left::after,
          .risk-search-banner-card-right .btn-top-right::before,
          .risk-search-banner-card-right .btn-top-right::after,
          .risk-search-banner-card-right .btn-bottom-left::before,
          .risk-search-banner-card-right .btn-bottom-left::after,
          .risk-search-banner-card-right .btn-bottom-right::before,
          .risk-search-banner-card-right .btn-bottom-right::after {
              content: '';
              background-color: var(--everstream-blue);
              position: absolute;
              transition: all 500ms ease;
          }
.risk-search-banner-card-right .btn-top-left:before, .risk-search-banner-card-right .btn-top-right:before, .risk-search-banner-card-right .btn-bottom-left:before, .risk-search-banner-card-right .btn-bottom-right:before {
              width: 16px;
              height: 1px;
          }
.risk-search-banner-card-right .btn-top-left:after, .risk-search-banner-card-right .btn-top-right:after, .risk-search-banner-card-right .btn-bottom-left:after, .risk-search-banner-card-right .btn-bottom-right:after {
              width: 1px;
              height: 16px;
          }
.risk-search-banner-card-right .btn-top-left {
          top: 0;
          left: 0;

          }
.risk-search-banner-card-right .btn-top-left:before,
          .risk-search-banner-card-right .btn-top-left:after {
              transform: rotate(0deg);
          }
.risk-search-banner-card-right .btn-top-right {
          top: 0;
          right: 0;

          }
.risk-search-banner-card-right .btn-top-right:before,
          .risk-search-banner-card-right .btn-top-right:after {
              transform: rotate(0deg);
              right: 0;
          }
.risk-search-banner-card-right .btn-bottom-left {
          bottom: 0px;
          left: 0;
         }
.risk-search-banner-card-right .btn-bottom-left:before,
          .risk-search-banner-card-right .btn-bottom-left:after {
              transform: rotate(0deg);
              left: 0;
              bottom: 0;
          }
.risk-search-banner-card-right .btn-bottom-right {
          bottom: 0px;
          right: 0;
         }
.risk-search-banner-card-right .btn-bottom-right:before,
          .risk-search-banner-card-right .btn-bottom-right:after {
              transform: rotate(0deg);
              right: 0;
              bottom: 0;
          }
@media(max-width: 767px) {
.risk-search-banner-card-right{
        flex-direction: column;
        align-items: flex-start;
    }
         }
.risk-search-banner-search-box{
    margin-left: auto;
    margin-right: auto;
    margin-top: 56px;
    display: flex;
    height: 100%;
    width: 100%;
    max-width: 988px;
    flex-direction: column;
    align-items: flex-start;
    -moz-column-gap: 18px;
         column-gap: 18px;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 35px;
    padding-right: 35px;
    border: 1px solid #3E3E3E;
    background-color: #242424;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.risk-search-banner-search-box .search-form{
    position: relative;
    height: auto;
    width: 100%;
}
@media(min-width: 768px) {
.risk-search-banner-search-box .search-form{
        max-width: 30%;
    }
      }
.risk-search-banner-search-box .search-box-input{
    height: auto;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 16px;
    padding-right: 16px;
    font-family: Chakra Petch, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}
@media (min-width: 1440px){
    .risk-search-banner-search-box .search-box-input{
        font-size: 16px;
        line-height: 22px;
    }
}
.semibold-work-sans.risk-search-banner-search-box .search-box-input {
      letter-spacing: 3px;
    }
.risk-search-banner-search-box .search-box-input {
      background-color: transparent;
      border: 1px solid var(--gray-4);
      color: var(--everstream-blue);
      transition: all 150ms ease;
    }
.risk-search-banner-search-box .search-box-input::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: var(--gray-4);
        opacity: 1; /* Firefox */
      }
.risk-search-banner-search-box .search-box-input:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: var(--gray-4);
        opacity: 1; /* Firefox */
      }
.risk-search-banner-search-box .search-box-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: var(--gray-4);
        opacity: 1; /* Firefox */
      }
@media(min-width: 768px) {
.risk-search-banner-search-box .search-box-input{
        max-width: 340px;
    }
      }
.risk-search-banner-search-box .search-box-input:hover, .risk-search-banner-search-box .search-box-input:focus {
        border-color: white;
      }
.risk-search-banner-search-box .search-box-input:hover::-moz-placeholder, .risk-search-banner-search-box .search-box-input:focus::-moz-placeholder {
          color: white;
        }
.risk-search-banner-search-box .search-box-input:hover:-ms-input-placeholder, .risk-search-banner-search-box .search-box-input:focus:-ms-input-placeholder {
          color: white;
        }
.risk-search-banner-search-box .search-box-input:hover::placeholder, .risk-search-banner-search-box .search-box-input:focus::placeholder {
          color: white;
        }
.risk-search-banner-search-box .search-box-input:hover ~ button, .risk-search-banner-search-box .search-box-input:focus ~ button {
          background-color: white;
        }
.risk-search-banner-search-box .search-box-submit{
    position: absolute;
    top: 50%;
    right: 10px;
    height: 16px;
    width: 16px;
      -webkit-mask-image: url(images/a739fb8dbf0e2d8ff856.svg);
              mask-image: url(images/a739fb8dbf0e2d8ff856.svg);
      -webkit-mask-size: cover;
              mask-size: cover;
      -webkit-mask-position: center;
              mask-position: center;
      background-color: var(--gray-4);
      transition: all 150ms ease;
      transform: translateY(50%);
}
.risk-search-banner-search-box .search-box-submit.enabled {
        background-color: var(--everstream-blue) !important;
      }
.risk-search-banner-search-box .search-box-filters{
    display: flex;
    height: auto;
    width: 100%;
    flex-wrap: wrap;
    -moz-column-gap: 8px;
         column-gap: 8px;
    row-gap: 8px;
}
.risk-search-banner-search-box .search-box-filters-button{
    display: flex;
    height: auto;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-family: Chakra Petch, sans-serif;
    font-weight: 500;
    color: var(--gray-4);
    font-size: 14px;
    line-height: 20px;
}
@media (min-width: 1440px){
    .risk-search-banner-search-box .search-box-filters-button{
        font-size: 16px;
        line-height: 22px;
    }
}
.semibold-work-sans.risk-search-banner-search-box .search-box-filters-button {
      letter-spacing: 3px;
    }
.risk-search-banner-search-box .search-box-filters-button {
        border: 1px solid var(--gray-4);
        transition: all 150ms ease;
      }
.risk-search-banner-search-box .search-box-filters-button.active {
          color: var(--everstream-blue);
          border: 1px solid var(--everstream-blue);
        }
@media(min-width: 768px) {
.risk-search-banner-search-box .search-box-filters-button {
          max-width: calc(50% - 8px)
      }
        }
.risk-search-banner-search-box .search-box-filters-button:hover {
          border-color: white;
          color: white;
        }
.risk-search-banner-search-box .search-box-filters .search-box-filter-topic {
          /* @apply w-full h-auto; */
        }
.risk-search-banner-search-box .search-box-filter-clear{
    display: flex;
    height: auto;
    width: 100%;
    justify-content: space-between;
}
.risk-search-banner-search-box .search-box-filter-clear-button{
    position: relative;
    font-family: Chakra Petch, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}
@media (min-width: 1440px){
    .risk-search-banner-search-box .search-box-filter-clear-button{
        font-size: 16px;
        line-height: 22px;
    }
}
.semibold-work-sans.risk-search-banner-search-box .search-box-filter-clear-button {
      letter-spacing: 3px;
    }
.risk-search-banner-search-box .search-box-filter-clear-button {
          pointer-events: none;
          color: var(--gray-7);
        }
.risk-search-banner-search-box .search-box-filter-clear-button span{
    display: flex;
    align-items: center;
    -moz-column-gap: 6px;
         column-gap: 6px;
}
.risk-search-banner-search-box .search-box-filter-clear-button span:before{
    font-family: Chakra Petch, sans-serif;
    font-weight: 500;
              content: '';
              background-color: var(--gray-7);
              width: 12px;
              height: 12px;
              -webkit-mask-image: url(images/400f2e4be3e7f6b28c64.svg);
                      mask-image: url(images/400f2e4be3e7f6b28c64.svg);
              -webkit-mask-repeat: no-repeat;
                      mask-repeat: no-repeat;
              -webkit-mask-position: center;
                      mask-position: center;
              -webkit-mask-size: cover;
                      mask-size: cover;
               /* font-size: 16px; */
              /* line-height: 21px; */
}
.risk-search-banner-search-box .search-box-filter-clear-button.enabled{
    cursor: pointer;
            pointer-events: auto;
            color: var(--gray-1);
}
.risk-search-banner-search-box .search-box-filter-clear-button.enabled span:before {
                background-color: var(--gray-1);
              }
@media (min-width: 768px){
    .risk-search-banner-search-box .search-box-filter-clear-button.topic-clear{
        padding-right: 8px;
    }
}
.risk-search-banner-search-box .search-box-filter-keyword{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
    font-family: Chakra Petch, sans-serif;
}
.risk-search-banner-search-box .search-box-filter-topic{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
    font-family: Chakra Petch, sans-serif;
}
.risk-search-banner-search-box-spacer{
    padding-top: 8px;
    padding-bottom: 8px;
      align-self: center;
}
@media(min-width: 768px) {
.risk-search-banner-search-box-spacer{
        padding-bottom: 28px;
        padding-top: 0px;
    }
.risk-search-banner-search-box{
        flex-direction: row;
    }
      }
.risk-search-banner-asset{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
      max-height: 400px;
      transition: ease 1000ms all;
}
.risk-search-banner-asset-container{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
          /* height: 100%; */
          height: auto;
          max-height: 418px;
          max-width: 990px;
}
/* Bordered corners */
.risk-search-banner-asset-container .btn-top-left, .risk-search-banner-asset-container .btn-top-right, .risk-search-banner-asset-container .btn-bottom-left, .risk-search-banner-asset-container .btn-bottom-right{
    position: absolute;
         transition: all 500ms ease;
         display: block;
         height: 100%;
         width: 100%;
}
.risk-search-banner-asset-container .btn-top-left::before,
         .risk-search-banner-asset-container .btn-top-left::after,
         .risk-search-banner-asset-container .btn-top-right::before,
         .risk-search-banner-asset-container .btn-top-right::after,
         .risk-search-banner-asset-container .btn-bottom-left::before,
         .risk-search-banner-asset-container .btn-bottom-left::after,
         .risk-search-banner-asset-container .btn-bottom-right::before,
         .risk-search-banner-asset-container .btn-bottom-right::after {
             content: '';
             background-color: var(--everstream-blue);
             position: absolute;
             transition: all 500ms ease;
         }
.risk-search-banner-asset-container .btn-top-left:before, .risk-search-banner-asset-container .btn-top-right:before, .risk-search-banner-asset-container .btn-bottom-left:before, .risk-search-banner-asset-container .btn-bottom-right:before {
             width: 16px;
             height: 1px;
         }
.risk-search-banner-asset-container .btn-top-left:after, .risk-search-banner-asset-container .btn-top-right:after, .risk-search-banner-asset-container .btn-bottom-left:after, .risk-search-banner-asset-container .btn-bottom-right:after {
             width: 1px;
             height: 16px;
         }
.risk-search-banner-asset-container .btn-top-left {
         top: 0;
         left: 0;

         }
.risk-search-banner-asset-container .btn-top-left:before,
         .risk-search-banner-asset-container .btn-top-left:after {
             transform: rotate(0deg);
         }
.risk-search-banner-asset-container .btn-top-right {
         top: 0;
         right: 0;

         }
.risk-search-banner-asset-container .btn-top-right:before,
         .risk-search-banner-asset-container .btn-top-right:after {
             transform: rotate(0deg);
             right: 0;
         }
.risk-search-banner-asset-container .btn-bottom-left {
         bottom: 0px;
         left: 0;
         }
.risk-search-banner-asset-container .btn-bottom-left:before,
         .risk-search-banner-asset-container .btn-bottom-left:after {
             transform: rotate(0deg);
             left: 0;
             bottom: 0;
         }
.risk-search-banner-asset-container .btn-bottom-right {
         bottom: 0px;
         right: 0;
         }
.risk-search-banner-asset-container .btn-bottom-right:before,
         .risk-search-banner-asset-container .btn-bottom-right:after {
             transform: rotate(0deg);
             right: 0;
             bottom: 0;
         }
/* Typewriter animation class */
#typewriter:after{
      content: "\25AE";
      font-size: 40px !important;
      /* animation: blink 500ms linear forward alternate; */
  }
@media(min-width: 768px){
#typewriter:after{
          font-size: 56px !important;
  }
      }
@media(min-width: 1440px){
#typewriter:after{
          font-size: 88px !important;
  }
      }
#typewriter:after{
      
      color: var(--everstream-blue);
      -webkit-animation: blink 500ms linear infinite alternate;
              animation: blink 500ms linear infinite alternate;
}
/* Risk Search Results */
.risk-search-results{
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    display: flex;
    max-width: 1800px;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    -moz-column-gap: 25px;
         column-gap: 25px;
    row-gap: 25px;
    padding-left: 16px;
    padding-right: 16px;
}
.risk-search-results .risk-card.risk-card-search-results{
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}
@media (min-width: 768px){
    .risk-search-results .risk-card.risk-card-search-results{
        margin: 0px !important;
    }
}
/* max-width: calc(25% - 19px); */
/* @apply md:min-h-[350px]; */
.risk-search-results .risk-card.risk-card-search-results .risk-card-bottom .risk-card-desc{
    max-height: 86px !important;
    color: var(--gray-3) !important;
}
@media(max-width: 1220px) {
.risk-search-results .risk-card.risk-card-search-results .risk-card-bottom .risk-card-desc{
        max-height: 84px !important;
    }
        }
@media(min-width: 768px) {
.risk-search-results .risk-card.risk-card-search-results .risk-card-bottom{
        min-height: 335px;
    }
      }
@media(min-width: 1440px) {
.risk-search-results .risk-card.risk-card-search-results .risk-card-bottom{
        min-height: 385px;
    }
      }
@media(min-width: 1860px) {
.risk-search-results .risk-card.risk-card-search-results .risk-card-bottom{
        min-height: 335px;
    }
      }
@media(max-width: 767px) {
.risk-search-results .risk-card.risk-card-search-results .risk-card-bottom{
        min-height: 295px;
    }
      }
@media(min-width: 768px) {
.risk-search-results .risk-card.risk-card-search-results {
      max-width: calc(50% - 19px)
  }
    }
@media(min-width: 1200px) {
.risk-search-results .risk-card.risk-card-search-results {
      max-width: calc(33% - 19px)
  }
    }
@media(min-width: 1440px) {
.risk-search-results .risk-card.risk-card-search-results {
      max-width: calc(25% - 19px)
  }
    }
@media(min-width: 768px) {
.risk-search-results{
        padding-left: 40px;
        padding-right: 40px;
    }
  }
@media(min-width: 1200px) {
.risk-search-results{
        padding-left: 56px;
        padding-right: 56px;
    }
  }
@media(min-width: 1860px) {
.risk-search-results{
        padding-left: 0px;
        padding-right: 0px;
    }
  }
.risk-center-pagination-block{
    margin-top: 88px;
    margin-bottom: 88px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 20px;
}
@media (min-width: 1440px){
    .risk-center-pagination-block{
        font-size: 16px;
        line-height: 22px;
    }
}
.semibold-work-sans.risk-center-pagination-block {
      letter-spacing: 3px;
    }
.risk-center-pagination-block{
    font-family: Work Sans, sans-serif;
    font-weight: 500;
}
.risk-center-pagination-block .risk-center-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px auto;
  }
.risk-center-pagination-block .risk-center-pagination .pagination-total{
    font-family: Chakra Petch, sans-serif;
    color: var(--everstream-blue);
}
.text-animate .risk-center-pagination-block .risk-center-pagination .pagination-total {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    );
    background-size: 300%;
  }
.blog-section .blog-post-wrapper .blog-post .img-wrapper-date .risk-center-pagination-block .risk-center-pagination .pagination-total {
            background-image: linear-gradient(
              90deg,
              white 0%,
              white 50%,
              var(--everstream-blue) 50%,
              var(--everstream-blue) 100%
            );
            background-size: 200%;
          }
.text-animate .risk-center-pagination-block .risk-center-pagination .pagination-total {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    );
    background-size: 400%;
  }
.text-animate .risk-center-pagination-block .risk-center-pagination .pagination-total p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.risk-center-pagination-block .risk-center-pagination .pagination-total span{
    padding-left: 8px;
    padding-right: 8px;
    color: var(--gray-6);
}
.risk-center-pagination-block .risk-center-pagination .prev.btn{
    margin-right: 8px;
}
.risk-center-pagination-block .risk-center-pagination .next.btn{
    margin-left: 8px;
}
.risk-center-pagination-block .prev a, .risk-center-pagination-block .prev button, .risk-center-pagination-block .next a, .risk-center-pagination-block .next button{
    position: relative;
    margin-left: 16px;
    margin-right: 16px;
    box-sizing: border-box;
    height: 24px;
    width: 24px;
}
@media (min-width: 768px){
    .risk-center-pagination-block .prev a, .risk-center-pagination-block .prev button, .risk-center-pagination-block .next a, .risk-center-pagination-block .next button{
        height: 44px;
        width: 44px;
    }
}
.risk-center-pagination-block .prev a,
    .risk-center-pagination-block .prev button,
    .risk-center-pagination-block .next a,
    .risk-center-pagination-block .next button {
      box-shadow: inset 0px 0px 0px;
      border: 1px solid var(--everstream-blue);
      cursor: pointer;
      display: block;
    }
.risk-center-pagination-block .prev a:after, .risk-center-pagination-block .prev button:after, .risk-center-pagination-block .next a:after, .risk-center-pagination-block .next button:after{
    height: 12px;
    width: 12px;
}
@media (min-width: 768px){
    .risk-center-pagination-block .prev a:after, .risk-center-pagination-block .prev button:after, .risk-center-pagination-block .next a:after, .risk-center-pagination-block .next button:after{
        height: 24px;
        width: 24px;
    }
}
.risk-center-pagination-block .prev a:after, .risk-center-pagination-block .prev button:after, .risk-center-pagination-block .next a:after, .risk-center-pagination-block .next button:after {
        content: "";
        position: absolute;
        -webkit-mask-image: url(images/95e35f97da31e07cf3af.svg);
                mask-image: url(images/95e35f97da31e07cf3af.svg);
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-position: center;
                mask-position: center;
        -webkit-mask-size: contain;
                mask-size: contain;
        top: 50%;
        left: 0;
        z-index: 10;
        transform: translate(7px, -50%);
        background-color: var(--everstream-blue);
      }
@media (min-width: 768px) {
.risk-center-pagination-block .prev a:after, .risk-center-pagination-block .prev button:after, .risk-center-pagination-block .next a:after, .risk-center-pagination-block .next button:after {
          transform: translate(12px, -50%)
      }
        }
.risk-center-pagination-block .prev a:focus,
      .risk-center-pagination-block .prev a:hover,
      .risk-center-pagination-block .prev button:focus,
      .risk-center-pagination-block .prev button:hover,
      .risk-center-pagination-block .next a:focus,
      .risk-center-pagination-block .next a:hover,
      .risk-center-pagination-block .next button:focus,
      .risk-center-pagination-block .next button:hover {
        /* border: 3px solid var(--everstream-blue); */
        box-shadow: inset 0px 0px 0px 1px var(--everstream-blue);
      }
.risk-center-pagination-block .prev a, .risk-center-pagination-block .prev button{
    margin-left: 0px;
}
.risk-center-pagination-block .next a, .risk-center-pagination-block .next button{
    margin-right: 0px;
}
.risk-center-pagination-block .next a:after, .risk-center-pagination-block .next button:after {
        -webkit-mask-image: url(images/1d714f5c503d794a662f.svg);
                mask-image: url(images/1d714f5c503d794a662f.svg);
        transform: translate(4px, -50%);
      }
.risk-center-pagination-block .page-number{
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 10px;
    color: var(--gray-3);
    font-size: 12px;
    line-height: 16px;
}
@media (min-width: 1440px){
    .risk-center-pagination-block .page-number{
        font-size: 14px;
        line-height: 20px;
    }
}
.semibold-work-sans.risk-center-pagination-block .page-number {
      letter-spacing: 3px;
    }
.text-animate .risk-center-pagination-block .page-number {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-size: 200%;
  }
.text-animate .risk-center-pagination-block .page-number p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
@media (min-width: 768px){
    .risk-center-pagination-block .page-number{
        margin-left: 8px;
        margin-right: 8px;
    }
}
.risk-center-pagination-block .page-number {

    /* &:hover {
      border-bottom: 2px solid var(--everstream-orange);
    } */
  }
.risk-center-pagination-block .page-number:focus, .risk-center-pagination-block .page-number:hover{
    color: var(--everstream-blue);
}
.text-animate .risk-center-pagination-block .page-number:focus, .text-animate .risk-center-pagination-block .page-number:hover {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    );
    background-size: 300%;
  }
.blog-section .blog-post-wrapper .blog-post .img-wrapper-date .risk-center-pagination-block .page-number:focus, .blog-section .blog-post-wrapper .blog-post .img-wrapper-date .risk-center-pagination-block .page-number:hover {
            background-image: linear-gradient(
              90deg,
              white 0%,
              white 50%,
              var(--everstream-blue) 50%,
              var(--everstream-blue) 100%
            );
            background-size: 200%;
          }
.text-animate .risk-center-pagination-block .page-number:focus, .text-animate .risk-center-pagination-block .page-number:hover {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    );
    background-size: 400%;
  }
.text-animate .risk-center-pagination-block .page-number:focus p, .text-animate .risk-center-pagination-block .page-number:hover p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.risk-center-pagination-block .page-number:focus,
    .risk-center-pagination-block .page-number:hover {
      border-bottom: 2px solid var(--everstream-blue);
    }
.risk-center-pagination-block .disabled a,
    .risk-center-pagination-block .disabled button {
      cursor: initial;
      opacity: 0.3;
      border: 1px solid var(--everstream-blue);
    }
.risk-center-pagination-block .disabled a:after, .risk-center-pagination-block .disabled button:after {
        background-color: var(--everstream-blue);
      }
.risk-center-pagination-block .disabled a:focus,
      .risk-center-pagination-block .disabled a:hover,
      .risk-center-pagination-block .disabled button:focus,
      .risk-center-pagination-block .disabled button:hover {
        box-shadow: none;
      }
.risk-center-pagination-block span.current {
    color: var(--everstream-blue);
    border-bottom: 2px solid var(--everstream-blue);
    font-weight: 600;
  }
.section-sign-up-content-block .risk-sign-up-border-top{
    position: absolute;
    top: 0px;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    border-top: 1px solid black;
}
@media(max-width: 1199px) {
.section-sign-up-content-block .risk-sign-up-border-top{
        width: 85%;
    }
    }
@keyframes blink{
0%{opacity: 0;}
100%{opacity: 1;}
}
@keyframes fadeinBox{
  0%{
      opacity: 0;
  }
  20%{
      opacity: 0.33;
  }
  40%{
      opacity: 0;
  }
  60%{
      opacity: 0.66;
  }
  80%{
      opacity: 0;
  }
  100%{
      opacity: 1;
  }
}
@keyframes cornerShift {
  0% {
    right: 90%;
  }
  100% {
    right: 0%;
  }
}
@keyframes fadeBlink {
  0%{
      opacity: 0;
  }
  20%{
      opacity: 0.33;
  }
  40%{
      opacity: 0;
  }
  60%{
      opacity: 0.66;
  }
  80%{
      opacity: 0;
  }
  100%{
      opacity: 1;
  }
}
.page-top-text {
      margin-left: auto !important;
      margin-right: auto !important;
      max-width: 1800px;
      padding-left: 16px;
      /* @apply mx-16px;

            @media(min-width: 768px){
                @apply mx-40px;
            }

            @media(min-width: 1920px){
                margin-left: 380px;
            } */
    }
@media (min-width: 768px) {
.page-top-text {
        padding-left: 40px
    }
      }
@media (min-width: 1440px) {
.page-top-text {
        padding-left: 52px
    }
      }
@media (min-width: 1800px) {
.page-top-text {
        padding-left: 0px
    }
      }
.page-top-supertitle {
      letter-spacing: 2px;
      margin-top: 40px;
    }
@media (min-width: 768px) {
.page-top-supertitle {
        margin-top: 56px
    }
      }
@media (min-width: 1440px) {
.page-top-supertitle {
        margin-top: 88px
    }
      }
.page-top-maintitle {
      margin-bottom: 20px;
    }
@media (min-width: 768px) {
.page-top-maintitle {
        margin-bottom: 24px
    }
      }
@media (min-width: 1440px) {
.page-top-maintitle {
        margin-bottom: 32px
    }
      }
.page-banner{
    position: absolute;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.page-banner-assets{
    position: relative;
    margin-bottom: 40px;
    width: 100%;
}
.page-banner-assets .button-wrap{
    position: relative;
}
/* background-image: url("../assets/home-banner-noodles.svg");
                background-repeat: no-repeat;
                background-position: right;
                background-size: cover; */
.page-banner-assets .button-wrap:after {
          content: "";
          position: absolute;
          width: 100%;
          height: 99.9%;
          top: 0;
          right: 0;
          opacity: 0.3;
          /* mask-image: url("../assets/about_linear_noodles.svg"); */
          -webkit-mask-image: url(images/4ff846dc5e158f50bf08.svg);
                  mask-image: url(images/4ff846dc5e158f50bf08.svg);
          -webkit-mask-repeat: repeat;
                  mask-repeat: repeat;
          -webkit-mask-position: right;
                  mask-position: right;
          -webkit-mask-size: contain;
                  mask-size: contain;
          background-color: var(--black);
          z-index: -10;
        }
.page-banner-overlay{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    height: 100%;
    width: 100%;
      opacity: 0.8;
}
.page-banner-container{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: var(--everstream-orange);

      width: 96%;
}
/*     
      @media (max-width: 1440px) {
        clip-path: url("#banner-phone");
      } */
@media (min-width: 1440px) {
        .page-banner-container.large {
          -webkit-clip-path: url("#page-large-image-mask");
                  clip-path: url("#page-large-image-mask");
        }

        .page-banner-container.medium {
          -webkit-clip-path: url("#page-medium-image-mask");
                  clip-path: url("#page-medium-image-mask");
        }
      }
@media (min-width: 768px) {
.page-banner-container {
        width: 95%
    }
      }
@media (min-width: 1440px) {
.page-banner-container {
        width: 92%
    }
      }
@media (min-width: 1920px) {
.page-banner-container {
        width: 80%
    }
      }
.page-banner-container.large {
        height: 390px;
      }
@media (min-width: 768px) {
.page-banner-container.large {
          height: 600px
      }
        }
@media (min-width: 1440px) {
.page-banner-container.large {
          height: 930px
      }
        }
@media (min-width: 1920px) {
.page-banner-container.large {
          height: 1090px
      }
        }
.page-banner-container.medium {
        height: 600px;
      }
@media (min-width: 1920px) {
.page-banner-container.medium {
          height: 705px
      }
        }
.page-banner-content{
    margin-left: 16px;
    margin-right: 16px;
    height: 100%;
    width: 100%;
      /* max-width: 375px; */
      /* max-height: 360px; */
      z-index: 20;
      display: flex;
      flex-direction: column;
      justify-content: center;
}
@media (min-width: 768px) {
.page-banner-content{
        margin-left: 40px;
        margin-right: 40px;
        max-width: 714px;
    }
      }
@media (min-width: 1440px) {
.page-banner-content {
        max-width: 900px
    }
      }
@media (min-width: 1920px) {
.page-banner-content {
        /* margin-left: 380px; */
        margin-left: auto;
        margin-right: 37%
    }
      }
.page-banner-title {
      max-width: 700px;
      max-height: 145px;
      overflow: hidden;
      text-overflow: ellipsis;
    }
@media (min-width: 768px) {
.page-banner-title {
        max-height: 175px
    }
      }
@media (min-width: 1440px) {
.page-banner-title {
        max-height: 195px
    }
      }
.page-banner-subtitle{
    padding-top: 24px;
    padding-bottom: 24px;
}
.page-banner-body {
      max-height: 90px;
      overflow: hidden;
    }
@media (min-width: 768px) {
.page-banner-body {
        max-height: 90px
    }
      }
@media (min-width: 1440px) {
.page-banner-body {
        max-height: 95px
    }
      }
.page-banner-description {
      /*Bottom Description below banner*/
      margin-left: 16px;
      margin-right: 16px;
      margin-top: 56px;
      padding-bottom: 32px;
      max-width: 288px;
    }
@media (min-width: 768px) {
.page-banner-description{
        margin-left: 40px;
        max-width: 600px;
    }
      }
@media (min-width: 1920px) {
.page-banner-description {
        margin-left: 380px
    }
      }
.page-banner-play-button{
    margin-top: 72px;
      width: 81px;
      height: 81px;
      background-image: url(images/cdc07eb458d960bced0a.svg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      transition: all 150ms ease;

      cursor: pointer;
}
.page-banner-play-button:hover {
        background-image: url(images/0bc415267a9973310010.svg) !important;
      }
@media (min-width: 768px) {
.page-banner-play-button {
        width: 148px;
        height: 148px
    }
      }
.page-banner-button{
    position: relative;
    height: 100%;
    width: 100%;
}
@media (min-width: 768px) {
.page-banner-button{
        margin-left: 40px;
        margin-right: 40px;
        max-width: 714px;
    }
      }
@media (min-width: 1440px) {
.page-banner-button {
        max-width: 900px
    }
      }
@media (min-width: 1920px) {
.page-banner-button {
        /* margin-left: 380px; */
        margin-left: auto;
        margin-right: 49.6%
    }
      }
.page-banner-button .banner-inner-button{
    position: absolute;
        bottom: -40px;
        z-index: 25;
        left: 16px;
}
@media (min-width: 768px) {
.page-banner-button .banner-inner-button {
          left: 0px
      }
        }
.video-banner-modal{
    position: absolute;
    height: 100%;
    width: 100%;
  opacity: 0;
  transition: opacity 1s ease;
  display: none;
  top: 0;
  left: 0;
  z-index: 20;
  background-color: black;
}
.video-banner-modal .close-modal{
    position: absolute;
    top: 0px;
    right: 0px;
    margin-right: 20px;
    margin-top: 20px;
    width: 40px;
    height: 40px;
    /* background-color: green; */
    z-index: 99;

    background-image: url(images/93a58717b8952b9139d5.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.video-banner-modal .close-modal .x-button {
      width: 32px;
      height: 32px;
      position: absolute;
      top: 4px;
      left: 50%;
      transform: translateX(-50%);
      background-image: url(images/1f731921cf141726b982.svg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
    }
.video-banner-modal .plyr {
    width: auto !important;
    position: absolute !important;
    height: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
.video-banner-modal .plyr iframe {
      max-width: 100% !important;
      max-height: 100% !important;
    }
.video-banner-modal .page-banner {
    position: absolute;
    height: 100%;
    width: auto;
    -o-object-fit: cover;
    object-fit: cover;
    left: 50%;
    transform: translateX(-50%);
  }
.industries-banner-container {
  }
.industries-banner-text{
    margin-left: 16px;
    margin-bottom: 12px;
    padding-top: 16px;
}
@media (min-width: 768px){
    .industries-banner-text{
        margin-left: 40px;
        margin-bottom: 16px;
        padding-top: 40px;
    }
}
@media (min-width: 1440px){
    .industries-banner-text{
        margin-left: 52px;
        margin-bottom: 32px;
        padding-left: 0px;
        padding-right: 0px;
    }
}
.industries-banner-text {
    color: var(--white) !important;
    max-width: 1800px !important;
  }
@media (min-width: 1800px) {
.industries-banner-text {
      margin: 0 auto !important
  }
    }
.industries-banner-text .industries-banner-supertitle{
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
}
@media (min-width: 1440px){
    .industries-banner-text .industries-banner-supertitle{
        font-size: 16px;
        line-height: 22px;
    }
}
.semibold-work-sans.industries-banner-text .industries-banner-supertitle {
      letter-spacing: 3px;
    }
.industries-banner-text .industries-banner-supertitle{
    font-family: Work Sans, sans-serif;
    font-weight: 400;
      letter-spacing: 2px;
}
.industries-banner-asset{
    margin-right: auto;
    width: 100%;
    padding-bottom: 32px;
}
@media (min-width: 1440px){
    .industries-banner-asset{
        padding-top: 0px;
        padding-bottom: 0px;
    }
}
@media (max-width: 768px) {
.industries-banner-asset {
      max-height: 366px
  }
    }
@media (max-width: 1440px) {
.industries-banner-asset {
      height: 575px
  }
    }
@media (min-width: 1920px) {
.industries-banner-asset {
      max-width: 2100px !important;
      max-height: 825px !important
  }
    }
/* img {
      @apply mx-auto;
      @media (min-width: 1440px) {
        max-width: 1200px !important;
        max-height: 875px !important;
      }
    } */
.industries-banner-asset img{
    margin-right: auto;
    height: 100%;
}
.industries-banner-asset-wrapper{
    display: flex;
    flex-direction: column;
      width: calc(100% - 16px);
      max-height: 900px;
      height: auto;
      /* background-color: var(--data-viz-blue-2); */
      -webkit-text-fill-color: initial !important;
      -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
              clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
      transition: ease 1000ms all;

      /*
      .bar-row {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-text-fill-color: initial !important;
        clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
        transition: ease 1000ms all;

        &.active {
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
          .bar-text-line.is-animating {
            animation: linereveal 0.5s ease 0.2s forwards,
              lineslideIndustries 1.5s ease 0.5s forwards;
          }
        }

        .bar-numbered-block {
          @apply pl-16px sm:pl-40px md:pl-64px;
          background-color: rgba(255, 255, 255, 0.8);
          margin-left: 0px;

          &:before {
            display: none;
          }
        }

        .bar-text-block {
          @apply sm:pr-32px pr-0;
          background-color: rgba(255, 255, 255, 0.8);
          margin-left: 0px;
          max-width: 300px;
        }

        .bar-numbered-overlay {
          @apply z-50 w-full;

          clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
          &.active {
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
          }
        }

        .bar-text-line {
          height: 100%;
          top: 0;
          background-color: rgba(255, 255, 255, 0.8);
        }
      }
      */
}
.industries-banner-asset-wrapper.active {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
                clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
      }
@media (min-width: 768px) {
.industries-banner-asset-wrapper {
        max-width: 90%
    }
      }
.industries-banner-cta{
    height: 100%;
    padding-left: 16px;
}
@media (min-width: 768px){
    .industries-banner-cta{
        padding-left: 44px;
    }
}
.industries-banner-cta {
    height: auto;
    right: 0;
    color: var(--white);
    background-color: var(--everstream-blue);
    -webkit-clip-path: url("#page-medium-image-mask");
            clip-path: url("#page-medium-image-mask");
  }
.industries-banner-cta.active{
    z-index: 30;
}
@media (max-width: 768px) {
.industries-banner-cta {
      max-height: 350px
  }
    }
.industries-banner-cta .banner-text{
    position: relative;
    padding-right: 16px;
    padding-top: 52px;
      min-width: 200px;
      max-width: 600px;
      height: 100%;
      padding-bottom: 64px;
}
.industries-banner-cta .banner-text-title {
        overflow: hidden;
        max-height: 54px;
      }
@media (min-width: 768px) {
.industries-banner-cta .banner-text-title {
          max-height: 54px
      }
        }
@media (min-width: 1440px) {
.industries-banner-cta .banner-text-title {
          max-height: 64px
      }
        }
.industries-banner-cta .banner-text-body{
    margin-top: 12px;

        overflow: hidden;
        max-height: 94px;
}
@media (min-width: 768px) {
.industries-banner-cta .banner-text-body {
          max-height: 94px
      }
        }
@media (min-width: 1440px) {
.industries-banner-cta .banner-text-body {
          max-height: 118px
      }
        }
.industries-banner-cta-wrapper {
      width: calc(100% - 16px);
      right: 0px;
      z-index: 50;
      margin-left: auto;
    }
@media (min-width: 768px){
    .industries-banner-cta-wrapper{
        width: 66.666667%;
    }
}
@media (min-width: 1440px){
    .industries-banner-cta-wrapper{
        width: 50%;
    }
}
.industries-banner-cta-wrapper {
      height: auto;
      /* transform: translateY(-25%); */
      transform: translateY(-25%) translateZ(0);

      -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);

              clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
      transition: ease 1000ms all;
      max-width: 960px;
      position: relative;
    }
@media (min-width: 1440px) {
.industries-banner-cta-wrapper {
        /* transform: translateY(-45%); */
        transform: translateY(-45%) translateZ(0)
    }
      }
.industries-banner-cta-wrapper.active {
        -webkit-clip-path: polygon(0 0, 150% -100%, 150% 150%, 0% 150%);
                clip-path: polygon(0 0, 150% -100%, 150% 150%, 0% 150%);
      }
.industries-banner-cta-wrapper .banner-noodles::before {
          content: "";
          -webkit-mask-image: url(images/a08a81665a4c18e492b9.svg);
                  mask-image: url(images/a08a81665a4c18e492b9.svg);
          -webkit-mask-repeat: no-repeat;
                  mask-repeat: no-repeat;
          -webkit-mask-position: left;
                  mask-position: left;
          -webkit-mask-size: contain;
                  mask-size: contain;
          z-index: 30;
          position: absolute;
          right: 0;
          top: -37px;
          width: 300px;
          background: var(--everstream-blue) !important;
          height: 47px;
        }
.industries-banner-cta-wrapper .cta-overlay {
        height: 120%;
        width: 100%;
        background-color: var(--page-bg);
        transition: all 500ms ease;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 20;
      }
.industries-banner-cta-wrapper .cta-overlay.active {
          width: 0;
        }
.industries-banner-cta-wrapper .banner-btn{
    position: absolute;
    z-index: 40;
        left: 40px;
        bottom: -25px;
}
/* Set Keyframes for animations of yellow bar */
@-webkit-keyframes lineslideIndustries {
  0% {
    left: 0px;
    opacity: 1;
  }
  100% {
    left: 105%;
    opacity: 1;
  }
}
@keyframes lineslideIndustries {
  0% {
    left: 0px;
    opacity: 1;
  }
  100% {
    left: 105%;
    opacity: 1;
  }
}
.footer{
    bottom: 0px;
    left: 0px;
    margin-top: 88px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
@media (min-width: 768px){
    .footer{
        margin-top: 120px;
    }
}
.footer {

  background-color: rgba(46, 46, 46, 1);
  min-height: 405px;
}
@media (min-width: 768px) {
.footer{
        padding-left: 40px;
        padding-right: 40px;
    }
  }
@media (min-width: 1440px) {
.footer{
        padding-left: 64px;
        padding-right: 64px;
    }
  }
.footer-wrapper {
    padding: 0 0px;
    max-width: 1800px;
    margin: 0px auto;
  }
@media (min-width: 768px) {
.footer-wrapper {
      padding: 0 0px
  }
    }
@media (min-width: 1440px) {
.footer-wrapper {
      padding: 0px 0px
  }
    }
@media (min-width: 1800px) {
.footer-wrapper {
      padding: 0px 0px
  }
    }
.footer-logo {
    width: 170px;
    height: auto;
    position: absolute;
    top: 32px;
    /* left: 60px; */
  }
.footer-lang-select{
    position: absolute;
    left: 0px;
    right: auto;
      top: 100px;
      width: 100%;
      max-width: 340px;
}
@media (min-width: 768px) {
.footer-lang-select{
        right: 0px;
        left: auto;
        top: 27px;
    }
      }
.footer-lang-select::before{
    position: absolute;
        left: 12px;
        top: 27px;
        content: "";
        width: 17px;
        height: 17px;
        z-index: 99;
        background-image: url(images/0d2c1537aa3db76b5397.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
}
@media (min-width: 768px) {
.footer-lang-select::before {
          top: 27px
      }
        }
@media (min-width: 1440px) {
.footer-lang-select::before {
          top: 30px
      }
        }
.footer-lang-list{
    padding-top: 8px;
    padding-bottom: 8px;
      background-color: rgba(46, 46, 46, 1);
      color: rgba(255, 255, 255, 1);
      padding-left: 60px;
      width: 100%;
      /* padding-right: 60px; */

      border: 1px solid var(--white);
}
@media (min-width: 768px) {
.footer-lang-list {
        /* @apply px-88px; */
    }
      }
.footer-columns-container{
    display: flex;
    width: 100%;
    /* padding-left: 60px; */
    /* padding-right: 64px; */
    /* padding-top: 140px; */
    padding-top: 220px;
    padding-bottom: 20px;
    -moz-column-gap: 28px;
         column-gap: 28px;
}
@media(min-width: 768px){
.footer-columns-container {
      padding-top: 170px
  }
    }
.footer-columns-container ul:focus {
      outline: none !important;
    }
@media (min-width: 768px) {
.footer-columns-container{
        flex-wrap: wrap;
      row-gap: 74px;
      padding-top: 151px;
    }
    }
@media (min-width: 820px) {
.footer-columns-container {
      -moz-column-gap: 55px;
           column-gap: 55px
  }
    }
@media (min-width: 1440px) {
.footer-columns-container{
        flex-wrap: nowrap;
      row-gap: 0px;
    }
    }
.footer-column{
    flex-grow: 1;
    width: 100%;
}
@media (min-width: 768px) {
.footer-column {
      max-width: 210px
  }
    }
@media (min-width: 1440px) {
.footer-column {
      max-width: 200px
  }
    }
.footer-column-title{
    position: relative !important;
    margin-bottom: 24px !important;
    font-family: Work Sans, sans-serif !important;
    font-weight: 500 !important;
    font-size: 12px;
    line-height: 16px;
}
@media (min-width: 1440px){
    .footer-column-title{
        font-size: 14px;
        line-height: 20px;
    }
}
.semibold-work-sans.footer-column-title {
      letter-spacing: 3px !important;
    }
.footer-column-title {
      color: rgba(238, 238, 238, 1) !important;
    }
.footer-column-title:after{
    position: absolute;
    width: 100%;
        content: "";
        border-top: 1px solid rgba(0, 118, 169, 1);
        bottom: -12px;
        left: 0;
}
.footer-column-title:focus,
      .footer-column-title:hover {
        color: rgba(238, 238, 238, 1) !important;
      }
.footer-column-line-blue:after {
        border-color: rgba(0, 118, 169, 1) !important;
      }
.footer-column-line-orange:after {
        border-color: rgba(234, 147, 26, 1) !important;
      }
.footer-column-text{
    margin-bottom: 20px;
    font-family: Work Sans, sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
}
@media (min-width: 1440px){
    .footer-column-text{
        font-size: 14px;
        line-height: 20px;
    }
}
.semibold-work-sans.footer-column-text {
      letter-spacing: 3px;
    }
.footer-column-text {
      color: rgba(174, 174, 174, 1);
      display: block;
    }
.footer-column-text:hover {
        color: rgba(238, 238, 238, 1) !important;
      }
@media (max-width: 900px) {
        .footer-column-text:focus {
          outline: none;
        }
      }
.footer-column-icons{
    display: flex;
    height: 100%;
    width: 100%;
      max-height: 32px;
      -moz-column-gap: 12px;
           column-gap: 12px;
}
.footer-single-icon {
    height: 32px;
    width: 32px;
    display: inline-block;
    margin-right: 4px;
  }
/* &-drop-start:nth-child(2){
        padding-top: 12px;
    } */
@media (max-width: 768px) {
.footer-drop-start {
      padding-top: 24px
  }
    }
@media (min-width: 768px) {
.footer-drop-start {
      padding-bottom: 10px
  }
    }
.footer-list-dropdown{
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
@media (max-width: 900px) {
.footer-list-dropdown {
      outline: none
  }
      .footer-list-dropdown:focus {
        outline: none;
      }
    }
.footer-list-dropdown ul {
      margin: 0;
      padding: 0;
      list-style: none;
      overflow: hidden;
      max-height: 0;
      border-bottom: 1px solid rgba(78, 78, 78, 1) !important;
    }
/* transition: max-height 300ms; */
.footer-list-dropdown ul.border-blue {
        border-color: rgba(0, 118, 169, 1) !important;
      }
.footer-list-dropdown ul.border-orange {
        border-color: rgba(234, 147, 26, 1) !important;
      }
.footer-list-dropdown ul li {
        float: none;
        outline: none;
      }
.footer-list-dropdown li {
      position: relative;
      float: left;
      width: 100%;
    }
.footer-list-dropdown li ul {
        /* transition: max-height 500ms; */
      }
.footer-list-dropdown li ul li {
        padding-top: 12px;
      }
.footer-list-dropdown a, .footer-list-dropdown span{
    font-family: Work Sans, sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
}
@media (min-width: 1440px){
    .footer-list-dropdown a, .footer-list-dropdown span{
        font-size: 14px;
        line-height: 20px;
    }
}
.semibold-work-sans.footer-list-dropdown a, .semibold-work-sans.footer-list-dropdown span {
      letter-spacing: 3px;
    }
.footer-list-dropdown a,
    .footer-list-dropdown span {
      color: rgba(174, 174, 174, 1) !important;
      display: block;
      padding-bottom: 10px;
      padding-left: 12px;
      width: 200px;
      font-weight: bold;
      text-decoration: none;
      text-align: left;
    }
@media (max-width: 900px) {
.footer-list-dropdown a,
    .footer-list-dropdown span {
        outline: none
    }
      }
.footer-list-dropdown a:focus,
      .footer-list-dropdown a:hover,
      .footer-list-dropdown span:focus,
      .footer-list-dropdown span:hover {
        color: rgba(238, 238, 238, 1) !important;
      }
.footer-list-dropdown li ul li:last-child, .footer [data-open="open"] li ul li:last-child {
          padding-bottom: 10px;
        }
.footer-top-dropdown {
    /*@apply font-sans font-medium fs--1;*/
    color: rgba(238, 238, 238, 1) !important;
    padding-left: 0px !important;
    cursor: pointer;
  }
@media (min-width: 768px) {
.footer-top-dropdown {
      color: rgba(174, 174, 174, 1) !important
  }
    }
.footer-top-dropdown:after {
      content: "+";
      position: absolute;
      right: 5px;
      font-size: 14px;
    }
.footer-top-dropdown-clicked {
      /* border-bottom: 1px solid var(--gray-2); */
      padding-left: 0px !important;

      outline: none;
    }
.footer-top-dropdown-clicked:after {
        content: "-";
        position: absolute;
        right: 5px;
        font-size: 14px;
      }
.footer .text-copyright{
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: rgba(174, 174, 174, 1) !important;
}
.pnf-section{
    position: relative;
    background-color: var(--everstream-blue);
    padding-left: 16px;
    padding-right: 16px;
    color: var(--white);
}
@media (min-width: 768px){
    .pnf-section{
        padding-left: 40px;
        padding-right: 40px;
    }
}
.pnf-section {
  min-height: 225px;
  max-width: 880px;
  margin-right: auto;
}
@media (min-width: 768px) {
.pnf-section {
    max-width: 500px
}
  }
@media (min-width: 1440px) {
.pnf-section {
    max-width: 550px;
    padding-left: 60px;
    padding-right: 100px
}
  }
@media (min-width: 1920px) {
    .pnf-section:before {
      content: "";
      position: absolute;
      top: 0;
      left: -387px;
      width: 387px;
      height: 100%;
      background-color: var(--everstream-blue);
    }
  }
.pnf-section .super-title{
    padding-top: 20px;
    font-family: Work Sans, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--white);
    font-size: 14px;
    line-height: 20px;
}
@media (min-width: 1440px){
    .pnf-section .super-title{
        font-size: 16px;
        line-height: 22px;
    }
}
.semibold-work-sans.pnf-section .super-title {
      letter-spacing: 3px;
    }
@media (min-width: 768px){
    .pnf-section .super-title{
        padding-top: 40px;
    }
}
@media (min-width: 1440px){
    .pnf-section .super-title{
        padding-top: 56px;
    }
}
.pnf-section .super-title {
    letter-spacing: 2px;
  }
.pnf-section .title{
    color: var(--white);
    font-size: 48px;
    line-height: 56px;
}
@media (min-width: 768px){
    .pnf-section .title{
        font-size: 72px;
        line-height: 80px;
    }
}
@media (min-width: 1440px){
    .pnf-section .title{
        font-size: 104px;
        line-height: 116px;
    }
}
.pnf-section .title{
    font-family: Raleway, sans-serif;
    font-weight: 700;
}
.semibold-work-sans.pnf-section .title {
      letter-spacing: 6px;
    }
.pnf-section .title{
    font-family: Raleway, sans-serif;
    font-weight: 700;
}
.pnf-section .description{
    padding-top: 24px;
    padding-bottom: 32px;
    font-family: Work Sans, sans-serif;
    font-weight: 500;
    color: var(--white);
    font-size: 16px;
    line-height: 22px;
}
@media (min-width: 1440px){
    .pnf-section .description{
        font-size: 18px;
        line-height: 24px;
    }
}
.semibold-work-sans.pnf-section .description {
      letter-spacing: 3px;
    }
@media (min-width: 1440px){
    .pnf-section .description{
        padding-top: 44px;
        padding-bottom: 56px;
    }
}
.pnf-section .description {
    max-width: 300px;
  }
@media (min-width: 1440px) {
.pnf-section .description {
      max-width: 350px
  }
    }
.pnf-section-noodles::after {
      position: absolute;

      width: 100%;
      max-width: 262px;
      height: 186px;
      right: -24px;
      bottom: -28px;
      z-index: -1;
      content: "";
      background-image: url(images/714d79489048f9e77bba.svg);
      background-repeat: repeat-x;
      background-position: right;
      background-size: contain;
    }
.pnf-section-wrapper {
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
  }
/* Search Box = Search page  */
.search-container{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  max-width: 1800px;
}
/* @media (max-width: 1860px) {
    @apply px-40px;
  } */
@media (max-width: 960px) {
.search-container{
        padding-left: 0px;
        padding-right: 0px;
    }
  }
.search-box{
    width: 100%;
    background-color: var(--gray-8);
    padding-right: 64px;
  color: var(--gray-5);
  padding-top: 1px;
  max-width: 900px;
  min-height: 192px;
  position: relative;
}
@media (max-width: 960px) {
.search-box{
        padding-left: 16px;
        padding-right: 16px;
    }
  }
.search-box:before{
    background-color: var(--gray-8);
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 100%;
    width: 100vw;
    height: 100%;
}
.search-box .search-page-title{
    margin-top: 36px;
    margin-bottom: 16px;
    text-transform: uppercase;
    color: var(--gray-3);
    font-size: 14px;
    line-height: 20px;
}
@media (min-width: 1440px){
    .search-box .search-page-title{
        font-size: 16px;
        line-height: 22px;
    }
}
.semibold-work-sans.search-box .search-page-title {
      letter-spacing: 3px;
    }
.search-box .search-page-title{
    font-family: Work Sans, sans-serif;
    font-weight: 500;
}
.text-animate .search-box .search-page-title {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-size: 200%;
  }
.text-animate .search-box .search-page-title p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.search-box .search-page-title {
    letter-spacing: 2px;
  }
.search-box .search-page-bar{
    width: 100%;
    background-color: var(--gray-8);
    padding-bottom: 4px;
    font-size: 22px;
    line-height: 30px;
}
@media (min-width: 768px){
    .search-box .search-page-bar{
        font-size: 24px;
        line-height: 32px;
    }
}
@media (min-width: 1440px){
    .search-box .search-page-bar{
        font-size: 32px;
        line-height: 40px;
    }
}
.semibold-work-sans.fs-3 .semibold-work-sans.search-box .search-page-bar .semibold-work-sans.fs-5 .semibold-work-sans.fs-6 {
      letter-spacing: 5px;
    }
.search-box .search-page-bar{
    font-family: Work Sans, sans-serif;
    font-weight: 400;
    border-radius: unset;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    color: var(--everstream-blue);
    border-bottom: 1px solid var(--gray-5);
}
.search-box .search-page-bar::-moz-placeholder {
      color: var(--everstream-blue);
    }
.search-box .search-page-bar:-ms-input-placeholder {
      color: var(--everstream-blue);
    }
.search-box .search-page-bar::placeholder {
      color: var(--everstream-blue);
    }
.search-box .search-page-submit{
    position: absolute;
    right: 4px;
    height: 24px;
    width: 24px;
    cursor: pointer;
    background-color: var(--gray-1);
    top: 50%;
    transform: translateY(-50%);
    -webkit-mask-image: url(images/e32ceb09c9521ccbfc3d.svg);
            mask-image: url(images/e32ceb09c9521ccbfc3d.svg);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: left;
            mask-position: left;
    -webkit-mask-size: contain;
            mask-size: contain;
}
.search-box .search-page-clear{
    margin-top: 20px;
    text-transform: uppercase;
    color: var(--gray-3);
    font-size: 10px;
    line-height: 14px;
}
@media (min-width: 1440px){
    .search-box .search-page-clear{
        font-size: 12px;
        line-height: 16px;
    }
}
.semibold-work-sans.search-box .search-page-clear {
      letter-spacing: 3px;
    }
.search-box .search-page-clear{
    font-family: Work Sans, sans-serif;
    font-weight: 500;
}
.text-animate .search-box .search-page-clear {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-size: 200%;
  }
.text-animate .search-box .search-page-clear p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.search-box .search-page-clear {
    letter-spacing: 3px;
  }
.no-results-title{
    margin-top: 36px;
    margin-bottom: 36px;
    color: var(--gray-1);
    font-size: 22px;
    line-height: 30px;
}
@media (min-width: 768px){
    .no-results-title{
        font-size: 24px;
        line-height: 32px;
    }
}
@media (min-width: 1440px){
    .no-results-title{
        font-size: 32px;
        line-height: 40px;
    }
}
.semibold-work-sans.fs-3 .semibold-work-sans.no-results-title .semibold-work-sans.fs-5 .semibold-work-sans.fs-6 {
      letter-spacing: 5px;
    }
.text-animate .no-results-title {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-1) 50%,
      var(--gray-1) 100%
    );
    background-size: 200%;
  }
.search-result-item{
    display: block;
    padding-top: 16px;
    padding-bottom: 16px;
  border-bottom: 1px solid #c4c4c4;
  max-width: 900px;
}
.search-result-item:first-of-type{
    padding-top: 0px;
}
.search-result-item .item-title{
    margin-bottom: 16px;
    color: var(--gray-1);
    font-size: 18px;
    line-height: 24px;
}
@media (min-width: 1440px){
    .search-result-item .item-title{
        font-size: 20px;
        line-height: 28px;
    }
}
.semibold-work-sans.search-result-item .item-title {
      letter-spacing: 5px;
    }
.text-animate .search-result-item .item-title {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-1) 50%,
      var(--gray-1) 100%
    );
    background-size: 200%;
  }
.search-result-item .item-title {
    transition: all 150ms ease;
  }
.search-result-item .item-title:focus, .search-result-item .item-title:hover{
    color: var(--everstream-blue);
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
}
.text-animate .search-result-item .item-title:focus, .text-animate .search-result-item .item-title:hover {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    );
    background-size: 300%;
  }
.blog-section .blog-post-wrapper .blog-post .img-wrapper-date .search-result-item .item-title:focus, .blog-section .blog-post-wrapper .blog-post .img-wrapper-date .search-result-item .item-title:hover {
            background-image: linear-gradient(
              90deg,
              white 0%,
              white 50%,
              var(--everstream-blue) 50%,
              var(--everstream-blue) 100%
            );
            background-size: 200%;
          }
.text-animate .search-result-item .item-title:focus, .text-animate .search-result-item .item-title:hover {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    );
    background-size: 400%;
  }
.text-animate .search-result-item .item-title:focus p, .text-animate .search-result-item .item-title:hover p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.search-result-item .item-subtitle{
    text-transform: capitalize;
    color: var(--gray-3);
    font-size: 14px;
    line-height: 20px;
}
@media (min-width: 1440px){
    .search-result-item .item-subtitle{
        font-size: 16px;
        line-height: 22px;
    }
}
.semibold-work-sans.search-result-item .item-subtitle {
      letter-spacing: 3px;
    }
.text-animate .search-result-item .item-subtitle {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-3) 50%,
      var(--gray-3) 100%
    );
    background-size: 200%;
  }
.text-animate .search-result-item .item-subtitle p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.risk-card-date.search-result-item .item-subtitle {
        text-transform: capitalize;
      }
.search-result-item .item-description{
    margin-top: 16px;
    color: var(--gray-2);
    font-size: 14px;
    line-height: 20px;
}
@media (min-width: 1440px){
    .search-result-item .item-description{
        font-size: 16px;
        line-height: 22px;
    }
}
.semibold-work-sans.search-result-item .item-description {
      letter-spacing: 3px;
    }
.text-animate .search-result-item .item-description {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 50%,
      var(--gray-2) 50%,
      var(--gray-2) 100%
    );
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 50%,
      var(--gray-2) 50%,
      var(--gray-2) 100%
    );
    background-size: 200%;
  }
.text-animate .search-result-item .item-description p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.search-content-wrapper{
    padding-top: 32px;
    padding-bottom: 32px;
}
@media (max-width: 960px) {
.search-content-wrapper{
        padding-left: 16px;
        padding-right: 16px;
    }
  }
/* ------------------
 * Posts
 * ------------------ */
.single-risk-center .article-card-link{
    font-family: Chakra Petch, sans-serif !important;
    font-size: 14px;
    line-height: 20px;
}
@media (min-width: 1440px){
    .single-risk-center .article-card-link{
        font-size: 16px;
        line-height: 22px;
    }
}
.semibold-work-sans.single-risk-center .article-card-link {
      letter-spacing: 3px !important;
    }
.single-risk-center .article-text-section{
    font-family: Chakra Petch, sans-serif;
}
.single-risk-center .article-text-section h1, .single-risk-center .article-text-section h2, .single-risk-center .article-text-section h3, .single-risk-center .article-text-section h4, .single-risk-center .article-text-section h5, .single-risk-center .article-text-section h6, .single-risk-center .article-text-section p, .single-risk-center .article-text-section li{
    font-family: Chakra Petch, sans-serif;
}
.single-risk-center .article-text-section h1, .single-risk-center .article-text-section h2, .single-risk-center .article-text-section h3, .single-risk-center .article-text-section h4, .single-risk-center .article-text-section h5, .single-risk-center .article-text-section h6 {
      font-weight: 600;
    }
.single-risk-center .article-text-section p, .single-risk-center .article-text-section li {
      color: var(--gray-2);
    }
.single-risk-center .article-text-section a{
    font-family: Chakra Petch, sans-serif;
}
.single-risk-center .article-text-section a:focus, .single-risk-center .article-text-section a:hover{
    color: var(--everstream-blue);
}
.text-animate .single-risk-center .article-text-section a:focus, .text-animate .single-risk-center .article-text-section a:hover {
    will-change: auto;
    background-image: linear-gradient(
      90deg,
      var(--page-bg) 0%,
      var(--page-bg) 33%,
      var(--everstream-blue) 33%,
      var(--everstream-blue) 66%,
      var(--gray-6) 66%,
      var(--gray-6) 100%
    );
    background-size: 300%;
  }
.blog-section .blog-post-wrapper .blog-post .img-wrapper-date .single-risk-center .article-text-section a:focus, .blog-section .blog-post-wrapper .blog-post .img-wrapper-date .single-risk-center .article-text-section a:hover {
            background-image: linear-gradient(
              90deg,
              white 0%,
              white 50%,
              var(--everstream-blue) 50%,
              var(--everstream-blue) 100%
            );
            background-size: 200%;
          }
.text-animate .single-risk-center .article-text-section a:focus, .text-animate .single-risk-center .article-text-section a:hover {
    background-image: linear-gradient(
      90deg,
      white 0%,
      white 25%,
      var(--everstream-blue) 25%,
      var(--everstream-blue) 50%,
      var(--data-viz-blue-3) 50%,
      var(--data-viz-blue-3) 75%,
      var(--gray-6) 75%,
      var(--gray-6) 100%
    );
    background-size: 400%;
  }
.text-animate .single-risk-center .article-text-section a:focus p, .text-animate .single-risk-center .article-text-section a:hover p {
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.single-risk-center .article-text-section a:focus,
      .single-risk-center .article-text-section a:hover {
        -webkit-text-decoration-color: var(--brand-blue);
                text-decoration-color: var(--brand-blue);
      }
.single-risk-center .article-text-section figure.wp-caption{
    margin-bottom: 20px;
        color: var(--gray-3);
}
/* Font imports for Raleway Bold, Work Sans Semi-Bold, Work Sans Medium, Chakra Petch */
html,
body {
  width: 100%;
  min-height: 100%;
}
/* 
 * -------------------------------
 * Default / Light Theme
 * -------------------------------
 */
:root,
[data-theme="light"] {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  --page-bg: rgba(255, 255, 255, 1);
  --text-color: rgba(46, 46, 46, 1);

  --black: rgba(0, 0, 0, 1);
  --white: rgba(255, 255, 255, 1);

  /* Solid Colors */
  --everstream-blue: rgba(0, 118, 169, 1);
  --everstream-orange: rgba(234, 147, 26, 1);
  --data-viz-blue-1: rgba(1, 98, 137, 1);
  --data-viz-blue-2: rgba(56, 167, 222, 1);
  --data-viz-blue-3: rgba(81, 192, 238, 1);
  --data-viz-aqua: rgba(103, 198, 186, 1);
  --data-viz-teal: rgba(0, 182, 139, 1);
  --data-viz-green: rgba(104, 190, 90, 1);
  --data-viz-gold: rgba(245, 196, 21, 1);
  --data-viz-rust: rgba(211, 120, 39, 1);
  --data-viz-red: rgba(240, 84, 35, 1);

  /* Grayscale */
  --gray-1: rgba(46, 46, 46, 1);
  --gray-2: rgba(78, 78, 78, 1);
  --gray-3: rgba(110, 110, 110, 1);
  --gray-4: rgba(142, 142, 142, 1);
  --gray-5: rgba(174, 174, 174, 1);
  --gray-6: rgba(206, 206, 206, 1);
  --gray-7: rgba(238, 238, 238, 1);
  --gray-8: rgba(244, 244, 244, 1);

  /* Hightlight Color */
  /* --highlight-color: var(--orange); */

  /* Page Background Color */
  background-color: var(--page-bg);
}
/* 
 * -------------------------------
 * Dark Theme
 * -------------------------------
 */
[data-theme="dark"] {
  --page-bg: rgba(30, 30, 30, 1);
  --text-color: rgba(255, 255, 255, 1);

  --black: rgba(0, 0, 0, 1);
  --white: rgba(255, 255, 255, 1);

  /* Solid Colors */
  --everstream-blue: rgba(46, 192, 255, 1);
  --everstream-orange: rgba(252, 165, 36, 1);
  --data-viz-blue-1: rgba(0, 70, 98, 1);
  --data-viz-blue-2: rgba(0, 118, 166, 1);
  --data-viz-blue-3: rgba(0, 157, 220, 1);
  --data-viz-aqua: rgba(120, 255, 238, 1);
  --data-viz-teal: rgba(10, 255, 197, 1);
  --data-viz-green: rgba(123, 255, 102, 1);
  --data-viz-gold: rgba(255, 205, 28, 1);
  --data-viz-rust: rgba(237, 135, 44, 1);
  --data-viz-red: rgba(255, 109, 63, 1);

  /* Grayscale (inverse of light theme) */
  --gray-1: rgba(244, 244, 244, 1);
  --gray-2: rgba(238, 238, 238, 1);
  --gray-3: rgba(206, 206, 206, 1);
  --gray-4: rgba(174, 174, 174, 1);
  --gray-5: rgba(142, 142, 142, 1);
  --gray-6: rgba(110, 110, 110, 1);
  --gray-7: rgba(78, 78, 78, 1);
  --gray-8: rgba(46, 46, 46, 1);

  /* Hightlight Color */
  /* --highlight-color: var(--orange); */

  /* Page Background Color */
  background-color: var(--page-bg);
}
@media (min-width: 768px){
    .sm\:absolute{
        position: absolute !important;
    }
    .sm\:mt-56px{
        margin-top: 56px !important;
    }
    .sm\:mb-40px{
        margin-bottom: 40px !important;
    }
    .sm\:mt-40px{
        margin-top: 40px !important;
    }
    .sm\:mb-0{
        margin-bottom: 0px !important;
    }
    .sm\:mb-24px{
        margin-bottom: 24px !important;
    }
    .sm\:w-3\/5{
        width: 60% !important;
    }
    .sm\:w-4\/6{
        width: 66.666667% !important;
    }
    .sm\:overflow-x-visible{
        overflow-x: visible !important;
    }
    .sm\:pb-24px{
        padding-bottom: 24px !important;
    }
}
@media (min-width: 1440px){
    .md\:mx-auto{
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .md\:mt-64px{
        margin-top: 64px !important;
    }
    .md\:mt-72px{
        margin-top: 72px !important;
    }
    .md\:mt-88px{
        margin-top: 88px !important;
    }
    .md\:mb-32px{
        margin-bottom: 32px !important;
    }
    .md\:w-5\/6{
        width: 83.333333% !important;
    }
    .md\:w-3\/5{
        width: 60% !important;
    }
    .md\:w-2\/5{
        width: 40% !important;
    }
    .md\:flex-row{
        flex-direction: row !important;
    }
    .md\:flex-row-reverse{
        flex-direction: row-reverse !important;
    }
    .md\:px-20px{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .md\:py-20px{
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .md\:pb-32px{
        padding-bottom: 32px !important;
    }
    .md\:pt-120px{
        padding-top: 120px !important;
    }
    .md\:pr-120px{
        padding-right: 120px !important;
    }
    .md\:text-left{
        text-align: left !important;
    }
}
@media (min-width: 1600px){
    .lg\:mt-0{
        margin-top: 0px !important;
    }
    .lg\:ml-auto{
        margin-left: auto !important;
    }
}