/*
Theme Name: Experience Theme
Theme URI: https://experwp22dev.wpengine.com
Author: Juri
Version: 1.5 
.
.
.
*/


/*!************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/css/experience.css ***!
  \************************************************************************************************************************************************/
@import url(https://fonts.cdnfonts.com/css/sf-pro-display);
/*!****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/css/experience.css (1) ***!
  \****************************************************************************************************************************************************/


/* ./src/css/PROJECT_NAME.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: Open 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:  ;
}
.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;
}
.row-auto{
  grid-row: auto !important;
}
.row-span-1{
  grid-row: span 1 / span 1 !important;
}
.row-span-2{
  grid-row: span 2 / span 2 !important;
}
.row-span-3{
  grid-row: span 3 / span 3 !important;
}
.row-span-4{
  grid-row: span 4 / span 4 !important;
}
.row-span-5{
  grid-row: span 5 / span 5 !important;
}
.row-span-6{
  grid-row: span 6 / span 6 !important;
}
.row-span-full{
  grid-row: 1 / -1 !important;
}
.row-start-1{
  grid-row-start: 1 !important;
}
.row-start-2{
  grid-row-start: 2 !important;
}
.row-start-3{
  grid-row-start: 3 !important;
}
.row-start-4{
  grid-row-start: 4 !important;
}
.row-start-5{
  grid-row-start: 5 !important;
}
.row-start-6{
  grid-row-start: 6 !important;
}
.row-start-7{
  grid-row-start: 7 !important;
}
.row-start-auto{
  grid-row-start: auto !important;
}
.row-end-1{
  grid-row-end: 1 !important;
}
.row-end-2{
  grid-row-end: 2 !important;
}
.row-end-3{
  grid-row-end: 3 !important;
}
.row-end-4{
  grid-row-end: 4 !important;
}
.row-end-5{
  grid-row-end: 5 !important;
}
.row-end-6{
  grid-row-end: 6 !important;
}
.row-end-7{
  grid-row-end: 7 !important;
}
.row-end-auto{
  grid-row-end: auto !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;
}
.mx-0{
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.mx-auto{
  margin-left: auto !important;
  margin-right: auto !important;
}
.mx-1px{
  margin-left: 1px !important;
  margin-right: 1px !important;
}
.mx-2px{
  margin-left: 2px !important;
  margin-right: 2px !important;
}
.mx-4px{
  margin-left: 4px !important;
  margin-right: 4px !important;
}
.mx-8px{
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.mx-12px{
  margin-left: 12px !important;
  margin-right: 12px !important;
}
.mx-16px{
  margin-left: 16px !important;
  margin-right: 16px !important;
}
.mx-20px{
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.mx-24px{
  margin-left: 24px !important;
  margin-right: 24px !important;
}
.mx-32px{
  margin-left: 32px !important;
  margin-right: 32px !important;
}
.mx-36px{
  margin-left: 36px !important;
  margin-right: 36px !important;
}
.mx-40px{
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.mx-44px{
  margin-left: 44px !important;
  margin-right: 44px !important;
}
.mx-48px{
  margin-left: 48px !important;
  margin-right: 48px !important;
}
.mx-52px{
  margin-left: 52px !important;
  margin-right: 52px !important;
}
.mx-56px{
  margin-left: 56px !important;
  margin-right: 56px !important;
}
.mx-64px{
  margin-left: 64px !important;
  margin-right: 64px !important;
}
.mx-72px{
  margin-left: 72px !important;
  margin-right: 72px !important;
}
.mx-88px{
  margin-left: 88px !important;
  margin-right: 88px !important;
}
.mx-100px{
  margin-left: 100px !important;
  margin-right: 100px !important;
}
.mx-120px{
  margin-left: 120px !important;
  margin-right: 120px !important;
}
.mx-140px{
  margin-left: 140px !important;
  margin-right: 140px !important;
}
.mx-160px{
  margin-left: 160px !important;
  margin-right: 160px !important;
}
.mx-200px{
  margin-left: 200px !important;
  margin-right: 200px !important;
}
.-mx-0{
  margin-left: -0px !important;
  margin-right: -0px !important;
}
.-mx-1px{
  margin-left: -1px !important;
  margin-right: -1px !important;
}
.-mx-2px{
  margin-left: -2px !important;
  margin-right: -2px !important;
}
.-mx-4px{
  margin-left: -4px !important;
  margin-right: -4px !important;
}
.-mx-8px{
  margin-left: -8px !important;
  margin-right: -8px !important;
}
.-mx-12px{
  margin-left: -12px !important;
  margin-right: -12px !important;
}
.-mx-16px{
  margin-left: -16px !important;
  margin-right: -16px !important;
}
.-mx-20px{
  margin-left: -20px !important;
  margin-right: -20px !important;
}
.-mx-24px{
  margin-left: -24px !important;
  margin-right: -24px !important;
}
.-mx-32px{
  margin-left: -32px !important;
  margin-right: -32px !important;
}
.-mx-36px{
  margin-left: -36px !important;
  margin-right: -36px !important;
}
.-mx-40px{
  margin-left: -40px !important;
  margin-right: -40px !important;
}
.-mx-44px{
  margin-left: -44px !important;
  margin-right: -44px !important;
}
.-mx-48px{
  margin-left: -48px !important;
  margin-right: -48px !important;
}
.-mx-52px{
  margin-left: -52px !important;
  margin-right: -52px !important;
}
.-mx-56px{
  margin-left: -56px !important;
  margin-right: -56px !important;
}
.-mx-64px{
  margin-left: -64px !important;
  margin-right: -64px !important;
}
.-mx-72px{
  margin-left: -72px !important;
  margin-right: -72px !important;
}
.-mx-88px{
  margin-left: -88px !important;
  margin-right: -88px !important;
}
.-mx-100px{
  margin-left: -100px !important;
  margin-right: -100px !important;
}
.-mx-120px{
  margin-left: -120px !important;
  margin-right: -120px !important;
}
.-mx-140px{
  margin-left: -140px !important;
  margin-right: -140px !important;
}
.-mx-160px{
  margin-left: -160px !important;
  margin-right: -160px !important;
}
.-mx-200px{
  margin-left: -200px !important;
  margin-right: -200px !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;
}
.block{
  display: block !important;
}
.inline-block{
  display: inline-block !important;
}
.table-row-group{
  display: table-row-group !important;
}
.flow-root{
  display: flow-root !important;
}
.hidden{
  display: none !important;
}
.w-0{
  width: 0px !important;
}
.w-auto{
  width: auto !important;
}
.w-1px{
  width: 1px !important;
}
.w-2px{
  width: 2px !important;
}
.w-4px{
  width: 4px !important;
}
.w-8px{
  width: 8px !important;
}
.w-12px{
  width: 12px !important;
}
.w-16px{
  width: 16px !important;
}
.w-20px{
  width: 20px !important;
}
.w-24px{
  width: 24px !important;
}
.w-32px{
  width: 32px !important;
}
.w-36px{
  width: 36px !important;
}
.w-40px{
  width: 40px !important;
}
.w-44px{
  width: 44px !important;
}
.w-48px{
  width: 48px !important;
}
.w-52px{
  width: 52px !important;
}
.w-56px{
  width: 56px !important;
}
.w-64px{
  width: 64px !important;
}
.w-72px{
  width: 72px !important;
}
.w-88px{
  width: 88px !important;
}
.w-100px{
  width: 100px !important;
}
.w-120px{
  width: 120px !important;
}
.w-140px{
  width: 140px !important;
}
.w-160px{
  width: 160px !important;
}
.w-200px{
  width: 200px !important;
}
.w-1\/2{
  width: 50% !important;
}
.w-1\/3{
  width: 33.333333% !important;
}
.w-2\/3{
  width: 66.666667% !important;
}
.w-1\/4{
  width: 25% !important;
}
.w-2\/4{
  width: 50% !important;
}
.w-3\/4{
  width: 75% !important;
}
.w-1\/5{
  width: 20% !important;
}
.w-2\/5{
  width: 40% !important;
}
.w-3\/5{
  width: 60% !important;
}
.w-4\/5{
  width: 80% !important;
}
.w-1\/6{
  width: 16.666667% !important;
}
.w-2\/6{
  width: 33.333333% !important;
}
.w-3\/6{
  width: 50% !important;
}
.w-4\/6{
  width: 66.666667% !important;
}
.w-5\/6{
  width: 83.333333% !important;
}
.w-1\/12{
  width: 8.333333% !important;
}
.w-2\/12{
  width: 16.666667% !important;
}
.w-3\/12{
  width: 25% !important;
}
.w-4\/12{
  width: 33.333333% !important;
}
.w-5\/12{
  width: 41.666667% !important;
}
.w-6\/12{
  width: 50% !important;
}
.w-7\/12{
  width: 58.333333% !important;
}
.w-8\/12{
  width: 66.666667% !important;
}
.w-9\/12{
  width: 75% !important;
}
.w-10\/12{
  width: 83.333333% !important;
}
.w-11\/12{
  width: 91.666667% !important;
}
.w-full{
  width: 100% !important;
}
.w-screen{
  width: 100vw !important;
}
.w-min{
  width: -webkit-min-content !important;
  width: -moz-min-content !important;
  width: min-content !important;
}
.w-max{
  width: -webkit-max-content !important;
  width: -moz-max-content !important;
  width: max-content !important;
}
.w-fit{
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.min-w-0{
  min-width: 0px !important;
}
.min-w-full{
  min-width: 100% !important;
}
.min-w-min{
  min-width: -webkit-min-content !important;
  min-width: -moz-min-content !important;
  min-width: min-content !important;
}
.min-w-max{
  min-width: -webkit-max-content !important;
  min-width: -moz-max-content !important;
  min-width: max-content !important;
}
.min-w-fit{
  min-width: -webkit-fit-content !important;
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
}
.max-w-0{
  max-width: 0rem !important;
}
.max-w-none{
  max-width: none !important;
}
.max-w-xs{
  max-width: 20rem !important;
}
.max-w-sm{
  max-width: 24rem !important;
}
.max-w-md{
  max-width: 28rem !important;
}
.max-w-lg{
  max-width: 32rem !important;
}
.max-w-xl{
  max-width: 36rem !important;
}
.max-w-2xl{
  max-width: 42rem !important;
}
.max-w-3xl{
  max-width: 48rem !important;
}
.max-w-4xl{
  max-width: 56rem !important;
}
.max-w-5xl{
  max-width: 64rem !important;
}
.max-w-6xl{
  max-width: 72rem !important;
}
.max-w-7xl{
  max-width: 80rem !important;
}
.max-w-full{
  max-width: 100% !important;
}
.max-w-min{
  max-width: -webkit-min-content !important;
  max-width: -moz-min-content !important;
  max-width: min-content !important;
}
.max-w-max{
  max-width: -webkit-max-content !important;
  max-width: -moz-max-content !important;
  max-width: max-content !important;
}
.max-w-fit{
  max-width: -webkit-fit-content !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
}
.max-w-prose{
  max-width: 65ch !important;
}
.max-w-screen-sm{
  max-width: 768px !important;
}
.max-w-screen-md{
  max-width: 1200px !important;
}
.max-w-screen-lg{
  max-width: 1600px !important;
}
.max-w-screen-xl{
  max-width: 1920px !important;
}
.flex-1{
  flex: 1 1 0% !important;
}
.flex-auto{
  flex: 1 1 auto !important;
}
.flex-initial{
  flex: 0 1 auto !important;
}
.flex-none{
  flex: none !important;
}
.flex-shrink-0{
  flex-shrink: 0 !important;
}
.flex-shrink{
  flex-shrink: 1 !important;
}
.flex-grow-0{
  flex-grow: 0 !important;
}
.flex-grow{
  flex-grow: 1 !important;
}
.grow-0{
  flex-grow: 0 !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;
}
.skew-x-0{
  --tw-skew-x: 0deg !important;
  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;
}
.skew-x-1{
  --tw-skew-x: 1deg !important;
  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;
}
.skew-x-2{
  --tw-skew-x: 2deg !important;
  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;
}
.skew-x-3{
  --tw-skew-x: 3deg !important;
  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;
}
.skew-x-6{
  --tw-skew-x: 6deg !important;
  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;
}
.skew-x-12{
  --tw-skew-x: 12deg !important;
  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;
}
.-skew-x-0{
  --tw-skew-x: -0deg !important;
  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;
}
.-skew-x-1{
  --tw-skew-x: -1deg !important;
  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;
}
.-skew-x-2{
  --tw-skew-x: -2deg !important;
  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;
}
.-skew-x-3{
  --tw-skew-x: -3deg !important;
  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;
}
.-skew-x-6{
  --tw-skew-x: -6deg !important;
  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;
}
.-skew-x-12{
  --tw-skew-x: -12deg !important;
  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;
}
.skew-y-0{
  --tw-skew-y: 0deg !important;
  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;
}
.skew-y-1{
  --tw-skew-y: 1deg !important;
  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;
}
.skew-y-2{
  --tw-skew-y: 2deg !important;
  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;
}
.skew-y-3{
  --tw-skew-y: 3deg !important;
  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;
}
.skew-y-6{
  --tw-skew-y: 6deg !important;
  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;
}
.skew-y-12{
  --tw-skew-y: 12deg !important;
  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;
}
.-skew-y-0{
  --tw-skew-y: -0deg !important;
  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;
}
.-skew-y-1{
  --tw-skew-y: -1deg !important;
  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;
}
.-skew-y-2{
  --tw-skew-y: -2deg !important;
  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;
}
.-skew-y-3{
  --tw-skew-y: -3deg !important;
  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;
}
.-skew-y-6{
  --tw-skew-y: -6deg !important;
  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;
}
.-skew-y-12{
  --tw-skew-y: -12deg !important;
  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-auto{
  cursor: auto !important;
}
.cursor-default{
  cursor: default !important;
}
.cursor-pointer{
  cursor: pointer !important;
}
.cursor-wait{
  cursor: wait !important;
}
.cursor-text{
  cursor: text !important;
}
.cursor-move{
  cursor: move !important;
}
.cursor-help{
  cursor: help !important;
}
.cursor-not-allowed{
  cursor: not-allowed !important;
}
.cursor-none{
  cursor: none !important;
}
.cursor-context-menu{
  cursor: context-menu !important;
}
.cursor-progress{
  cursor: progress !important;
}
.cursor-cell{
  cursor: cell !important;
}
.cursor-crosshair{
  cursor: crosshair !important;
}
.cursor-vertical-text{
  cursor: vertical-text !important;
}
.cursor-alias{
  cursor: alias !important;
}
.cursor-copy{
  cursor: copy !important;
}
.cursor-no-drop{
  cursor: no-drop !important;
}
.cursor-grab{
  cursor: -webkit-grab !important;
  cursor: grab !important;
}
.cursor-grabbing{
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}
.cursor-all-scroll{
  cursor: all-scroll !important;
}
.cursor-col-resize{
  cursor: col-resize !important;
}
.cursor-row-resize{
  cursor: row-resize !important;
}
.cursor-n-resize{
  cursor: n-resize !important;
}
.cursor-e-resize{
  cursor: e-resize !important;
}
.cursor-s-resize{
  cursor: s-resize !important;
}
.cursor-w-resize{
  cursor: w-resize !important;
}
.cursor-ne-resize{
  cursor: ne-resize !important;
}
.cursor-nw-resize{
  cursor: nw-resize !important;
}
.cursor-se-resize{
  cursor: se-resize !important;
}
.cursor-sw-resize{
  cursor: sw-resize !important;
}
.cursor-ew-resize{
  cursor: ew-resize !important;
}
.cursor-ns-resize{
  cursor: ns-resize !important;
}
.cursor-nesw-resize{
  cursor: nesw-resize !important;
}
.cursor-nwse-resize{
  cursor: nwse-resize !important;
}
.cursor-zoom-in{
  cursor: zoom-in !important;
}
.cursor-zoom-out{
  cursor: zoom-out !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-mx-0{
  scroll-margin-left: 0px !important;
  scroll-margin-right: 0px !important;
}
.scroll-mx-1px{
  scroll-margin-left: 1px !important;
  scroll-margin-right: 1px !important;
}
.scroll-mx-2px{
  scroll-margin-left: 2px !important;
  scroll-margin-right: 2px !important;
}
.scroll-mx-4px{
  scroll-margin-left: 4px !important;
  scroll-margin-right: 4px !important;
}
.scroll-mx-8px{
  scroll-margin-left: 8px !important;
  scroll-margin-right: 8px !important;
}
.scroll-mx-12px{
  scroll-margin-left: 12px !important;
  scroll-margin-right: 12px !important;
}
.scroll-mx-16px{
  scroll-margin-left: 16px !important;
  scroll-margin-right: 16px !important;
}
.scroll-mx-20px{
  scroll-margin-left: 20px !important;
  scroll-margin-right: 20px !important;
}
.scroll-mx-24px{
  scroll-margin-left: 24px !important;
  scroll-margin-right: 24px !important;
}
.scroll-mx-32px{
  scroll-margin-left: 32px !important;
  scroll-margin-right: 32px !important;
}
.scroll-mx-36px{
  scroll-margin-left: 36px !important;
  scroll-margin-right: 36px !important;
}
.scroll-mx-40px{
  scroll-margin-left: 40px !important;
  scroll-margin-right: 40px !important;
}
.scroll-mx-44px{
  scroll-margin-left: 44px !important;
  scroll-margin-right: 44px !important;
}
.scroll-mx-48px{
  scroll-margin-left: 48px !important;
  scroll-margin-right: 48px !important;
}
.scroll-mx-52px{
  scroll-margin-left: 52px !important;
  scroll-margin-right: 52px !important;
}
.scroll-mx-56px{
  scroll-margin-left: 56px !important;
  scroll-margin-right: 56px !important;
}
.scroll-mx-64px{
  scroll-margin-left: 64px !important;
  scroll-margin-right: 64px !important;
}
.scroll-mx-72px{
  scroll-margin-left: 72px !important;
  scroll-margin-right: 72px !important;
}
.scroll-mx-88px{
  scroll-margin-left: 88px !important;
  scroll-margin-right: 88px !important;
}
.scroll-mx-100px{
  scroll-margin-left: 100px !important;
  scroll-margin-right: 100px !important;
}
.scroll-mx-120px{
  scroll-margin-left: 120px !important;
  scroll-margin-right: 120px !important;
}
.scroll-mx-140px{
  scroll-margin-left: 140px !important;
  scroll-margin-right: 140px !important;
}
.scroll-mx-160px{
  scroll-margin-left: 160px !important;
  scroll-margin-right: 160px !important;
}
.scroll-mx-200px{
  scroll-margin-left: 200px !important;
  scroll-margin-right: 200px !important;
}
.-scroll-mx-0{
  scroll-margin-left: -0px !important;
  scroll-margin-right: -0px !important;
}
.-scroll-mx-1px{
  scroll-margin-left: -1px !important;
  scroll-margin-right: -1px !important;
}
.-scroll-mx-2px{
  scroll-margin-left: -2px !important;
  scroll-margin-right: -2px !important;
}
.-scroll-mx-4px{
  scroll-margin-left: -4px !important;
  scroll-margin-right: -4px !important;
}
.-scroll-mx-8px{
  scroll-margin-left: -8px !important;
  scroll-margin-right: -8px !important;
}
.-scroll-mx-12px{
  scroll-margin-left: -12px !important;
  scroll-margin-right: -12px !important;
}
.-scroll-mx-16px{
  scroll-margin-left: -16px !important;
  scroll-margin-right: -16px !important;
}
.-scroll-mx-20px{
  scroll-margin-left: -20px !important;
  scroll-margin-right: -20px !important;
}
.-scroll-mx-24px{
  scroll-margin-left: -24px !important;
  scroll-margin-right: -24px !important;
}
.-scroll-mx-32px{
  scroll-margin-left: -32px !important;
  scroll-margin-right: -32px !important;
}
.-scroll-mx-36px{
  scroll-margin-left: -36px !important;
  scroll-margin-right: -36px !important;
}
.-scroll-mx-40px{
  scroll-margin-left: -40px !important;
  scroll-margin-right: -40px !important;
}
.-scroll-mx-44px{
  scroll-margin-left: -44px !important;
  scroll-margin-right: -44px !important;
}
.-scroll-mx-48px{
  scroll-margin-left: -48px !important;
  scroll-margin-right: -48px !important;
}
.-scroll-mx-52px{
  scroll-margin-left: -52px !important;
  scroll-margin-right: -52px !important;
}
.-scroll-mx-56px{
  scroll-margin-left: -56px !important;
  scroll-margin-right: -56px !important;
}
.-scroll-mx-64px{
  scroll-margin-left: -64px !important;
  scroll-margin-right: -64px !important;
}
.-scroll-mx-72px{
  scroll-margin-left: -72px !important;
  scroll-margin-right: -72px !important;
}
.-scroll-mx-88px{
  scroll-margin-left: -88px !important;
  scroll-margin-right: -88px !important;
}
.-scroll-mx-100px{
  scroll-margin-left: -100px !important;
  scroll-margin-right: -100px !important;
}
.-scroll-mx-120px{
  scroll-margin-left: -120px !important;
  scroll-margin-right: -120px !important;
}
.-scroll-mx-140px{
  scroll-margin-left: -140px !important;
  scroll-margin-right: -140px !important;
}
.-scroll-mx-160px{
  scroll-margin-left: -160px !important;
  scroll-margin-right: -160px !important;
}
.-scroll-mx-200px{
  scroll-margin-left: -200px !important;
  scroll-margin-right: -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-px-0{
  scroll-padding-left: 0px !important;
  scroll-padding-right: 0px !important;
}
.scroll-px-1px{
  scroll-padding-left: 1px !important;
  scroll-padding-right: 1px !important;
}
.scroll-px-2px{
  scroll-padding-left: 2px !important;
  scroll-padding-right: 2px !important;
}
.scroll-px-4px{
  scroll-padding-left: 4px !important;
  scroll-padding-right: 4px !important;
}
.scroll-px-8px{
  scroll-padding-left: 8px !important;
  scroll-padding-right: 8px !important;
}
.scroll-px-12px{
  scroll-padding-left: 12px !important;
  scroll-padding-right: 12px !important;
}
.scroll-px-16px{
  scroll-padding-left: 16px !important;
  scroll-padding-right: 16px !important;
}
.scroll-px-20px{
  scroll-padding-left: 20px !important;
  scroll-padding-right: 20px !important;
}
.scroll-px-24px{
  scroll-padding-left: 24px !important;
  scroll-padding-right: 24px !important;
}
.scroll-px-32px{
  scroll-padding-left: 32px !important;
  scroll-padding-right: 32px !important;
}
.scroll-px-36px{
  scroll-padding-left: 36px !important;
  scroll-padding-right: 36px !important;
}
.scroll-px-40px{
  scroll-padding-left: 40px !important;
  scroll-padding-right: 40px !important;
}
.scroll-px-44px{
  scroll-padding-left: 44px !important;
  scroll-padding-right: 44px !important;
}
.scroll-px-48px{
  scroll-padding-left: 48px !important;
  scroll-padding-right: 48px !important;
}
.scroll-px-52px{
  scroll-padding-left: 52px !important;
  scroll-padding-right: 52px !important;
}
.scroll-px-56px{
  scroll-padding-left: 56px !important;
  scroll-padding-right: 56px !important;
}
.scroll-px-64px{
  scroll-padding-left: 64px !important;
  scroll-padding-right: 64px !important;
}
.scroll-px-72px{
  scroll-padding-left: 72px !important;
  scroll-padding-right: 72px !important;
}
.scroll-px-88px{
  scroll-padding-left: 88px !important;
  scroll-padding-right: 88px !important;
}
.scroll-px-100px{
  scroll-padding-left: 100px !important;
  scroll-padding-right: 100px !important;
}
.scroll-px-120px{
  scroll-padding-left: 120px !important;
  scroll-padding-right: 120px !important;
}
.scroll-px-140px{
  scroll-padding-left: 140px !important;
  scroll-padding-right: 140px !important;
}
.scroll-px-160px{
  scroll-padding-left: 160px !important;
  scroll-padding-right: 160px !important;
}
.scroll-px-200px{
  scroll-padding-left: 200px !important;
  scroll-padding-right: 200px !important;
}
.scroll-py-0{
  scroll-padding-top: 0px !important;
  scroll-padding-bottom: 0px !important;
}
.scroll-py-1px{
  scroll-padding-top: 1px !important;
  scroll-padding-bottom: 1px !important;
}
.scroll-py-2px{
  scroll-padding-top: 2px !important;
  scroll-padding-bottom: 2px !important;
}
.scroll-py-4px{
  scroll-padding-top: 4px !important;
  scroll-padding-bottom: 4px !important;
}
.scroll-py-8px{
  scroll-padding-top: 8px !important;
  scroll-padding-bottom: 8px !important;
}
.scroll-py-12px{
  scroll-padding-top: 12px !important;
  scroll-padding-bottom: 12px !important;
}
.scroll-py-16px{
  scroll-padding-top: 16px !important;
  scroll-padding-bottom: 16px !important;
}
.scroll-py-20px{
  scroll-padding-top: 20px !important;
  scroll-padding-bottom: 20px !important;
}
.scroll-py-24px{
  scroll-padding-top: 24px !important;
  scroll-padding-bottom: 24px !important;
}
.scroll-py-32px{
  scroll-padding-top: 32px !important;
  scroll-padding-bottom: 32px !important;
}
.scroll-py-36px{
  scroll-padding-top: 36px !important;
  scroll-padding-bottom: 36px !important;
}
.scroll-py-40px{
  scroll-padding-top: 40px !important;
  scroll-padding-bottom: 40px !important;
}
.scroll-py-44px{
  scroll-padding-top: 44px !important;
  scroll-padding-bottom: 44px !important;
}
.scroll-py-48px{
  scroll-padding-top: 48px !important;
  scroll-padding-bottom: 48px !important;
}
.scroll-py-52px{
  scroll-padding-top: 52px !important;
  scroll-padding-bottom: 52px !important;
}
.scroll-py-56px{
  scroll-padding-top: 56px !important;
  scroll-padding-bottom: 56px !important;
}
.scroll-py-64px{
  scroll-padding-top: 64px !important;
  scroll-padding-bottom: 64px !important;
}
.scroll-py-72px{
  scroll-padding-top: 72px !important;
  scroll-padding-bottom: 72px !important;
}
.scroll-py-88px{
  scroll-padding-top: 88px !important;
  scroll-padding-bottom: 88px !important;
}
.scroll-py-100px{
  scroll-padding-top: 100px !important;
  scroll-padding-bottom: 100px !important;
}
.scroll-py-120px{
  scroll-padding-top: 120px !important;
  scroll-padding-bottom: 120px !important;
}
.scroll-py-140px{
  scroll-padding-top: 140px !important;
  scroll-padding-bottom: 140px !important;
}
.scroll-py-160px{
  scroll-padding-top: 160px !important;
  scroll-padding-bottom: 160px !important;
}
.scroll-py-200px{
  scroll-padding-top: 200px !important;
  scroll-padding-bottom: 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;
}
.grid-flow-row{
  grid-auto-flow: row !important;
}
.grid-flow-col{
  grid-auto-flow: column !important;
}
.grid-flow-row-dense{
  grid-auto-flow: row dense !important;
}
.grid-flow-col-dense{
  grid-auto-flow: column dense !important;
}
.flex-row{
  flex-direction: row !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{
  flex-wrap: wrap !important;
}
.flex-wrap-reverse{
  flex-wrap: wrap-reverse !important;
}
.flex-nowrap{
  flex-wrap: nowrap !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-auto{
  overflow: auto !important;
}
.overflow-hidden{
  overflow: hidden !important;
}
.overflow-clip{
  overflow: clip !important;
}
.overflow-visible{
  overflow: visible !important;
}
.overflow-scroll{
  overflow: scroll !important;
}
.overflow-x-auto{
  overflow-x: auto !important;
}
.overflow-y-auto{
  overflow-y: auto !important;
}
.overflow-x-hidden{
  overflow-x: hidden !important;
}
.overflow-y-hidden{
  overflow-y: hidden !important;
}
.overflow-x-clip{
  overflow-x: clip !important;
}
.overflow-y-clip{
  overflow-y: clip !important;
}
.overflow-x-visible{
  overflow-x: visible !important;
}
.overflow-y-visible{
  overflow-y: visible !important;
}
.overflow-x-scroll{
  overflow-x: scroll !important;
}
.overflow-y-scroll{
  overflow-y: scroll !important;
}
.overflow-ellipsis{
  text-overflow: ellipsis !important;
}
.text-ellipsis{
  text-overflow: ellipsis !important;
}
.text-clip{
  text-overflow: clip !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-brand-blue-dark{
  border-color: var(--ex-blue-dark) !important;
}
.border-brand-blue-medium{
  border-color: var(--ex-blue-medium) !important;
}
.border-orange-1{
  border-color: var(--orange-1) !important;
}
.border-orange-2{
  border-color: var(--orange-2) !important;
}
.border-blue-1{
  border-color: var(--blue-1) !important;
}
.border-blue-2{
  border-color: var(--blue-2) !important;
}
.border-blue-3{
  border-color: var(--blue-3) !important;
}
.border-blue-4{
  border-color: var(--blue-4) !important;
}
.border-blue-5{
  border-color: var(--blue-5) !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-brand-blue-dark{
  border-left-color: var(--ex-blue-dark) !important;
  border-right-color: var(--ex-blue-dark) !important;
}
.border-x-brand-blue-medium{
  border-left-color: var(--ex-blue-medium) !important;
  border-right-color: var(--ex-blue-medium) !important;
}
.border-x-orange-1{
  border-left-color: var(--orange-1) !important;
  border-right-color: var(--orange-1) !important;
}
.border-x-orange-2{
  border-left-color: var(--orange-2) !important;
  border-right-color: var(--orange-2) !important;
}
.border-x-blue-1{
  border-left-color: var(--blue-1) !important;
  border-right-color: var(--blue-1) !important;
}
.border-x-blue-2{
  border-left-color: var(--blue-2) !important;
  border-right-color: var(--blue-2) !important;
}
.border-x-blue-3{
  border-left-color: var(--blue-3) !important;
  border-right-color: var(--blue-3) !important;
}
.border-x-blue-4{
  border-left-color: var(--blue-4) !important;
  border-right-color: var(--blue-4) !important;
}
.border-x-blue-5{
  border-left-color: var(--blue-5) !important;
  border-right-color: var(--blue-5) !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-brand-blue-dark{
  border-top-color: var(--ex-blue-dark) !important;
  border-bottom-color: var(--ex-blue-dark) !important;
}
.border-y-brand-blue-medium{
  border-top-color: var(--ex-blue-medium) !important;
  border-bottom-color: var(--ex-blue-medium) !important;
}
.border-y-orange-1{
  border-top-color: var(--orange-1) !important;
  border-bottom-color: var(--orange-1) !important;
}
.border-y-orange-2{
  border-top-color: var(--orange-2) !important;
  border-bottom-color: var(--orange-2) !important;
}
.border-y-blue-1{
  border-top-color: var(--blue-1) !important;
  border-bottom-color: var(--blue-1) !important;
}
.border-y-blue-2{
  border-top-color: var(--blue-2) !important;
  border-bottom-color: var(--blue-2) !important;
}
.border-y-blue-3{
  border-top-color: var(--blue-3) !important;
  border-bottom-color: var(--blue-3) !important;
}
.border-y-blue-4{
  border-top-color: var(--blue-4) !important;
  border-bottom-color: var(--blue-4) !important;
}
.border-y-blue-5{
  border-top-color: var(--blue-5) !important;
  border-bottom-color: var(--blue-5) !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-brand-blue-dark{
  border-top-color: var(--ex-blue-dark) !important;
}
.border-t-brand-blue-medium{
  border-top-color: var(--ex-blue-medium) !important;
}
.border-t-orange-1{
  border-top-color: var(--orange-1) !important;
}
.border-t-orange-2{
  border-top-color: var(--orange-2) !important;
}
.border-t-blue-1{
  border-top-color: var(--blue-1) !important;
}
.border-t-blue-2{
  border-top-color: var(--blue-2) !important;
}
.border-t-blue-3{
  border-top-color: var(--blue-3) !important;
}
.border-t-blue-4{
  border-top-color: var(--blue-4) !important;
}
.border-t-blue-5{
  border-top-color: var(--blue-5) !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-brand-blue-dark{
  border-right-color: var(--ex-blue-dark) !important;
}
.border-r-brand-blue-medium{
  border-right-color: var(--ex-blue-medium) !important;
}
.border-r-orange-1{
  border-right-color: var(--orange-1) !important;
}
.border-r-orange-2{
  border-right-color: var(--orange-2) !important;
}
.border-r-blue-1{
  border-right-color: var(--blue-1) !important;
}
.border-r-blue-2{
  border-right-color: var(--blue-2) !important;
}
.border-r-blue-3{
  border-right-color: var(--blue-3) !important;
}
.border-r-blue-4{
  border-right-color: var(--blue-4) !important;
}
.border-r-blue-5{
  border-right-color: var(--blue-5) !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-brand-blue-dark{
  border-bottom-color: var(--ex-blue-dark) !important;
}
.border-b-brand-blue-medium{
  border-bottom-color: var(--ex-blue-medium) !important;
}
.border-b-orange-1{
  border-bottom-color: var(--orange-1) !important;
}
.border-b-orange-2{
  border-bottom-color: var(--orange-2) !important;
}
.border-b-blue-1{
  border-bottom-color: var(--blue-1) !important;
}
.border-b-blue-2{
  border-bottom-color: var(--blue-2) !important;
}
.border-b-blue-3{
  border-bottom-color: var(--blue-3) !important;
}
.border-b-blue-4{
  border-bottom-color: var(--blue-4) !important;
}
.border-b-blue-5{
  border-bottom-color: var(--blue-5) !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-brand-blue-dark{
  border-left-color: var(--ex-blue-dark) !important;
}
.border-l-brand-blue-medium{
  border-left-color: var(--ex-blue-medium) !important;
}
.border-l-orange-1{
  border-left-color: var(--orange-1) !important;
}
.border-l-orange-2{
  border-left-color: var(--orange-2) !important;
}
.border-l-blue-1{
  border-left-color: var(--blue-1) !important;
}
.border-l-blue-2{
  border-left-color: var(--blue-2) !important;
}
.border-l-blue-3{
  border-left-color: var(--blue-3) !important;
}
.border-l-blue-4{
  border-left-color: var(--blue-4) !important;
}
.border-l-blue-5{
  border-left-color: var(--blue-5) !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-brand-blue-dark{
  background-color: var(--ex-blue-dark) !important;
}
.bg-brand-blue-medium{
  background-color: var(--ex-blue-medium) !important;
}
.bg-orange-1{
  background-color: var(--orange-1) !important;
}
.bg-orange-2{
  background-color: var(--orange-2) !important;
}
.bg-blue-1{
  background-color: var(--blue-1) !important;
}
.bg-blue-2{
  background-color: var(--blue-2) !important;
}
.bg-blue-3{
  background-color: var(--blue-3) !important;
}
.bg-blue-4{
  background-color: var(--blue-4) !important;
}
.bg-blue-5{
  background-color: var(--blue-5) !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-brand-blue-dark{
  --tw-gradient-from: var(--ex-blue-dark) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 255 255 / 0)) !important;
}
.from-brand-blue-medium{
  --tw-gradient-from: var(--ex-blue-medium) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 255 255 / 0)) !important;
}
.from-orange-1{
  --tw-gradient-from: var(--orange-1) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 255 255 / 0)) !important;
}
.from-orange-2{
  --tw-gradient-from: var(--orange-2) !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(--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(--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(--blue-3) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 255 255 / 0)) !important;
}
.from-blue-4{
  --tw-gradient-from: var(--blue-4) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 255 255 / 0)) !important;
}
.from-blue-5{
  --tw-gradient-from: var(--blue-5) !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;
}
.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-0{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.px-1px{
  padding-left: 1px !important;
  padding-right: 1px !important;
}
.px-2px{
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.px-4px{
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.px-8px{
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.px-12px{
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.px-16px{
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.px-20px{
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.px-24px{
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.px-32px{
  padding-left: 32px !important;
  padding-right: 32px !important;
}
.px-36px{
  padding-left: 36px !important;
  padding-right: 36px !important;
}
.px-40px{
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.px-44px{
  padding-left: 44px !important;
  padding-right: 44px !important;
}
.px-48px{
  padding-left: 48px !important;
  padding-right: 48px !important;
}
.px-52px{
  padding-left: 52px !important;
  padding-right: 52px !important;
}
.px-56px{
  padding-left: 56px !important;
  padding-right: 56px !important;
}
.px-64px{
  padding-left: 64px !important;
  padding-right: 64px !important;
}
.px-72px{
  padding-left: 72px !important;
  padding-right: 72px !important;
}
.px-88px{
  padding-left: 88px !important;
  padding-right: 88px !important;
}
.px-100px{
  padding-left: 100px !important;
  padding-right: 100px !important;
}
.px-120px{
  padding-left: 120px !important;
  padding-right: 120px !important;
}
.px-140px{
  padding-left: 140px !important;
  padding-right: 140px !important;
}
.px-160px{
  padding-left: 160px !important;
  padding-right: 160px !important;
}
.px-200px{
  padding-left: 200px !important;
  padding-right: 200px !important;
}
.py-0{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.py-1px{
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}
.py-2px{
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.py-4px{
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.py-8px{
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.py-12px{
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.py-16px{
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.py-20px{
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.py-24px{
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.py-32px{
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.py-36px{
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}
.py-40px{
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.py-44px{
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}
.py-48px{
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.py-52px{
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}
.py-56px{
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}
.py-64px{
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}
.py-72px{
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}
.py-88px{
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}
.py-100px{
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}
.py-120px{
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}
.py-140px{
  padding-top: 140px !important;
  padding-bottom: 140px !important;
}
.py-160px{
  padding-top: 160px !important;
  padding-bottom: 160px !important;
}
.py-200px{
  padding-top: 200px !important;
  padding-bottom: 200px !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-sans{
  font-family: Open Sans, sans-serif !important;
}
.font-belle{
  font-family: La Belle Aurore, cursive !important;
}
.font-pro{
  font-family: SF Pro Display, 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-thin{
  font-weight: 100 !important;
}
.font-extralight{
  font-weight: 200 !important;
}
.font-light{
  font-weight: 300 !important;
}
.font-normal{
  font-weight: 400 !important;
}
.font-medium{
  font-weight: 500 !important;
}
.font-semibold{
  font-weight: 600 !important;
}
.font-bold{
  font-weight: 700 !important;
}
.font-extrabold{
  font-weight: 800 !important;
}
.font-black{
  font-weight: 900 !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-brand-blue-dark{
  color: var(--ex-blue-dark) !important;
}
.text-brand-blue-medium{
  color: var(--ex-blue-medium) !important;
}
.text-orange-1{
  color: var(--orange-1) !important;
}
.text-orange-2{
  color: var(--orange-2) !important;
}
.text-blue-1{
  color: var(--blue-1) !important;
}
.text-blue-2{
  color: var(--blue-2) !important;
}
.text-blue-3{
  color: var(--blue-3) !important;
}
.text-blue-4{
  color: var(--blue-4) !important;
}
.text-blue-5{
  color: var(--blue-5) !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;
}
.line-through{
  -webkit-text-decoration-line: line-through !important;
          text-decoration-line: line-through !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;
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-xl{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-2xl{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25) !important;
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-inner{
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-none{
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-black{
  --tw-shadow-color: var(--black) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.shadow-white{
  --tw-shadow-color: var(--white) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.shadow-gray-1{
  --tw-shadow-color: var(--gray-1) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.shadow-gray-2{
  --tw-shadow-color: var(--gray-2) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.shadow-gray-3{
  --tw-shadow-color: var(--gray-3) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.shadow-gray-4{
  --tw-shadow-color: var(--gray-4) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.shadow-gray-5{
  --tw-shadow-color: var(--gray-5) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.shadow-brand-blue-dark{
  --tw-shadow-color: var(--ex-blue-dark) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.shadow-brand-blue-medium{
  --tw-shadow-color: var(--ex-blue-medium) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.shadow-orange-1{
  --tw-shadow-color: var(--orange-1) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.shadow-orange-2{
  --tw-shadow-color: var(--orange-2) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.shadow-blue-1{
  --tw-shadow-color: var(--blue-1) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.shadow-blue-2{
  --tw-shadow-color: var(--blue-2) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.shadow-blue-3{
  --tw-shadow-color: var(--blue-3) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.shadow-blue-4{
  --tw-shadow-color: var(--blue-4) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.shadow-blue-5{
  --tw-shadow-color: var(--blue-5) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.outline-hidden{
  outline-style: hidden !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;
}
.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;
}
/* ------------------
 * CORE
 * ------------------ */
/* Font Sizing - Custom Classes */
.fs--2{
  font-size: 10px;
  line-height: 14px;
}
@media (min-width: 1200px){
  .fs--2{
    font-size: 12px;
    line-height: 16px;
  }
}
.fs--1{
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 1200px){
  .fs--1{
    font-size: 14px;
    line-height: 20px;
  }
}
.fs-0{
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px){
  .fs-0{
    font-size: 16px;
    line-height: 22px;
  }
}
.fs-1{
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .fs-1{
    font-size: 18px;
    line-height: 24px;
  }
}
.fs-2{
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 1200px){
  .fs-2{
    font-size: 20px;
    line-height: 28px;
  }
}
.fs-3{
  font-size: 20px;
  line-height: 28px;
}
@media (min-width: 1200px){
  .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: 1200px){
  .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: 1200px){
  .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: 1200px){
  .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: 1200px){
  .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: 1200px){
  .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: 1200px){
  .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: 1200px){
  .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: 1200px){
  .fs-11{
    font-size: 156px;
    line-height: 172px;
  }
}
/* ------------------
 * Elements
 * ------------------ */
/* @import "./1.elements/_____.css"; */
.btn-solid {
    color: var(--white);

    display: inline-block;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    border-radius: 0px 0px 0px 0px;
    transition: all 250ms ease;

    /* @media (max-width: 768px) {
      max-width: 45vh;
    } */
  }
.btn-underline {
    background-color: transparent !important;
    padding-left: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    border-bottom: 2px solid;
    transition: all 250ms ease;
  }
.btn-underline.btn-blue-medium {
      border-color: var(--blue-medium);
      color: var(--ex-blue-medium);
    }
.btn-underline.btn-blue-medium:focus,
      .btn-underline.btn-blue-medium:hover {
        border-color: var(--orange-1);
        color: var(--orange-1);
      }
.btn-underline.btn-orange {
      border-color: var(--orange-1);
      color: var(--orange-1);
    }
.btn-underline.btn-orange:focus,
      .btn-underline.btn-orange:hover {
        border-color: var(--ex-blue-dark);
        color: var(--ex-blue-dark);
      }
.btn-underline.btn-white {
      border-color: var(--white);
      color: var(--white);
    }
.btn-underline.btn-white:focus,
      .btn-underline.btn-white:hover {
        border-color: var(--blue-1);
        color: var(--blue-1);
      }
.btn-bordered {
    background-color: transparent !important;
    box-sizing: border-box;
    position: relative;
    box-shadow: inset 0px 0px 0px 2px;
    transition: all 250ms ease;
  }
.btn-bordered:focus,
    .btn-bordered:hover {
      /* hover goes here */
      box-shadow: inset 0 0 0 2px;
    }
.btn-bordered.btn-blue-medium {
      box-shadow-color: var(--blue-medium);
      color: var(--ex-blue-medium);
    }
.btn-bordered.btn-blue-medium:focus,
      .btn-bordered.btn-blue-medium:hover {
        box-shadow-color: var(--orange-1);
        color: var(--orange-1);
      }
.btn-bordered.btn-orange {
      box-shadow-color: var(--orange-1);
      color: var(--orange-1);
    }
.btn-bordered.btn-orange:focus,
      .btn-bordered.btn-orange:hover {
        box-shadow-color: var(--ex-blue-dark);
        color: var(--ex-blue-dark);
      }
.btn-bordered.btn-white {
      box-shadow-color: var(--white);
      color: var(--white);
    }
.btn-bordered.btn-white:focus,
      .btn-bordered.btn-white:hover {
        box-shadow-color: var(--blue-1);
        color: var(--blue-1);
      }
.btn-text{
  position: relative;
    z-index: 10;
}
.btn-white {
    background: var(--white);
    color: var(--ex-blue-medium);
  }
.btn-white:hover {
      background: var(--blue-1);
      color: var(--ex-blue-dark);
    }
.btn-blue-medium {
    background: var(--ex-blue-medium);
    color: var(--white);
  }
.btn-blue-medium:hover {
      background: var(--orange-1);
      color: var(--white);
    }
.btn-orange {
    background: var(--orange-1);
    color: var(--white);
  }
.btn-orange:hover {
      background: var(--ex-blue-dark);
      color: var(--white);
    }
.btn-responsive{
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: SF Pro Display, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px){
  .btn-responsive{
    font-size: 16px;
    line-height: 22px;
  }
}
.btn-responsive::after {
      right: 15px;
    }
@media (min-width: 1200px) {
.btn-responsive{
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 16px;
    line-height: 22px;
  }
@media (min-width: 1200px){
    .btn-responsive{
      font-size: 18px;
      line-height: 24px;
    }
  }
      .btn-responsive::after {
        right: 24px;
      }
    }
.btn-responsive.btn-underline::after {
        right: 0px;
      }
.btn-arrow{
  padding-right: 44px;
}
@media (min-width: 1200px) {
.btn-arrow{
    padding-right: 48px;
  }
  }
.btn-arrow::after {
    content: "";
    width: 8px;
    height: 11px;
    position: absolute;
    -webkit-mask-image: url(images/6b4d6ae43dccb51a4429.svg);
            mask-image: url(images/6b4d6ae43dccb51a4429.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%);
    transition: all 250ms ease;
  }
.btn-arrow.btn-solid::after {
      background-color: var(--white);
    }
.btn-arrow.btn-underline.btn-white {
    padding-right: 26px !important;
  }
.btn-arrow.btn-underline.btn-white::after {
      background-color: var(--white);
      transform: translateY(0%);
    }
@media (min-width: 1200px) {
      .btn-arrow.btn-underline.btn-white::after {
        transform: translateY(30%);
      }
    }
.btn-arrow.btn-underline.btn-white:hover::after {
        background-color: var(--blue-1);
      }
.btn-arrow.btn-underline.btn-blue-medium {
    padding-right: 26px !important;
  }
.btn-arrow.btn-underline.btn-blue-medium::after {
      background-color: var(--ex-blue-medium);
      transform: translateY(0%);
    }
@media (min-width: 1200px) {
      .btn-arrow.btn-underline.btn-blue-medium::after {
        transform: translateY(30%);
      }
    }
.btn-arrow.btn-underline.btn-blue-medium:hover::after {
        background-color: var(--orange-1);
      }
.btn-arrow.btn-underline.btn-orange {
    padding-right: 26px !important;
  }
.btn-arrow.btn-underline.btn-orange::after {
      background-color: var(--orange-1);
      transform: translateY(0%);
    }
@media (min-width: 1200px) {
      .btn-arrow.btn-underline.btn-orange::after {
        transform: translateY(30%);
      }
    }
.btn-arrow.btn-underline.btn-orange:hover::after {
        background-color: var(--ex-blue-dark);
      }
.btn-arrow.btn-solid::after {
      background-color: var(--white);
    }
.btn-arrow.btn-solid.btn-white::after {
      background-color: var(--ex-blue-medium);
    }
.btn-arrow.btn-solid.btn-white:hover::after {
        background-color: var(--ex-blue-dark);
      }
.btn-arrow.btn-bordered.btn-blue-medium::after {
      background-color: var(--ex-blue-medium);
    }
.btn-arrow.btn-bordered.btn-blue-medium:hover::after {
        background-color: var(--orange-1);
      }
.btn-arrow.btn-bordered.btn-orange::after {
      background-color: var(--orange-1);
    }
.btn-arrow.btn-bordered.btn-orange:hover::after {
        background-color: var(--ex-blue-dark);
      }
.btn-arrow.btn-bordered.btn-white::after {
      background-color: var(--white);
    }
.btn-arrow.btn-bordered.btn-white:hover::after {
        background-color: var(--blue-1);
      }
@media (min-width: 1200px) {
.btn-arrow.btn-underline.btn-responsive{
    padding-right: 56px;
  }
          .btn-arrow.btn-underline.btn-responsive::after {
            right: 0px;
          }
        }
.button-container{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-top: 200px;
  padding-bottom: 200px;
  padding-left: 40px;
  padding-right: 40px;
  background-color: var(--gray-2);
  gap: 20px;
}
.button-container div{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
    gap: 20px;
}
/* ------------------
 * Components
 * ------------------ */
/* @import "./2.components/_____.css"; */
.top-message-section{
  position: static;
  width: 100%;
  background-color: var(--white);
}
.top-message-section .top-message-container{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  padding-left: 36px;
  padding-right: 36px;
}
@media (min-width: 768px){
  .top-message-section .top-message-container{
    flex-direction: row;
    justify-content: flex-start;
    padding-left: 0px;
    padding-right: 40px;
  }
}
@media (min-width: 1200px){
  .top-message-section .top-message-container{
    padding-left: 64px;
    padding-right: 64px;
  }
}
.top-message-section .top-message-container {
      max-width: 1800px;
      margin: 0 auto;
      height: 320px;
    }
@media (min-width: 768px) {
.top-message-section .top-message-container {
        height: 90px
    }
      }
@media (min-width: 1200px) {
.top-message-section .top-message-container {
        height: 120px
    }
      }
@media (min-width: 1800px) {
.top-message-section .top-message-container {
        padding-left: 0;
        padding-right: 0
    }
      }
.top-message-section .top-message-container .text-wrapper{
  text-align: center;
}
@media (min-width: 768px){
  .top-message-section .top-message-container .text-wrapper{
    text-align: left;
  }
}
@media (min-width: 1200px){
  .top-message-section .top-message-container .text-wrapper{
    padding-left: 44px;
    padding-right: 44px;
  }
}
.top-message-section .top-message-container .text-wrapper {
        order: 2;
        max-width: 250px;
      }
@media (min-width: 1200px) {
.top-message-section .top-message-container .text-wrapper {
          max-width: 800px
      }
        }
.top-message-section .top-message-container .text-wrapper .top-message-title{
  padding-bottom: 8px;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 1200px){
  .top-message-section .top-message-container .text-wrapper .top-message-title{
    font-size: 20px;
    line-height: 28px;
  }
}
.top-message-section .top-message-container .text-wrapper .top-message-title {
          color: var(--ex-blue-medium);
        }
.top-message-section .top-message-container .img-wrapper {
        order: 2;
        -webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0 100%);
                clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0 100%);
        overflow: hidden;
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        width: 300px;
      }
@media (min-width: 768px) {
.top-message-section .top-message-container .img-wrapper {
          height: 90px;
          width: 300px;
          -webkit-clip-path: polygon(0 0, 100% 0%, 75% 100%, 0 100%);
                  clip-path: polygon(0 0, 100% 0%, 75% 100%, 0 100%)
      }
        }
@media (min-width: 1200px) {
.top-message-section .top-message-container .img-wrapper {
          height: 120px;
          width: 500px;
          -webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0 100%);
                  clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0 100%)
      }
        }
.top-message-section .top-message-container .img-wrapper img {
          height: 100%;
          width: auto;
        }
@media (min-width: 768px){
  .top-message-section .top-message-container .btn-wrapper{
    padding-left: 16px;
  }
}
.top-message-section .top-message-container .btn-wrapper {
        order: 2;
      }
.top-message-section .top-message-container .top-message-close{
  margin-left: auto;
  cursor: pointer;
        order: 1;
}
@media (min-width: 768px) {
.top-message-section .top-message-container .top-message-close {
          order: 3
      }
        }
.top-message-section .top-message-container .top-message-close:after {
          content: "";
          display: block;
          -webkit-mask-image: url(images/8e5919d78ddbfa8216e0.svg);
                  mask-image: url(images/8e5919d78ddbfa8216e0.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(--ex-blue-medium);
          height: 24px;
          width: 20px;
          transition: background-color 250ms ease-in-out;
        }
.top-message-section .top-message-container .top-message-close:hover:after {
            background-color: var(--orange-1);
          }
.ping-pong-section.right-ping-pong .ping-pong-text{
  padding-left: 0px;
}
@media (min-width: 1200px){
  .ping-pong-section.right-ping-pong .ping-pong-text{
    padding-right: 100px;
  }
}
.ping-pong-section[data-color="top"]{
  max-width: none;
  padding-top: 160px;
  padding-bottom: 160px;
    -webkit-clip-path: polygon(0% 0%, 100% 1%, 100% 100%, 0% 99%);
            clip-path: polygon(0% 0%, 100% 1%, 100% 100%, 0% 99%);
}
@media (min-width: 500px) {
.ping-pong-section[data-color="top"] {
      -webkit-clip-path: polygon(0 0%, 100% 1.5%, 100% 100%, 0% 98.5%);
              clip-path: polygon(0 0%, 100% 1.5%, 100% 100%, 0% 98.5%)
  }
    }
@media (min-width: 768px) {
.ping-pong-section[data-color="top"] {
      -webkit-clip-path: polygon(0 0%, 100% 2%, 100% 100%, 0% 98%);
              clip-path: polygon(0 0%, 100% 2%, 100% 100%, 0% 98%)
  }
    }
@media (min-width: 1000px) {
.ping-pong-section[data-color="top"] {
      -webkit-clip-path: polygon(0 0%, 100% 3%, 100% 100%, 0% 97%);
              clip-path: polygon(0 0%, 100% 3%, 100% 100%, 0% 97%)
  }
    }
@media (min-width: 1200px) {
.ping-pong-section[data-color="top"] {
      -webkit-clip-path: polygon(0 0%, 100% 4%, 100% 100%, 0% 96%);
              clip-path: polygon(0 0%, 100% 4%, 100% 100%, 0% 96%)
  }
    }
@media (min-width: 2000px) {
.ping-pong-section[data-color="top"] {
      -webkit-clip-path: polygon(0 0%, 100% 6%, 100% 100%, 0% 94%);
              clip-path: polygon(0 0%, 100% 6%, 100% 100%, 0% 94%)
  }
    }
.ping-pong-section[data-color="bottom"]{
  max-width: none;
  padding-top: 160px;
  padding-bottom: 160px;
    -webkit-clip-path: polygon(0% 1%, 100% 0%, 100% 99%, 0% 100%);
            clip-path: polygon(0% 1%, 100% 0%, 100% 99%, 0% 100%);
}
@media (min-width: 500px) {
.ping-pong-section[data-color="bottom"] {
      -webkit-clip-path: polygon(0 1.5%, 100% 0, 100% 98.5%, 0% 100%);
              clip-path: polygon(0 1.5%, 100% 0, 100% 98.5%, 0% 100%)
  }
    }
@media (min-width: 768px) {
.ping-pong-section[data-color="bottom"] {
      -webkit-clip-path: polygon(0 2%, 100% 0, 100% 98%, 0% 100%);
              clip-path: polygon(0 2%, 100% 0, 100% 98%, 0% 100%)
  }
    }
@media (min-width: 1000px) {
.ping-pong-section[data-color="bottom"] {
      -webkit-clip-path: polygon(0 3%, 100% 0, 100% 97%, 0% 100%);
              clip-path: polygon(0 3%, 100% 0, 100% 97%, 0% 100%)
  }
    }
@media (min-width: 1200px) {
.ping-pong-section[data-color="bottom"] {
      -webkit-clip-path: polygon(0 4%, 100% 0, 100% 96%, 0% 100%);
              clip-path: polygon(0 4%, 100% 0, 100% 96%, 0% 100%)
  }
    }
@media (min-width: 2000px) {
.ping-pong-section[data-color="bottom"] {
      -webkit-clip-path: polygon(0 6%, 100% 0, 100% 94%, 0% 100%);
              clip-path: polygon(0 6%, 100% 0, 100% 94%, 0% 100%)
  }
    }
.ping-pong-section .ping-pong-wrapper{
  margin-left: auto;
  margin-right: auto;
  margin-top: 120px;
  margin-bottom: 120px;
  display: flex;
  height: 100%;
  width: 100%;
  max-width: 1920px;
  flex-wrap: wrap-reverse;
  align-items: center;
  justify-content: center;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px){
  .ping-pong-section .ping-pong-wrapper{
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1200px){
  .ping-pong-section .ping-pong-wrapper{
    flex-wrap: nowrap;
    gap: 52px;
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1600px) {
.ping-pong-section .ping-pong-wrapper{
    justify-content: space-between;
  }
    }
.ping-pong-section.asset-right{
  flex-direction: row-reverse;
}
.ping-pong-asset{
  height: 100%;
  width: 100%;
}
@media (min-width: 768px){
  .ping-pong-asset{
    max-width: 875px;
  }
}
@media (min-width: 1600px){
  .ping-pong-asset{
    max-width: 1000px;
  }
}
.ping-pong-asset {
  max-height: 700px;
}
@media (min-width: 1200px) {
.ping-pong-asset {
    max-width: 50%
}
  }
.ping-pong-asset .plyr__control {
    background-color: var(--orange-1);
  }
.ping-pong-asset .plyr__control:hover {
      background-color: var(--orange-1);
      color: var(--ex-blue-dark);
    }
@media (min-width: 1200px) {
.ping-pong-asset .plyr__control.plyr__control--overlaid {
        width: 140px;
        height: 140px
    }

        .ping-pong-asset .plyr__control.plyr__control--overlaid svg {
          margin: 0 auto;
          width: 50px;
          height: 60px;
        }
      }
.ping-pong-asset .plyr__video-wrapper {
    height: 100%;
  }
.ping-pong-asset .plyr__video-wrapper .plyr__poster{
  height: 100%;
  width: 100%;
      background-size: cover;
}
.ping-pong-asset .ping-pong-img{
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 768px){
  .ping-pong-asset .ping-pong-img{
    height: 500px;
  }
}
@media (min-width: 1200px){
  .ping-pong-asset .ping-pong-img{
    height: 700px;
  }
}
.ping-pong-text{
  margin-bottom: 44px;
  display: flex;
  min-height: 400px;
  width: 100%;
  max-width: 500px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
@media (min-width: 768px){
  .ping-pong-text{
    margin-bottom: 64px;
  }
}
@media (min-width: 1200px){
  .ping-pong-text{
    margin-bottom: 100px;
    max-width: 700px;
    align-items: flex-start;
    text-align: left;
  }
}
/*sm:items-center*/
.ping-pong-text .ping-pong-title{
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 768px){
  .ping-pong-text .ping-pong-title{
    font-size: 36px;
    line-height: 44px;
  }
}
@media (min-width: 1200px){
  .ping-pong-text .ping-pong-title{
    font-size: 56px;
    line-height: 64px;
  }
}
@media (min-width: 768px){
  .ping-pong-text .ping-pong-title{
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px){
  .ping-pong-text .ping-pong-title{
    margin-bottom: 32px;
  }
}
.ping-pong-text .ping-pong-title {
    color: var(--ex-blue-dark);
  }
.ping-pong-text .ping-pong-description{
  color: var(--gray-4);
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .ping-pong-text .ping-pong-description{
    font-size: 18px;
    line-height: 24px;
  }
}
.ping-pong-text .ping-pong-description p{
  margin-bottom: 32px;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .ping-pong-text .ping-pong-description p{
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 768px){
  .ping-pong-text .ping-pong-description p{
    margin-bottom: 44px;
  }
}
@media (min-width: 1200px){
  .ping-pong-text .ping-pong-description p{
    margin-bottom: 56px;
  }
}
.ping-pong-text .ping-pong-description p {
      color: var(--gray-4);
    }
.ping-pong-text .ping-pong-description ul{
  margin-top: 24px;
  margin-bottom: 24px;
  list-style-type: disc;
  padding-left: 24px;
}
.ping-pong-text .ping-pong-description ol{
  margin-top: 24px;
  margin-bottom: 24px;
  padding-left: 24px;
      list-style-type: decimal;
}
.ping-pong-text .icon-wrapper{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 768px){
  .ping-pong-text .icon-wrapper{
    max-height: 300px;
    justify-content: space-between;
  }
}
.ping-pong-text .icon-wrapper .icon-item{
  margin-bottom: 16px;
  display: flex;
  max-width: 300px;
  align-items: center;
}
@media (min-width: 768px){
  .ping-pong-text .icon-wrapper .icon-item{
    max-width: 235px;
  }
}
@media (min-width: 1200px){
  .ping-pong-text .icon-wrapper .icon-item{
    max-width: 305px;
  }
}
@media (max-width: 768px) {
.ping-pong-text .icon-wrapper .icon-item {
        gap: 10px
    }
      }
.ping-pong-text .icon-wrapper .icon-item .ping-pong-icon-img{
  margin-right: 20px;
  height: 56px;
  width: 56px;
}
@media (min-width: 1200px){
  .ping-pong-text .icon-wrapper .icon-item .ping-pong-icon-img{
    height: 64px;
    width: 64px;
  }
}
.ping-pong-text .icon-wrapper .icon-item .ping-pong-icon-img {
        border-radius: 50%;
      }
.ping-pong-text .icon-wrapper .icon-item .ping-pong-icon-text{
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px){
  .ping-pong-text .icon-wrapper .icon-item .ping-pong-icon-text{
    font-size: 16px;
    line-height: 22px;
  }
}
.ping-pong-text .ping-pong-button{
  display: flex;
    -moz-column-gap: 12px;
         column-gap: 12px;
}
.primary-cta-section{
  position: relative;
  margin-top: 120px;
  margin-bottom: 120px;
}
@media (min-width: 1000px) {
.primary-cta-section{
    margin-left: 100px;
    margin-right: 100px;
  }
    }
.primary-cta-section .primary-cta-bg{
  margin-left: auto;
  margin-right: auto;
      background-color: var(--ex-blue-medium);
      -webkit-clip-path: polygon(10% 0%, 175% 0%, 85% 100%, -75% 100%);
              clip-path: polygon(10% 0%, 175% 0%, 85% 100%, -75% 100%);
      max-width: 1670px;
}
@media (min-width: 500px) {
.primary-cta-section .primary-cta-bg {
        -webkit-clip-path: polygon(20% 0%, 125% 0%, 80% 100%, -25% 100%);
                clip-path: polygon(20% 0%, 125% 0%, 80% 100%, -25% 100%)
    }
      }
@media (min-width: 768px) {
.primary-cta-section .primary-cta-bg {
        -webkit-clip-path: polygon(20% 0%, 125% 0%, 80% 100%, -25% 100%);
                clip-path: polygon(20% 0%, 125% 0%, 80% 100%, -25% 100%)
    }
      }
@media (min-width: 1000px) {
.primary-cta-section .primary-cta-bg {
        -webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
                clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%)
    }
      }
@media (min-width: 1200px) {
.primary-cta-section .primary-cta-bg {
        -webkit-clip-path: polygon(28% 0%, 100% 0%, 72% 100%, 0 100%);
                clip-path: polygon(28% 0%, 100% 0%, 72% 100%, 0 100%)
    }
      }
@media (min-width: 1650px) {
.primary-cta-section .primary-cta-bg {
        -webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0 100%);
                clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0 100%)
    }
      }
.primary-cta-section .primary-cta-overlay {
      background-image: url(images/615c864832c955ad5626.svg);
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute;
      z-index: 10;
      left: -40%;
      bottom: 0;
      height: 350px;
      width: 468px;
    }
@media (min-width: 768px) {
.primary-cta-section .primary-cta-overlay {
        bottom: -10px;
        left: -15%;
        width: 510px;
        height: 395px
    }
      }
@media (min-width: 1200px) {
.primary-cta-section .primary-cta-overlay {
        left: 0;
        bottom: -20px;
        width: 700px;
        height: 550px
    }
      }
.primary-cta-wrapper{
  position: relative;
  z-index: 20;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

    margin: 0 auto;
    height: 450px;
    width: 250px;
}
@media (min-width: 768px) {
.primary-cta-wrapper {
      width: 500px;
      height: 500px
  }
    }
@media (min-width: 1200px) {
.primary-cta-wrapper {
      width: 700px;
      height: 679px
  }
    }
.primary-cta-wrapper .text-wrapper{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.primary-cta-wrapper .primary-cta-title{
  text-align: center;
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 768px){
  .primary-cta-wrapper .primary-cta-title{
    font-size: 36px;
    line-height: 44px;
  }
}
@media (min-width: 1200px){
  .primary-cta-wrapper .primary-cta-title{
    font-size: 56px;
    line-height: 64px;
  }
}
.primary-cta-wrapper .primary-cta-title {
      color: var(--white);
    }
.primary-cta-wrapper .primary-cta-description{
  padding-top: 20px;
  text-align: center;
}
@media (min-width: 768px){
  .primary-cta-wrapper .primary-cta-description{
    padding-top: 24px;
  }
}
@media (min-width: 1200px){
  .primary-cta-wrapper .primary-cta-description{
    padding-top: 32px;
  }
}
.primary-cta-wrapper .primary-cta-description p{
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .primary-cta-wrapper .primary-cta-description p{
    font-size: 18px;
    line-height: 24px;
  }
}
.primary-cta-wrapper .primary-cta-description p {
        color: var(--blue-1);
      }
.primary-cta-wrapper .primary-cta-button{
  margin-top: 32px;
}
@media (min-width: 768px){
  .primary-cta-wrapper .primary-cta-button{
    margin-top: 40px;
  }
}
@media (min-width: 1200px){
  .primary-cta-wrapper .primary-cta-button{
    margin-top: 72px;
  }
}
.primary-cta-wrapper .button-wrapper{
  display: flex;
  justify-content: center;
}
.divider-section{
  margin-top: 32px;
  margin-bottom: 32px;
}
@media (min-width: 768px){
  .divider-section{
    margin-top: 72px;
    margin-bottom: 72px;
  }
}
@media (min-width: 1200px){
  .divider-section{
    margin-top: 120px;
    margin-bottom: 120px;
  }
}
.divider-line {
    height: 3px;
  }
.divider-line.orange {
      background-color: var(--orange-1);
    }
.divider-line.blue {
      background-color: var(--ex-blue-dark);
    }
.divider-line.white {
      background-color: var(--white);
    }
.divider-line.bottom {
      transform: skewY(-2deg);
    }
.divider-line.top {
      transform: skewY(2deg);
    }
.case-study-section{
  position: relative;
  margin-top: 200px;
  margin-bottom: 200px;
  display: flex;
}
@media (min-width: 768px){
  .case-study-section{
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 350px;
    height: 900px;
  }
}
@media (min-width: 1200px){
  .case-study-section{
    margin-left: auto;
    margin-right: auto;
    margin-top: 200px;
    padding-left: 64px;
    padding-right: 64px;
  }
}
.case-study-section {
    min-height: 750px;
    background-color: var(--blue-1);
    max-width: 1800px;
  }
.case-study-section .case-study-image{
  position: absolute;
  right: 0px;
  width: 100%;
}
@media (min-width: 1200px){
  .case-study-section .case-study-image{
    width: 45%;
  }
}
@media (min-width: 1600px){
  .case-study-section .case-study-image{
    width: 50%;
  }
}
.case-study-section .case-study-image {
      height: 250px;
      bottom: -75px;
    }
@media (min-width: 768px) {
.case-study-section .case-study-image {
        height: 500px;
        bottom: -200px
    }
      }
@media (min-width: 1200px) {
.case-study-section .case-study-image {
        bottom: -115px;
        height: 700px
    }
      }
.case-study-section .case-study-image img{
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.case-study-section .case-study-video{
  position: absolute;
  height: auto;
  width: 75%;
}
@media (min-width: 768px){
  .case-study-section .case-study-video{
    width: 100%;
    max-width: 800px;
  }
}
@media (min-width: 1200px){
  .case-study-section .case-study-video{
    right: 0px;
    width: 45%;
  }
}
@media (min-width: 1600px){
  .case-study-section .case-study-video{
    width: 50%;
  }
}
.case-study-section .case-study-video {
      max-height: 250px;
      bottom: -75px;
    }
@media (min-width: 768px) {
.case-study-section .case-study-video {
        max-height: 500px;
        bottom: -200px
    }
      }
@media (min-width: 1200px) {
.case-study-section .case-study-video {
        bottom: -115px;
        max-height: 700px
    }
      }
@media (max-width: 1200px) {
.case-study-section .case-study-video {
        right: auto;
        left: 50%;
        transform: translateX(-50%)
    }
      }
.case-study-section .case-study-video .plyr__control {
        background-color: var(--orange-1);
      }
.case-study-section .case-study-video .plyr__control:hover {
          background-color: var(--orange-1);
          color: var(--ex-blue-dark);
        }
@media (min-width: 1200px) {
.case-study-section .case-study-video .plyr__control.plyr__control--overlaid {
            width: 140px;
            height: 140px
        }

            .case-study-section .case-study-video .plyr__control.plyr__control--overlaid svg {
              margin: 0 auto;
              width: 50px;
              height: 60px;
            }
          }
.case-study-section .case-study-video .plyr__video-wrapper {
        height: 100%;
      }
.case-study-section .case-study-video .plyr__video-wrapper .plyr__poster{
  height: 100%;
  width: 100%;
          background-size: cover;
}
.case-study-section .case-study-video .plyr__video-wrapper iframe {
        width: 100%;
        height: 100%;
      }
.case-study-section .case-study-video .plyr audio,
      .case-study-section .case-study-video .plyr iframe,
      .case-study-section .case-study-video .plyr video {
        display: block;
        height: 100%;
        width: 100%;
      }
.case-study-text-wrapper{
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 36px;
  padding-bottom: 200px;
}
@media (min-width: 768px){
  .case-study-text-wrapper{
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 72px;
    padding-bottom: 72px;
  }
}
@media (min-width: 1200px){
  .case-study-text-wrapper{
    width: 55%;
    justify-content: center;
    padding-bottom: 56px;
  }
}
.case-study-text-wrapper {
    max-width: 750px;
  }
.case-study-text-wrapper .case-study-title{
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 768px){
  .case-study-text-wrapper .case-study-title{
    font-size: 28px;
    line-height: 36px;
  }
}
@media (min-width: 1200px){
  .case-study-text-wrapper .case-study-title{
    font-size: 40px;
    line-height: 48px;
  }
}
@media (min-width: 768px){
  .case-study-text-wrapper .case-study-title{
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px){
  .case-study-text-wrapper .case-study-title{
    margin-bottom: 32px;
  }
}
.case-study-text-wrapper .case-study-title {
        color: var(--ex-blue-dark);
      }
.case-study-text-wrapper .case-study-description{
  margin-bottom: 44px;
}
@media (min-width: 768px){
  .case-study-text-wrapper .case-study-description{
    margin-bottom: 64px;
  }
}
@media (min-width: 1200px){
  .case-study-text-wrapper .case-study-description{
    margin-bottom: 88px;
  }
}
.case-study-text-wrapper .case-study-description p{
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .case-study-text-wrapper .case-study-description p{
    font-size: 18px;
    line-height: 24px;
  }
}
.case-study-text-wrapper .case-study-description p {
          color: var(--blue-4);
        }
.case-study-text-wrapper .case-study-button-wrapper{
  margin-top: 44px;
  display: flex;
}
@media (min-width: 768px){
  .case-study-text-wrapper .case-study-button-wrapper{
    margin-top: 64px;
  }
}
.case-study-text-wrapper .case-study-stat-wrapper{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
      -moz-column-gap: 16px;
           column-gap: 16px;
      row-gap: 44px;
}
@media (min-width: 768px) {
.case-study-text-wrapper .case-study-stat-wrapper {
        gap: 0px
    }
      }
.case-study-text-wrapper .case-study-stat-wrapper .case-study-stat-item{
  width: 135px;
}
@media (min-width: 768px){
  .case-study-text-wrapper .case-study-stat-wrapper .case-study-stat-item{
    width: auto;
    max-width: 150px;
  }
}
.case-study-text-wrapper .case-study-stat-wrapper .case-study-stat-item .case-study-stat-amount{
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 768px){
  .case-study-text-wrapper .case-study-stat-wrapper .case-study-stat-item .case-study-stat-amount{
    font-size: 36px;
    line-height: 44px;
  }
}
@media (min-width: 1200px){
  .case-study-text-wrapper .case-study-stat-wrapper .case-study-stat-item .case-study-stat-amount{
    font-size: 56px;
    line-height: 64px;
  }
}
.case-study-text-wrapper .case-study-stat-wrapper .case-study-stat-item .case-study-stat-amount {
          color: var(--ex-blue-dark);
        }
@media (min-width: 1200px) {
.case-study-text-wrapper .case-study-stat-wrapper .case-study-stat-item .case-study-stat-amount {
            font-size: 40px;
            line-height: 48px
        }
          }
.case-study-text-wrapper .case-study-stat-wrapper .case-study-stat-item .case-study-stat-description{
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .case-study-text-wrapper .case-study-stat-wrapper .case-study-stat-item .case-study-stat-description{
    font-size: 18px;
    line-height: 24px;
  }
}
.case-study-text-wrapper .case-study-stat-wrapper .case-study-stat-item .case-study-stat-description {
          color: var(--blue-4);
          overflow: hidden;
          max-height: 90px;
        }
@media (min-width: 1200px) {
.case-study-text-wrapper .case-study-stat-wrapper .case-study-stat-item .case-study-stat-description {
            max-height: 100px
        }
          }
.slide-active {
    /* display: block; */
  }
.slide-inactive {
    display: none;
  }
.carousel-study-buttons{
  position: absolute;
  left: 104px;
  bottom: -85px;
  margin-top: 40px;
  margin-right: auto;
  display: flex;
  height: 44px;
  width: 120px;
  align-items: center;
  justify-content: flex-start;
  -moz-column-gap: 32px;
       column-gap: 32px;
}
@media(max-width: 1200px){
.carousel-study-buttons {
    left: 50%;
    bottom: -30%;
    transform: translateX(-50%)
}
  }
@media(max-width: 768px){
.carousel-study-buttons {
    bottom: -20%
}
  }
.carousel-study-buttons .ping-pong-arrow {
    width: 44px;
    height: 44px;
    -webkit-mask-image: url(images/f6ce2b1d693108bb2206.svg);
            mask-image: url(images/f6ce2b1d693108bb2206.svg);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-position: initial;
            mask-position: initial;
    background-color: var(--blue-3);
    transition: all 0.3s ease;
    cursor: pointer;
    z-index: 50;
  }
.carousel-study-buttons .ping-pong-arrow:hover,
    .carousel-study-buttons .ping-pong-arrow:focus {
      background-color: var(--orange-1);
    }
.carousel-study-buttons .ping-pong-arrow-disabled {
      opacity: 0.3;
      cursor: default;
    }
.carousel-study-buttons .ping-pong-arrow:hover + .border-circle .blue-border {
      stroke: var(--orange-1) !important;
    }
.carousel-study-buttons .carousel-ping-pong-next {
    transform: rotate(180deg);
  }
/* Circle Animation classes */
.border-circle {
  width: 100%;
  height: 100%;
  /* max-width: 10rem; */
  transform: rotate(-90deg) scale(1.3);
  position: absolute;
  top: 0px;
  right: -38px;

  transition: all 0.3s ease;
}
.white-border {
  position: relative;
  z-index: 10;
  fill: none;
  stroke: white;
  stroke-width: 8px;
  stroke-dasharray: 300;
  will-change: transform;
  transition: all 0.3s ease;
  /* animation: outline 8s cubic-bezier(0.77,0,0.18,1) infinite; */
}
.border-animate {
  -webkit-animation: outline 8s cubic-bezier(0.77, 0, 0.18, 1) forwards;
          animation: outline 8s cubic-bezier(0.77, 0, 0.18, 1) forwards;
}
.blue-border {
  position: relative;
  z-index: -1;
  fill: none;
  stroke: var(--blue-3);
  stroke-width: 6px;
  transition: all 0.3s ease;

  /* animation: outline 5s cubic-bezier(0.77,0,0.18,1) infinite; */
}
/* Keyframes for circle animation */
@-webkit-keyframes outline {
  0% {
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dashoffset: 300;
  }
  100% {
    stroke-dashoffset: 600;
  }
}
@keyframes outline {
  0% {
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dashoffset: 300;
  }
  100% {
    stroke-dashoffset: 600;
  }
}
@-webkit-keyframes rotate {
  from {
    transform: rotate(0turn);
  }
  to {
    transform: rotate(-1turn);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0turn);
  }
  to {
    transform: rotate(-1turn);
  }
}
.card{
  cursor: pointer;
  /* width: 260px; */
  width: 33%;
  min-width: 300px;
}
.card:hover .card-button {
      background-color: var(--ex-blue-dark) !important;
    }
@media (min-width: 768px) {
.card {
    /* width: 360px; */
}
  }
@media (min-width: 1200px) {
.card {
    /* width: 564px; */
}
  }
.card-container{
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
@media (min-width: 768px) {
    }
@media (min-width: 1200px) {
    }
.card-container-section{
  margin-top: 200px;
  margin-bottom: 200px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1200px){
  .card-container-section{
    margin-bottom: 300px;
  }
}
.card-container-section {
      max-width: 1800px;
      filter: grayscale(100%);
      transition: all 500ms ease-in-out;
    }
.card-container-section .card-container-button-wrapper{
  margin-top: 100px;
  display: flex;
  justify-content: center;
}
@media (min-width: 1700px) {
          .card-container-section .lg-screen .flickity-button.previous,
          .card-container-section .lg-screen .flickity-button.next {
            display: none;
          }
        }
.card-container-title{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 64px;
  max-width: 400px;
  text-align: center;
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 768px){
  .card-container-title{
    font-size: 36px;
    line-height: 44px;
  }
}
@media (min-width: 1200px){
  .card-container-title{
    font-size: 56px;
    line-height: 64px;
  }
}
@media (min-width: 768px){
  .card-container-title{
    margin-bottom: 72px;
  }
}
@media (min-width: 1200px){
  .card-container-title{
    margin-bottom: 64px;
    max-width: 700px;
  }
}
.card-container-title {
      color: var(--ex-blue-dark);
    }
.card-container .flickity-viewport{
  width: 100%;
}
@media (min-width: 768px){
  .card-container .flickity-viewport .flickity-slider{
    margin-left: 20px;
  }
}
@media (min-width: 1200px){
  .card-container .flickity-viewport .flickity-slider{
    margin-left: 30px;
  }
}
@media (min-width: 1850px) {
.card-container .flickity-viewport .flickity-slider{
    margin-left: 0px;
  }
        }
@media (min-width: 1900px) {
.card-container .flickity-viewport .flickity-slider {
          /* margin-left: -30px; */
      }
        }
.card-container .flickity-viewport .carousel-cell{
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px){
  .card-container .flickity-viewport .carousel-cell{
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1200px){
  .card-container .flickity-viewport .carousel-cell{
    padding-left: 30px;
    padding-right: 30px;
  }
}
.card-container .flickity-page-dots {
      display: none;
    }
.card-container .flickity-button {
      top: auto;
      bottom: -110px;
      border: 2px solid var(--blue-3);
      transition: all 250ms ease;
    }
@media (min-width: 1200px) {
.card-container .flickity-button {
        bottom: -100px
    }
      }
.card-container .flickity-button.next {
        right: calc(50% - 75px);
      }
.card-container .flickity-button.previous {
        left: calc(50% - 75px);
      }
.card-container .flickity-button .flickity-button-icon {
        fill: var(--blue-3);
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 10px;
        height: 10px;
        transition: all 250ms ease;
      }
.card-container .flickity-button:hover {
        border-color: var(--orange-1);
      }
.card-container .flickity-button:hover .flickity-button-icon {
          fill: var(--orange-1);
        }
.card-text-wrapper{
  position: relative;
  overflow: hidden;
  padding: 12px;
}
@media (min-width: 768px){
  .card-text-wrapper{
    padding: 24px;
  }
}
@media (min-width: 1200px){
  .card-text-wrapper{
    padding: 44px;
  }
}
.card-text-wrapper {
    background-color: var(--gray-1);
    max-width: 260px;
    min-height: 260px;
  }
@media (min-width: 768px) {
.card-text-wrapper {
      max-width: 360px;
      min-height: 265px
  }
    }
@media (min-width: 1200px) {
.card-text-wrapper {
      max-width: 575px;
      min-height: 300px
  }
    }
.card-text-wrapper .card-post-type{
  padding-bottom: 8px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px){
  .card-text-wrapper .card-post-type{
    font-size: 16px;
    line-height: 22px;
  }
}
@media (min-width: 768px){
  .card-text-wrapper .card-post-type{
    padding-bottom: 12px;
  }
}
.card-text-wrapper .card-post-type {
      color: var(--ex-blue-medium);
    }
.card-text-wrapper .card-title{
  margin-bottom: 8px;
  overflow: hidden;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .card-text-wrapper .card-title{
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 768px){
  .card-text-wrapper .card-title{
    margin-bottom: 12px;
  }
}
.card-text-wrapper .card-title {
      color: var(--ex-blue-dark);
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 3;
      display: -webkit-box;
      -webkit-box-orient: vertical;
    }
.card-text-wrapper .card-date{
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 1200px){
  .card-text-wrapper .card-date{
    font-size: 14px;
    line-height: 20px;
  }
}
@media (min-width: 768px){
  .card-text-wrapper .card-date{
    margin-bottom: 12px;
  }
}
.card-text-wrapper .card-date {
      color: var(--gray-4);
    }
.card-text-wrapper .card-description{
  height: 44px;
  overflow: hidden;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .card-text-wrapper .card-description{
    font-size: 18px;
    line-height: 24px;
    height: 52px;
  }
}
.card-text-wrapper .card-description {
      color: var(--gray-4);

      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;
      display: -webkit-box;
      -webkit-box-orient: vertical;
    }
.card-text-wrapper .card-button-wrapper .card-button{
  position: absolute;
  height: 56px;
  width: 56px;
        background-color: var(--orange-1);
        border-radius: 50%;
        bottom: -10px;
        right: -10px;
        transition: all 250ms ease-in-out;
}
.card-text-wrapper .card-button-wrapper .card-button:after {
          content: "";
          -webkit-mask-image: url(images/cd61aad5e5284ceb47d4.svg);
                  mask-image: url(images/cd61aad5e5284ceb47d4.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(--white);
          height: 11px;
          width: 8px;
          position: absolute;
          left: calc(50% - 6px);
          top: 48%;
          transform: translateY(-50%);
          transition: background-color 250ms ease-in-out;
        }
.card-text-wrapper .card-button-wrapper .card-button:hover {
          background-color: var(--ex-blue-dark);
        }
.card-asset {
    max-width: 260px;
    height: 120px;
  }
.card-asset img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
.card-asset {
      max-width: 360px;
      height: 181px
  }
    }
@media (min-width: 1200px) {
.card-asset {
      max-width: 575px;
      height: 250px
  }
    }
.pagination{
  margin-left: auto;
  margin-right: auto;
  margin-top: 114px;
  margin-bottom: 60px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px){
  .pagination{
    font-size: 16px;
    line-height: 22px;
  }
}
.pagination .prev a,
    .pagination .prev button,
    .pagination .next a,
    .pagination .next button {
      display: block;
      width: 44px;
      height: 44px;
      -webkit-mask-image: url(images/f6ce2b1d693108bb2206.svg);
              mask-image: url(images/f6ce2b1d693108bb2206.svg);
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-size: contain;
              mask-size: contain;
      -webkit-mask-position: initial;
              mask-position: initial;
      margin-right: 16px;
      background-color: var(--blue-3);
      transition: all 0.3s ease;
      cursor: pointer;
      z-index: 50;
    }
.pagination .prev a:hover,
      .pagination .prev a:focus,
      .pagination .prev button:hover,
      .pagination .prev button:focus,
      .pagination .next a:hover,
      .pagination .next a:focus,
      .pagination .next button:hover,
      .pagination .next button:focus {
        background-color: var(--orange-1);
      }
.pagination .prev a, .pagination .prev button{
  margin-left: 0px;
}
.pagination .next a, .pagination .next button{
  margin-right: 0px;
  margin-left: 16px;
      transform: rotate(180deg);
}
.pagination .page-number{
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 10px;
  color: var(--gray-3);
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px){
  .pagination .page-number{
    font-size: 16px;
    line-height: 22px;
  }
}
@media (min-width: 768px){
  .pagination .page-number{
    margin-left: 8px;
    margin-right: 8px;
  }
}
.pagination .page-number {
    font-weight: 500;
    transition: color 150ms ease;
  }
.pagination .page-number:focus, .pagination .page-number:hover{
  color: var(--ex-blue-medium);
      border-bottom: 2px solid var(--ex-blue-medium);
}
.pagination .disabled a,
    .pagination .disabled button {
      opacity: 0.3;
      cursor: default;
    }
.pagination .disabled a:focus,
      .pagination .disabled a:hover,
      .pagination .disabled button:focus,
      .pagination .disabled button:hover {
        box-shadow: none;
      }
.pagination span.current {
    color: var(--blue-3);
    border-bottom: 2px solid var(--blue-3);
    font-weight: 500;
  }
/* ------------------
 * Patterns
 * ------------------ */
/* @import "./3.patterns/_____.css"; */
.tab-switcher-section{
  margin-left: auto;
  margin-right: auto;
  margin-top: 120px;
  margin-bottom: 120px;
  display: flex;
  height: 100%;
  width: 100%;
  max-width: 1920px;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding-top: 72px;
  padding-bottom: 72px;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px){
  .tab-switcher-section{
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1200px){
  .tab-switcher-section{
    flex-wrap: nowrap;
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media(max-width: 768px){
.tab-switcher-section {
      margin-top: 0px
  }
    }
.tab-switcher-section .tab-switcher-experience{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 64px;
  display: flex;
  width: 100%;
  max-width: 1800px;
  justify-content: flex-start;
  overflow-x: scroll;
  border-bottom-width: 2px;
  border-color: var(--gray-2);
}
@media (min-width: 768px){
  .tab-switcher-section .tab-switcher-experience{
    justify-content: center;
    overflow: auto;
  }
}
.tab-switcher-section .tab-switcher-experience {
      -moz-column-gap: 40px;
           column-gap: 40px;
    }
@media (min-width: 1200px) {
.tab-switcher-section .tab-switcher-experience {
        -moz-column-gap: 120px;
             column-gap: 120px
    }
      }
.tab-switcher-section .tab-switcher-experience .experience-tab-wrapper{
  display: flex;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
}
.tab-switcher-section .tab-switcher-experience .experience-tab-wrapper .tab-switcher-wrapper {
          width: 30vw;
        }
@media (min-width: 768px) {
.tab-switcher-section .tab-switcher-experience .experience-tab-wrapper .tab-switcher-wrapper {
            width: auto
        }
          }
.tab-switcher-section .tab-switcher-experience .experience-tab-wrapper .tab-switcher-title{
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px){
  .tab-switcher-section .tab-switcher-experience .experience-tab-wrapper .tab-switcher-title{
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 24px;
  }
}
.tab-switcher-section .tab-switcher-experience .experience-tab-wrapper .tab-switcher-title {
          color: var(--ex-blue-dark);
        }
.tab-switcher-section .tab-switcher-experience .experience-tab-wrapper .tab-switcher-logo{
  margin-bottom: 16px;
}
@media (min-width: 1200px){
  .tab-switcher-section .tab-switcher-experience .experience-tab-wrapper .tab-switcher-logo{
    margin-bottom: 20px;
  }
}
.tab-switcher-section .tab-switcher-experience .experience-tab-wrapper img{
  margin-left: auto;
  margin-right: auto;
  height: 44px;
  width: 44px;
}
.tab-switcher-section .tab-switcher-experience .experience-tab-wrapper .experience-pill{
  margin-top: 8px;
  height: 4px;
  width: 100%;
          border-radius: 500px;
}
.tab-switcher-section .tab-switcher-experience .experience-tab-wrapper .experience-pill.active {
            background-color: var(--ex-blue-dark);
          }
.tab-switcher-section .tab-switcher-experience .experience-tab-wrapper:hover .experience-pill{
  background-color: var(--orange-1);
}
.tab-switcher-section .tab-switcher-experience .experience-tab-wrapper[data-color="var(--blue-5)"] .experience-pill.active {
              background-color: var(--white);
            }
.tab-switcher-section .tab-container-title{
  padding-top: 32px;
  padding-bottom: 32px;
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 768px){
  .tab-switcher-section .tab-container-title{
    font-size: 36px;
    line-height: 44px;
  }
}
@media (min-width: 1200px){
  .tab-switcher-section .tab-container-title{
    font-size: 56px;
    line-height: 64px;
    margin-bottom: 100px;
    padding-top: 0px;
  }
}
.tab-switcher-section .tab-container-title {
      color: var(--ex-blue-dark);
    }
.tab-switcher-section[data-color="var(--blue-5)"] .tab-switcher-experience {
        border-color: var(--ex-blue-dark) !important;
      }
.tab-switcher-section[data-color="var(--blue-5)"] .tab-container-title {
        color: var(--white);
      }
@media (min-width: 768px){
  .tab-switcher-section[data-color="var(--blue-5)"] .experience-tab-wrapper{
    padding-left: 16px;
  }
}
.tab-switcher-section[data-color="var(--blue-5)"] .experience-tab-wrapper .tab-switcher-title {
          color: var(--white);
        }
.tab-switcher-section[data-color="var(--blue-5)"] .text-wrapper .tab-description-title {
          color: var(--white);
        }
.tab-switcher-section[data-color="var(--blue-5)"] .text-wrapper .tab-switcher-description {
          color: var(--blue-1);
        }
.tab-switcher-container{
  display: flex;
  width: 100%;
  max-width: 1800px;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1200px){
  .tab-switcher-container{
    margin-left: auto;
    margin-right: auto;
    flex-direction: row;
  }
}
.tab-switcher-container .text-wrapper{
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-left: 0px;
  text-align: center;
}
@media (min-width: 1200px){
  .tab-switcher-container .text-wrapper{
    width: 50%;
    align-items: flex-start;
    padding-left: 142px;
    text-align: left;
  }
}
.tab-switcher-container .text-wrapper .tab-description-title{
  padding-top: 32px;
  padding-bottom: 32px;
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
}
@media (min-width: 768px){
  .tab-switcher-container .text-wrapper .tab-description-title{
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 1200px){
  .tab-switcher-container .text-wrapper .tab-description-title{
    font-size: 32px;
    line-height: 40px;
    padding-top: 0px;
  }
}
.tab-switcher-container .text-wrapper .tab-description-title {
        color: var(--ex-blue-dark);
        max-width: 600px;
      }
.tab-switcher-container .text-wrapper .tab-switcher-description{
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .tab-switcher-container .text-wrapper .tab-switcher-description{
    font-size: 18px;
    line-height: 24px;
  }
}
.tab-switcher-container .text-wrapper .tab-switcher-description {
        color: var(--blue-4);
        max-width: 600px;
      }
.tab-switcher-container .text-wrapper .tab-switcher-button{
  margin-top: 56px;
  display: flex;
        -moz-column-gap: 32px;
             column-gap: 32px;
}
.tab-switcher-container .tab-switcher-asset{
  height: 100%;
  width: 100%;
}
@media (min-width: 1200px){
  .tab-switcher-container .tab-switcher-asset{
    width: 50%;
  }
}
.tab-switcher-container .tab-switcher-asset {
      height: 200px;
    }
@media (min-width: 768px) {
.tab-switcher-container .tab-switcher-asset {
        height: 500px
    }
      }
@media (min-width: 1200px) {
.tab-switcher-container .tab-switcher-asset {
        height: 600px;
        /* max-width: 800px; */
        max-width: 50%
    }
      }
.tab-switcher-container .tab-switcher-asset img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.tab-switcher-container .tab-switcher-asset .tab-switcher-image{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.stat-block-section{
  margin-top: 120px;
  margin-bottom: 120px;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px){
  .stat-block-section{
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1200px) {
.stat-block-section{
    padding-left: 60px;
    padding-right: 60px;
      max-width: 1920px;
      margin: 120px auto;
  }
    }
.stat-block-text-wrapper{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.stat-block-text-wrapper .stat-block-title{
  padding-bottom: 20px;
  text-align: center;
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 768px){
  .stat-block-text-wrapper .stat-block-title{
    font-size: 36px;
    line-height: 44px;
  }
}
@media (min-width: 1200px){
  .stat-block-text-wrapper .stat-block-title{
    font-size: 56px;
    line-height: 64px;
  }
}
.stat-block-text-wrapper .stat-block-title {
      color: var(--ex-blue-dark);
      max-width: 700px;
    }
.stat-block-text-wrapper .stat-block-subtitle{
  padding-bottom: 20px;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
}
@media (min-width: 1200px){
  .stat-block-text-wrapper .stat-block-subtitle{
    font-size: 24px;
    line-height: 32px;
  }
}
.stat-block-text-wrapper .stat-block-subtitle {
      color: var(--ex-blue-dark);
      max-width: 700px;
    }
.stat-block-text-wrapper .stat-block-description{
  text-align: center;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .stat-block-text-wrapper .stat-block-description{
    font-size: 18px;
    line-height: 24px;
  }
}
.stat-block-text-wrapper .stat-block-description {
      color: var(--gray-4);
      max-width: 700px;
    }
.stat-block-text-wrapper .stat-block-wrapper{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  padding-top: 64px;
}
@media (min-width: 1200px){
  .stat-block-text-wrapper .stat-block-wrapper{
    flex-wrap: nowrap;
  }
}
.stat-block-text-wrapper .stat-block-wrapper {
      -moz-column-gap: 16px;
           column-gap: 16px;
      row-gap: 42px;
    }
@media (min-width: 768px) {
.stat-block-text-wrapper .stat-block-wrapper {
        -moz-column-gap: 48px;
             column-gap: 48px
    }
      }
@media (min-width: 1200px) {
.stat-block-text-wrapper .stat-block-wrapper {
        -moz-column-gap: 72px;
             column-gap: 72px
    }
      }
.stat-block-text-wrapper .stat-block-item{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
      width: 140px;
}
@media (min-width: 768px) {
.stat-block-text-wrapper .stat-block-item {
        width: 200px
    }
      }
@media (min-width: 1200px) {
.stat-block-text-wrapper .stat-block-item {
        width: 250px
    }
      }
.stat-block-text-wrapper .stat-block-item .stat-block-amount{
  padding-bottom: 12px;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 768px){
  .stat-block-text-wrapper .stat-block-item .stat-block-amount{
    font-size: 36px;
    line-height: 44px;
  }
}
@media (min-width: 1200px){
  .stat-block-text-wrapper .stat-block-item .stat-block-amount{
    font-size: 56px;
    line-height: 64px;
    padding-bottom: 16px;
  }
}
.stat-block-text-wrapper .stat-block-item .stat-block-amount {
        color: var(--ex-blue-dark);
      }
.stat-block-text-wrapper .stat-block-item .stat-block-description{
  text-align: left;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .stat-block-text-wrapper .stat-block-item .stat-block-description{
    font-size: 18px;
    line-height: 24px;
  }
}
.stat-block-text-wrapper .stat-block-item .stat-block-description {
        color: var(--blue-4);
      }
.comparison-preview-section{
  margin-top: 120px;
  margin-bottom: 120px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px){
  .comparison-preview-section{
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
  }
}
.comparison-preview-section {
    max-width: 1880px;
  }
.comparison-preview-section .comparison-preview-title{
  padding-bottom: 44px;
  text-align: center;
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 768px){
  .comparison-preview-section .comparison-preview-title{
    font-size: 36px;
    line-height: 44px;
  }
}
@media (min-width: 1200px){
  .comparison-preview-section .comparison-preview-title{
    font-size: 56px;
    line-height: 64px;
  }
}
@media (min-width: 768px){
  .comparison-preview-section .comparison-preview-title{
    max-width: 500px;
    padding-bottom: 56px;
  }
}
@media (min-width: 1200px){
  .comparison-preview-section .comparison-preview-title{
    max-width: 700px;
    padding-bottom: 64px;
  }
}
.comparison-preview-section .comparison-preview-title {
      color: var(--ex-blue-dark);
      margin: 0 auto;
    }
.comparison-preview-section .comparison-card-wrapper{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 56px;
}
@media (min-width: 768px){
  .comparison-preview-section .comparison-card-wrapper{
    justify-content: center;
    gap: 72px;
    flex-wrap: wrap;
  }
}
@media (min-width: 1200px){
  .comparison-preview-section .comparison-card-wrapper{
    justify-content: space-between;
    gap: 0px;
    flex-wrap: unset;
  }
}
.comparison-preview-section .comparison-card-wrapper .comparison-card{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px){
  .comparison-preview-section .comparison-card-wrapper .comparison-card{
    width: auto;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 1200px){
  .comparison-preview-section .comparison-card-wrapper .comparison-card{
    flex-direction: row;
  }
}
.comparison-preview-section .comparison-card-wrapper .comparison-card .comparison-asset-wrapper{
  width: 100px;
  align-self: flex-start;
}
@media (min-width: 1200px){
  .comparison-preview-section .comparison-card-wrapper .comparison-card .comparison-asset-wrapper{
    width: 160px;
  }
}
.comparison-preview-section .comparison-card-wrapper .comparison-card .comparison-asset-wrapper img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.comparison-preview-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper{
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}
@media (min-width: 768px){
  .comparison-preview-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper{
    width: auto;
    max-width: 300px;
  }
}
.comparison-preview-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .card-brand{
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
}
@media (min-width: 768px){
  .comparison-preview-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .card-brand{
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 1200px){
  .comparison-preview-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .card-brand{
    font-size: 32px;
    line-height: 40px;
  }
}
.comparison-preview-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .card-brand {
            color: var(--ex-blue-dark);
          }
.comparison-preview-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-score-title{
  margin-top: 8px;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 1200px){
  .comparison-preview-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-score-title{
    font-size: 14px;
    line-height: 20px;
  }
}
.comparison-preview-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-score-title {
            color: var(--gray-5);
          }
.comparison-preview-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-score{
  position: relative;
  margin-top: 24px;
  margin-bottom: 32px;
  height: 8px;
  width: 100%;
  border-width: 2px;
  background-color: var(--white);
}
@media (min-width: 768px){
  .comparison-preview-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-score{
    margin-top: 32px;
  }
}
.comparison-preview-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-score {
            border-radius: 4px;
            border-color: var(--ex-blue-medium);
          }
.comparison-preview-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-score-bar{
  height: 100%;
  width: 0px;
              transition: width 5s ease-in-out;
              background-color: var(--ex-blue-medium);
}
.comparison-preview-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-score-number{
  position: absolute;
  border-width: 2px;
  border-color: var(--white);
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px){
  .comparison-preview-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-score-number{
    font-size: 16px;
    line-height: 22px;
  }
}
.comparison-preview-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-score-number {
              background-color: var(--ex-blue-medium);
              color: var(--white);
              padding: 4px 12px;
              border-radius: 44px;
              top: -15px;
            }
.comparison-preview-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-description{
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .comparison-preview-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-description{
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 768px){
  .comparison-preview-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-description{
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px){
  .comparison-preview-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-description{
    margin-bottom: 32px;
  }
}
.comparison-preview-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-description {
            color: var(--gray-4);
          }
.comparison-preview-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-button-wrapper{
  display: flex;
}
.comparison-preview-section .comparison-card-wrapper .comparison-preview-special-button{
  display: flex;
  width: 100%;
  justify-content: center;
  padding-top: 88px;
  padding-bottom: 88px;
}
@media (min-width: 768px){
  .comparison-preview-section .comparison-card-wrapper .comparison-preview-special-button{
    padding-left: 140px;
    padding-right: 140px;
  }
}
@media (min-width: 1200px){
  .comparison-preview-section .comparison-card-wrapper .comparison-preview-special-button{
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
.comparison-preview-section .comparison-card-wrapper .comparison-preview-special-button {
        -webkit-clip-path: polygon(10% 0%, 175% 0%, 85% 100%, -75% 100%);
                clip-path: polygon(10% 0%, 175% 0%, 85% 100%, -75% 100%);
        background-color: var(--ex-blue-medium);
      }
@media (min-width: 500px) {
.comparison-preview-section .comparison-card-wrapper .comparison-preview-special-button {
          -webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0 100%);
                  clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0 100%);
          max-width: 750px
      }
        }
@media (min-width: 1200px) {
.comparison-preview-section .comparison-card-wrapper .comparison-preview-special-button{
    width: auto;
  }
        }
:root {
  --star-size: 24px;
  --star-background: var(--ex-blue-dark);
  --star-color: var(--ex-blue-dark);
}
.review-section{
  margin-left: auto;
  margin-right: auto;
  padding-top: 120px;
  padding-bottom: 120px;
}
@media (min-width: 1200px){
  .review-section{
    margin-bottom: 300px;
  }
}
.review-section {

    background-image: url(images/49e9663e0baf58cb34e5.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
.review-section .review-title-text{
  margin-top: 64px;
  margin-bottom: 64px;
  text-align: center;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 768px){
  .review-section .review-title-text{
    font-size: 36px;
    line-height: 44px;
  }
}
@media (min-width: 1200px){
  .review-section .review-title-text{
    font-size: 56px;
    line-height: 64px;
  }
}
.review-section .review-title-text {
        color: var(--ex-blue-dark);
      }
.review-container{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
    max-width: 1800px;
    gap: 20px;
}
.review-container .flickity-viewport{
  width: 100%;
      -webkit-clip-path: polygon(0 10%, 100% 0%, 100% 80%, 0 90%);
              clip-path: polygon(0 10%, 100% 0%, 100% 80%, 0 90%);
}
.review-container .flickity-viewport .carousel-cell{
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px){
  .review-container .flickity-viewport .carousel-cell{
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1200px){
  .review-container .flickity-viewport .carousel-cell{
    margin-left: 14px;
    margin-right: 14px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
.review-container .flickity-page-dots {
      display: none;
    }
.review-container .flickity-button {
      top: auto;
      bottom: -32px;
      border: 2px solid var(--blue-3);
      transition: all 250ms ease;
    }
@media (min-width: 768px) {
.review-container .flickity-button {
        bottom: -66px
    }
      }
.review-container .flickity-button.next {
        right: calc(50% - 75px);
      }
.review-container .flickity-button.previous {
        left: calc(50% - 75px);
      }
.review-container .flickity-button .flickity-button-icon {
        fill: var(--blue-3);
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 10px;
        height: 10px;
        transition: all 250ms ease;
      }
.review-container .flickity-button:hover {
        border-color: var(--orange-1);
      }
.review-container .flickity-button:hover .flickity-button-icon {
          fill: var(--orange-1);
        }
@media (min-width: 1850px) {
        .review-container.low-card .flickity-button {
          display: none;
        }
      }
.review-card{
  display: flex;
  height: 475px;
  width: 260px;
  flex-direction: column;
  justify-content: center;
  padding-top: 64px;
  padding-bottom: 64px;
  padding-left: 24px;
  padding-right: 24px;
}
@media (min-width: 768px){
  .review-card{
    width: 365px;
  }
}
@media (min-width: 1200px){
  .review-card{
    height: 780px;
    width: 430px;
  }
}
.review-card-poll{
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 768px){
  .review-card-poll{
    font-size: 28px;
    line-height: 36px;
  }
}
@media (min-width: 1200px){
  .review-card-poll{
    font-size: 40px;
    line-height: 48px;
  }
}
.review-card-description{
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 1200px){
  .review-card-description{
    font-size: 20px;
    line-height: 28px;
  }
}
.review-card-name{
  margin-top: auto;
  margin-bottom: auto;
  font-size: 20px;
  line-height: 28px;
}
@media (min-width: 1200px){
  .review-card-name{
    font-size: 24px;
    line-height: 32px;
    margin-top: 56px;
    margin-bottom: 72px;
  }
}
.review-card-stars{
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 1200px){
  .review-card-stars{
    margin-bottom: 32px;
    padding-top: 0px;
  }
}
.review-card-stars {

    --percent: calc(var(--rating) / 5 * 100%);
    display: inline-block;
    font-size: var(--star-size);
    /* font-family: Times; */
    line-height: 1;
  }
.review-card-stars::before {
      content: "★★★★★";
      letter-spacing: 3px;
      background: linear-gradient(
        90deg,
        var(--star-background) var(--percent),
        var(--star-color) var(--percent)
      );
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
.review-card-stars::after{
  position: absolute;
  left: 0px;
      content: "☆☆☆☆☆";
      letter-spacing: 3px;
      -webkit-background-clip: text;
      -webkit-text-fill-color: var(--star-background);
}
.review-card[data-color="--blue-3"] {
    color: var(--white);
    --star-background: var(--white);
  }
.review-card[data-color="--blue-4"] {
    color: var(--white);
    --star-background: var(--white);
  }
.review-card.poll-card{
  justify-content: space-evenly;
}
/* .is-selected.review-card ~ .review-card:nth-child(4n + 0) {
  background-color: red !important;
}

.is-selected.review-card ~ .review-card:nth-child(4n + 1) {
  background-color: yellow !important;
}

.is-selected.review-card ~ .review-card:nth-child(4n + 2) {
  background-color: orange !important;
} */
.centered-image-section{
  margin-left: auto;
  margin-right: auto;
  margin-top: 200px;
  margin-bottom: 200px;
}
.centered-image-section .text-wrapper{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 52px;
  padding-left: 16px;
  padding-right: 16px;
  text-align: center;
}
@media (min-width: 768px){
  .centered-image-section .text-wrapper{
    margin-bottom: 64px;
    max-width: 500px;
  }
}
@media (min-width: 1200px){
  .centered-image-section .text-wrapper{
    max-width: 700px;
  }
}
.centered-image-section .text-wrapper .centered-image-title{
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 768px){
  .centered-image-section .text-wrapper .centered-image-title{
    font-size: 36px;
    line-height: 44px;
  }
}
@media (min-width: 1200px){
  .centered-image-section .text-wrapper .centered-image-title{
    font-size: 56px;
    line-height: 64px;
  }
}
.centered-image-section .text-wrapper .centered-image-title {
        color: var(--ex-blue-dark);
      }
.centered-image-section .text-wrapper .centered-image-description{
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px){
  .centered-image-section .text-wrapper .centered-image-description{
    font-size: 16px;
    line-height: 22px;
  }
}
@media (min-width: 768px){
  .centered-image-section .text-wrapper .centered-image-description{
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px){
  .centered-image-section .text-wrapper .centered-image-description{
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
.centered-image-section .text-wrapper .centered-image-description {
        color: var(--gray-4);
      }
.centered-image-section .text-wrapper .centered-image-button-wrapper{
  margin-top: 24px;
  display: flex;
  justify-content: center;
}
.centered-image-section .img-wrapper{
  position: relative;
  height: 128px;
  width: 100%;
  background-color: var(--orange-1);
}
@media (min-width: 768px){
  .centered-image-section .img-wrapper{
    height: 323px;
  }
}
@media (min-width: 1200px){
  .centered-image-section .img-wrapper{
    height: 703px;
  }
}
.centered-image-section .img-wrapper img{
  height: 125px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px){
  .centered-image-section .img-wrapper img{
    height: 320px;
  }
}
@media (min-width: 1200px){
  .centered-image-section .img-wrapper img{
    height: 700px;
  }
}
.centered-image-section .img-wrapper.none{
  position: relative;
  height: 125px;
  width: 100%;
}
@media (min-width: 768px){
  .centered-image-section .img-wrapper.none{
    height: 320px;
  }
}
@media (min-width: 1200px){
  .centered-image-section .img-wrapper.none{
    height: 700px;
  }
}
.centered-image-section .bottom {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 89%, 0% 100%);
              clip-path: polygon(0 0, 100% 0, 100% 89%, 0% 100%);
    }
.centered-image-section .bottom img.bottom {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 89%, 0% 100%);
                clip-path: polygon(0 0, 100% 0, 100% 89%, 0% 100%);
      }
.centered-image-section .top {
      -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 89%);
              clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 89%);
    }
.centered-image-section .top img.bottom {
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 89%);
                clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 89%);
      }
.centered-image-text-container-section{
  margin-left: auto;
  margin-right: auto;
  margin-top: 200px;
  margin-bottom: 200px;
  height: 543px;
  background-color: var(--orange-1);
}
@media (min-width: 1200px){
  .centered-image-text-container-section{
    height: 703px;
  }
}
.centered-image-text-container-section .text-wrapper{
  z-index: 50;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px){
  .centered-image-text-container-section .text-wrapper{
    max-width: 500px;
  }
}
@media (min-width: 1200px){
  .centered-image-text-container-section .text-wrapper{
    max-width: 700px;
  }
}
.centered-image-text-container-section .text-wrapper .centered-image-title{
  margin-bottom: 24px;
  text-align: center;
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 768px){
  .centered-image-text-container-section .text-wrapper .centered-image-title{
    font-size: 36px;
    line-height: 44px;
  }
}
@media (min-width: 1200px){
  .centered-image-text-container-section .text-wrapper .centered-image-title{
    font-size: 56px;
    line-height: 64px;
  }
}
.centered-image-text-container-section .text-wrapper .centered-image-title {
        color: var(--ex-blue-dark);
      }
.centered-image-text-container-section .text-wrapper .centered-image-description{
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .centered-image-text-container-section .text-wrapper .centered-image-description{
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 768px){
  .centered-image-text-container-section .text-wrapper .centered-image-description{
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px){
  .centered-image-text-container-section .text-wrapper .centered-image-description{
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
.centered-image-text-container-section .text-wrapper .centered-image-description {
        color: var(--gray-4);
      }
.centered-image-text-container-section .text-wrapper .centered-image-button-wrapper{
  margin-top: 24px;
  display: flex;
  justify-content: center;
}
.centered-image-text-container-section .text-wrapper[data-color="--ex-blue-dark"] .centered-image-title {
          color: var(--white);
        }
.centered-image-text-container-section .text-wrapper[data-color="--ex-blue-dark"] .centered-image-description {
          color: var(--white);
        }
.centered-image-text-container-section .text-wrapper[data-color="--blue-1"] .centered-image-title {
          color: var(--ex-blue-dark);
        }
.centered-image-text-container-section .text-wrapper[data-color="--blue-1"] .centered-image-description {
          color: var(--ex-blue-dark);
        }
.centered-image-text-container-section .image-wrapper{
  position: relative;
  height: 540px;
  width: 100%;
}
@media (min-width: 1200px){
  .centered-image-text-container-section .image-wrapper{
    height: 700px;
  }
}
.centered-image-text-container-section .image-wrapper .img-wrapper-overlay{
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0.9;
}
.centered-image-text-container-section .img-wrapper.none{
  position: relative;
  height: 540px;
  width: 100%;
}
@media (min-width: 1200px){
  .centered-image-text-container-section .img-wrapper.none{
    height: 700px;
  }
}
.centered-image-text-container-section.bottom {
      -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 97%, 0% 100%);
              clip-path: polygon(0% 0%, 100% 0%, 100% 97%, 0% 100%);
    }
@media (min-width: 768px) {
.centered-image-text-container-section.bottom {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 94%, 0% 100%);
                clip-path: polygon(0 0, 100% 0, 100% 94%, 0% 100%)
    }
      }
@media (min-width: 1200px) {
.centered-image-text-container-section.bottom {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 91%, 0% 100%);
                clip-path: polygon(0 0, 100% 0, 100% 91%, 0% 100%)
    }
      }
.centered-image-text-container-section.bottom .image-wrapper {
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 97%, 0% 100%);
                clip-path: polygon(0% 0%, 100% 0%, 100% 97%, 0% 100%);
      }
@media (min-width: 768px) {
.centered-image-text-container-section.bottom .image-wrapper {
          -webkit-clip-path: polygon(0 0, 100% 0, 100% 94%, 0% 100%);
                  clip-path: polygon(0 0, 100% 0, 100% 94%, 0% 100%)
      }
        }
@media (min-width: 1200px) {
.centered-image-text-container-section.bottom .image-wrapper {
          -webkit-clip-path: polygon(0 0, 100% 0, 100% 91%, 0% 100%);
                  clip-path: polygon(0 0, 100% 0, 100% 91%, 0% 100%)
      }
        }
.centered-image-text-container-section.top {
      -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 97%);
              clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 97%);
    }
@media (min-width: 768px) {
.centered-image-text-container-section.top {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 94%);
                clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 94%)
    }
      }
@media (min-width: 1200px) {
.centered-image-text-container-section.top {
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 91%);
                clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 91%)
    }
      }
.centered-image-text-container-section.top .image-wrapper {
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 97%);
                clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 97%);
      }
@media (min-width: 768px) {
.centered-image-text-container-section.top .image-wrapper {
          -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 94%);
                  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 94%)
      }
        }
@media (min-width: 1200px) {
.centered-image-text-container-section.top .image-wrapper {
          -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 91%);
                  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 91%)
      }
        }
.text-grid-section{
  margin-top: 200px;
  margin-bottom: 200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px){
  .text-grid-section{
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1200px){
  .text-grid-section{
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media (min-width: 1600px){
  .text-grid-section{
    padding-left: 0px;
    padding-right: 0px;
  }
}
.text-grid-section {
    max-width: 1800px;
  }
.text-grid-section .text-wrapper{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 52px;
}
@media (min-width: 768px){
  .text-grid-section .text-wrapper{
    margin-bottom: 64px;
    max-width: 500px;
  }
}
@media (min-width: 1200px){
  .text-grid-section .text-wrapper{
    margin-bottom: 56px;
    max-width: 700px;
  }
}
.text-grid-section .text-wrapper .text-grid-title{
  text-align: center;
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 768px){
  .text-grid-section .text-wrapper .text-grid-title{
    font-size: 36px;
    line-height: 44px;
  }
}
@media (min-width: 1200px){
  .text-grid-section .text-wrapper .text-grid-title{
    font-size: 56px;
    line-height: 64px;
  }
}
.text-grid-section .text-wrapper .text-grid-title {
          color: var(--ex-blue-dark);
        }
.text-grid-section .text-wrapper .text-grid-subtitle{
  margin-top: 20px;
  text-align: center;
  color: var(--gray-4);
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .text-grid-section .text-wrapper .text-grid-subtitle{
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 768px){
  .text-grid-section .text-wrapper .text-grid-subtitle{
    margin-top: 24px;
  }
}
@media (min-width: 1200px){
  .text-grid-section .text-wrapper .text-grid-subtitle{
    margin-top: 32px;
  }
}
.text-grid-section .text-wrapper .text-grid-helper{
  margin-top: 32px;
  margin-bottom: 32px;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px){
  .text-grid-section .text-wrapper .text-grid-helper{
    font-size: 16px;
    line-height: 22px;
  }
}
@media (min-width: 768px){
  .text-grid-section .text-wrapper .text-grid-helper{
    margin-top: 44px;
    margin-bottom: 44px;
  }
}
.text-grid-section .text-wrapper .text-grid-helper {
          color: var(--ex-blue-medium);
        }
.text-grid-section .grid-wrapper{
  margin-left: auto;
  margin-right: auto;
  display: grid;
  justify-items: center;
      background-color: var(--gray-3);
      grid-gap: 1px;
      grid-template-columns: 1fr 1fr;
}
@media (min-width: 1200px) {
@media (min-width: 1200px){
    .text-grid-section .grid-wrapper{
      max-width: 1800px;
    }
  }
.text-grid-section .grid-wrapper {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
      }
.text-grid-section .grid-wrapper .grid-item{
  display: flex;
  height: auto;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  background-color: var(--white);
  padding-top: 32px;
  padding-bottom: 32px;
}
@media (min-width: 768px){
  .text-grid-section .grid-wrapper .grid-item{
    padding-top: 56px;
    padding-bottom: 56px;
  }
}
@media (min-width: 1200px){
  .text-grid-section .grid-wrapper .grid-item{
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.text-grid-section .grid-wrapper .grid-item-text{
  margin-left: auto;
  margin-right: auto;
  max-width: 145px;
  align-self: center;
  font-weight: 700;
  color: var(--gray-4);
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .text-grid-section .grid-wrapper .grid-item-text{
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 768px){
  .text-grid-section .grid-wrapper .grid-item-text{
    max-width: 260px;
  }
}
@media (min-width: 1200px){
  .text-grid-section .grid-wrapper .grid-item-text{
    max-width: 330px;
  }
}
.text-grid-section .grid-wrapper .grid-item-text {
          transition: all 500ms ease-in-out;
        }
.text-grid-section .grid-wrapper .grid-item-text-answer{
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: none;
  max-width: 145px;
  align-self: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .text-grid-section .grid-wrapper .grid-item-text-answer{
    font-size: 18px;
    line-height: 24px;
  }
}
.modal-overlay .text-grid-section .grid-wrapper .grid-item-text-answer {
    opacity: 0;
    transition: all 500ms;
  }
@media (min-width: 768px){
  .text-grid-section .grid-wrapper .grid-item-text-answer{
    max-width: 260px;
  }
}
@media (min-width: 1200px){
  .text-grid-section .grid-wrapper .grid-item-text-answer{
    max-width: 330px;
  }
}
.text-grid-section .grid-wrapper .grid-item-text-answer {
          color: var(--orange-1);
          transition: all 500ms ease-in-out;
        }
@media (min-width: 1200px) {
.text-grid-section .grid-wrapper.small-wrapper {
          grid-template-columns: 1fr 1fr;
          max-width: 900px !important
      }
.text-grid-section .grid-wrapper.medium-wrapper {
          grid-template-columns: 1fr 1fr 1fr;
          max-width: 1350px
      }
        }
.logo-grid-section{
  margin-left: auto;
  margin-right: auto;
  margin-top: 200px;
  margin-bottom: 200px;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px){
  .logo-grid-section{
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1200px){
  .logo-grid-section{
    max-width: 1800px;
    padding-left: 52px;
    padding-right: 52px;
  }
}
@media (min-width: 1600px){
  .logo-grid-section{
    padding-left: 0px;
    padding-right: 0px;
  }
}
.logo-grid-section .text-wrapper{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 56px;
  text-align: center;
}
@media (min-width: 768px){
  .logo-grid-section .text-wrapper{
    max-width: 500px;
  }
}
@media (min-width: 1200px){
  .logo-grid-section .text-wrapper{
    margin-bottom: 64px;
    max-width: 700px;
  }
}
.logo-grid-section .text-wrapper .logo-grid-title{
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 768px){
  .logo-grid-section .text-wrapper .logo-grid-title{
    font-size: 36px;
    line-height: 44px;
  }
}
@media (min-width: 1200px){
  .logo-grid-section .text-wrapper .logo-grid-title{
    font-size: 56px;
    line-height: 64px;
  }
}
@media (min-width: 768px){
  .logo-grid-section .text-wrapper .logo-grid-title{
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px){
  .logo-grid-section .text-wrapper .logo-grid-title{
    margin-bottom: 32px;
  }
}
.logo-grid-section .text-wrapper .logo-grid-title {
          color: var(--ex-blue-dark);
        }
.logo-grid-section .text-wrapper .logo-grid-subtitle{
  color: var(--gray-4);
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .logo-grid-section .text-wrapper .logo-grid-subtitle{
    font-size: 18px;
    line-height: 24px;
  }
}
.logo-grid-section .grid-wrapper{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
      row-gap: 20px;
      -moz-column-gap: 72px;
           column-gap: 72px;
}
@media (min-width: 768px) {
.logo-grid-section .grid-wrapper {
        -moz-column-gap: 84px;
             column-gap: 84px;
        row-gap: 30px
    }
      }
@media (min-width: 1200px) {
.logo-grid-section .grid-wrapper {
        -moz-column-gap: 120px;
             column-gap: 120px;
        row-gap: 50px
    }
      }
.logo-grid-section .grid-wrapper .grid-logo{
  width: 100px;
}
@media (min-width: 768px){
  .logo-grid-section .grid-wrapper .grid-logo{
    width: 125px;
  }
}
@media (min-width: 1200px){
  .logo-grid-section .grid-wrapper .grid-logo{
    width: 190px;
  }
}
.logo-grid-section .grid-wrapper .grid-logo img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.icon-cards-section{
  margin-left: auto;
  margin-right: auto;
  margin-top: 200px;
  margin-bottom: 200px;
  max-width: 1800px;
}
.icon-cards-section .text-wrapper .icon-cards-title{
  margin-bottom: 44px;
  text-align: center;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 768px){
  .icon-cards-section .text-wrapper .icon-cards-title{
    font-size: 36px;
    line-height: 44px;
  }
}
@media (min-width: 1200px){
  .icon-cards-section .text-wrapper .icon-cards-title{
    font-size: 56px;
    line-height: 64px;
  }
}
@media (min-width: 768px){
  .icon-cards-section .text-wrapper .icon-cards-title{
    margin-bottom: 56px;
  }
}
@media (min-width: 1200px){
  .icon-cards-section .text-wrapper .icon-cards-title{
    margin-bottom: 72px;
  }
}
.icon-cards-section .text-wrapper .icon-cards-title {
        color: var(--ex-blue-dark);
      }
.icon-cards-section .icon-cards-wrapper{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px){
  .icon-cards-section .icon-cards-wrapper{
    gap: 24px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1600px){
  .icon-cards-section .icon-cards-wrapper{
    padding-left: 0px;
    padding-right: 0px;
  }
}
.icon-cards-section .icon-cards-wrapper .icon-card{
  height: 100%;
  width: 100%;
  padding-top: 36px;
  padding-bottom: 36px;
  padding-left: 12px;
  padding-right: 12px;
}
@media (min-width: 768px){
  .icon-cards-section .icon-cards-wrapper .icon-card{
    min-height: 460px;
    max-width: 325px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1200px){
  .icon-cards-section .icon-cards-wrapper .icon-card{
    min-height: 475px;
    max-width: 365px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
.icon-cards-section .icon-cards-wrapper .icon-card-text-wrapper{
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (min-width: 768px){
  .icon-cards-section .icon-cards-wrapper .icon-card-text-wrapper{
    justify-content: center;
  }
}
.icon-cards-section .icon-cards-wrapper .icon-card-text-wrapper .icon-card-img{
  margin-left: auto;
  margin-right: auto;
  height: 88px;
  width: 88px;
}
@media (min-width: 768px){
  .icon-cards-section .icon-cards-wrapper .icon-card-text-wrapper .icon-card-img{
    margin-bottom: 32px;
  }
}
@media (min-width: 1200px){
  .icon-cards-section .icon-cards-wrapper .icon-card-text-wrapper .icon-card-img{
    margin-bottom: 44px;
  }
}
.icon-cards-section .icon-cards-wrapper .icon-card-text-wrapper .icon-card-title{
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
}
@media (min-width: 1200px){
  .icon-cards-section .icon-cards-wrapper .icon-card-text-wrapper .icon-card-title{
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
  }
}
.icon-cards-section .icon-cards-wrapper .icon-card-text-wrapper .icon-card-title {
            color: var(--white);
          }
.icon-cards-section .icon-cards-wrapper .icon-card-text-wrapper .icon-card-text{
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 1200px){
  .icon-cards-section .icon-cards-wrapper .icon-card-text-wrapper .icon-card-text{
    font-size: 20px;
    line-height: 28px;
  }
}
.icon-cards-section .icon-cards-wrapper .icon-card-text-wrapper .icon-card-text { /*sm:mb-32px md:mb-44px*/
            color: var(--blue-1);
            display: -webkit-box;
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical;
            overflow: hidden;
          }
.icon-cards-section .icon-cards-wrapper .icon-card-text-wrapper .icon-card-button-wrapper{
  margin-top: 32px;
  display: flex;
  justify-content: center;
}
@media (min-width: 1200px){
  .icon-cards-section .icon-cards-wrapper .icon-card-text-wrapper .icon-card-button-wrapper{
    margin-top: 44px;
  }
  .icon-cards-section .icon-cards-wrapper .icon-card.size1, .icon-cards-section .icon-cards-wrapper .icon-card.size2{
    max-width: 850px;
  }
  .icon-cards-section .icon-cards-wrapper .icon-card.size3{
    max-width: 435px;
            min-height: 535px;
  }
}
@media(min-width: 1800px){
.icon-cards-section .icon-cards-wrapper .icon-card.size3 {
            max-width: 575px
        }
          }
@media (min-width: 1200px){
  .icon-cards-section .icon-cards-wrapper .icon-card.size4{
    height: 556px;
    max-width: 425px;
  }
}
.value-block-section{
  margin-top: 120px;
  margin-bottom: 120px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 160px;
  padding-bottom: 160px;
}
@media (min-width: 1200px){
  .value-block-section{
    padding-top: 250px;
    padding-bottom: 250px;
  }
}
.value-block-section {
    -webkit-clip-path: polygon(0% 1%, 100% 0%, 100% 99%, 0% 100%);
            clip-path: polygon(0% 1%, 100% 0%, 100% 99%, 0% 100%);
  }
@media (min-width: 500px) {
.value-block-section {
      -webkit-clip-path: polygon(0 1.5%, 100% 0, 100% 98.5%, 0% 100%);
              clip-path: polygon(0 1.5%, 100% 0, 100% 98.5%, 0% 100%)
  }
    }
@media (min-width: 768px) {
.value-block-section {
      -webkit-clip-path: polygon(0 2%, 100% 0, 100% 98%, 0% 100%);
              clip-path: polygon(0 2%, 100% 0, 100% 98%, 0% 100%)
  }
    }
@media (min-width: 1000px) {
.value-block-section {
      -webkit-clip-path: polygon(0 3%, 100% 0, 100% 97%, 0% 100%);
              clip-path: polygon(0 3%, 100% 0, 100% 97%, 0% 100%)
  }
    }
@media (min-width: 1200px) {
.value-block-section {
      -webkit-clip-path: polygon(0 4%, 100% 0, 100% 96%, 0% 100%);
              clip-path: polygon(0 4%, 100% 0, 100% 96%, 0% 100%)
  }
    }
@media (min-width: 2000px) {
.value-block-section {
      -webkit-clip-path: polygon(0 6%, 100% 0, 100% 94%, 0% 100%);
              clip-path: polygon(0 6%, 100% 0, 100% 94%, 0% 100%)
  }
    }
.value-block-section .top-wrapper{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 100px;
  display: flex;
  width: 100%;
  max-width: 1920px;
  flex-direction: column;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px){
  .value-block-section .top-wrapper{
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1200px){
  .value-block-section .top-wrapper{
    margin-bottom: 200px;
    flex-direction: row;
    justify-content: center;
    padding-left: 60px;
    padding-right: 60px;
  }
}
.value-block-section .top-wrapper .text-wrapper{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (min-width: 768px){
  .value-block-section .top-wrapper .text-wrapper{
    max-width: 500px;
  }
}
@media (min-width: 1200px){
  .value-block-section .top-wrapper .text-wrapper{
    margin-right: auto;
    margin-left: 0px;
    width: 50%;
    max-width: 600px;
  }
}
@media (min-width: 1920px){
  .value-block-section .top-wrapper .text-wrapper{
    margin-right: 120px;
  }
}
.value-block-section .top-wrapper .text-wrapper .value-block-title{
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 768px){
  .value-block-section .top-wrapper .text-wrapper .value-block-title{
    font-size: 36px;
    line-height: 44px;
  }
}
@media (min-width: 1200px){
  .value-block-section .top-wrapper .text-wrapper .value-block-title{
    font-size: 56px;
    line-height: 64px;
  }
}
@media (min-width: 768px){
  .value-block-section .top-wrapper .text-wrapper .value-block-title{
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px){
  .value-block-section .top-wrapper .text-wrapper .value-block-title{
    margin-bottom: 32px;
  }
}
.value-block-section .top-wrapper .text-wrapper .value-block-title {
            color: var(--ex-blue-dark);
          }
.value-block-section .top-wrapper .text-wrapper .value-block-description p{
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .value-block-section .top-wrapper .text-wrapper .value-block-description p{
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 768px){
  .value-block-section .top-wrapper .text-wrapper .value-block-description p{
    margin-bottom: 32px;
  }
}
@media (min-width: 1200px){
  .value-block-section .top-wrapper .text-wrapper .value-block-description p{
    margin-bottom: 44px;
  }
}
.value-block-section .top-wrapper .text-wrapper .value-block-description p {
              color: var(--ex-blue-medium);
            }
.value-block-section .top-wrapper .text-wrapper .value-block-button-wrapper{
  margin-bottom: 64px;
  display: flex;
}
@media (min-width: 1200px){
  .value-block-section .top-wrapper .text-wrapper .value-block-button-wrapper{
    margin-bottom: 0px;
  }
}
.value-block-section .top-wrapper .value-block-asset{
  margin-left: auto;
  margin-right: auto;
  min-height: 200px;
  width: 100%;
}
@media (min-width: 768px){
  .value-block-section .top-wrapper .value-block-asset{
    min-height: 500px;
  }
}
@media (min-width: 1200px){
  .value-block-section .top-wrapper .value-block-asset{
    margin-left: auto;
    margin-right: 0px;
    width: 50%;
    max-width: 1000px;
  }
}
.value-block-section .top-wrapper .value-block-asset img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.value-block-section .top-wrapper .value-block-asset .plyr{
  margin-left: auto;
  margin-right: auto;
}
.value-block-section .top-wrapper .value-block-asset .plyr .plyr__control {
            background-color: var(--orange-1);
          }
.value-block-section .top-wrapper .value-block-asset .plyr .plyr__control:hover {
              background-color: var(--orange-1);
              color: var(--ex-blue-dark);
            }
@media (min-width: 1200px) {
.value-block-section .top-wrapper .value-block-asset .plyr .plyr__control.plyr__control--overlaid {
                width: 140px;
                height: 140px
            }

                .value-block-section .top-wrapper .value-block-asset .plyr .plyr__control.plyr__control--overlaid svg {
                  margin: 0 auto;
                  width: 50px;
                  height: 60px;
                }
              }
.value-block-section .bottom-wrapper{
  display: flex;
  max-width: 1800px;
  flex-direction: column;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px){
  .value-block-section .bottom-wrapper{
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1200px){
  .value-block-section .bottom-wrapper{
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1920px){
  .value-block-section .bottom-wrapper{
    padding-left: 0px;
    padding-right: 0px;
  }
}
.value-block-section .bottom-wrapper .stat-block-title{
  margin-bottom: 56px;
  text-align: center;
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 768px){
  .value-block-section .bottom-wrapper .stat-block-title{
    font-size: 28px;
    line-height: 36px;
  }
}
@media (min-width: 1200px){
  .value-block-section .bottom-wrapper .stat-block-title{
    font-size: 40px;
    line-height: 48px;
  }
}
@media (min-width: 768px){
  .value-block-section .bottom-wrapper .stat-block-title{
    margin-bottom: 72px;
  }
}
@media (min-width: 1200px){
  .value-block-section .bottom-wrapper .stat-block-title{
    margin-bottom: 100px;
  }
}
.value-block-section .bottom-wrapper .stat-block-title {
        color: var(--blue-4);
      }
.value-block-section .bottom-wrapper .value-block-stat-wrapper{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}
@media (min-width: 768px){
  .value-block-section .bottom-wrapper .value-block-stat-wrapper{
    gap: 48px;
  }
}
.value-block-section .bottom-wrapper .value-block-stat-wrapper .value-block-stat-item{
  width: 150px;
}
@media (min-width: 768px){
  .value-block-section .bottom-wrapper .value-block-stat-wrapper .value-block-stat-item{
    width: 240px;
  }
}
@media (min-width: 1200px){
  .value-block-section .bottom-wrapper .value-block-stat-wrapper .value-block-stat-item{
    width: 340px;
  }
}
.value-block-section .bottom-wrapper .value-block-stat-wrapper .value-block-stat-item .value-block-stat-amount{
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 768px){
  .value-block-section .bottom-wrapper .value-block-stat-wrapper .value-block-stat-item .value-block-stat-amount{
    font-size: 36px;
    line-height: 44px;
  }
}
@media (min-width: 1200px){
  .value-block-section .bottom-wrapper .value-block-stat-wrapper .value-block-stat-item .value-block-stat-amount{
    font-size: 56px;
    line-height: 64px;
  }
}
.value-block-section .bottom-wrapper .value-block-stat-wrapper .value-block-stat-item .value-block-stat-amount {
            color: var(--ex-blue-dark);
          }
.value-block-section .bottom-wrapper .value-block-stat-wrapper .value-block-stat-item .value-block-stat-description {
            color: var(--ex-blue-medium);
          }
.value-block-section[data-color="var(--ex-blue-dark)"] .value-block-title {
        color: var(--white) !important;
      }
.value-block-section[data-color="var(--ex-blue-dark)"] .value-block-description p {
          color: var(--blue-1) !important;
        }
.value-block-section[data-color="var(--ex-blue-dark)"] .stat-block-title {
        color: var(--white) !important;
      }
.value-block-section[data-color="var(--ex-blue-dark)"] .value-block-stat-amount {
        color: var(--white) !important;
      }
.value-block-section[data-color="var(--ex-blue-dark)"] .value-block-stat-description {
        color: var(--blue-1) !important;
      }
.icon-grid-section{
  margin-top: 200px;
  margin-bottom: 200px;
  display: flex;
  max-width: 1800px;
  flex-direction: column;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px){
  .icon-grid-section{
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 1200px){
  .icon-grid-section{
    margin-left: auto;
    margin-right: auto;
  }
}
.icon-grid-section .text-wrapper{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 56px;
  text-align: center;
}
@media (min-width: 768px){
  .icon-grid-section .text-wrapper{
    margin-bottom: 72px;
    max-width: 500px;
  }
}
@media (min-width: 1200px){
  .icon-grid-section .text-wrapper{
    max-width: 700px;
  }
}
.icon-grid-section .text-wrapper .icon-grid-title{
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 768px){
  .icon-grid-section .text-wrapper .icon-grid-title{
    font-size: 36px;
    line-height: 44px;
  }
}
@media (min-width: 1200px){
  .icon-grid-section .text-wrapper .icon-grid-title{
    font-size: 56px;
    line-height: 64px;
  }
}
@media (min-width: 768px){
  .icon-grid-section .text-wrapper .icon-grid-title{
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px){
  .icon-grid-section .text-wrapper .icon-grid-title{
    margin-bottom: 32px;
  }
}
.icon-grid-section .text-wrapper .icon-grid-title {
          color: var(--ex-blue-dark);
        }
.icon-grid-section .text-wrapper .icon-grid-subtitle{
  margin-bottom: 20px;
  color: var(--gray-4);
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .icon-grid-section .text-wrapper .icon-grid-subtitle{
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 768px){
  .icon-grid-section .text-wrapper .icon-grid-subtitle{
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px){
  .icon-grid-section .text-wrapper .icon-grid-subtitle{
    margin-bottom: 32px;
  }
}
.icon-grid-section .icon-grid-wrapper{
  margin-left: auto;
  margin-right: auto;
  display: grid;
  justify-items: center;
      background-color: var(--gray-3);
      grid-gap: 1px;
}
@media (min-width: 1200px) {
.icon-grid-section .icon-grid-wrapper {
        grid-template-columns: repeat(2, 1fr)
    }
      }
.icon-grid-section .icon-grid-wrapper .icon-grid-card{
  display: flex;
  width: 100%;
  align-items: flex-start;
  background-color: var(--white);
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (min-width: 768px){
  .icon-grid-section .icon-grid-wrapper .icon-grid-card{
    align-items: center;
    padding-top: 56px;
    padding-bottom: 56px;
  }
}
@media (min-width: 1200px){
  .icon-grid-section .icon-grid-wrapper .icon-grid-card{
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 40px;
  }
}
.icon-grid-section .icon-grid-wrapper .icon-grid-card-text-wrapper{
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px){
  .icon-grid-section .icon-grid-wrapper .icon-grid-card-text-wrapper{
    max-width: 500px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1200px){
  .icon-grid-section .icon-grid-wrapper .icon-grid-card-text-wrapper{
    max-width: 600px;
  }
}
.icon-grid-section .icon-grid-wrapper .icon-grid-card-title{
  padding-bottom: 12px;
  font-size: 22px;
  line-height: 30px;
}
@media (min-width: 768px){
  .icon-grid-section .icon-grid-wrapper .icon-grid-card-title{
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 1200px){
  .icon-grid-section .icon-grid-wrapper .icon-grid-card-title{
    font-size: 32px;
    line-height: 40px;
    padding-bottom: 20px;
  }
}
.icon-grid-section .icon-grid-wrapper .icon-grid-card-title {
          color: var(--ex-blue-dark);
        }
.icon-grid-section .icon-grid-wrapper .icon-grid-card-text{
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .icon-grid-section .icon-grid-wrapper .icon-grid-card-text{
    font-size: 18px;
    line-height: 24px;
  }
}
.icon-grid-section .icon-grid-wrapper .icon-grid-card-text {
          color: var(--ex-blue-medium);
        }
.icon-grid-section .icon-grid-wrapper .icon-grid-card-img{
  height: 100%;
  max-height: 100px;
  width: 100%;
  max-width: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px){
  .icon-grid-section .icon-grid-wrapper .icon-grid-card-img{
    max-height: 160px;
    max-width: 160px;
  }
}
@media (min-width: 1200px){
  .icon-grid-section .icon-grid-wrapper .icon-grid-card-img{
    max-height: 200px;
    max-width: 200px;
  }
  .icon-grid-section .icon-grid-wrapper .icon-grid-card:nth-child(even){
    padding-left: 40px;
  }
}
.bio-group-section{
  margin-left: auto;
  margin-right: auto;
  margin-top: 200px;
  margin-bottom: 200px;
  max-width: 1800px;
}
.bio-group-section .text-wrapper{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 48px;
}
@media (min-width: 768px){
  .bio-group-section .text-wrapper{
    margin-bottom: 140px;
    max-width: 500px;
  }
}
@media (min-width: 1200px){
  .bio-group-section .text-wrapper{
    margin-bottom: 100px;
    max-width: 700px;
  }
}
.bio-group-section .text-wrapper .icon-cards-title{
  text-align: center;
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 768px){
  .bio-group-section .text-wrapper .icon-cards-title{
    font-size: 36px;
    line-height: 44px;
  }
}
@media (min-width: 1200px){
  .bio-group-section .text-wrapper .icon-cards-title{
    font-size: 56px;
    line-height: 64px;
  }
}
.bio-group-section .text-wrapper .icon-cards-title {
        color: var(--ex-blue-dark);
      }
.bio-group-section .bio-card-wrapper{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px){
  .bio-group-section .bio-card-wrapper{
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1920px){
  .bio-group-section .bio-card-wrapper{
    padding-left: 0px;
    padding-right: 0px;
  }
}
.bio-group-section .bio-card-wrapper {
      -moz-column-gap: 16px;
           column-gap: 16px;
      row-gap: 64px;
    }
@media (min-width: 768px) {
.bio-group-section .bio-card-wrapper {
        -moz-column-gap: 47px;
             column-gap: 47px;
        row-gap: 84px
    }
      }
@media (min-width: 1200px) {
.bio-group-section .bio-card-wrapper {
        -moz-column-gap: 100px;
             column-gap: 100px;
        row-gap: 100px
    }
      }
.bio-group-section .bio-card-wrapper .bio-card{
  width: 135px;
}
@media (min-width: 768px){
  .bio-group-section .bio-card-wrapper .bio-card{
    width: 200px;
  }
}
@media (min-width: 1200px){
  .bio-group-section .bio-card-wrapper .bio-card{
    width: 300px;
  }
}
.bio-group-section .bio-card-wrapper .bio-card-image{
  margin-bottom: 16px;
  height: 100px;
  width: 100px;
}
@media (min-width: 768px){
  .bio-group-section .bio-card-wrapper .bio-card-image{
    margin-bottom: 20px;
    height: 150px;
    width: 150px;
  }
}
@media (min-width: 1200px){
  .bio-group-section .bio-card-wrapper .bio-card-image{
    margin-bottom: 24px;
    height: 215px;
    width: 215px;
  }
}
.bio-group-section .bio-card-wrapper .bio-card-image img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.bio-group-section .bio-card-wrapper .bio-card-title{
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 1200px){
  .bio-group-section .bio-card-wrapper .bio-card-title{
    font-size: 20px;
    line-height: 28px;
  }
}
.bio-group-section .bio-card-wrapper .bio-card-title {
          color: var(--ex-blue-dark);
        }
.bio-group-section .bio-card-wrapper .bio-card-role{
  margin-bottom: 16px;
  font-weight: 700;
  color: var(--gray-4);
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px){
  .bio-group-section .bio-card-wrapper .bio-card-role{
    font-size: 16px;
    line-height: 22px;
  }
}
.bubbles-section {
    width: 100%;
    padding: 188px 60px 295px 60px;
  }
@media (max-width: 768px) {
.bubbles-section {
      padding: 100px 0 100px 0
  }
    }
.bubbles-section .container{
  display: flex;
  flex-wrap: wrap;
      background-color: var(--blue-1);
      max-width: 1800px;
      width: 100%;
      margin: 0 auto;
}
@media (max-width: 1200px) {
.bubbles-section .container {
        max-width: 754px
    }
      }
@media (max-width: 768px) {
.bubbles-section .container {
        max-width: 500px
    }
      }
.bubbles-button-wrapper .bubbles-button {
    }
.bubbles-content{
  width: 100%;
}
@media (min-width: 1200px){
  .bubbles-content{
    width: 45%;
  }
}
@media (min-width: 1600px){
  .bubbles-content{
    width: 50%;
  }
}
.bubbles-content {
    padding: 94px 0 0 112px;
  }
@media (max-width: 1200px) {
.bubbles-content {
      padding: 90px 79px
  }
    }
@media (max-width: 768px) {
.bubbles-content {
      padding: 50px 16px
  }
    }
.bubbles-content-title{
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 768px){
  .bubbles-content-title{
    font-size: 36px;
    line-height: 44px;
  }
}
@media (min-width: 1200px){
  .bubbles-content-title{
    font-size: 56px;
    line-height: 64px;
  }
}
@media (min-width: 768px){
  .bubbles-content-title{
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px){
  .bubbles-content-title{
    margin-bottom: 32px;
  }
}
.bubbles-content-title {
      color: var(--ex-blue-dark);
    }
.bubbles-content-description {
      margin-bottom: 64px;
    }
.bubbles-content-description p{
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .bubbles-content-description p{
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 768px){
  .bubbles-content-description p{
    margin-bottom: 32px;
  }
}
@media (min-width: 1200px){
  .bubbles-content-description p{
    margin-bottom: 44px;
  }
}
.bubbles-content-description p {
        color: var(--ex-blue-medium);
      }
.bubbles-logos{
  margin-left: auto;
  margin-right: auto;
  width: 94%;
}
@media (min-width: 768px){
  .bubbles-logos{
    margin-left: 0px;
    width: 100%;
  }
}
@media (min-width: 1200px){
  .bubbles-logos{
    width: 55%;
  }
}
@media (min-width: 1600px){
  .bubbles-logos{
    width: 50%;
  }
}
.bubbles-logos {
    min-height: calc(1080px);
    position: relative;
  }
@media (max-width: 1200px) {
.bubbles-logos {
      min-height: calc(468px)
  }
    }
.bubbles-logos .logos-group,
    .bubbles-logos .bubbles-group {
      position: relative;
    }
.bubbles-logos .logos-group{
  margin-left: auto;
  margin-right: auto;
  width: 85%;
}
@media (min-width: 768px){
  .bubbles-logos .logos-group{
    width: 100%;
  }
}
@media (min-width: 1200px){
  .bubbles-logos .logos-group{
    width: 85%;
  }
}
@media (min-width: 1600px){
  .bubbles-logos .logos-group{
    width: 100%;
  }
}
.bubbles-logos .logos-group {
      height: 100%;
    }
.bubbles-logos .logos-group[data-step="1"] .bubble-item[data-bubble-icon="2"],
          .bubbles-logos .logos-group[data-step="1"] .bubble-item[data-bubble-icon="3"],
          .bubbles-logos .logos-group[data-step="1"] .bubble-item[data-bubble-icon="7"] {
            opacity: 0;
            transform: scale(0.4);
          }
.bubbles-logos .logos-group[data-step="1"] .bubble-item[data-bubble="4"],
          .bubbles-logos .logos-group[data-step="1"] .bubble-item[data-bubble="5"],
          .bubbles-logos .logos-group[data-step="1"] .bubble-item[data-bubble="12"] {
            opacity: 0;
            transform: scale(0.4);
          }
@media (max-width: 1200px) {
            .bubbles-logos .logos-group[data-step="1"] .bubble-item[data-bubble="13"],
            .bubbles-logos .logos-group[data-step="1"] .bubble-item[data-bubble="14"],
            .bubbles-logos .logos-group[data-step="1"] .bubble-item[data-bubble="15"] {
              opacity: 0;
              transform: scale(0.4);
            }
          }
.bubbles-logos .logos-group[data-step="2"] .bubble-item[data-bubble-icon="2"],
          .bubbles-logos .logos-group[data-step="2"] .bubble-item[data-bubble-icon="3"],
          .bubbles-logos .logos-group[data-step="2"] .bubble-item[data-bubble-icon="7"],
          .bubbles-logos .logos-group[data-step="2"] .bubble-item[data-bubble-icon="4"],
          .bubbles-logos .logos-group[data-step="2"] .bubble-item[data-bubble-icon="6"],
          .bubbles-logos .logos-group[data-step="2"] .bubble-item[data-bubble-icon="8"] {
            opacity: 0;
            transform: scale(0.4);
          }
.bubbles-logos .logos-group[data-step="2"] .bubble-item[data-bubble="4"],
          .bubbles-logos .logos-group[data-step="2"] .bubble-item[data-bubble="5"],
          .bubbles-logos .logos-group[data-step="2"] .bubble-item[data-bubble="12"],
          .bubbles-logos .logos-group[data-step="2"] .bubble-item[data-bubble="3"],
          .bubbles-logos .logos-group[data-step="2"] .bubble-item[data-bubble="8"],
          .bubbles-logos .logos-group[data-step="2"] .bubble-item[data-bubble="9"],
          .bubbles-logos .logos-group[data-step="2"] .bubble-item[data-bubble="10"],
          .bubbles-logos .logos-group[data-step="2"] .bubble-item[data-bubble="11"],
          .bubbles-logos .logos-group[data-step="2"] .bubble-item[data-bubble="13"] {
            opacity: 0;
            transform: scale(0.4);
          }
@media (max-width: 1200px) {
            .bubbles-logos .logos-group[data-step="2"] .bubble-item[data-bubble="14"],
            .bubbles-logos .logos-group[data-step="2"] .bubble-item[data-bubble="15"] {
              opacity: 0;
              transform: scale(0.4);
            }
            .bubbles-logos .logos-group[data-step="2"] .bubble-item[data-bubble="2"],
            .bubbles-logos .logos-group[data-step="2"] .bubble-item[data-bubble="17"] {
              opacity: 0;
              transform: scale(0.4);
            }
          }
.bubbles-logos .logos-group[data-step="3"] .bubble-item[data-bubble-icon],
          .bubbles-logos .logos-group[data-step="3"] .bubble-item[data-bubble] {
            opacity: 0;
            transform: scale(0.4);
          }
.bubbles-logos .logos-combined {
      background-color: var(--white);
      border-radius: 50%;
      height: 100%;
      width: 100%;
      max-height: 100px;
      max-width: 100px;
      position: absolute;

      top: 50%;
      left: 50%;

      opacity: 0;
      z-index: 10;
      display: flex;
      align-items: center;

      transition: all 400ms ease;
    }
@media (max-width: 1200px) {
          .bubbles-logos .logos-combined[data-step="1"] .logos-combined-group {
            padding: 0 40px;
          }
      }
@media (max-width: 768px) {
          .bubbles-logos .logos-combined[data-step="1"] .logos-combined-group {
            padding: 0 30px;
          }
          .bubbles-logos .logos-combined[data-step="2"] .logos-combined-group {
            padding: 0 40px;
          }
          .bubbles-logos .logos-combined[data-step="3"] .logos-combined-group {
            padding: 0 40px;
          }
      }
.bubbles-logos .logos-combined-group {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 0 60px;
        transition: all 400ms ease;
      }
@media (max-width: 1200px) {
.bubbles-logos .logos-combined-group {
          padding: 0 80px
      }
        }
@media (max-width: 768px) {
        }
.bubbles-logos .logos-combined-group .logo {
          box-sizing: border-box;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 12px 0;
          display: none;
          opacity: 0;
          transition: opacity 200ms ease;
        }
.bubbles-logos .logos-combined-group .logo img {
            margin: 0 auto;
          }
.bubbles-logos .logos-combined .reset-bubbles-button {
        display: none;
      }
.bubbles-logos .logos-combined[data-step="1"] {
        top: 360px;
        left: 50%;
        transform: translateX(-50%);
        max-height: 538px;
        max-width: 538px;
        opacity: 1;
      }
.bubbles-logos .logos-combined[data-step="1"] .logo {
          width: 50%;
        }
.bubbles-logos .logos-combined[data-step="1"] .logo[data-logo="2"],
          .bubbles-logos .logos-combined[data-step="1"] .logo[data-logo="3"],
          .bubbles-logos .logos-combined[data-step="1"] .logo[data-logo="7"] {
            display: block;
            opacity: 1;
          }
@media (max-width: 1200px) {
.bubbles-logos .logos-combined[data-step="1"] {
          top: 160px;
          left: 60%;
          max-height: 232px;
          max-width: 232px
      }
        }
@media (max-width: 768px) {
.bubbles-logos .logos-combined[data-step="1"] {
          top: 170px;
          left: 45%;
          max-height: 155px;
          max-width: 155px
      }
        }
.bubbles-logos .logos-combined[data-step="2"] {
        top: 324px;
        left: 50%;
        transform: translateX(-50%);
        max-height: 678px;
        max-width: 678px;
        opacity: 1;
      }
.bubbles-logos .logos-combined[data-step="2"] .logo {
          width: 50%;
        }
@media (max-width: 768px) {
.bubbles-logos .logos-combined[data-step="2"] .logo {
            width: 33%
        }
          }
.bubbles-logos .logos-combined[data-step="2"] .logo[data-logo="2"],
          .bubbles-logos .logos-combined[data-step="2"] .logo[data-logo="3"],
          .bubbles-logos .logos-combined[data-step="2"] .logo[data-logo="7"],
          .bubbles-logos .logos-combined[data-step="2"] .logo[data-logo="4"],
          .bubbles-logos .logos-combined[data-step="2"] .logo[data-logo="6"],
          .bubbles-logos .logos-combined[data-step="2"] .logo[data-logo="8"] {
            display: block;
            opacity: 1;
          }
@media (max-width: 1200px) {
.bubbles-logos .logos-combined[data-step="2"] {
          top: 150px;
          left: 65%;
          max-height: 295px;
          max-width: 295px
      }
        }
@media (max-width: 768px) {
.bubbles-logos .logos-combined[data-step="2"] {
          top: 135px;
          left: 55%;
          max-height: 287px;
          max-width: 287px
      }
        }
.bubbles-logos .logos-combined[data-step="3"] {
        top: 324px;
        left: 0;
        max-height: 700px;
        max-width: 700px;
        opacity: 1;
        display: flex;
        justify-content: center;
        align-items: center;
      }
.bubbles-logos .logos-combined[data-step="3"] .logo[data-logo] {
          width: 33%;
          display: block;
          opacity: 1;
          padding: 8px;
        }
.bubbles-logos .logos-combined[data-step="3"] .logo[data-logo]:first-of-type {
            width: 100%;
          }
@media (max-width: 768px) {
.bubbles-logos .logos-combined[data-step="3"] .logo[data-logo]:first-of-type {
              width: 33%
          }
            }
@media (max-width: 1200px) {
.bubbles-logos .logos-combined[data-step="3"] {
          top: -40px;
          left: 50%;
          max-height: 480px;
          max-width: 480px;
          transform: translateX(-50%) scale(1.1)
      }
        }
@media (max-width: 768px) {
.bubbles-logos .logos-combined[data-step="3"] {
          top: 100px;
          left: 50%;
          max-height: 300px;
          max-width: 300px
      }
        }
.bubbles-logos .logos-combined[data-step="3"] .reset-bubbles-button {
          background-color: var(--ex-blue-dark);
          cursor: pointer;
          height: 118px;
          width: 118px;
          position: absolute;
          top: 80%;
          left: 75%;
          border-radius: 50%;
          overflow: hidden;
          display: flex;
          justify-content: center;
          align-items: center;
          transition: all 200ms ease;
        }
.bubbles-logos .logos-combined[data-step="3"] .reset-bubbles-button:focus,
          .bubbles-logos .logos-combined[data-step="3"] .reset-bubbles-button:hover {
            background-color: var(--blue-4);
          }
.bubbles-logos .logos-combined[data-step="3"] .reset-bubbles-button::before {
            display: block;
            content: "";
            background-image: url(images/72cab3876b835a566758.svg);
            height: 54px;
            width: 40px;
            background-repeat: no-repeat;
            background-size: contain;
          }
@media (max-width: 1200px) {
.bubbles-logos .logos-combined[data-step="3"] .reset-bubbles-button {
            height: 65px;
            width: 65px
        }

            .bubbles-logos .logos-combined[data-step="3"] .reset-bubbles-button::before {
              height: 34px;
              width: 25px;
              background-repeat: no-repeat;
            }
          }
.bubbles-logos .bubble-item {
        background-color: var(--ex-blue-dark);
        border-radius: 50%;
        position: absolute;
        transition: all 300ms ease;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
      }
@media (max-width: 1200px) {
          .bubbles-logos .bubble-item img {
            max-width: 60%;
          }
        }
@media (max-width: 768px) {
        }
/* Logo Bubbles */
.bubbles-logos .bubble-item[data-bubble-icon="1"] {
          top: -88px;
          left: 25%;
        }
@media (max-width: 1200px) {
.bubbles-logos .bubble-item[data-bubble-icon="1"] {
            top: -31px;
            left: 65%
        }
          }
@media (max-width: 768px) {
.bubbles-logos .bubble-item[data-bubble-icon="1"] {
            top: 11px;
            left: 65%
        }
          }
.bubbles-logos .bubble-item[data-bubble-icon="2"] {
          top: 282px;
          left: 18%;
        }
@media (max-width: 1200px) {
.bubbles-logos .bubble-item[data-bubble-icon="2"] {
            top: 109px;
            left: 39%
        }
          }
@media (max-width: 768px) {
.bubbles-logos .bubble-item[data-bubble-icon="2"] {
            top: 140px;
            left: 32%
        }
          }
.bubbles-logos .bubble-item[data-bubble-icon="3"] {
          top: 516px;
          left: 56%;
        }
@media (max-width: 1200px) {
.bubbles-logos .bubble-item[data-bubble-icon="3"] {
            bottom: -26px;
            left: 49%;
            top: auto
        }
          }
@media (max-width: 768px) {
.bubbles-logos .bubble-item[data-bubble-icon="3"] {
            top: 229px;
            left: -2%
        }
          }
.bubbles-logos .bubble-item[data-bubble-icon="4"] {
          bottom: -196px;
          left: 6%;
        }
@media (max-width: 1200px) {
.bubbles-logos .bubble-item[data-bubble-icon="4"] {
            bottom: 14px;
            left: 82%;
            top: auto
        }
          }
@media (max-width: 768px) {
.bubbles-logos .bubble-item[data-bubble-icon="4"] {
            top: 382px;
            left: 47%
        }
          }
.bubbles-logos .bubble-item[data-bubble-icon="5"] {
          bottom: 50px;
          left: -65%;
        }
@media (max-width: 1200px) {
.bubbles-logos .bubble-item[data-bubble-icon="5"] {
            top: 61px;
            left: 13%;
            bottom: auto
        }
          }
@media (max-width: 768px) {
.bubbles-logos .bubble-item[data-bubble-icon="5"] {
            top: 95px;
            left: -5%
        }
          }
.bubbles-logos .bubble-item[data-bubble-icon="6"] {
          top: 178px;
          left: 55%;
        }
@media (max-width: 1200px) {
.bubbles-logos .bubble-item[data-bubble-icon="6"] {
            top: 80px;
            left: 89%;
            bottom: auto
        }
          }
@media (max-width: 768px) {
.bubbles-logos .bubble-item[data-bubble-icon="6"] {
            top: 152px;
            left: 75%
        }
          }
.bubbles-logos .bubble-item[data-bubble-icon="7"] {
          top: 712px;
          left: 3%;
        }
@media (max-width: 1200px) {
.bubbles-logos .bubble-item[data-bubble-icon="7"] {
            top: 189px;
            left: 69%;
            bottom: auto
        }
          }
@media (max-width: 768px) {
.bubbles-logos .bubble-item[data-bubble-icon="7"] {
            top: 35px;
            left: 35%
        }
          }
.bubbles-logos .bubble-item[data-bubble-icon="8"] {
          top: 679px;
          left: -27%;
        }
@media (max-width: 1200px) {
.bubbles-logos .bubble-item[data-bubble-icon="8"] {
            top: 269px;
            left: 15%
        }
          }
@media (max-width: 768px) {
.bubbles-logos .bubble-item[data-bubble-icon="8"] {
            top: 301px;
            left: 58%
        }
          }
.bubbles-logos .bubble-item[data-bubble-icon="9"] {
          top: 608px;
          left: -105%;
        }
@media (max-width: 1200px) {
.bubbles-logos .bubble-item[data-bubble-icon="9"] {
            top: 218px;
            left: -5%
        }
          }
@media (max-width: 768px) {
.bubbles-logos .bubble-item[data-bubble-icon="9"] {
            top: 373px;
            left: 5%
        }
          }
/* Non-logo bubbles */
.bubbles-logos .bubble-item[data-bubble="1"] {
          top: 0;
          left: 68%;
        }
@media (max-width: 1200px) {
.bubbles-logos .bubble-item[data-bubble="1"] {
            top: -26px;
            left: 90%
        }
          }
@media (max-width: 768px) {
.bubbles-logos .bubble-item[data-bubble="1"] {
            top: 49px;
            left: 12%
        }
          }
.bubbles-logos .bubble-item[data-bubble="2"] {
          top: 142px;
          left: 11%;
        }
@media (max-width: 1200px) {
.bubbles-logos .bubble-item[data-bubble="2"] {
            top: -13px;
            left: 52%
        }
          }
@media (max-width: 768px) {
.bubbles-logos .bubble-item[data-bubble="2"] {
            top: 106px;
            left: 55%
        }
          }
.bubbles-logos .bubble-item[data-bubble="3"] {
          top: 333px;
          left: 92%;
        }
@media (max-width: 1200px) {
.bubbles-logos .bubble-item[data-bubble="3"] {
            top: 42px;
            left: 35%
        }
          }
@media (max-width: 768px) {
.bubbles-logos .bubble-item[data-bubble="3"] {
            top: 266px;
            left: 38%
        }
          }
.bubbles-logos .bubble-item[data-bubble="4"] {
          top: 650px;
          left: 35%;
        }
@media (max-width: 1200px) {
.bubbles-logos .bubble-item[data-bubble="4"] {
            top: 204px;
            left: 87%
        }
          }
@media (max-width: 768px) {
.bubbles-logos .bubble-item[data-bubble="4"] {
            top: 302px;
            left: 45%
        }
          }
.bubbles-logos .bubble-item[data-bubble="5"] {
          top: 842px;
          left: 38%;
        }
@media (max-width: 1200px) {
.bubbles-logos .bubble-item[data-bubble="5"] {
            top: 312px;
            left: 41%
        }
          }
@media (max-width: 768px) {
.bubbles-logos .bubble-item[data-bubble="5"] {
            top: 340px;
            left: 36%
        }
          }
.bubbles-logos .bubble-item[data-bubble="6"] {
          bottom: -52px;
          left: -68%;
        }
@media (max-width: 1200px) {
.bubbles-logos .bubble-item[data-bubble="6"] {
            top: 419px;
            left: 26%;
            bottom: auto
        }
          }
@media (max-width: 768px) {
.bubbles-logos .bubble-item[data-bubble="6"] {
            top: 347px;
            left: 84%
        }
          }
.bubbles-logos .bubble-item[data-bubble="7"] {
          bottom: 97px;
          left: -86%;
        }
@media (max-width: 1200px) {
.bubbles-logos .bubble-item[data-bubble="7"] {
            top: 381px;
            left: 10%;
            bottom: auto
        }
          }
@media (max-width: 768px) {
.bubbles-logos .bubble-item[data-bubble="7"] {
            top: 450px;
            left: 24%
        }
          }
.bubbles-logos .bubble-item[data-bubble="8"] {
          top: 242px;
          left: 42px;
        }
@media (max-width: 1200px) {
.bubbles-logos .bubble-item[data-bubble="8"] {
            top: -24px;
            left: 86%
        }
          }
@media (max-width: 768px) {
.bubbles-logos .bubble-item[data-bubble="8"] {
            top: 28px;
            left: 20%
        }
          }
.bubbles-logos .bubble-item[data-bubble="9"] {
          top: 358px;
          left: 82%;
        }
@media (max-width: 1200px) {
.bubbles-logos .bubble-item[data-bubble="9"] {
            top: 37px;
            left: 27%
        }
          }
@media (max-width: 768px) {
.bubbles-logos .bubble-item[data-bubble="9"] {
            top: 28px;
            left: 29%
        }
          }
.bubbles-logos .bubble-item[data-bubble="10"] {
          top: 445px;
          left: 75%;
        }
@media (max-width: 1200px) {
.bubbles-logos .bubble-item[data-bubble="10"] {
            top: 52px;
            left: 58%
        }
          }
@media (max-width: 768px) {
.bubbles-logos .bubble-item[data-bubble="10"] {
            top: 49px;
            left: 45%
        }
          }
.bubbles-logos .bubble-item[data-bubble="11"] {
          top: 452px;
          left: 85%;
        }
@media (max-width: 1200px) {
.bubbles-logos .bubble-item[data-bubble="11"] {
            top: 167px;
            left: 83%
        }
          }
@media (max-width: 768px) {
.bubbles-logos .bubble-item[data-bubble="11"] {
            top: 140px;
            left: 74%
        }
          }
.bubbles-logos .bubble-item[data-bubble="12"] {
          top: 640px;
          left: 22%;
        }
@media (max-width: 1200px) {
.bubbles-logos .bubble-item[data-bubble="12"] {
            top: 297px;
            left: 80%
        }
          }
@media (max-width: 768px) {
.bubbles-logos .bubble-item[data-bubble="12"] {
            top: 230px;
            left: 74%
        }
          }
.bubbles-logos .bubble-item[data-bubble="13"] {
          bottom: 97px;
          left: 5%;
        }
@media (max-width: 1200px) {
.bubbles-logos .bubble-item[data-bubble="13"] {
            top: 332px;
            left: 74%;
            bottom: auto
        }
          }
@media (max-width: 768px) {
.bubbles-logos .bubble-item[data-bubble="13"] {
            top: 242px;
            left: 78%
        }
          }
.bubbles-logos .bubble-item[data-bubble="14"] {
          bottom: 25px;
          left: 0;
        }
@media (max-width: 1200px) {
.bubbles-logos .bubble-item[data-bubble="14"] {
            top: 310px;
            left: 69%;
            bottom: auto
        }
          }
@media (max-width: 768px) {
.bubbles-logos .bubble-item[data-bubble="14"] {
            top: 354px;
            left: 7%
        }
          }
.bubbles-logos .bubble-item[data-bubble="15"] {
          bottom: 25px;
          left: -26%;
        }
@media (max-width: 1200px) {
.bubbles-logos .bubble-item[data-bubble="15"] {
            top: 270px;
            left: 37%;
            bottom: auto
        }
          }
@media (max-width: 768px) {
.bubbles-logos .bubble-item[data-bubble="15"] {
            top: 350px;
            left: 55%
        }
          }
.bubbles-logos .bubble-item[data-bubble="16"] {
          bottom: -72px;
          left: -75%;
        }
@media (max-width: 1200px) {
.bubbles-logos .bubble-item[data-bubble="16"] {
            top: 200px;
            left: 13%;
            bottom: auto
        }
          }
@media (max-width: 768px) {
.bubbles-logos .bubble-item[data-bubble="16"] {
            top: 389px;
            left: 87%
        }
          }
.bubbles-logos .bubble-item[data-bubble="17"] {
          bottom: 238px;
          left: -83%;
        }
@media (max-width: 1200px) {
.bubbles-logos .bubble-item[data-bubble="17"] {
            top: 333px;
            left: 8%;
            bottom: auto
        }
          }
@media (max-width: 768px) {
.bubbles-logos .bubble-item[data-bubble="17"] {
            top: 412px;
            left: 40%
        }
          }
.bubbles-logos .bubble-lg {
        height: 326px;
        width: 326px;
      }
/* phone 121 */
@media (max-width: 1800px) {
.bubbles-logos .bubble-lg {
          height: 280px;
          width: 280px
      }
        }
/* tablet 160 */
@media (max-width: 1200px) {
.bubbles-logos .bubble-lg {
          height: 160px;
          width: 160px
      }
        }
@media (max-width: 768px) {
.bubbles-logos .bubble-lg {
          height: 121px;
          width: 121px
      }
        }
.bubbles-logos .bubble-md {
        height: 208px;
        width: 208px;
      }
/* phone 77 */
@media (max-width: 1800px) {
.bubbles-logos .bubble-md {
          height: 160px;
          width: 160px;
          padding: 32px
      }
        }
/* tablet 102 */
@media (max-width: 1200px) {
.bubbles-logos .bubble-md {
          height: 102px;
          width: 102px;
          padding: 0
      }
        }
@media (max-width: 768px) {
.bubbles-logos .bubble-md {
          height: 77px;
          width: 77px;
          padding: 0
      }
        }
.bubbles-logos .bubble-sm {
        height: 118px;
        width: 118px;
      }
/* phone 29 */
@media (max-width: 1800px) {
.bubbles-logos .bubble-sm {
          height: 90px;
          width: 90px
      }
        }
/* tablet 65 */
@media (max-width: 1200px) {
.bubbles-logos .bubble-sm {
          height: 65px;
          width: 65px
      }
        }
@media (max-width: 768px) {
.bubbles-logos .bubble-sm {
          height: 29px;
          width: 29px
      }
        }
.bubbles-logos .bubble-tiny {
        height: 40px;
        width: 40px;
      }
/* phone 10 */
@media (max-width: 1200px) {
.bubbles-logos .bubble-tiny {
          height: 22px;
          width: 22px
      }
        }
/* tablet 22 */
@media (max-width: 768px) {
.bubbles-logos .bubble-tiny {
          height: 10px;
          width: 10px
      }
        }
.timeline-section{
  position: relative;
  margin-top: 200px;
  margin-bottom: 200px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 120px;
  padding-bottom: 120px;
}
@media (min-width: 768px){
  .timeline-section{
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1200px){
  .timeline-section{
    padding-top: 200px;
    padding-bottom: 200px;
  }
}
.timeline-section {
    background-color: var(--ex-blue-medium);
  }
.timeline-section:before{
  position: absolute;
      content: "";
      -webkit-mask-image: url(images/435cd01056560920a774.svg);
              mask-image: url(images/435cd01056560920a774.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(--ex-blue-dark);
      height: 1000px;
      width: 975px;
      bottom: 0px;
      right: 0;
      z-index: -1;
}
.timeline-section .timeline-text-wrapper .timeline-title{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 64px;
  text-align: center;
  font-weight: 600;
  color: var(--white);
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 768px){
  .timeline-section .timeline-text-wrapper .timeline-title{
    font-size: 36px;
    line-height: 44px;
  }
}
@media (min-width: 1200px){
  .timeline-section .timeline-text-wrapper .timeline-title{
    font-size: 56px;
    line-height: 64px;
  }
}
@media (min-width: 768px){
  .timeline-section .timeline-text-wrapper .timeline-title{
    margin-bottom: 88px;
    max-width: 500px;
  }
}
@media (min-width: 1200px){
  .timeline-section .timeline-text-wrapper .timeline-title{
    margin-bottom: 100px;
    max-width: 700px;
  }
}
.timeline-section .timeline-card-wrapper{
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
}
@media (min-width: 768px){
  .timeline-section .timeline-card-wrapper{
    max-width: 1400px;
  }
}
.timeline-section .timeline-card-wrapper .timeline-card{
  position: relative;
  margin-bottom: 40px;
  display: flex;
  height: 550px;
  width: 215px;
  flex-direction: column;
}
@media (min-width: 768px){
  .timeline-section .timeline-card-wrapper .timeline-card{
    margin-bottom: 32px;
    height: 215px;
    width: 640px;
    flex-direction: row;
  }
}
@media (min-width: 1200px){
  .timeline-section .timeline-card-wrapper .timeline-card{
    height: 290px;
    width: 820px;
  }
}
.timeline-section .timeline-card-wrapper .timeline-card {
          background: var(--white);
        }
.timeline-section .timeline-card-wrapper .timeline-card:nth-child(even){
  margin-left: auto;
}
.timeline-section .timeline-card-wrapper .timeline-card:nth-child(even):before{
  position: absolute;
  left: -25%;
  bottom: -30px;
  height: 100px;
  width: 50px;
}
@media (min-width: 768px){
  .timeline-section .timeline-card-wrapper .timeline-card:nth-child(even):before{
    height: 140px;
  }
}
@media (min-width: 1200px){
  .timeline-section .timeline-card-wrapper .timeline-card:nth-child(even):before{
    height: 160px;
    width: 160px;
  }
}
.timeline-section .timeline-card-wrapper .timeline-card:nth-child(even):before {

              content: "";
              -webkit-mask-image: url(images/24290f52c519c9d801a6.svg);
                      mask-image: url(images/24290f52c519c9d801a6.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(--blue-2);
              z-index: -1;
            }
@media (min-width: 500px) {
.timeline-section .timeline-card-wrapper .timeline-card:nth-child(even){
    margin-left: auto;
    margin-right: auto;
  }
            }
@media (min-width: 768px) {
.timeline-section .timeline-card-wrapper .timeline-card:nth-child(even){
    margin-left: auto;
    margin-right: 0px;
  }

              .timeline-section .timeline-card-wrapper .timeline-card:nth-child(even):before{
    left: -10%;
  }
            }
@media (min-width: 1200px) {
.timeline-section .timeline-card-wrapper .timeline-card:nth-child(even){
    margin-left: auto;
    margin-right: 0px;
  }
              .timeline-section .timeline-card-wrapper .timeline-card:nth-child(even):before{
    left: -21%;
                -webkit-mask-image: url(images/599600af5315b86aa25d.svg);
                        mask-image: url(images/599600af5315b86aa25d.svg);
  }
            }
.timeline-section .timeline-card-wrapper .timeline-card:nth-child(odd){
  margin-right: auto;
}
.timeline-section .timeline-card-wrapper .timeline-card:nth-child(odd):before{
  position: absolute;
  right: -25%;
  bottom: -30px;
  height: 100px;
  width: 50px;
}
@media (min-width: 768px){
  .timeline-section .timeline-card-wrapper .timeline-card:nth-child(odd):before{
    height: 140px;
  }
}
@media (min-width: 1200px){
  .timeline-section .timeline-card-wrapper .timeline-card:nth-child(odd):before{
    height: 160px;
    width: 160px;
  }
}
.timeline-section .timeline-card-wrapper .timeline-card:nth-child(odd):before {
              content: "";
              -webkit-mask-image: url(images/b9e6d4d0549ec3fd5402.svg);
                      mask-image: url(images/b9e6d4d0549ec3fd5402.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(--blue-2);
              z-index: -1;
            }
@media (min-width: 768px) {
              .timeline-section .timeline-card-wrapper .timeline-card:nth-child(odd):before{
    right: -10%;
  }
            }
@media (min-width: 1200px) {
              .timeline-section .timeline-card-wrapper .timeline-card:nth-child(odd):before{
    right: -21%;
                -webkit-mask-image: url(images/e73b241cf11427a79e3a.svg);
                        mask-image: url(images/e73b241cf11427a79e3a.svg);
  }
            }
.timeline-section .timeline-card-wrapper .timeline-card:last-child:before{
  position: absolute;
              content: "";
              -webkit-mask-image: none;
              background-color: transparent;
}
.timeline-section .timeline-card-wrapper .timeline-card .timeline-card-image-wrapper {
            max-width: 350px;
            -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
                    clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
          }
@media (min-width: 768px) {
.timeline-section .timeline-card-wrapper .timeline-card .timeline-card-image-wrapper {
              -webkit-clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);
                      clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%)
          }
            }
.timeline-section .timeline-card-wrapper .timeline-card .timeline-card-image-wrapper img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.timeline-section .timeline-card-wrapper .timeline-card .timeline-card-text-wrapper{
  margin-top: 32px;
  margin-bottom: 32px;
  max-height: 100%;
  width: 100%;
  overflow: hidden;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px){
  .timeline-section .timeline-card-wrapper .timeline-card .timeline-card-text-wrapper{
    margin-top: 24px;
    margin-bottom: 24px;
    width: 66.666667%;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 1200px){
  .timeline-section .timeline-card-wrapper .timeline-card .timeline-card-text-wrapper{
    margin-top: 36px;
    margin-bottom: 36px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
.timeline-section .timeline-card-wrapper .timeline-card .timeline-card-text-wrapper .timeline-card-year{
  font-family: La Belle Aurore, cursive;
  color: var(--orange-1);
  font-size: 20px;
  line-height: 28px;
}
@media (min-width: 1200px){
  .timeline-section .timeline-card-wrapper .timeline-card .timeline-card-text-wrapper .timeline-card-year{
    font-size: 24px;
    line-height: 32px;
  }
}
.timeline-section .timeline-card-wrapper .timeline-card .timeline-card-text-wrapper .timeline-card-title{
  margin-top: 8px;
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
}
@media (min-width: 1200px){
  .timeline-section .timeline-card-wrapper .timeline-card .timeline-card-text-wrapper .timeline-card-title{
    font-size: 24px;
    line-height: 32px;
    margin-top: 12px;
    margin-bottom: 12px;
  }
}
.timeline-section .timeline-card-wrapper .timeline-card .timeline-card-text-wrapper .timeline-card-title {
                color: var(--ex-blue-dark);
              }
.timeline-section .timeline-card-wrapper .timeline-card .timeline-card-text-wrapper .timeline-card-text{
  color: var(--gray-4);
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .timeline-section .timeline-card-wrapper .timeline-card .timeline-card-text-wrapper .timeline-card-text{
    font-size: 18px;
    line-height: 24px;
  }
}
.comparison-cards-section{
  margin-top: 200px;
  margin-bottom: 200px;
}
.comparison-cards-section .comparison-cards-wrapper{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 768px){
  .comparison-cards-section .comparison-cards-wrapper{
    justify-content: center;
  }
}
@media (min-width: 1200px){
  .comparison-cards-section .comparison-cards-wrapper{
    margin-left: auto;
    margin-right: auto;
    max-width: 1920px;
  }
}
.comparison-cards-section .comparison-cards-wrapper .comparison-card{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding: 16px;
}
@media (min-width: 768px){
  .comparison-cards-section .comparison-cards-wrapper .comparison-card{
    width: auto;
    padding: 40px;
  }
}
@media (min-width: 1200px){
  .comparison-cards-section .comparison-cards-wrapper .comparison-card{
    flex-direction: row;
    padding: 56px;
        width: 33%;
  }
}
.comparison-cards-section .comparison-cards-wrapper .comparison-card .comparison-asset-wrapper{
  height: 100%;
  max-height: 100px;
  width: 100%;
  max-width: 100px;
  align-self: flex-start;
  overflow: hidden;
}
@media (min-width: 1200px){
  .comparison-cards-section .comparison-cards-wrapper .comparison-card .comparison-asset-wrapper{
    margin-right: 20px;
    max-height: 160px;
    min-width: 100px;
    max-width: 160px;
    overflow: visible;
  }
}
.comparison-cards-section .comparison-cards-wrapper .comparison-card .comparison-asset-wrapper img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.comparison-cards-section .comparison-cards-wrapper .comparison-card .comparison-text-wrapper{
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}
@media (min-width: 768px){
  .comparison-cards-section .comparison-cards-wrapper .comparison-card .comparison-text-wrapper{
    width: auto;
    max-width: 275px;
  }
}
@media (min-width: 1200px){
  .comparison-cards-section .comparison-cards-wrapper .comparison-card .comparison-text-wrapper{
    max-width: 315px;
  }
}
.comparison-cards-section .comparison-cards-wrapper .comparison-card .comparison-text-wrapper .card-brand{
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
}
@media (min-width: 768px){
  .comparison-cards-section .comparison-cards-wrapper .comparison-card .comparison-text-wrapper .card-brand{
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 1200px){
  .comparison-cards-section .comparison-cards-wrapper .comparison-card .comparison-text-wrapper .card-brand{
    font-size: 32px;
    line-height: 40px;
  }
}
.comparison-cards-section .comparison-cards-wrapper .comparison-card .comparison-text-wrapper .card-brand {
          color: var(--ex-blue-dark);
        }
.comparison-cards-section .comparison-cards-wrapper .comparison-card .comparison-text-wrapper .comparison-score-title{
  margin-top: 8px;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 1200px){
  .comparison-cards-section .comparison-cards-wrapper .comparison-card .comparison-text-wrapper .comparison-score-title{
    font-size: 14px;
    line-height: 20px;
  }
}
.comparison-cards-section .comparison-cards-wrapper .comparison-card .comparison-text-wrapper .comparison-score-title {
          color: var(--gray-5);
        }
.comparison-cards-section .comparison-cards-wrapper .comparison-card .comparison-text-wrapper .comparison-score{
  position: relative;
  margin-top: 24px;
  margin-bottom: 32px;
  height: 8px;
  width: 90%;
  border-width: 2px;
  background-color: var(--white);
}
@media (min-width: 768px){
  .comparison-cards-section .comparison-cards-wrapper .comparison-card .comparison-text-wrapper .comparison-score{
    margin-top: 32px;
  }
}
.comparison-cards-section .comparison-cards-wrapper .comparison-card .comparison-text-wrapper .comparison-score {
          border-radius: 4px;
          border-color: var(--ex-blue-medium);
        }
.comparison-cards-section .comparison-cards-wrapper .comparison-card .comparison-text-wrapper .comparison-score-bar{
  height: 100%;
  width: 0px;
            transition: width 5s ease-in-out;
            background-color: var(--ex-blue-medium);
}
.comparison-cards-section .comparison-cards-wrapper .comparison-card .comparison-text-wrapper .comparison-score-number{
  position: absolute;
  border-width: 2px;
  border-color: var(--white);
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px){
  .comparison-cards-section .comparison-cards-wrapper .comparison-card .comparison-text-wrapper .comparison-score-number{
    font-size: 16px;
    line-height: 22px;
  }
}
.comparison-cards-section .comparison-cards-wrapper .comparison-card .comparison-text-wrapper .comparison-score-number {
            background-color: var(--ex-blue-medium);
            color: var(--white);
            padding: 4px 12px;
            border-radius: 44px;
            top: -15px;
          }
.comparison-cards-section .comparison-cards-wrapper .comparison-card .comparison-text-wrapper .comparison-description{
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .comparison-cards-section .comparison-cards-wrapper .comparison-card .comparison-text-wrapper .comparison-description{
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 768px){
  .comparison-cards-section .comparison-cards-wrapper .comparison-card .comparison-text-wrapper .comparison-description{
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px){
  .comparison-cards-section .comparison-cards-wrapper .comparison-card .comparison-text-wrapper .comparison-description{
    margin-bottom: 32px;
  }
}
.comparison-cards-section .comparison-cards-wrapper .comparison-card .comparison-text-wrapper .comparison-description {
          color: var(--gray-4);
          overflow: hidden;
          text-overflow: ellipsis;
          -webkit-line-clamp: 5;
          display: -webkit-box;
          -webkit-box-orient: vertical;
        }
.comparison-cards-section .comparison-cards-wrapper .comparison-card .comparison-text-wrapper .comparison-button-wrapper{
  display: flex;
}
.comparison-cards-section .comparison-cards-wrapper .comparison-card .comparison-text-wrapper .comparison-button-wrapper a{
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px){
  .comparison-cards-section .comparison-cards-wrapper .comparison-card .comparison-text-wrapper .comparison-button-wrapper a{
    font-size: 16px;
    line-height: 22px;
  }
}
.comparison-cards-section .comparison-cards-wrapper .comparison-card.highlight{
  position: relative;
        background-color: var(--blue-1);
}
@media (min-width: 768px) {
          .comparison-cards-section .comparison-cards-wrapper .comparison-card.highlight:before {
            content: "";
            background-color: var(--blue-1);
            position: absolute;
            height: 486px;
            width: 600px;
            z-index: -1;
            left: -600px;
            transform: translateY(-40px);
          }
        }
@media (min-width: 1200px) {
          .comparison-cards-section .comparison-cards-wrapper .comparison-card.highlight:before {
            content: "";
            background-color: var(--blue-1);
            position: absolute;
            height: 100%;
            width: 600px;
            z-index: -1;
            left: -600px;
            transform: none;
          }
        }
.comparison-hero-section{
  margin-top: 100px;
  margin-bottom: 100px;
  display: flex;
  max-width: 1880px;
  flex-direction: column;
}
@media (min-width: 768px){
  .comparison-hero-section{
    margin-top: 200px;
    margin-bottom: 200px;
  }
}
@media (min-width: 1200px){
  .comparison-hero-section{
    margin-left: auto;
    margin-right: auto;
    flex-direction: row;
    padding-left: 40px;
    padding-right: 40px;
  }
}
.comparison-hero-section .comparison-card-wrapper{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 768px){
  .comparison-hero-section .comparison-card-wrapper{
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1200px){
  .comparison-hero-section .comparison-card-wrapper{
    margin-left: 0px;
    margin-right: auto;
  }
}
.comparison-hero-section .comparison-card-wrapper .comparison-card{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding: 16px;
  padding-top: 32px;
  padding-bottom: 32px;
}
@media (min-width: 768px){
  .comparison-hero-section .comparison-card-wrapper .comparison-card{
    width: auto;
    flex-direction: row;
    padding: 40px;
  }
}
@media (min-width: 1200px){
  .comparison-hero-section .comparison-card-wrapper .comparison-card{
    padding: 56px;
    padding-left: 0px;
  }
}
.comparison-hero-section .comparison-card-wrapper .comparison-card .card-brand{
  margin-bottom: 20px !important;
  margin-top: 20px !important;
  font-size: 28px !important;
  line-height: 36px !important;
}
@media (min-width: 768px){
  .comparison-hero-section .comparison-card-wrapper .comparison-card .card-brand{
    margin-bottom: 24px !important;
    margin-top: 0px !important;
    font-size: 36px !important;
    line-height: 44px !important;
  }
}
@media (min-width: 1200px){
  .comparison-hero-section .comparison-card-wrapper .comparison-card .card-brand{
    margin-bottom: 32px !important;
    font-size: 56px !important;
    line-height: 64px !important;
  }
}
.comparison-hero-section .comparison-card-wrapper .comparison-card .comparison-score-title{
  margin-top: 0px;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .comparison-hero-section .comparison-card-wrapper .comparison-card .comparison-score-title{
    font-size: 18px;
    line-height: 24px;
  }
}
.comparison-hero-section .comparison-card-wrapper .comparison-card .comparison-asset-wrapper{
  height: 96px;
  width: 96px;
  align-self: flex-start;
}
@media (min-width: 768px){
  .comparison-hero-section .comparison-card-wrapper .comparison-card .comparison-asset-wrapper{
    height: 112px;
    width: 112px;
  }
}
@media (min-width: 1200px){
  .comparison-hero-section .comparison-card-wrapper .comparison-card .comparison-asset-wrapper{
    height: 200px;
    width: 200px;
  }
}
.comparison-hero-section .comparison-card-wrapper .comparison-card .comparison-asset-wrapper img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.comparison-hero-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper{
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}
@media (min-width: 768px){
  .comparison-hero-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper{
    width: auto;
    width: 550px;
  }
}
.comparison-hero-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .card-brand{
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
}
@media (min-width: 768px){
  .comparison-hero-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .card-brand{
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 1200px){
  .comparison-hero-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .card-brand{
    font-size: 32px;
    line-height: 40px;
  }
}
.comparison-hero-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .card-brand {
          color: var(--ex-blue-dark);
        }
.comparison-hero-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-score-title{
  margin-top: 8px;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 1200px){
  .comparison-hero-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-score-title{
    font-size: 14px;
    line-height: 20px;
  }
}
.comparison-hero-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-score-title {
          color: var(--gray-5);
        }
.comparison-hero-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-score{
  position: relative;
  margin-top: 24px;
  margin-bottom: 32px;
  height: 8px;
  width: 85%;
  border-width: 2px;
  background-color: var(--white);
}
@media (min-width: 768px){
  .comparison-hero-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-score{
    margin-top: 32px;
  }
}
@media (min-width: 1200px){
  .comparison-hero-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-score{
    width: 100%;
  }
}
.comparison-hero-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-score {
          border-radius: 4px;
          border-color: var(--ex-blue-medium);
        }
.comparison-hero-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-score-bar{
  height: 100%;
  width: 0px;
            transition: width 5s ease-in-out;
            background-color: var(--ex-blue-medium);
}
.comparison-hero-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-score-number{
  position: absolute;
  border-width: 2px;
  border-color: var(--white);
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px){
  .comparison-hero-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-score-number{
    font-size: 16px;
    line-height: 22px;
  }
}
.comparison-hero-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-score-number {
            background-color: var(--ex-blue-medium);
            color: var(--white);
            padding: 4px 12px;
            border-radius: 44px;
            top: -15px;
          }
.comparison-hero-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-description{
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .comparison-hero-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-description{
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 768px){
  .comparison-hero-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-description{
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px){
  .comparison-hero-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-description{
    margin-bottom: 32px;
  }
}
.comparison-hero-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-description {
          color: var(--gray-4);
        }
.comparison-hero-section .comparison-card-wrapper .comparison-card .comparison-text-wrapper .comparison-button-wrapper{
  display: flex;
}
.comparison-hero-section .comparison-card-wrapper .comparison-card.highlight{
  margin-bottom: 56px;
        background-color: var(--blue-1);
}
.comparison-hero-section .comparison-hero-asset{
  height: 100%;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px){
  .comparison-hero-section .comparison-hero-asset{
    margin-left: auto;
    margin-right: auto;
    max-width: 750px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1200px){
  .comparison-hero-section .comparison-hero-asset{
    margin-left: auto;
    margin-right: 0px;
    max-height: 575px;
    max-width: 840px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.comparison-hero-section .comparison-hero-asset img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.comparison-hero-section .comparison-hero-asset .plyr__control {
      background-color: var(--orange-1);
    }
.comparison-hero-section .comparison-hero-asset .plyr__control:hover {
        background-color: var(--orange-1);
        color: var(--ex-blue-dark);
      }
@media (min-width: 1200px) {
.comparison-hero-section .comparison-hero-asset .plyr__control.plyr__control--overlaid {
          width: 140px;
          height: 140px
      }

          .comparison-hero-section .comparison-hero-asset .plyr__control.plyr__control--overlaid svg {
            margin: 0 auto;
            width: 50px;
            height: 60px;
          }
        }
.triple-media-block-section{
  margin-bottom: 24px;
  margin-top: 120px;
  display: grid;
  max-width: 900px;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px){
  .triple-media-block-section{
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1200px){
  .triple-media-block-section{
    margin-top: 200px;
    margin-bottom: 200px;
    max-width: 1920px;
    gap: 20px;
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 768px) {
.triple-media-block-section {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr auto 1fr
  }
    }
@media (min-width: 1200px) {
.triple-media-block-section {
      grid-template-rows: 1fr 1fr
  }
    }
.triple-media-block-section .text-wrapper{
  margin-bottom: 40px;
}
@media (min-width: 768px){
  .triple-media-block-section .text-wrapper{
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
  }
}
@media (min-width: 1200px){
  .triple-media-block-section .text-wrapper{
    margin-bottom: 0px;
    margin-right: auto;
    margin-left: 0px;
    max-width: 700px;
    padding-left: 40px;
  }
}
@media (min-width: 768px) {
.triple-media-block-section .text-wrapper {
        grid-column: 1 / -1
    }
      }
.triple-media-block-section .text-wrapper .triple-media-title{
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 768px){
  .triple-media-block-section .text-wrapper .triple-media-title{
    font-size: 36px;
    line-height: 44px;
  }
}
@media (min-width: 1200px){
  .triple-media-block-section .text-wrapper .triple-media-title{
    font-size: 56px;
    line-height: 64px;
  }
}
@media (min-width: 768px){
  .triple-media-block-section .text-wrapper .triple-media-title{
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px){
  .triple-media-block-section .text-wrapper .triple-media-title{
    margin-bottom: 32px;
  }
}
.triple-media-block-section .text-wrapper .triple-media-title {
        color: var(--ex-blue-dark);
      }
.triple-media-block-section .text-wrapper .triple-media-description{
  margin-bottom: 32px;
  color: var(--gray-4);
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .triple-media-block-section .text-wrapper .triple-media-description{
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 44px;
  }
.triple-media-block-section .text-wrapper {
        grid-column-start: 2;
        grid-row-start: 1
    }
}
.triple-media-block-section .text-wrapper .button-wrapper{
  position: relative;
  display: flex;
  gap: 32px;
}
.triple-media-block-section .text-wrapper .button-wrapper .button{
  position: relative;
  height: 44px;
  width: 44px;
  cursor: pointer;
  border-width: 2px;
          border-color: var(--blue-3);
          border-radius: 50%;
          transition: all 250ms ease;
}
.triple-media-block-section .text-wrapper .button-wrapper .button.prev::before{
  position: absolute;
  height: 12px;
  width: 8px;
              content: "";
              -webkit-mask-image: url(images/1d6556715b58aeddc8de.svg);
                      mask-image: url(images/1d6556715b58aeddc8de.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(--blue-3);
              top: 50%;
              z-index: 10;
              transform: translateY(-50%);
              right: calc(50% - 3px);
}
.triple-media-block-section .text-wrapper .button-wrapper .button.next {
            z-index: 20 !important;
          }
.triple-media-block-section .text-wrapper .button-wrapper .button.next::before{
  position: absolute;
  height: 12px;
  width: 8px;
              content: "";
              -webkit-mask-image: url(images/6b4d6ae43dccb51a4429.svg);
                      mask-image: url(images/6b4d6ae43dccb51a4429.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(--blue-3);
              top: 50%;
              z-index: 10;
              transform: translateY(-50%);
              left: calc(50% - 3px);
}
.triple-media-block-section .text-wrapper .button-wrapper .button.next:hover + .block-circle .block-blue-circle {
                stroke: var(--orange-1) !important;
              }
.triple-media-block-section .text-wrapper .button-wrapper .button:hover {
            border-color: var(--orange-1);
          }
.triple-media-block-section .text-wrapper .button-wrapper .button:hover::before {
              background-color: var(--orange-1);
            }
@media (max-width: 768px) {
.triple-media-block-section .text-wrapper.video {
          margin-bottom: 0px
      }
        }
.triple-media-block-section .asset-one-wrapper, .triple-media-block-section .asset-two-wrapper, .triple-media-block-section .asset-three-wrapper{
  margin-bottom: 24px;
  height: 100%;
  max-height: 220px;
  width: 100%;
}
@media (min-width: 768px){
  .triple-media-block-section .asset-one-wrapper, .triple-media-block-section .asset-two-wrapper, .triple-media-block-section .asset-three-wrapper{
    margin-bottom: 32px;
    max-height: 250px;
    max-width: 375px;
  }
}
@media (min-width: 1200px){
  .triple-media-block-section .asset-one-wrapper, .triple-media-block-section .asset-two-wrapper, .triple-media-block-section .asset-three-wrapper{
    margin-bottom: 44px;
    max-height: 400px;
    max-width: 550px;
  }
}
@media (min-width: 1600px){
  .triple-media-block-section .asset-one-wrapper, .triple-media-block-section .asset-two-wrapper, .triple-media-block-section .asset-three-wrapper{
    max-width: 650px;
  }
}
@media (min-width: 1920px){
  .triple-media-block-section .asset-one-wrapper, .triple-media-block-section .asset-two-wrapper, .triple-media-block-section .asset-three-wrapper{
    max-width: 825px;
  }
}
@media (min-width: 1750px) {
.triple-media-block-section .asset-one-wrapper,
    .triple-media-block-section .asset-two-wrapper,
    .triple-media-block-section .asset-three-wrapper {
        max-width: 700px
    }
      }
.triple-media-block-section .asset-one-wrapper .triple-asset-block, .triple-media-block-section .asset-two-wrapper .triple-asset-block, .triple-media-block-section .asset-three-wrapper .triple-asset-block{
  height: 100%;
  width: 100%;
}
.triple-media-block-section .asset-one-wrapper .triple-asset-block .image-wrapper, .triple-media-block-section .asset-two-wrapper .triple-asset-block .image-wrapper, .triple-media-block-section .asset-three-wrapper .triple-asset-block .image-wrapper{
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  width: 100%;
}
@media (min-width: 768px){
  .triple-media-block-section .asset-one-wrapper .triple-asset-block .image-wrapper, .triple-media-block-section .asset-two-wrapper .triple-asset-block .image-wrapper, .triple-media-block-section .asset-three-wrapper .triple-asset-block .image-wrapper{
    margin-left: 0px;
    margin-right: 0px;
  }
}
.triple-media-block-section .asset-one-wrapper .triple-asset-block .image-wrapper, .triple-media-block-section .asset-two-wrapper .triple-asset-block .image-wrapper, .triple-media-block-section .asset-three-wrapper .triple-asset-block .image-wrapper {
          -webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
                  clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
        }
.triple-media-block-section .asset-one-wrapper .triple-asset-block .image-wrapper img, .triple-media-block-section .asset-two-wrapper .triple-asset-block .image-wrapper img, .triple-media-block-section .asset-three-wrapper .triple-asset-block .image-wrapper img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.triple-media-block-section .asset-one-wrapper .triple-asset-block .image-wrapper video, .triple-media-block-section .asset-two-wrapper .triple-asset-block .image-wrapper video, .triple-media-block-section .asset-three-wrapper .triple-asset-block .image-wrapper video{
  height: 100%;
  width: 100%;
}
.triple-media-block-section .asset-one-wrapper .triple-asset-block .image-wrapper .plyr, .triple-media-block-section .asset-two-wrapper .triple-asset-block .image-wrapper .plyr, .triple-media-block-section .asset-three-wrapper .triple-asset-block .image-wrapper .plyr{
  height: 100%;
            background-color: var(--white);
}
.triple-media-block-section .asset-one-wrapper .triple-asset-block .image-wrapper .plyr .plyr__video-wrapper, .triple-media-block-section .asset-two-wrapper .triple-asset-block .image-wrapper .plyr .plyr__video-wrapper, .triple-media-block-section .asset-three-wrapper .triple-asset-block .image-wrapper .plyr .plyr__video-wrapper{
  width: auto;
}
.triple-media-block-section .asset-one-wrapper .triple-asset-block .image-wrapper .plyr .plyr__controls, .triple-media-block-section .asset-two-wrapper .triple-asset-block .image-wrapper .plyr .plyr__controls, .triple-media-block-section .asset-three-wrapper .triple-asset-block .image-wrapper .plyr .plyr__controls{
  margin-left: auto;
  margin-right: auto;
  display: none;
  width: 75%;
}
.modal-overlay .triple-media-block-section .asset-one-wrapper .triple-asset-block .image-wrapper .plyr .plyr__controls, .modal-overlay .triple-media-block-section .asset-two-wrapper .triple-asset-block .image-wrapper .plyr .plyr__controls, .modal-overlay .triple-media-block-section .asset-three-wrapper .triple-asset-block .image-wrapper .plyr .plyr__controls {
    opacity: 0;
    transition: all 500ms;
  }
@media (min-width: 768px){
  .triple-media-block-section .asset-one-wrapper .triple-asset-block .image-wrapper .plyr .plyr__controls, .triple-media-block-section .asset-two-wrapper .triple-asset-block .image-wrapper .plyr .plyr__controls, .triple-media-block-section .asset-three-wrapper .triple-asset-block .image-wrapper .plyr .plyr__controls{
    display: flex;
  }
}
.triple-media-block-section .asset-one-wrapper .triple-asset-block .image-wrapper .plyr .plyr__controls, .triple-media-block-section .asset-two-wrapper .triple-asset-block .image-wrapper .plyr .plyr__controls, .triple-media-block-section .asset-three-wrapper .triple-asset-block .image-wrapper .plyr .plyr__controls {
              background: none;
            }
.triple-media-block-section .asset-one-wrapper .triple-asset-block .image-wrapper.image, .triple-media-block-section .asset-two-wrapper .triple-asset-block .image-wrapper.image, .triple-media-block-section .asset-three-wrapper .triple-asset-block .image-wrapper.image{
  height: 100%;
  width: 100%;
}
.triple-media-block-section .asset-one-wrapper .triple-asset-block .image-wrapper.video, .triple-media-block-section .asset-two-wrapper .triple-asset-block .image-wrapper.video, .triple-media-block-section .asset-three-wrapper .triple-asset-block .image-wrapper.video{
  max-height: 375px;
}
@media (min-width: 1200px){
  .triple-media-block-section .asset-one-wrapper .triple-asset-block .image-wrapper.video, .triple-media-block-section .asset-two-wrapper .triple-asset-block .image-wrapper.video, .triple-media-block-section .asset-three-wrapper .triple-asset-block .image-wrapper.video{
    max-width: 500px;
  }
}
@media (min-width: 1600px){
  .triple-media-block-section .asset-one-wrapper .triple-asset-block .image-wrapper.video, .triple-media-block-section .asset-two-wrapper .triple-asset-block .image-wrapper.video, .triple-media-block-section .asset-three-wrapper .triple-asset-block .image-wrapper.video{
    max-width: 600px;
  }
}
@media (min-width: 1920px){
  .triple-media-block-section .asset-one-wrapper .triple-asset-block .image-wrapper.video, .triple-media-block-section .asset-two-wrapper .triple-asset-block .image-wrapper.video, .triple-media-block-section .asset-three-wrapper .triple-asset-block .image-wrapper.video{
    max-width: 750px;
  }
}
.triple-media-block-section .asset-one-wrapper .triple-asset-block .image-wrapper.video, .triple-media-block-section .asset-two-wrapper .triple-asset-block .image-wrapper.video, .triple-media-block-section .asset-three-wrapper .triple-asset-block .image-wrapper.video {
            -webkit-clip-path: none;
                    clip-path: none;
            transform: translateX(0%);
          }
.triple-media-block-section .asset-one-wrapper .triple-asset-block .image-wrapper.video .plyr, .triple-media-block-section .asset-two-wrapper .triple-asset-block .image-wrapper.video .plyr, .triple-media-block-section .asset-three-wrapper .triple-asset-block .image-wrapper.video .plyr {
              background-color: var(--white);
            }
.triple-media-block-section .asset-one-wrapper .triple-asset-block .image-wrapper.video .plyr .plyr__video-wrapper, .triple-media-block-section .asset-two-wrapper .triple-asset-block .image-wrapper.video .plyr .plyr__video-wrapper, .triple-media-block-section .asset-three-wrapper .triple-asset-block .image-wrapper.video .plyr .plyr__video-wrapper {
                background-color: var(--white);
              }
.triple-media-block-section .asset-one-wrapper .triple-asset-block .subtitle-wrapper, .triple-media-block-section .asset-two-wrapper .triple-asset-block .subtitle-wrapper, .triple-media-block-section .asset-three-wrapper .triple-asset-block .subtitle-wrapper{
  margin-top: 16px;
  display: flex;
  align-items: center;
}
@media (min-width: 768px){
  .triple-media-block-section .asset-one-wrapper .triple-asset-block .subtitle-wrapper, .triple-media-block-section .asset-two-wrapper .triple-asset-block .subtitle-wrapper, .triple-media-block-section .asset-three-wrapper .triple-asset-block .subtitle-wrapper{
    max-width: 350px;
  }
}
@media (min-width: 1200px){
  .triple-media-block-section .asset-one-wrapper .triple-asset-block .subtitle-wrapper, .triple-media-block-section .asset-two-wrapper .triple-asset-block .subtitle-wrapper, .triple-media-block-section .asset-three-wrapper .triple-asset-block .subtitle-wrapper{
    margin-top: 32px;
    max-width: 600px;
  }
}
.triple-media-block-section .asset-one-wrapper .triple-asset-block .subtitle-wrapper img, .triple-media-block-section .asset-two-wrapper .triple-asset-block .subtitle-wrapper img, .triple-media-block-section .asset-three-wrapper .triple-asset-block .subtitle-wrapper img{
  margin-right: 16px;
  height: 56px;
  width: 56px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 1200px){
  .triple-media-block-section .asset-one-wrapper .triple-asset-block .subtitle-wrapper img, .triple-media-block-section .asset-two-wrapper .triple-asset-block .subtitle-wrapper img, .triple-media-block-section .asset-three-wrapper .triple-asset-block .subtitle-wrapper img{
    margin-right: 24px;
    height: 88px;
    width: 88px;
  }
}
.triple-media-block-section .asset-one-wrapper .triple-asset-block .subtitle-wrapper img, .triple-media-block-section .asset-two-wrapper .triple-asset-block .subtitle-wrapper img, .triple-media-block-section .asset-three-wrapper .triple-asset-block .subtitle-wrapper img {
            border-radius: 50%;
          }
.triple-media-block-section .asset-one-wrapper .triple-asset-block .subtitle-wrapper .triple-asset-subtitle, .triple-media-block-section .asset-two-wrapper .triple-asset-block .subtitle-wrapper .triple-asset-subtitle, .triple-media-block-section .asset-three-wrapper .triple-asset-block .subtitle-wrapper .triple-asset-subtitle{
  font-weight: 700;
  color: var(--gray-4);
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px){
  .triple-media-block-section .asset-one-wrapper .triple-asset-block .subtitle-wrapper .triple-asset-subtitle, .triple-media-block-section .asset-two-wrapper .triple-asset-block .subtitle-wrapper .triple-asset-subtitle, .triple-media-block-section .asset-three-wrapper .triple-asset-block .subtitle-wrapper .triple-asset-subtitle{
    font-size: 16px;
    line-height: 22px;
  }
}
.triple-media-block-section .asset-one-wrapper .triple-asset-block .plyr__control, .triple-media-block-section .asset-two-wrapper .triple-asset-block .plyr__control, .triple-media-block-section .asset-three-wrapper .triple-asset-block .plyr__control {
          background-color: var(--orange-1);
        }
.triple-media-block-section .asset-one-wrapper .triple-asset-block .plyr__control:hover, .triple-media-block-section .asset-two-wrapper .triple-asset-block .plyr__control:hover, .triple-media-block-section .asset-three-wrapper .triple-asset-block .plyr__control:hover {
            background-color: var(--orange-1);
            color: var(--ex-blue-dark);
          }
.triple-media-block-section .asset-one-wrapper .triple-asset-block .plyr__control.plyr__control--overlaid, .triple-media-block-section .asset-two-wrapper .triple-asset-block .plyr__control.plyr__control--overlaid, .triple-media-block-section .asset-three-wrapper .triple-asset-block .plyr__control.plyr__control--overlaid {
            width: 56px;
            height: 56px;
          }
.triple-media-block-section .asset-one-wrapper .triple-asset-block .plyr__control.plyr__control--overlaid svg, .triple-media-block-section .asset-two-wrapper .triple-asset-block .plyr__control.plyr__control--overlaid svg, .triple-media-block-section .asset-three-wrapper .triple-asset-block .plyr__control.plyr__control--overlaid svg {
              height: 20px;
              width: 20px;
            }
@media (min-width: 768px) {
.triple-media-block-section .asset-one-wrapper .triple-asset-block .plyr__control.plyr__control--overlaid, .triple-media-block-section .asset-two-wrapper .triple-asset-block .plyr__control.plyr__control--overlaid, .triple-media-block-section .asset-three-wrapper .triple-asset-block .plyr__control.plyr__control--overlaid {
              width: 72px;
              height: 72px
          }

              .triple-media-block-section .asset-one-wrapper .triple-asset-block .plyr__control.plyr__control--overlaid svg, .triple-media-block-section .asset-two-wrapper .triple-asset-block .plyr__control.plyr__control--overlaid svg, .triple-media-block-section .asset-three-wrapper .triple-asset-block .plyr__control.plyr__control--overlaid svg {
                margin: 0 auto;
                width: 24px;
                height: 30px;
              }
            }
@media (min-width: 1200px) {
.triple-media-block-section .asset-one-wrapper .triple-asset-block .plyr__control.plyr__control--overlaid, .triple-media-block-section .asset-two-wrapper .triple-asset-block .plyr__control.plyr__control--overlaid, .triple-media-block-section .asset-three-wrapper .triple-asset-block .plyr__control.plyr__control--overlaid {
              width: 112px;
              height: 112px
          }

              .triple-media-block-section .asset-one-wrapper .triple-asset-block .plyr__control.plyr__control--overlaid svg, .triple-media-block-section .asset-two-wrapper .triple-asset-block .plyr__control.plyr__control--overlaid svg, .triple-media-block-section .asset-three-wrapper .triple-asset-block .plyr__control.plyr__control--overlaid svg {
                margin: 0 auto;
                width: 37px;
                height: 45px;
              }
            }
/* &[data-count="2"],
        &[data-count="3"] {
          @apply hidden;
        } */
@media (min-width: 768px) {
            .triple-media-block-section .asset-one-wrapper .triple-asset-block[data-asset="1"] .image-wrapper, .triple-media-block-section .asset-one-wrapper .triple-asset-block [data-asset="2"] .image-wrapper, .triple-media-block-section .asset-two-wrapper .triple-asset-block[data-asset="1"] .image-wrapper, .triple-media-block-section .asset-two-wrapper .triple-asset-block [data-asset="2"] .image-wrapper, .triple-media-block-section .asset-three-wrapper .triple-asset-block[data-asset="1"] .image-wrapper, .triple-media-block-section .asset-three-wrapper .triple-asset-block [data-asset="2"] .image-wrapper {
              -webkit-clip-path: polygon(30% 0%, 100% 0%, 70% 100%, 0% 100%);
                      clip-path: polygon(30% 0%, 100% 0%, 70% 100%, 0% 100%);
            }
          }
@media (min-width: 1200px) {
            .triple-media-block-section .asset-one-wrapper .triple-asset-block[data-asset="1"] .image-wrapper, .triple-media-block-section .asset-one-wrapper .triple-asset-block [data-asset="2"] .image-wrapper, .triple-media-block-section .asset-two-wrapper .triple-asset-block[data-asset="1"] .image-wrapper, .triple-media-block-section .asset-two-wrapper .triple-asset-block [data-asset="2"] .image-wrapper, .triple-media-block-section .asset-three-wrapper .triple-asset-block[data-asset="1"] .image-wrapper, .triple-media-block-section .asset-three-wrapper .triple-asset-block [data-asset="2"] .image-wrapper {
              -webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
                      clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
            }
          }
@media (max-width: 768px) {
.triple-media-block-section .asset-one-wrapper.video, .triple-media-block-section .asset-two-wrapper.video, .triple-media-block-section .asset-three-wrapper.video {
          //max-height: 450px
      }
        }
@media (min-width: 768px) {
.triple-media-block-section .asset-one-wrapper.video, .triple-media-block-section .asset-two-wrapper.video, .triple-media-block-section .asset-three-wrapper.video{
    max-width: 100%;
    padding-right: 40px;
  }
        }
@media (min-width: 1200px) {
.triple-media-block-section .asset-one-wrapper {
        transform: translateX(15%)
    }
      }
@media (min-width: 768px) {
.triple-media-block-section .asset-three-wrapper{
    margin-left: auto;
    margin-right: auto;
        grid-column: 1 / -1;
        grid-row-start: 3;
  }
          .triple-media-block-section .asset-three-wrapper .triple-asset-block .image-wrapper{
    margin-left: auto;
    margin-right: auto;
  }
          .triple-media-block-section .asset-three-wrapper .triple-asset-block .subtitle-wrapper{
    margin-left: auto;
    margin-right: auto;
  }
          @media (min-width: 1200px){
    .triple-media-block-section .asset-three-wrapper .triple-asset-block .subtitle-wrapper{
      margin-right: 0px;
      margin-left: 0px;
    }
  }
      }
@media (min-width: 1200px) {
.triple-media-block-section .asset-three-wrapper{
    margin-left: 0px;
    margin-right: 0px;
        grid-column-start: 2;
        grid-row-start: 2;
        transform: translateX(-15%);
  }
          .triple-media-block-section .asset-three-wrapper .triple-asset-block .image-wrapper{
    margin-right: auto;
    margin-left: 0px;
            //transform: translateX(-5%);
  }

            .triple-media-block-section .asset-three-wrapper .triple-asset-block .image-wrapper.image {
              transform: translateX(-20%);
            }
          .triple-media-block-section .asset-three-wrapper .triple-asset-block .subtitle-wrapper{
    margin-right: auto;
  }
      }
@media (min-width: 768px) {
          .triple-media-block-section .asset-three-wrapper.video .plyr__controls {
            width: 50% !important;
          }
        }
@media (min-width: 1200px) {
          .triple-media-block-section .asset-three-wrapper.video .plyr__controls {
            width: 75% !important;
          }
        }
/* Set up the classes for the timing of the paddle animation */
.triple-media-block-section .block-circle {
      width: 100%;
      height: 100%;
      max-width: 10rem;
      transform: rotate(-90deg) scale(1.3);
      position: absolute;
      top: 0px;
      left: 18px;
      right: auto;
      transition: all 0.3s ease;
    }
.triple-media-block-section .block-white-circle {
      position: relative;
      z-index: 10;
      fill: none;
      stroke: white;
      stroke-width: 8px;
      stroke-dasharray: 300;
      will-change: transform;
      transition: all 0.3s ease;
      /* animation: outline 8s cubic-bezier(0.77,0,0.18,1) infinite; */
    }
.triple-media-block-section .block-circle-animate {
      -webkit-animation: outline 8s cubic-bezier(0.77, 0, 0.18, 1) infinite;
              animation: outline 8s cubic-bezier(0.77, 0, 0.18, 1) infinite;
    }
.triple-media-block-section .block-blue-circle {
      position: relative;
      z-index: -1;
      fill: none;
      stroke: var(--blue-3);
      stroke-width: 6px;
      transition: all 0.3s ease;

      /* animation: outline 5s cubic-bezier(0.77,0,0.18,1) infinite; */
    }
.triple-media-block-section.headshot {
      row-gap: 75px;
    }
@media (min-width: 768px) {
.triple-media-block-section.headshot {
        row-gap: 0px;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 2fr 3fr 3fr
    }
      }
@media (min-width: 1200px) {
.triple-media-block-section.headshot {
        row-gap: 100px;
        grid-template-rows: 1fr 1fr
    }
      }
.triple-media-block-section.bg-image {
      background-size: contain;
      background-position: left;
      background-repeat: no-repeat;
    }
/* Keyframes for circle animation */
@keyframes outline {
  0% {
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dashoffset: 300;
  }
  100% {
    stroke-dashoffset: 600;
  }
}
@keyframes rotate {
  from {
    transform: rotate(0turn);
  }
  to {
    transform: rotate(-1turn);
  }
}
.form-panel-section{
  margin-bottom: 200px;
}
.form-panel-section .form-panel-container{
  margin-left: 16px;
  margin-right: 16px;
  margin-bottom: 300px;
  max-width: 1800px;
  padding-bottom: 200px;
}
@media (min-width: 768px){
  .form-panel-section .form-panel-container{
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media (min-width: 1200px){
  .form-panel-section .form-panel-container{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    height: 900px;
    padding-bottom: 0px;
  }
}
.form-panel-section .form-panel-container {
        background-color: var(--ex-blue-medium);
      }
@media (min-width: 1200px) {
.form-panel-section .form-panel-container {
          display: grid;
          grid-template-areas:
            "top form"
            "bottom form";
          grid-template-rows: 1fr 500px;
          grid-template-columns: 700px 1fr
      }
        }
.form-panel-section .form-panel-container .top-text-wrapper{
  margin-left: 16px;
  margin-right: 16px;
  padding-top: 24px;
}
@media (min-width: 768px){
  .form-panel-section .form-panel-container .top-text-wrapper{
    margin-left: 40px;
    margin-right: 40px;
    width: 500px;
    padding-top: 40px;
  }
}
@media (min-width: 1200px){
  .form-panel-section .form-panel-container .top-text-wrapper{
    width: 700px;
    padding-top: 84px;
            grid-area: top;
  }
}
.form-panel-section .form-panel-container .top-text-wrapper .form-panel-title{
  margin-bottom: 16px;
  font-weight: 700;
  color: var(--white);
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 768px){
  .form-panel-section .form-panel-container .top-text-wrapper .form-panel-title{
    font-size: 36px;
    line-height: 44px;
  }
}
@media (min-width: 1200px){
  .form-panel-section .form-panel-container .top-text-wrapper .form-panel-title{
    font-size: 56px;
    line-height: 64px;
  }
}
@media (min-width: 768px){
  .form-panel-section .form-panel-container .top-text-wrapper .form-panel-title{
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px){
  .form-panel-section .form-panel-container .top-text-wrapper .form-panel-title{
    margin-bottom: 32px;
  }
}
.form-panel-section .form-panel-container .top-text-wrapper .form-panel-description p{
  color: var(--white);
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .form-panel-section .form-panel-container .top-text-wrapper .form-panel-description p{
    font-size: 18px;
    line-height: 24px;
  }
}
.form-panel-section .form-panel-container .top-text-wrapper .form-panel-description a{
  color: var(--orange-1);
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .form-panel-section .form-panel-container .top-text-wrapper .form-panel-description a{
    font-size: 18px;
    line-height: 24px;
  }
}
.form-panel-section .form-panel-container .top-text-wrapper .form-panel-description a:focus,
                .form-panel-section .form-panel-container .top-text-wrapper .form-panel-description a:hover {
                  color: var(--ex-blue-dark);
                }
.form-panel-section .form-panel-container .form-wrapper{
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 56px;
  margin-bottom: 56px;
  height: 750px;
}
@media (min-width: 768px){
  .form-panel-section .form-panel-container .form-wrapper{
    margin-left: auto;
    margin-right: auto;
    width: 400px;
  }
}
@media (min-width: 1200px){
  .form-panel-section .form-panel-container .form-wrapper{
    margin-top: auto;
    margin-bottom: auto;
    height: 100%;
    width: 500px;
    padding-top: 84px;
            grid-area: form;
  }
}
.form-panel-section .form-panel-container .bottom-text-wrapper{
  position: relative;
  margin-left: 16px;
  margin-right: 16px;
  padding-bottom: 130px;
}
@media (min-width: 768px){
  .form-panel-section .form-panel-container .bottom-text-wrapper{
    margin-left: 40px;
    margin-right: 40px;
    padding-bottom: 390px;
  }
}
@media (min-width: 1200px) {
.form-panel-section .form-panel-container .bottom-text-wrapper {
            grid-area: bottom
        }
          }
.form-panel-section .form-panel-container .bottom-text-wrapper .form-panel-bottom-title{
  margin-bottom: 16px;
  color: var(--white);
  font-size: 22px;
  line-height: 30px;
}
@media (min-width: 768px){
  .form-panel-section .form-panel-container .bottom-text-wrapper .form-panel-bottom-title{
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 1200px){
  .form-panel-section .form-panel-container .bottom-text-wrapper .form-panel-bottom-title{
    font-size: 32px;
    line-height: 40px;
  }
}
@media (min-width: 768px){
  .form-panel-section .form-panel-container .bottom-text-wrapper .form-panel-bottom-title{
    width: 500px;
  }
}
@media (min-width: 1200px){
  .form-panel-section .form-panel-container .bottom-text-wrapper .form-panel-bottom-title{
    width: 700px;
  }
}
.form-panel-section .form-panel-container .bottom-text-wrapper .form-panel-bottom-description{
  color: var(--white);
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px){
  .form-panel-section .form-panel-container .bottom-text-wrapper .form-panel-bottom-description{
    font-size: 16px;
    line-height: 22px;
  }
}
@media (min-width: 768px){
  .form-panel-section .form-panel-container .bottom-text-wrapper .form-panel-bottom-description{
    width: 500px;
  }
}
@media (min-width: 1200px){
  .form-panel-section .form-panel-container .bottom-text-wrapper .form-panel-bottom-description{
    width: 700px;
  }
}
.form-panel-section .form-panel-container .bottom-text-wrapper .form-panel-asset{
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  height: 176px;
  width: auto;
}
@media (min-width: 768px){
  .form-panel-section .form-panel-container .bottom-text-wrapper .form-panel-asset{
    height: 475px;
  }
}
@media (min-width: 1200px){
  .form-panel-section .form-panel-container .bottom-text-wrapper .form-panel-asset{
    margin-left: 0px;
    margin-right: 0px;
    height: 480px;
    width: 700px;
  }
}
.form-panel-section .form-panel-container .bottom-text-wrapper .form-panel-asset {
            bottom: -50%;
            left: 0;
            right: 0;
          }
@media (min-width: 768px) {
.form-panel-section .form-panel-container .bottom-text-wrapper .form-panel-asset {
              bottom: -25%
          }
            }
@media (min-width: 1200px) {
.form-panel-section .form-panel-container .bottom-text-wrapper .form-panel-asset {
              transform: none;
              bottom: -15%
          }
            }
.form-panel-section .form-panel-container .bottom-text-wrapper .form-panel-asset img{
  height: auto;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-panel-section .form-panel-container .bottom-text-wrapper .form-panel-asset .plyr{
  height: 100%;
}
.form-panel-section .form-panel-container .bottom-text-wrapper .form-panel-asset .plyr .plyr__control {
                background-color: var(--orange-1);
              }
.form-panel-section .form-panel-container .bottom-text-wrapper .form-panel-asset .plyr .plyr__control:hover {
                  background-color: var(--orange-1);
                  color: var(--ex-blue-dark);
                }
@media (min-width: 1200px) {
.form-panel-section .form-panel-container .bottom-text-wrapper .form-panel-asset .plyr .plyr__control.plyr__control--overlaid {
                    width: 140px;
                    height: 140px
                }

                    .form-panel-section .form-panel-container .bottom-text-wrapper .form-panel-asset .plyr .plyr__control.plyr__control--overlaid svg {
                      margin: 0 auto;
                      width: 50px;
                      height: 60px;
                    }
                  }
.journey-path-section{
  padding-top: 120px;
  padding-bottom: 120px;
}
.journey-path-section .top-wrapper{
  margin-left: auto;
  margin-right: auto;
  max-width: 1800px;
  padding-left: 16px;
  padding-right: 16px;
  text-align: center;
}
@media (min-width: 768px){
  .journey-path-section .top-wrapper{
    max-width: 500px;
  }
}
@media (min-width: 1200px){
  .journey-path-section .top-wrapper{
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
  }
}
.journey-path-section .top-wrapper .journey-path-title{
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 768px){
  .journey-path-section .top-wrapper .journey-path-title{
    font-size: 36px;
    line-height: 44px;
  }
}
@media (min-width: 1200px){
  .journey-path-section .top-wrapper .journey-path-title{
    font-size: 56px;
    line-height: 64px;
    margin-bottom: 32px;
  }
}
.journey-path-section .top-wrapper .journey-path-title {
          color: var(--ex-blue-dark);
        }
.journey-path-section .top-wrapper .journey-path-subtitle p{
  margin-bottom: 24px;
  color: var(--gray-4);
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px){
  .journey-path-section .top-wrapper .journey-path-subtitle p{
    font-size: 16px;
    line-height: 22px;
  }
}
@media (min-width: 768px){
  .journey-path-section .top-wrapper .journey-path-subtitle p{
    margin-bottom: 32px;
  }
}
.journey-path-section .top-wrapper .journey-path-button-wrapper{
  margin-bottom: 72px;
}
@media (min-width: 1200px){
  .journey-path-section .top-wrapper .journey-path-button-wrapper{
    margin-bottom: 88px;
  }
}
.journey-path-section .bottom-wrapper{
  max-width: 1800px;
}
@media (min-width: 1200px){
  .journey-path-section .bottom-wrapper{
    margin-left: auto;
    margin-right: auto;
  }
}
.journey-path-section .bottom-wrapper .text-wrapper{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media (min-width: 768px){
  .journey-path-section .bottom-wrapper .text-wrapper{
    max-width: 500px;
  }
}
@media (min-width: 1200px){
  .journey-path-section .bottom-wrapper .text-wrapper{
    max-width: 700px;
  }
}
.journey-path-section .bottom-wrapper .text-wrapper .journey-path-bottom-title{
  margin-bottom: 12px;
  font-family: La Belle Aurore, cursive;
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 768px){
  .journey-path-section .bottom-wrapper .text-wrapper .journey-path-bottom-title{
    font-size: 28px;
    line-height: 36px;
  }
}
@media (min-width: 1200px){
  .journey-path-section .bottom-wrapper .text-wrapper .journey-path-bottom-title{
    font-size: 40px;
    line-height: 48px;
  }
}
.journey-path-section .bottom-wrapper .text-wrapper .journey-path-bottom-title {
            color: var(--ex-blue-dark);
          }
.journey-path-section .bottom-wrapper .text-wrapper .journey-path-bottom-subtitle{
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 1200px){
  .journey-path-section .bottom-wrapper .text-wrapper .journey-path-bottom-subtitle{
    font-size: 14px;
    line-height: 20px;
  }
}
.journey-path-section .bottom-wrapper .text-wrapper .journey-path-bottom-subtitle {
            color: var(--ex-blue-medium);
          }
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper{
  margin-top: 64px;
  display: flex;
  max-width: 1800px;
  flex-direction: column;
  align-items: center;
  gap: 52px;
}
@media (min-width: 768px){
  .journey-path-section .bottom-wrapper .journey-path-icons-wrapper{
    margin-top: 24px;
  }
}
@media (min-width: 1200px){
  .journey-path-section .bottom-wrapper .journey-path-icons-wrapper{
    margin-top: 100px;
  }
}
@media (min-width: 768px) {
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper{
    margin-left: auto;
    margin-right: auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
            max-width: 565px;
            gap: 8px;
  }
          }
@media (min-width: 1200px) {
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper {
            max-width: 1100px
        }
          }
@media (max-width: 767px) {
            .journey-path-section .bottom-wrapper .journey-path-icons-wrapper > *::before{
    position: absolute;
    bottom: 16px;
    height: 32px;
    width: 16px;
  }
            @media (min-width: 768px){
    .journey-path-section .bottom-wrapper .journey-path-icons-wrapper > *::before{
      bottom: 8px;
    }
  }
            .journey-path-section .bottom-wrapper .journey-path-icons-wrapper > *::before {
              content: "";
              -webkit-mask-image: url(images/fd668dc036d9640965ac.svg);
                      mask-image: url(images/fd668dc036d9640965ac.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(--blue-3);
              left: calc(50% - 8px);
              top: -40px;
            }
          }
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper > :first-child:before{
  position: absolute;
  bottom: 16px;
  height: 32px;
  width: 16px;
}
@media (min-width: 768px){
  .journey-path-section .bottom-wrapper .journey-path-icons-wrapper > :first-child:before{
    bottom: 8px;
  }
}
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper > :first-child:before {
            content: "";
            -webkit-mask-image: url(images/535a0ea84bf22f87e3da.svg);
                    mask-image: url(images/535a0ea84bf22f87e3da.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(--blue-3);
            left: calc(50% - 8px);
            top: -40px;
          }
@media (min-width: 768px) {
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper > :first-child:before {
              -webkit-mask-image: url(images/d30caa3257efff47cca9.svg);
                      mask-image: url(images/d30caa3257efff47cca9.svg);
              width: 80px;
              height: 76px;
              left: -80px
          }
            }
@media (min-width: 1200px) {
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper > :first-child:before {
              -webkit-mask-image: url(images/4370ff7e5474d098f07a.svg);
                      mask-image: url(images/4370ff7e5474d098f07a.svg);
              bottom: auto;
              top: -75px;
              right: auto;
              left: -135px;
              width: 135px;
              height: 105px
          }
            }
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper > :last-child::before{
  position: absolute;
  bottom: 16px;
  height: 32px;
  width: 16px;
}
@media (min-width: 768px){
  .journey-path-section .bottom-wrapper .journey-path-icons-wrapper > :last-child::before{
    bottom: 8px;
  }
}
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper > :last-child::before {
            content: "";
            -webkit-mask-image: url(images/535a0ea84bf22f87e3da.svg);
                    mask-image: url(images/535a0ea84bf22f87e3da.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(--blue-3);
            left: calc(50% - 8px);
            bottom: -40px;
          }
@media (min-width: 768px) {
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper > :last-child::before {
              content: "";
              -webkit-mask-image: url(images/ba959dd7c3d74f1cafe8.svg);
                      mask-image: url(images/ba959dd7c3d74f1cafe8.svg);
              width: 80px;
              height: 80px;
              right: 0px;
              left: auto;
              top: auto;
              bottom: -55px
          }
            }
@media (min-width: 1200px) {
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper > :last-child::before {
              -webkit-mask-image: url(images/ab3bc309caa1ea6bf46a.svg);
                      mask-image: url(images/ab3bc309caa1ea6bf46a.svg);
              bottom: -7px;
              right: -135px;
              width: 135px;
              height: 105px
          }
            }
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper .journey-path-tile-wrapper{
  position: relative;
            transition: all 250ms ease;
            /*
            &[data-index="9"] {
              &:after {
                @media (min-width: 768px) and (max-width: 1200px) {
                  @apply absolute;
                  content: "";
                  mask-image: url("../../src/assets/icons/smRowEnd.svg");
                  mask-repeat: no-repeat;
                  mask-position: left;
                  mask-size: contain;
                  background-color: var(--blue-3);
                  width: 80px;
                  height: 145px;
                  right: auto;
                  left: -90px;
                  top: auto;
                  bottom: 15px;
                  transform: scaleX(-1);
                }
              }
            }
            &[data-index="17"] {
              &:after {
                @media (min-width: 768px) and (max-width: 1200px) {
                  @apply absolute;
                  content: "";
                  mask-image: url("../../src/assets/icons/smRowEnd.svg");
                  mask-repeat: no-repeat;
                  mask-position: left;
                  mask-size: contain;
                  background-color: var(--blue-3);
                  width: 80px;
                  height: 145px;
                  right: auto;
                  left: -90px;
                  top: auto;
                  bottom: 15px;
                  transform: scaleX(-1);
                }
              }
            }
            */
}
@media (min-width: 768px) {
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper .journey-path-tile-wrapper{
    display: flex;
    justify-content: center;
  }
            }
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper .journey-path-tile-wrapper .journey-path-tile{
  position: relative;
  display: flex;
  cursor: pointer;
              max-width: 170px;
              flex-grow: auto;
}
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper .journey-path-tile-wrapper .journey-path-tile .journey-path-card-title{
  border-width: 2px;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .journey-path-section .bottom-wrapper .journey-path-icons-wrapper .journey-path-tile-wrapper .journey-path-tile .journey-path-card-title{
    font-size: 18px;
    line-height: 24px;
  }
}
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper .journey-path-tile-wrapper .journey-path-tile .journey-path-card-title {
                border-color: var(--blue-3);
                color: var(--ex-blue-dark);
                border-radius: 8px;
                transition: all 250ms ease;
              }
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper .journey-path-tile-wrapper .journey-path-tile .journey-path-card-title:hover {
                  border-radius: 8px;
                  border-color: var(--orange-1);
                  color: var(--orange-1);
                }
/*
          .row-start {
            &:after {
              @media (min-width: 1200px) {
                @apply absolute;
                content: "";
                mask-image: url("../../src/assets/icons/row-end.svg");
                mask-repeat: no-repeat;
                mask-position: left;
                mask-size: contain;
                background-color: var(--blue-3);
                width: 140px;
                height: 156px;
                right: auto;
                left: -160px;
                top: auto;
                bottom: -138px;
                transform: scaleX(-1);
              }
            }
          }
          */
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper .last-row.row-start:after {
              display: none;
            }
/*
          .sm-row-start {
            &:after {
              @media (min-width: 768px) {
                @apply absolute;
                content: "";
                mask-image: url("../../src/assets/icons/smRowEnd.svg");
                mask-repeat: no-repeat;
                mask-position: left;
                mask-size: contain;
                background-color: var(--blue-3);
                width: 80px;
                height: 150px;
                right: auto;
                left: -100px;
                top: auto;
                bottom: 40px;
                transform: scaleX(-1);
              }

              @media (min-width: 1200px) {
                &:after {
                  display: none;
                }
              }
            }
          }
          */
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper .journey-path-arrow{
  position: relative;
  display: none;
}
.modal-overlay .journey-path-section .bottom-wrapper .journey-path-icons-wrapper .journey-path-arrow {
    opacity: 0;
    transition: all 500ms;
  }
@media (min-width: 1200px){
  .journey-path-section .bottom-wrapper .journey-path-icons-wrapper .journey-path-arrow{
    display: block;
  }
}
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper .journey-path-arrow {
            height: 2px;
            background-color: var(--blue-3);
            min-width: 100px;
            flex-grow: 1;
          }
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper .journey-path-arrow:before{
  position: absolute;
  height: 18px;
  width: 12px;
              content: "";
              -webkit-mask-image: url(images/3756378a009523187a1d.svg);
                      mask-image: url(images/3756378a009523187a1d.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(--blue-3);
              bottom: -8px;
              left: auto;
              right: -5px;
}
/*
            &.trashpanda {
              &:before {
                transform: rotate(180deg);
                left: -5px;
                right: auto;
                bottom: -8px;
              }
            }
            */
@media (min-width: 768px){
  .journey-path-section .bottom-wrapper .journey-path-icons-wrapper .journey-path-arrow.sm-arrow{
    display: block;
  }
}
@media (max-width: 1200px) {
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper .journey-path-arrow.sm-arrow {
                min-width: 180px;
                flex-grow: 2
            }
              }
@media (min-width: 1200px) {
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper .journey-path-arrow[data-index="4"] {
                display: none
            }
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper .journey-path-arrow[data-index="8"] {
                display: none
            }
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper .journey-path-arrow[data-index="12"] {
                display: none
            }
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper .journey-path-arrow[data-index="16"] {
                display: none
            }
              }
/*
          .row-end {
            &:before {
              @media (min-width: 768px) {
                @apply absolute;
                content: "";
                mask-image: url("../../src/assets/icons/smRowEnd.svg");
                mask-repeat: no-repeat;
                mask-position: left;
                mask-size: contain;
                background-color: var(--blue-3);
                width: 80px;
                height: 150px;
                right: -100px;
                left: auto;
                top: auto;
                bottom: 25px;
              }

              @media (min-width: 1200px) {
                mask-image: url("../../src/assets/icons/row-end.svg");
                width: 140px;
                height: 156px;
                right: -160px;
                left: auto;
                top: auto;
                bottom: -138px;
              }
            }

            &[data-index="8"] {
              @media (min-width: 1200px) {
                &:before {
                  display: none;
                }
              }
            }

            &[data-index="16"] {
              @media (min-width: 1200px) {
                &:before {
                  display: none;
                }
              }
            }

            &[data-index="20"] {
              @media (min-width: 1200px) {
                &:before {
                  display: none;
                }
              }
            }
          }
          */
@media (min-width: 768px) {
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper .last-row{
    position: relative;
  }
              .journey-path-section .bottom-wrapper .journey-path-icons-wrapper .last-row:before{
    position: absolute;
                content: "";
                -webkit-mask-image: url(images/ba959dd7c3d74f1cafe8.svg);
                        mask-image: url(images/ba959dd7c3d74f1cafe8.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(--blue-3);
                width: 80px;
                height: 80px;
                right: -90px;
                left: auto;
                top: auto;
                bottom: -55px;
  }
            }
@media (min-width: 1200px) {
              .journey-path-section .bottom-wrapper .journey-path-icons-wrapper .last-row:before {
                -webkit-mask-image: url(images/ab3bc309caa1ea6bf46a.svg);
                        mask-image: url(images/ab3bc309caa1ea6bf46a.svg);
                bottom: -75px;
                right: -145px;
                width: 135px;
                height: 105px;
              }
            }
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper .last-arrow {
            display: none;
          }
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper .break{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: none;
}
.modal-overlay .journey-path-section .bottom-wrapper .journey-path-icons-wrapper .break {
    opacity: 0;
    transition: all 500ms;
  }
@media (min-width: 1200px){
  .journey-path-section .bottom-wrapper .journey-path-icons-wrapper .break{
    display: block;
    height: 75px;
  }
}
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper .break {
            flex-basis: 90%;
            -webkit-mask-image: url(images/8fa95bf0569d676a80c4.svg);
                    mask-image: url(images/8fa95bf0569d676a80c4.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(--blue-3);
          }
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper .break.last-break{
  display: none;
}
.modal-overlay .journey-path-section .bottom-wrapper .journey-path-icons-wrapper .break.last-break {
    opacity: 0;
    transition: all 500ms;
  }
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper .sm-break{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: none;
}
.modal-overlay .journey-path-section .bottom-wrapper .journey-path-icons-wrapper .sm-break {
    opacity: 0;
    transition: all 500ms;
  }
@media (min-width: 768px){
  .journey-path-section .bottom-wrapper .journey-path-icons-wrapper .sm-break{
    display: block;
    height: 52px;
  }
}
@media (min-width: 1200px){
  .journey-path-section .bottom-wrapper .journey-path-icons-wrapper .sm-break{
    display: none;
  }
}
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper .sm-break {
            flex-basis: 85%;
            -webkit-mask-image: url(images/3927af78e963ea03e75a.svg);
                    mask-image: url(images/3927af78e963ea03e75a.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(--blue-3);
          }
.journey-path-section .bottom-wrapper .journey-path-icons-wrapper .sm-break.last-break{
  display: none;
}
.modal-overlay .journey-path-section .bottom-wrapper .journey-path-icons-wrapper .sm-break.last-break {
    opacity: 0;
    transition: all 500ms;
  }
.journey-path-modal-container{
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: -10;
  height: 100%;
  width: 100%;
}
.journey-modal-overlay{
  left: 0px;
  top: 0px;
  z-index: 10;
}
@media (min-width: 1200px){
  .journey-modal-overlay{
    opacity: .8;
  }
}
.journey-modal-overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  background-color: var(--ex-blue-dark);
}
/*
.journey-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
}
*/
.journey-path-modal{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 30;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: var(--white);
}
@media (min-width: 1200px){
  .journey-path-modal{
    height: auto;
    width: 75%;
    overflow: hidden;
    max-width: 1100px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.journey-path-modal .journey-path-modal-title{
  margin-bottom: 36px;
  margin-top: 72px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-left: 16px;
  padding-right: 16px;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
}
@media (min-width: 1200px){
  .journey-path-modal .journey-path-modal-title{
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 768px){
  .journey-path-modal .journey-path-modal-title{
    margin-bottom: 64px;
    margin-top: 88px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1200px){
  .journey-path-modal .journey-path-modal-title{
    margin-top: 32px;
  }
}
.journey-path-modal .journey-path-modal-title {
    color: var(--ex-blue-dark);
  }
.journey-path-modal .journey-path-modal-close{
  position: absolute;
  height: 20px;
  width: 24px;
  cursor: pointer;
    content: "";
    -webkit-mask-image: url(images/5f4d89c4c36769832cf9.svg);
            mask-image: url(images/5f4d89c4c36769832cf9.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(--ex-blue-dark);
    right: 40px;
    top: 40px;
}
@media (min-width: 1200px) {
.journey-path-modal .journey-path-modal-close {
      top: 38px
  }
    }
.journey-path-modal .modal-item-wrapper{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: auto;
  padding: 16px;
}
@media (min-width: 768px){
  .journey-path-modal .modal-item-wrapper{
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    padding-top: 0px;
  }
}
.journey-path-modal .modal-item-wrapper {
    height: 100%;
    row-gap: 32px;
  }
.journey-path-modal .modal-item-wrapper .modal-item-container{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  overflow: scroll;
}
@media (min-width: 768px){
  .journey-path-modal .modal-item-wrapper .modal-item-container{
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 755px;
  }
}
@media (min-width: 1200px){
  .journey-path-modal .modal-item-wrapper .modal-item-container{
    max-width: 1000px;
  }
}
@media (min-width: 768px) {
.journey-path-modal .modal-item-wrapper .modal-item-container {
        row-gap: 50px;
        -moz-column-gap: 25px;
             column-gap: 25px
    }
      }
.journey-path-modal .modal-item-wrapper .modal-item{
  display: flex;
  width: 140px;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 768px){
  .journey-path-modal .modal-item-wrapper .modal-item{
    width: 220px;
    gap: 24px;
  }
}
.journey-path-modal .modal-item-wrapper .modal-item-image{
  -o-object-fit: contain;
     object-fit: contain;
        width: 86px;
        height: 79px;
}
.journey-path-modal .modal-item-wrapper .modal-item-title{
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .journey-path-modal .modal-item-wrapper .modal-item-title{
    font-size: 18px;
    line-height: 24px;
  }
}
.journey-path-modal .modal-item-wrapper .modal-item-title {
        color: var(--ex-blue-dark);
      }
.journey-path-modal .modal-item-wrapper .modal-item-subtitle{
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px){
  .journey-path-modal .modal-item-wrapper .modal-item-subtitle{
    font-size: 16px;
    line-height: 22px;
  }
}
.journey-path-modal .modal-item-wrapper .modal-item-subtitle {
        color: var(--ex-blue-medium);
      }
.journey-path-modal .journey-modal-button-wrapper{
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  display: flex;
  height: auto;
  justify-content: space-between;
  background-color: var(--white);
  padding: 20px;
}
.header.journey-path-modal .journey-modal-button-wrapper {
    position: -webkit-sticky;
    position: sticky;
    background-color: var(--white);
    top: 0;
    width: 100%;
  }
@media (min-width: 768px){
  .journey-path-modal .journey-modal-button-wrapper{
    padding-left: 40px;
    padding-right: 40px;
  }
}
.journey-path-modal .journey-modal-button-wrapper {
    border-top: 1px solid #cccccc;
  }
.journey-path-modal .journey-modal-button-wrapper .journey-path-button{
  display: flex;
}
.journey-path-modal .journey-modal-button-wrapper .journey-path-button.previous{
  padding-right: 16px;
  padding-left: 44px;
}
@media (min-width: 1200px){
  .journey-path-modal .journey-modal-button-wrapper .journey-path-button.previous{
    padding-right: 24px;
    padding-left: 48px;
  }
}
.journey-path-modal .journey-modal-button-wrapper .journey-path-button.previous::after{
  left: 16px;
}
@media (min-width: 768px){
  .journey-path-modal .journey-modal-button-wrapper .journey-path-button.previous::after{
    left: 24px;
  }
}
.journey-path-modal .journey-modal-button-wrapper .journey-path-button.previous::after {
          transform: rotate(180deg) translateY(50%);
        }
.comparison-table-section .comparison-table-title{
  margin-bottom: 44px;
  max-width: 500px;
  text-align: center;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 768px){
  .comparison-table-section .comparison-table-title{
    font-size: 36px;
    line-height: 44px;
  }
}
@media (min-width: 1200px){
  .comparison-table-section .comparison-table-title{
    font-size: 56px;
    line-height: 64px;
  }
}
@media (min-width: 768px){
  .comparison-table-section .comparison-table-title{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 64px;
  }
}
@media (min-width: 1200px){
  .comparison-table-section .comparison-table-title{
    margin-bottom: 88px;
    max-width: 700px;
  }
}
.comparison-table-section .comparison-table-title {
        color: var(--ex-blue-dark);
      }
.comparison-table-section .comparison-table-wrapper{
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1200px){
  .comparison-table-section .comparison-table-wrapper{
    width: 1200px;
  }
}
.comparison-table-section .comparison-table-wrapper .comparison-table-top-row{
  margin-left: 16px;
  margin-right: 16px;
  margin-bottom: 12px;
  display: flex;
  max-width: 1200px;
  justify-content: space-between;
}
@media (min-width: 768px){
  .comparison-table-section .comparison-table-wrapper .comparison-table-top-row{
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 16px;
  }
}
@media (min-width: 1200px){
  .comparison-table-section .comparison-table-wrapper .comparison-table-top-row{
    margin-left: 0px;
    margin-right: 0px;
  }
}
.comparison-table-section .comparison-table-wrapper .comparison-table-top-row .top-row-updated{
  width: 120px;
  color: var(--gray-4);
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px){
  .comparison-table-section .comparison-table-wrapper .comparison-table-top-row .top-row-updated{
    font-size: 16px;
    line-height: 22px;
    width: 300px;
  }
}
.comparison-table-section .comparison-table-wrapper .comparison-table-top-row .top-row-icon-wrapper{
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px){
  .comparison-table-section .comparison-table-wrapper .comparison-table-top-row .top-row-icon-wrapper{
    flex-direction: row;
  }
}
.comparison-table-section .comparison-table-wrapper .comparison-table-top-row .top-row-icon-wrapper div{
  display: flex;
  align-items: center;
}
@media (min-width: 1200px){
  .comparison-table-section .comparison-table-wrapper .comparison-table-top-row .top-row-icon-wrapper div{
    margin-right: 16px;
  }
}
.comparison-table-section .comparison-table-wrapper .comparison-table-top-row .top-row-icon-wrapper div img{
  margin-right: 8px;
  height: 16px;
  width: 16px;
}
.comparison-table-section .comparison-table-wrapper .comparison-table-top-row .top-row-icon-wrapper div p{
  color: var(--gray-4);
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px){
  .comparison-table-section .comparison-table-wrapper .comparison-table-top-row .top-row-icon-wrapper div p{
    font-size: 16px;
    line-height: 22px;
  }
}
.comparison-table-section .comparison-table-wrapper .comparison-table-top-row .top-row-icon-wrapper div:first-child{
  margin-right: 24px;
}
.comparison-table-section .comparison-table-wrapper .parent-row-container{
  max-height: 100%;
          transition: max-height 250ms ease-in;
}
.comparison-table-section .comparison-table-wrapper .parent-row-container.open{
  max-height: 56px;
  overflow: hidden;
            transition: max-height 250ms ease out;
}
.comparison-table-section .comparison-table-wrapper .parent-row-container.open .parent-row-title:before {
                transform: rotate(-90deg);
              }
.comparison-table-section .comparison-table-wrapper .parent-row{
  display: grid;
  height: 56px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  background-color: var(--blue-1);
}
@media (min-width: 768px){
  .comparison-table-section .comparison-table-wrapper .parent-row{
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media (min-width: 1200px){
  .comparison-table-section .comparison-table-wrapper .parent-row{
    margin-left: 0px;
    margin-right: 0px;
  }
}
.comparison-table-section .comparison-table-wrapper .parent-row {
          border-bottom: 2px solid var(--blue-3);
          grid-template-columns: 200px 1fr 1fr;
        }
@media (min-width: 768px) {
.comparison-table-section .comparison-table-wrapper .parent-row {
            grid-template-columns: 300px 1fr 1fr;
            gap: 20px
        }
          }
@media (min-width: 1200px) {
.comparison-table-section .comparison-table-wrapper .parent-row {
            grid-template-columns: 1fr 300px 300px;
            gap: 50px
        }
          }
.comparison-table-section .comparison-table-wrapper .parent-row .parent-row-title{
  position: relative;
  margin-left: 44px;
  width: 120px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .comparison-table-section .comparison-table-wrapper .parent-row .parent-row-title{
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 768px){
  .comparison-table-section .comparison-table-wrapper .parent-row .parent-row-title{
    width: 200px;
  }
}
@media (min-width: 1200px){
  .comparison-table-section .comparison-table-wrapper .parent-row .parent-row-title{
    width: 250px;
  }
}
.comparison-table-section .comparison-table-wrapper .parent-row .parent-row-title {
            color: var(--ex-blue-dark);
          }
.comparison-table-section .comparison-table-wrapper .parent-row .parent-row-title::before{
  position: absolute;
  bottom: 16px;
  height: 8px;
  width: 12px;
}
@media (min-width: 768px){
  .comparison-table-section .comparison-table-wrapper .parent-row .parent-row-title::before{
    bottom: 8px;
  }
}
.comparison-table-section .comparison-table-wrapper .parent-row .parent-row-title::before {
              will-change: transform;
              transition: transform 250ms ease-in-out;
              content: "";
              -webkit-mask-image: url(images/1d305aa684b74b273c6e.svg);
                      mask-image: url(images/1d305aa684b74b273c6e.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(--ex-blue-dark);
              left: -24px;
            }
.comparison-table-section .comparison-table-wrapper .parent-row .comparison-score{
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  background-color: var(--white);
}
@media (min-width: 768px){
  .comparison-table-section .comparison-table-wrapper .parent-row .comparison-score{
    display: block;
    height: 8px;
    width: 150px;
    justify-self: center;
    border-width: 2px;
  }
}
@media (min-width: 1200px){
  .comparison-table-section .comparison-table-wrapper .parent-row .comparison-score{
    width: 250px;
  }
}
@media (min-width: 768px) {
.comparison-table-section .comparison-table-wrapper .parent-row .comparison-score {
              border-radius: 4px;
              border-color: var(--ex-blue-medium)
          }
            }
.comparison-table-section .comparison-table-wrapper .parent-row .comparison-score-bar{
  display: none;
  height: 100%;
  width: 0px;
}
.modal-overlay .comparison-table-section .comparison-table-wrapper .parent-row .comparison-score-bar {
    opacity: 0;
    transition: all 500ms;
  }
@media (min-width: 768px){
  .comparison-table-section .comparison-table-wrapper .parent-row .comparison-score-bar{
    display: block;
  }
}
.comparison-table-section .comparison-table-wrapper .parent-row .comparison-score-bar {
              transition: width 5s ease-in-out;
              background-color: var(--ex-blue-medium);
            }
.comparison-table-section .comparison-table-wrapper .parent-row .comparison-score-number{
  position: absolute;
  border-width: 2px;
  border-color: var(--white);
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px){
  .comparison-table-section .comparison-table-wrapper .parent-row .comparison-score-number{
    font-size: 16px;
    line-height: 22px;
  }
}
.comparison-table-section .comparison-table-wrapper .parent-row .comparison-score-number {
              background-color: var(--ex-blue-medium);
              color: var(--white);
              padding: 4px 12px;
              border-radius: 44px;
              top: -15px;
            }
.comparison-table-section .comparison-table-wrapper .child-row{
  display: grid;
  min-height: 56px;
  align-items: center;
}
@media (min-width: 768px){
  .comparison-table-section .comparison-table-wrapper .child-row{
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media (min-width: 1200px){
  .comparison-table-section .comparison-table-wrapper .child-row{
    margin-left: 0px;
    margin-right: 0px;
  }
}
.comparison-table-section .comparison-table-wrapper .child-row {
          border-bottom: 2px solid var(--gray-2);
          grid-template-columns: 200px 1fr 1fr;
        }
@media (max-width: 768px) {
.comparison-table-section .comparison-table-wrapper .child-row{
    height: auto;
            padding: 6px 0;
  }
          }
@media (min-width: 768px) {
.comparison-table-section .comparison-table-wrapper .child-row {
            grid-template-columns: 300px 1fr 1fr;
            gap: 20px
        }
          }
@media (min-width: 1200px) {
.comparison-table-section .comparison-table-wrapper .child-row {
            grid-template-columns: 1fr 300px 300px;
            gap: 50px
        }
          }
.comparison-table-section .comparison-table-wrapper .child-row-title{
  margin-left: 16px;
}
@media (min-width: 768px){
  .comparison-table-section .comparison-table-wrapper .child-row-title{
    margin-left: 32px;
  }
}
@media (min-width: 1200px){
  .comparison-table-section .comparison-table-wrapper .child-row-title{
    margin-left: 44px;
  }
}
.comparison-table-section .comparison-table-wrapper .child-row-title {
            color: var(--gray-4);
          }
.comparison-table-section .comparison-table-wrapper .child-row-title.title{
  font-weight: 700;
  text-transform: uppercase;
              color: var(--ex-blue-medium);
}
.comparison-table-section .comparison-table-wrapper .child-row-comparison{
  margin-left: auto;
  margin-right: auto;
}
.comparison-table-section .comparison-table-wrapper .child-row.title {
            margin-top: -2px;
            border-top: 2px solid var(--ex-blue-medium);
          }
.comparison-table-section .comparison-table-features-row{
  display: grid;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px){
  .comparison-table-section .comparison-table-features-row{
    margin-left: 40px;
    margin-right: 40px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 1200px){
  .comparison-table-section .comparison-table-features-row{
    margin-left: 0px;
    margin-right: 0px;
  }
}
.comparison-table-section .comparison-table-features-row {
        border-top: 2px solid var(--gray-2);
        grid-template-columns: 200px 1fr 1fr;
        border-bottom: 1px solid var(--blue-3);
      }
@media (min-width: 768px) {
.comparison-table-section .comparison-table-features-row {
          grid-template-columns: 300px 1fr 1fr;
          gap: 20px
      }
        }
@media (min-width: 1200px) {
.comparison-table-section .comparison-table-features-row {
          grid-template-columns: 1fr 300px 300px;
          gap: 50px
      }
        }
.comparison-table-section .comparison-table-features-row .features-row-title{
  color: var(--gray-5);
  font-size: 22px;
  line-height: 30px;
}
@media (min-width: 768px){
  .comparison-table-section .comparison-table-features-row .features-row-title{
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 1200px){
  .comparison-table-section .comparison-table-features-row .features-row-title{
    font-size: 32px;
    line-height: 40px;
  }
}
.comparison-table-section .comparison-table-features-row img{
  max-height: 48px;
  width: auto;
  justify-self: center;
}
.comparison-table-section .comparison-bottom-row{
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px){
  .comparison-table-section .comparison-bottom-row{
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 72px;
    flex-direction: row;
    justify-content: space-between;
  }
}
@media (min-width: 1200px){
  .comparison-table-section .comparison-bottom-row{
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media (min-width: 768px){
  .comparison-table-section .comparison-bottom-row .comparison-disclaimer{
    max-width: 400px;
  }
}
@media (min-width: 1200px){
  .comparison-table-section .comparison-bottom-row .comparison-disclaimer{
    max-width: 500px;
  }
}
.comparison-table-section .comparison-bottom-row .comparison-disclaimer p{
  color: var(--gray-4);
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px){
  .comparison-table-section .comparison-bottom-row .comparison-disclaimer p{
    font-size: 16px;
    line-height: 22px;
  }
}
.comparison-table-section .comparison-bottom-row .comparison-disclaimer a {
          color: var(--ex-blue-medium);
        }
.comparison-table-section .comparison-bottom-row .comparison-bottom-row-button-wrapper{
  position: relative;
  margin-top: 32px;
  display: flex;
  gap: 8px;
}
@media (min-width: 768px){
  .comparison-table-section .comparison-bottom-row .comparison-bottom-row-button-wrapper{
    margin-top: 0px;
    margin-right: 20px;
  }
}
@media (min-width: 1200px){
  .comparison-table-section .comparison-bottom-row .comparison-bottom-row-button-wrapper{
    margin-right: 0px;
  }
}
.comparison-table-section .comparison-bottom-row .comparison-bottom-row-button-wrapper .comparison-share-tooltip{
  position: absolute;
  z-index: 10;
  width: 200px;
  background-color: var(--white);
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  color: var(--gray-4);
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .comparison-table-section .comparison-bottom-row .comparison-bottom-row-button-wrapper .comparison-share-tooltip{
    font-size: 18px;
    line-height: 24px;
    width: 215px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.comparison-table-section .comparison-bottom-row .comparison-bottom-row-button-wrapper .comparison-share-tooltip {
          border-radius: 8px;
          top: -40px;
          left: 50%;
          transform: translate(-50%, -50%);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
        }
.comparison-table-section .comparison-bottom-row .comparison-bottom-row-button-wrapper .comparison-share-tooltip::after {
            content: "";
            height: 0;
            width: 0;
            display: block;
            position: absolute;
            bottom: -12px;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            border-right: 8px solid var(--white);
            left: 50%;
            transform: rotate(270deg);
          }
.comparison-table-section .features-row-wrapper{
  position: -webkit-sticky;
  position: sticky;
  top: 51px;
  z-index: 50;
  background-color: var(--white);
}
.header.comparison-table-section .features-row-wrapper {
    position: -webkit-sticky;
    position: sticky;
    background-color: var(--white);
    top: 0;
    width: 100%;
  }
@media (min-width: 1200px){
  .comparison-table-section .features-row-wrapper{
    top: 57px;
  }
}
.carousel-tabs-section{
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 768px){
  .carousel-tabs-section{
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1200px){
  .carousel-tabs-section{
    max-width: 1920px;
    padding-left: 60px;
    padding-right: 60px;
  }
}
.carousel-tabs-wrapper{
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 125px;
       column-gap: 125px;
}
.carousel-tabs-wrapper-left{
  flex-direction: column-reverse;
}
@media (min-width: 1200px){
  .carousel-tabs-wrapper-left{
    flex-direction: row;
  }
}
.carousel-tabs-wrapper-right{
  flex-direction: column-reverse;
}
@media (min-width: 1200px){
  .carousel-tabs-wrapper-right{
    flex-direction: row-reverse;
  }
}
.carousel-tabs-body-wrapper{
  height: 100%;
  width: 100%;
}
@media (max-width: 1200px) {
.carousel-tabs-body-wrapper {
        max-width: 1000px
    }
      }
.carousel-tabs-body-title{
  font-weight: 600;
  color: var(--ex-blue-dark);
}
.carousel-tabs-body-description{
  padding-bottom: 48px;
  font-family: SF Pro Display, sans-serif;
  font-weight: 500;
  color: var(--blue-4);
}
.carousel-tabs-body-button {
      display: block;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
    }
.carousel-tabs-body-tab{
  margin-bottom: 4px;
  display: flex;
  height: auto;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 24px;
  padding-right: 24px;
      border: 1px solid var(--gray-2);
      transition: all 350ms ease;
      cursor: pointer;
}
.carousel-tabs-body-tab .circle-timer {
        /* width: 27px;
                height: 26px; */
        display: none;
      }
.carousel-tabs-body-tab .carousel-tab-title{
  font-weight: 700;
  text-transform: uppercase;
        transition: all 350ms ease;
}
@media (max-width: 768px) {
.carousel-tabs-body-tab .carousel-tab-title {
          min-height: 48px;
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          align-items: center
      }
        }
.carousel-tabs-body-tab.active {
        background-color: var(--ex-blue-medium);
      }
.carousel-tabs-body-tab.active .circle-timer {
          display: block !important;
        }
.carousel-tabs-body-tab.active .carousel-tab-title {
          color: white;
          transition: all 250ms ease;
        }
.carousel-tabs-body-tab:hover,
      .carousel-tabs-body-tab:focus {
        background-color: var(--ex-blue-medium);
      }
.carousel-tabs-body-tab:hover .carousel-tab-title, .carousel-tabs-body-tab:focus .carousel-tab-title {
          color: white;
        }
.carousel-tabs-body-tab-wrapper{
  padding-top: 48px;
  padding-bottom: 48px;
}
/* Circle Animation classes */
.carousel-tabs-body-tab .tab-circle {
        width: 100%;
        max-width: 40px;
        transform: rotate(-90deg);
        height: 30px;
        position: relative;
      }
.carousel-tabs-body-tab .white-circle {
        position: relative;
        z-index: 10;
        fill: none;
        stroke: white;
        stroke-width: 8px;
        stroke-dasharray: 300;
        will-change: transform;
        /* animation: outline 8s cubic-bezier(0.77,0,0.18,1) infinite; */
      }
.carousel-tabs-body-tab .circle-animate {
        -webkit-animation: outline 8s cubic-bezier(0.77, 0, 0.18, 1) infinite;
                animation: outline 8s cubic-bezier(0.77, 0, 0.18, 1) infinite;
      }
.carousel-tabs-body-tab .blue-circle {
        position: relative;
        z-index: -1;
        fill: none;
        stroke: var(--blue-5);
        stroke-width: 6px;

        /* animation: outline 5s cubic-bezier(0.77,0,0.18,1) infinite; */
      }
.carousel-tabs-asset{
  position: absolute;
  left: 0px;
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
    top: 50%;
    transform: translateY(-50%);
}
.carousel-tabs-asset-wrapper{
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  max-width: 1000px;
}
@media (min-width: 1200px){
  .carousel-tabs-asset-wrapper{
    max-width: 991px;
  }
}
.carousel-tabs-asset-wrapper {
      /* max-width: 991px; */
      height: 718px;
      max-height: 718px;
    }
@media (max-width: 768px) {
.carousel-tabs-asset-wrapper {
        max-height: 520px
    }
      }
@media (max-width: 530px) {
.carousel-tabs-asset-wrapper {
        max-height: 360px
    }
      }
@media (max-width: 281px) {
.carousel-tabs-asset-wrapper {
        max-height: 300px
    }
      }
.carousel-tabs-asset-wrapper .plyr__control {
        background-color: var(--orange-1);
      }
.carousel-tabs-asset-wrapper .plyr__control:hover {
          background-color: var(--orange-1);
          color: var(--ex-blue-dark);
        }
@media (min-width: 1200px) {
.carousel-tabs-asset-wrapper .plyr__control.plyr__control--overlaid {
            width: 140px;
            height: 140px
        }

            .carousel-tabs-asset-wrapper .plyr__control.plyr__control--overlaid svg {
              margin: 0 auto;
              width: 50px;
              height: 60px;
            }
          }
/* Keyframes for circle animation */
@keyframes outline {
  0% {
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dashoffset: 300;
  }
  100% {
    stroke-dashoffset: 600;
  }
}
@keyframes rotate {
  from {
    transform: rotate(0turn);
  }
  to {
    transform: rotate(-1turn);
  }
}
.ping-pong-carousel-section{
  margin-left: auto;
  margin-right: auto;
  margin-top: 120px;
  margin-bottom: 120px;
  display: flex;
  height: 100%;
  width: 100%;
  max-width: 1920px;
  flex-wrap: wrap-reverse;
  align-items: center;
  justify-content: center;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px){
  .ping-pong-carousel-section{
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1200px){
  .ping-pong-carousel-section{
    flex-wrap: nowrap;
    gap: 52px;
    padding-left: 60px;
    padding-right: 60px;
    justify-content: space-between;
  }
}
.ping-pong-carousel-section .flickity-viewport {
    height: 600px !important;
  }
@media(max-width: 832px){
.ping-pong-carousel-section .flickity-viewport {
      height: 560px !important
  }
    }
@media(max-width: 769px){
.ping-pong-carousel-section .flickity-viewport {
      height: 525px !important
  }
    }
@media(max-width: 420px){
.ping-pong-carousel-section .flickity-viewport {
      height: 310px !important
  }
    }
@media(max-width: 376px){
.ping-pong-carousel-section .flickity-viewport {
      height: 275px !important
  }
    }
.ping-pong-carousel-section .carousel-ping-pong-buttons{
  position: relative;
  margin-top: 40px;
  margin-right: auto;
  display: flex;
  width: 120px;
  align-items: center;
  justify-content: flex-start;
  -moz-column-gap: 32px;
       column-gap: 32px;
}
.ping-pong-carousel-section .carousel-ping-pong-buttons .ping-pong-arrow {
      width: 44px;
      height: 44px;
      -webkit-mask-image: url(images/f6ce2b1d693108bb2206.svg);
              mask-image: url(images/f6ce2b1d693108bb2206.svg);
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-size: contain;
              mask-size: contain;
      -webkit-mask-position: initial;
              mask-position: initial;
      background-color: var(--blue-3);
      transition: all 0.3s ease;
      cursor: pointer;
      z-index: 50;
    }
.ping-pong-carousel-section .carousel-ping-pong-buttons .ping-pong-arrow:hover,
      .ping-pong-carousel-section .carousel-ping-pong-buttons .ping-pong-arrow:focus {
        background-color: var(--orange-1);
      }
.ping-pong-carousel-section .carousel-ping-pong-buttons .ping-pong-arrow-disabled {
        opacity: 0.3;
        cursor: default;
      }
.ping-pong-carousel-section .carousel-ping-pong-buttons .ping-pong-arrow:hover + .border-circle .blue-border {
        stroke: var(--orange-1) !important;
      }
.ping-pong-carousel-section .carousel-ping-pong-buttons .carousel-ping-pong-next {
      transform: rotate(180deg);
    }
/* Circle Animation classes */
.ping-pong-carousel-section .border-circle {
    width: 100%;
    height: 100%;
    /* max-width: 10rem; */
    transform: rotate(-90deg) scale(1.3);
    position: absolute;
    top: 0px;
    right: -38px;

    transition: all 0.3s ease;
  }
.ping-pong-carousel-section .white-border {
    position: relative;
    z-index: 10;
    fill: none;
    stroke: white;
    stroke-width: 8px;
    stroke-dasharray: 300;
    will-change: transform;
    transition: all 0.3s ease;
    /* animation: outline 8s cubic-bezier(0.77,0,0.18,1) infinite; */
  }
.ping-pong-carousel-section .border-animate {
    -webkit-animation: outline 8s cubic-bezier(0.77, 0, 0.18, 1) forwards;
            animation: outline 8s cubic-bezier(0.77, 0, 0.18, 1) forwards;
  }
.ping-pong-carousel-section .blue-border {
    position: relative;
    z-index: -1;
    fill: none;
    stroke: var(--blue-3);
    stroke-width: 6px;
    transition: all 0.3s ease;

    /* animation: outline 5s cubic-bezier(0.77,0,0.18,1) infinite; */
  }
.ping-pong-carousel-section .js-all-buttons{
  margin-top: 24px;
}
.ping-pong-carousel-section .fade-in-text {
    -webkit-animation: textFade 0.8s ease;
            animation: textFade 0.8s ease;
  }
/* Plyr Adjustments */
.ping-pong-carousel-section .js-ping-pong-asset {
    position: absolute;
    left: 0px;
    width: 100%;
    top: 0;
    height: auto;
  }
@media(max-width: 832px){
.ping-pong-carousel-section .js-ping-pong-asset {
      height: 100% !important;
      -o-object-fit: cover !important;
         object-fit: cover !important
  }
    }
.ping-pong-carousel-section .js-ping-pong-asset .plyr--video {
      height: auto;
      max-height: 600px;
      width: 100%;
    }
.ping-pong-carousel-section .button-wrapper{
  margin-right: auto;
}
/* Set max height and overflow hidden to description for carousel */
/* @apply max-h-[164px] overflow-hidden; */
.ping-pong-carousel-section .ping-pong-description p {
      /* @apply max-h-[164px] overflow-hidden; */
    }
@-webkit-keyframes textFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes textFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Keyframes for circle animation */
@keyframes outline {
  0% {
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dashoffset: 300;
  }
  100% {
    stroke-dashoffset: 600;
  }
}
@keyframes rotate {
  from {
    transform: rotate(0turn);
  }
  to {
    transform: rotate(-1turn);
  }
}
.body-text-section{
  margin-top: 100px;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1800px;
}
.body-text-section .text-container{
  max-width: 1000px;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px){
  .body-text-section .text-container{
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1200px){
  .body-text-section .text-container{
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1920px){
  .body-text-section .text-container{
    padding-left: 0px;
    padding-right: 0px;
  }
}
.body-text-section .text-container h1, .body-text-section .text-container h2, .body-text-section .text-container h3, .body-text-section .text-container h4, .body-text-section .text-container h5, .body-text-section .text-container h6{
  margin-bottom: 32px;
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 768px){
  .body-text-section .text-container h1, .body-text-section .text-container h2, .body-text-section .text-container h3, .body-text-section .text-container h4, .body-text-section .text-container h5, .body-text-section .text-container h6{
    font-size: 36px;
    line-height: 44px;
  }
}
@media (min-width: 1200px){
  .body-text-section .text-container h1, .body-text-section .text-container h2, .body-text-section .text-container h3, .body-text-section .text-container h4, .body-text-section .text-container h5, .body-text-section .text-container h6{
    font-size: 56px;
    line-height: 64px;
  }
}
.body-text-section .text-container h1,
    .body-text-section .text-container h2,
    .body-text-section .text-container h3,
    .body-text-section .text-container h4,
    .body-text-section .text-container h5,
    .body-text-section .text-container h6 {
      color: var(--ex-blue-dark);
    }
.body-text-section .text-container p{
  color: var(--gray-4);
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .body-text-section .text-container p{
    font-size: 18px;
    line-height: 24px;
  }
}
.body-text-section .text-container ul{
  margin-top: 24px;
  margin-bottom: 24px;
  list-style-type: disc;
  padding-left: 24px;
}
.body-text-section .text-container ol{
  margin-top: 24px;
  margin-bottom: 24px;
  padding-left: 24px;
      list-style-type: decimal;
}
.body-text-section .text-container a{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
      color: var(--ex-blue-medium);
}
.body-text-section .text-container a:focus, .body-text-section .text-container a:hover{
  color: var(--orange-1);
}
/* ------------------
 * Regions
 * ------------------ */
/* @import "./4.regions/_____.css"; */
.header{
  z-index: 50;
  display: flex;
  width: 100%;
  justify-content: space-between;
  overflow: hidden;
  background-color: var(--white);
  font-family: SF Pro Display, sans-serif;
  font-weight: 600;
  color: var(--ex-blue-dark);
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px){
  .header{
    font-size: 16px;
    line-height: 22px;
  }
}
.header {
  border-bottom: 1px solid var(--gray-2);
}
.header-logo{
  margin-right: 20px;
  width: 144px;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (min-width: 768px){
  .header-logo{
    margin-right: 64px;
    width: 172px;
  }
}
@media (min-width: 1200px){
  .header-logo{
    margin-right: 100px;
    width: 167px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.header-container{
  display: flex;
  width: 100%;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px){
  .header-container{
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1200px){
  .header-container{
    padding-left: 60px;
    padding-right: 60px;
  }
}
.header-container {
    max-width: 1920px;
    margin: 0 auto;
  }
.header-row-container{
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
}
@media (min-width: 1200px){
  .header-row-container{
    justify-content: space-between;
  }
}
.header-row-container ul li{
  padding: 14px;
}
@media (min-width: 1200px){
  .header-row-container ul li{
    margin-right: 32px;
  }
}
.header-row-container ul li {
        transition: color 250ms ease-in-out;
      }
.header-row-container ul li:hover{
  cursor: pointer;
  color: var(--orange-1);
}
.header-row-text p{
  padding-left: 2px;
  padding-right: 2px;
  font-weight: 500;
}
.header-row-list{
  display: none;
  flex-grow: 1;
  align-items: center;
}
.modal-overlay .header-row-list {
    opacity: 0;
    transition: all 500ms;
  }
@media (min-width: 1200px){
  .header-row-list{
    display: flex;
  }
}
.header-row-utility{
  display: flex;
  align-items: center;
  padding-right: 8px;
}
@media (min-width: 768px){
  .header-row-utility{
    padding-right: 0px;
  }
}
@media (min-width: 1600px){
  .header-row-utility{
    position: relative;
    padding-right: 12px;
  }
}
.header-row-utility div{
  margin-left: 12px;
  margin-right: 12px;
}
.header-row-utility .header-row-demo{
  display: none;
}
.modal-overlay .header-row-utility .header-row-demo {
    opacity: 0;
    transition: all 500ms;
  }
@media (min-width: 768px){
  .header-row-utility .header-row-demo{
    display: flex;
  }
}
.header-row-utility .header-row-demo a{
  font-weight: 500;
}
@media (min-width: 1200px){
  .header-row-utility .header-row-demo a{
    min-width: 123px;
  }
  .header-row-utility .header-row-support{
    margin-right: 40px;
  }
}
.header-row-login{
  display: none;
}
.modal-overlay .header-row-login {
    opacity: 0;
    transition: all 500ms;
  }
@media (min-width: 1200px){
  .header-row-login{
    display: block;
  }
}
.header-row-login a{
  font-weight: 500;
}
.header-row-support{
  display: none;
}
.modal-overlay .header-row-support {
    opacity: 0;
    transition: all 500ms;
  }
@media (min-width: 1200px){
  .header-row-support{
    display: block;
  }
}
.header-row-support a{
  font-weight: 500;
}
.header-row-search-icon{
  margin-left: 12px;
  margin-right: 12px;
  height: 28px;
  width: 16px;
        -webkit-mask-image: url(images/a13d3c6f600327c14fc5.svg);
                mask-image: url(images/a13d3c6f600327c14fc5.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(--ex-blue-dark);
        transition: background-color 250ms ease-in-out !important;
}
.header-row-search-icon:hover {
          background-color: var(--orange-1);
        }
.header-row-search-wrapper{
        margin-right: 0px !important;
}
@media (min-width: 1600px) {
.header-row-search-wrapper {
          position: absolute !important;
          top: 0px;
          right: -24px
      }
        }
.header-row-search-wrapper div{
  padding: 2px;
}
.header-row-close-icon{
  margin-left: 12px;
  margin-right: 12px;
  height: 28px;
  width: 16px;
}
@media (min-width: 1200px){
  .header-row-close-icon{
    margin-left: 0px;
    margin-right: 0px;
  }
}
.header-row-close-icon {
      -webkit-mask-image: url(images/5f4d89c4c36769832cf9.svg);
              mask-image: url(images/5f4d89c4c36769832cf9.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(--white);
    }
@media (min-width: 1200px) {
.header-row-close-icon {
        margin-right: 12px !important;
        margin-left: 12px !important
    }
.header-row-menu {
        display: none
    }
      }
.header-row-hamburger{
  display: block;
  height: 24px;
  width: 16px;
}
@media (min-width: 1200px){
  .header-row-hamburger{
    display: none;
  }
}
.header-row-hamburger {
      -webkit-mask-image: url(images/f47a62e28ad521d76867.svg);
              mask-image: url(images/f47a62e28ad521d76867.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(--ex-blue-dark);
      transition: background-color 250ms ease-in-out !important;
    }
.header-row-hamburger:hover {
        background-color: var(--orange-1);
      }
.header-row-close{
  display: block;
  height: 24px;
  width: 16px;
}
@media (min-width: 1200px){
  .header-row-close{
    display: none;
  }
}
.header-row-close {
      -webkit-mask-image: url(images/5f4d89c4c36769832cf9.svg);
              mask-image: url(images/5f4d89c4c36769832cf9.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(--ex-blue-dark);
    }
.header-dropdown-menu {
    overflow: hidden;
    max-height: 0px;
    width: 0px;
    position: absolute;
  }
.header-dropdown[data-open="open"] .header-dropdown-menu{
  display: flex;
        max-height: 50vh;
        z-index: 100;
        background: var(--white);
        min-height: 50vh;
        width: 100%;
        left: 0;
        top: 58px;
        pointer-events: none;
        border-top: 1px solid var(--gray-2);
}
.header-dropdown[data-open="open"] .header-dropdown-menu-item{
  margin-right: 32px;
  display: flex;
  flex-direction: column;
  padding-left: 60px;
  padding-bottom: 88px;
        max-width: 370px;
        height: auto;
        pointer-events: none;
}
.header-dropdown[data-open="open"] .header-dropdown-menu-item a {
          pointer-events: auto;
        }
.header-dropdown[data-open="open"] .header-dropdown-menu-item .header-dropdown-menu-link{
  font-weight: 400;
}
.header-dropdown[data-open="open"] .double-wide .double-wide-title-wrapper{
  display: flex;
  align-items: center;
          border-bottom: 1px solid var(--gray-2);
          width: 850px;
}
.header-dropdown[data-open="open"] .double-wide .double-wide-title-wrapper img{
  margin-right: 12px;
  height: 32px;
  width: 32px;
}
.header-dropdown[data-open="open"] .double-wide .double-wide-title-wrapper .header-dropdown-menu-title{
  padding-top: 20px;
  padding-bottom: 20px;
            border: none;
}
.header-dropdown[data-open="open"] .double-wide .header-dropdown-menu-wrapper .header-dropdown-menu-link{
  font-weight: 700;
}
.header-dropdown[data-open="open"] .double-wide .header-dropdown-menu-wrapper .header-dropdown-menu-link-description{
  font-weight: 400;
}
.header-dropdown[data-open="open"] .double-wide .header-dropdown-menu-content{
  display: flex;
  height: 83.333333%;
  flex-direction: column;
  flex-wrap: wrap;
          -moz-column-gap: 50px;
               column-gap: 50px;
          height: 600px;
}
@media (min-width: 2300px) {
.header-dropdown[data-open="open"] .double-wide .header-dropdown-menu-content{
    height: 66.666667%;
  }
          }
.header-dropdown[data-open="open"] .header-dropdown-menu-title{
  pointer-events: none;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: SF Pro Display, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--ex-blue-medium);
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px){
  .header-dropdown[data-open="open"] .header-dropdown-menu-title{
    font-size: 16px;
    line-height: 22px;
  }
}
.header-dropdown[data-open="open"] .header-dropdown-menu-title {
        border-bottom: 1px solid var(--gray-2);
        width: 350px;
      }
.header-dropdown[data-open="open"] .header-dropdown-menu-link-wrapper{
  display: flex;
  padding-top: 12px;
}
.header-dropdown[data-open="open"] .header-dropdown-menu-link-wrapper img{
  margin-top: 12px;
  margin-bottom: 12px;
  margin-right: 16px;
  height: 32px;
}
.header-dropdown[data-open="open"] .header-dropdown-menu-wrapper{
  display: flex;
  flex-direction: column;
  padding-top: 12px;
  padding-bottom: 12px;
        width: 400px;
}
.header-dropdown[data-open="open"] .header-dropdown-menu-wrapper:hover .header-dropdown-menu-link{
  color: var(--orange-1);
}
.header-dropdown[data-open="open"] .header-dropdown-link-wrapper .header-dropdown-menu-link{
  font-weight: 700;
}
.header-dropdown[data-open="open"] .header-dropdown-link-wrapper p{
  font-weight: 400;
}
.header-dropdown[data-open="open"] .header-dropdown-link-wrapper:hover .header-dropdown-menu-link{
  color: var(--orange-1);
}
.header-dropdown[data-open="open"] .header-dropdown-menu-link{
  padding-top: 12px;
  padding-bottom: 12px;
  color: var(--ex-blue-dark);
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .header-dropdown[data-open="open"] .header-dropdown-menu-link{
    font-size: 18px;
    line-height: 24px;
  }
}
.header-dropdown[data-open="open"] .header-dropdown-menu-link {
        transition: color 250ms ease-in-out;
      }
.header-dropdown[data-open="open"] .header-dropdown-menu-link:hover{
  color: var(--orange-1);
}
.header-dropdown[data-open="open"] .header-dropdown-menu-link + p{
  color: var(--gray-4);
}
.header-dropdown[data-open="open"] .header-dropdown-menu-link-text{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.header-dropdown[data-open="open"] .header-dropdown-menu-description{
  pointer-events: none;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 400;
  color: var(--gray-4);
}
.header.sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
    background-color: var(--white);
    top: 0;
    width: 100%;
  }
.angle{
  display: flex;
  transform: skew(-34deg);
  padding-right: 24px !important;
  padding-left: 24px !important;
  transition: all 250ms ease-in-out !important;
  background-color: #e2eff9;
}
.angle:hover{
  cursor: pointer;
  background-color: var(--orange-1);
}
.angle:hover a{
  color: var(--white);
}
.angle a{
  margin-left: auto;
  margin-right: auto;
  align-self: center;
  padding: 4px;
  transform: skew(34deg);
}
.angle-active{
  padding: 14px;
  transform: skew(-34deg);
  background: var(--white);
  display: inline-block;
  position: relative;
  z-index: 0;
}
.angle-active:before {
    content: "";
    background: var(--ex-blue-medium);
    display: block;
    position: absolute;
    right: 0;
    bottom: 100%;
    left: -4px;
    z-index: -1;
    transition: all 0.25s ease;

    top: -4px;
    right: -4px;
  }
.angle-active.bg-animate:before {
      bottom: -4px;
      top: -4px;
      right: -4px;
      left: -4px;
    }
@media (min-width: 768px) {
.angle-active.bg-animate:before {
        bottom: -6px;
        top: -4px
    }
      }
.angle-active:hover {
    color: white;
  }
.angle-active a, .angle-active div{
  background-color: var(--white);
  color: var(--white);
  transform: skew(34deg);
}
.angle-active p{
  color: var(--white);
  transform: skew(34deg);
}
/* Search Menu  */
.search-menu{
  position: absolute;
  z-index: 40;
  display: flex;
  height: 100vh;
  width: 100%;
  flex-direction: column;
  padding-left: 16px;
  padding-right: 16px;
  font-family: SF Pro Display, sans-serif;
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 768px){
  .search-menu{
    font-size: 36px;
    line-height: 44px;
  }
}
@media (min-width: 1200px){
  .search-menu{
    font-size: 56px;
    line-height: 64px;
  }
}
@media (min-width: 768px){
  .search-menu{
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1200px){
  .search-menu{
    justify-content: center;
    padding-top: 0px;
  }
}
.search-menu {
  color: var(--gray-5);
  background-color: var(--white);
  top: 102%;
  max-height: 0px;
  left: 0;
  transition: max-height 150ms ease-in-out;
}
.search-menu.open{
  padding-top: 100px;
}
@media (min-width: 1200px){
  .search-menu.open{
    padding-top: 0px;
  }
}
.search-menu.open {
    //border-top: 1px solid var(--gray-1);
    max-height: 100vh;
  }
@media (min-width: 1200px) {
.search-menu {
    margin: auto;
    height: 50vh
}

    .search-menu.open {
      max-height: 50vh;
    }

    .search-menu .searchform{
    padding-left: 56px;
    padding-right: 56px;
  }
  }
.search-menu .searchform div{
  position: relative;
}
.search-menu .search-input-wrapper {
    width: 100%;
  }
@media (min-width: 1200px) {
.search-menu .search-input-wrapper {
      margin: 0 auto;
      max-width: 700px
  }
    }
.search-menu .search-bar{
  padding-bottom: 12px;
  font-weight: 600;
}
@media (min-width: 768px){
  .search-menu .search-bar{
    padding-bottom: 16px;
  }
}
.search-menu .search-bar {
    border-bottom: 3px solid var(--gray-2);
    border-radius: unset;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 100%;
    color: var(--ex-blue-dark);
    background-color: var(--page-bg);
    caret-color: var(--orange-1);
  }
.search-menu .search-bar:focus {
      outline: none;
    }
.search-menu .search-clear{
  cursor: pointer;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 1200px){
  .search-menu .search-clear{
    font-size: 14px;
    line-height: 20px;
  }
}
.search-menu .search-clear {
    color: var(--ex-blue-dark);
    position: absolute;
    bottom: -30px;
    left: 0;
  }
.search-menu .search-submit{
  position: absolute;
  bottom: 16px;
  right: 4px;
  height: 32px;
  width: 32px;
  cursor: pointer;
}
@media (min-width: 768px){
  .search-menu .search-submit{
    bottom: 24px;
  }
}
@media (min-width: 1200px){
  .search-menu .search-submit{
    height: 56px;
    width: 56px;
  }
}
.search-menu .search-submit {
    -webkit-mask-image: url(images/aa6a6511b0e0a7a29df5.svg);
            mask-image: url(images/aa6a6511b0e0a7a29df5.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(--orange-1);
  }
/* Modal Overlay */
.modal-overlay{
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 30;
  height: 100%;
  background-color: var(--black);
  opacity: .5;
  top: 64px;
  transition: all 500ms;
}
.modal-overlay .hidden {
    opacity: 0;
    transition: all 500ms;
  }
/* Mobile 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;
  }
}
@media (min-width: 1200px){
  .mobile-menu{
    display: none;
  }
}
.mobile-menu {
    border-top: 1px solid var(--gray-2);
    background-color: var(--white);
    /* height: calc(100vh - 64px); */
    height: 100vh;
    max-width: 0px;
    top: 100%;
    transition: max-width 500ms ease-in-out;
  }
.mobile-menu ul li{
  position: relative;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
}
@media (min-width: 768px){
  .mobile-menu ul li{
    padding-top: 28px;
    padding-bottom: 28px;
  }
}
@media (min-width: 1200px){
  .mobile-menu ul li{
    margin-right: 32px;
  }
}
.mobile-menu.open {
      //overflow-y: scroll !important;
      //overflow-x: hidden !important;
      max-width: 100%;
      transition: max-width 500ms ease-in-out;
    }
.mobile-menu .header-row-text{
  cursor: pointer;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
}
@media (min-width: 1200px){
  .mobile-menu .header-row-text{
    font-size: 24px;
    line-height: 32px;
  }
}
.mobile-menu .mobile-utility-menu{
  display: flex;
  flex-direction: column-reverse;
}
.mobile-menu .mobile-utility-menu .header-row-login{
  font-size: 20px;
  line-height: 28px;
}
@media (min-width: 1200px){
  .mobile-menu .mobile-utility-menu .header-row-login{
    font-size: 24px;
    line-height: 32px;
  }
}
.mobile-menu .mobile-utility-menu .header-row-login {
        display: block;
      }
.mobile-menu .mobile-utility-menu .header-row-support{
  font-size: 20px;
  line-height: 28px;
}
@media (min-width: 1200px){
  .mobile-menu .mobile-utility-menu .header-row-support{
    font-size: 24px;
    line-height: 32px;
  }
}
.mobile-menu .mobile-utility-menu .header-row-support {
        display: block;
      }
.mobile-menu .mobile-utility-menu .header-row-support:hover{
  cursor: pointer;
  color: var(--orange-1);
}
.mobile-menu .mobile-utility-menu .header-row-demo{
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
  font-size: 20px;
  line-height: 28px;
}
@media (min-width: 1200px){
  .mobile-menu .mobile-utility-menu .header-row-demo{
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 768px){
  .mobile-menu .mobile-utility-menu .header-row-demo{
    margin-top: 0px;
    display: none;
  }
}
.mobile-menu .mobile-utility-menu .header-row-demo a{
  font-weight: 500;
}
.mobile-menu .header-row-text {
      transition: color 250ms ease-in-out;
    }
.mobile-menu .header-row-text:hover{
  cursor: pointer;
  color: var(--orange-1);
}
.mobile-menu .header-row-text:after {
        content: "";
        -webkit-mask-image: url(images/cd61aad5e5284ceb47d4.svg);
                mask-image: url(images/cd61aad5e5284ceb47d4.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(--ex-blue-dark);
        height: 16px;
        width: 16px;
        position: absolute;
        left: 44%;
        top: 51%;
        transform: translateY(-50%);
        transition: background-color 250ms ease-in-out;
      }
@media (min-width: 768px) {
        .mobile-menu .header-row-text:after {
          left: 30%;
        }
      }
.mobile-menu .header-row-text:hover:after{
  background-color: var(--orange-1);
}
.mobile-menu .mobile-header-menu{
  display: flex;
  flex-direction: column;
      overflow-y: auto;
      max-height: 0px;
}
.mobile-menu .mobile-header-menu li{
  display: flex;
  flex-direction: column;
}
.mobile-menu .mobile-header-row-text[data-open="open"] {
        position: absolute;
        left: 0;
        top: 0;
        background: var(--white);
        width: 100%;
        height: 100vh;
        z-index: 100;
      }
.mobile-menu .mobile-header-row-text[data-open="open"] .header-row-text{
  padding-left: 32px;
  padding-bottom: 12px;
}
.mobile-menu .mobile-header-row-text[data-open="open"] .header-row-text:after {
            transform: rotate(180deg);
            left: 16px;
            top: 18px;
          }
@media (min-width: 768px) {
            .mobile-menu .mobile-header-row-text[data-open="open"] .header-row-text:after {
              top: 34px;
            }
.mobile-menu .mobile-header-row-text[data-open="open"] .mobile-header-menu {
            max-height: 100%;
            flex-wrap: wrap;
            -moz-column-gap: 50px;
                 column-gap: 50px
        }

            .mobile-menu .mobile-header-row-text[data-open="open"] .mobile-header-menu .header-dropdown-menu-item {
              width: 50%;
              max-width: 320px;
            }
          }
.mobile-menu .mobile-header-row-text[data-open="open"] .mobile-header-menu .header-dropdown-menu-link-wrapper{
  display: flex;
  padding-top: 12px;
  padding-bottom: 12px;
}
.mobile-menu .mobile-header-row-text[data-open="open"] .mobile-header-menu .header-dropdown-menu-link-wrapper img{
  margin-right: 16px;
  height: 32px;
}
.mobile-menu .mobile-header-row-text[data-open="open"] .mobile-header-menu .header-dropdown-menu-link-wrapper p{
  font-weight: 400;
}
.mobile-menu .mobile-header-row-text[data-open="open"] .mobile-header-menu .double-wide-title-wrapper{
  display: flex;
  align-items: center;
            border-bottom: 1px solid var(--gray-2);
}
.mobile-menu .mobile-header-row-text[data-open="open"] .mobile-header-menu .double-wide-title-wrapper img{
  margin-right: 12px;
  height: 32px;
  width: 32px;
}
.mobile-menu .mobile-header-row-text[data-open="open"] .mobile-header-menu .double-wide-title-wrapper .header-dropdown-menu-title {
              border: none;
            }
@media (min-width: 768px) {
.mobile-menu .mobile-header-row-text[data-open="open"] .mobile-header-menu .double-wide-title-wrapper {
              width: calc(100vw - 100px)
          }
.mobile-menu .mobile-header-row-text[data-open="open"] .mobile-header-menu .double-wide-title-wrapper + .double-wide-wrapper{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
                height: 55vh;
                -moz-column-gap: 25px;
                     column-gap: 25px;
  }
            }
.mobile-menu .mobile-header-row-text[data-open="open"] .mobile-header-menu .double-wide-wrapper p{
  font-weight: 400;
}
.mobile-menu .mobile-header-row-text[data-open="open"] .mobile-header-menu .double-wide-wrapper .header-dropdown-menu-link-wrapper div .header-dropdown-menu-link{
  font-weight: 700;
}
.mobile-menu .mobile-header-row-text[data-open="open"] .mobile-header-menu .header-dropdown-menu-link-text{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.mobile-menu .mobile-header-row-text[data-open="open"] .mobile-header-menu .header-dropdown-menu-item.xmp-logo .double-wide-wrapper div a {
                    font-weight: 700 !important;
                  }
.mobile-menu .header-dropdown-menu-title{
  pointer-events: none;
  padding-top: 16px;
  padding-bottom: 16px;
  text-transform: uppercase;
  color: var(--ex-blue-medium);
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .mobile-menu .header-dropdown-menu-title{
    font-size: 18px;
    line-height: 24px;
  }
}
.mobile-menu .header-dropdown-menu-title {
      border-bottom: 1px solid var(--gray-2);
    }
.mobile-menu .header-dropdown-menu-item p{
  font-weight: 400;
}
.mobile-menu .header-dropdown-menu-link{
  padding-top: 8px;
  padding-bottom: 8px;
  font-weight: 400;
  color: var(--ex-blue-dark);
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .mobile-menu .header-dropdown-menu-link{
    font-size: 18px;
    line-height: 24px;
  }
}
.mobile-menu .header-dropdown-menu-link {
      transition: color 250ms ease-in-out;
    }
.mobile-menu .header-dropdown-menu-link:hover{
  color: var(--orange-1);
}
.mobile-menu .header-dropdown-menu-link + p{
  color: var(--gray-4);
}
.animate__animated.animate__fadeOut {
  --animate-duration: 250ms;
}
.footer-container{
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 56px;
}
@media (min-width: 768px){
  .footer-container{
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1200px){
  .footer-container{
    padding-top: 64px;
  }
}
.footer-container {
    background-color: var(--ex-blue-dark);
    color: var(--white);
    min-height: 450px;
  }
@media (max-width: 768px) {
.footer-container {
      min-height: 520px
  }
    }
@media (min-width: 768px){
  .footer-container .footer-columns-container{
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 1200px){
  .footer-container .footer-columns-container{
    flex-direction: row;
  }
}
.footer-container .footer-columns-container {
      max-width: 1800px;
      margin: 0 auto;
    }
@media (min-width: 768px) {
.footer-container .footer-columns-container {
        height: 700px
    }
      }
@media (min-width: 1200px) {
.footer-container .footer-columns-container {
        height: auto;
        -moz-column-gap: 200px;
             column-gap: 200px
    }
      }
.footer-container .footer-columns-container .footer-column:nth-child(2){
  margin-top: 72px;
}
@media (min-width: 768px){
  .footer-container .footer-columns-container .footer-column:nth-child(2){
    margin-top: 0px;
  }
}
.footer-container .footer-columns-container .footer-column{
  z-index: 20;
}
@media (min-width: 768px) {
.footer-container .footer-columns-container .footer-column {
          height: 300px
      }
        }
.footer-container .footer-columns-container .footer-column .footer-column-title{
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px){
  .footer-container .footer-columns-container .footer-column .footer-column-title{
    font-size: 18px;
    line-height: 24px;
  }
}
.footer-container .footer-columns-container .footer-column .footer-column-title {
          color: var(--blue-2);
        }
.footer-container .footer-columns-container .footer-column .footer-text{
  padding-top: 12px;
  padding-bottom: 12px;
  color: var(--white);
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 1200px){
  .footer-container .footer-columns-container .footer-column .footer-text{
    font-size: 20px;
    line-height: 28px;
  }
}
.footer-container .footer-columns-container .footer-column .footer-text {
          list-style-type: none;
          transition: color 250ms ease-in-out;
        }
.footer-container .footer-columns-container .footer-column .footer-text:hover{
  color: var(--orange-1);
}
.footer-container .footer-columns-container .copyright-wrapper{
  padding-top: 12px;
  padding-bottom: 12px;
}
.footer-container .footer-columns-container .copyright-wrapper .copyright-text{
  padding-top: 20px;
  padding-bottom: 20px;
  color: var(--blue-1);
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px){
  .footer-container .footer-columns-container .copyright-wrapper .copyright-text{
    font-size: 16px;
    line-height: 22px;
  }
}
.footer-container .footer-columns-container .copyright-wrapper .wcag-wrapper{
  display: flex;
}
.footer-container .footer-columns-container .copyright-wrapper .wcag-icon:after {
            content: "";
            display: block;
            -webkit-mask-image: url(images/98cf989ff6dea9004877.png);
                    mask-image: url(images/98cf989ff6dea9004877.png);
            -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(--white);
            height: 64px;
            width: 64px;
            transition: background-color 250ms ease-in-out;
          }
.footer-container .footer-columns-container .copyright-wrapper .wcag-icon:hover:after {
              background-color: var(--orange-1);
            }
.footer-container .footer-columns-container .copyright-wrapper .wcag-icon1:after {
            content: "";
            display: block;
            -webkit-mask-image: url(images/64364d50057cb0804644.png);
                    mask-image: url(images/64364d50057cb0804644.png);
            -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(--white);
            height: 64px;
            width: 64px;
            transition: background-color 250ms ease-in-out;
          }
.footer-container .footer-columns-container .copyright-wrapper .wcag-icon1:hover:after {
              background-color: var(--orange-1);
            }
.footer-container .footer-columns-container .copyright-wrapper .wcag-icon2:after {
            content: "";
            display: block;
            -webkit-mask-image: url(images/3a1f0abf14790cd8192e.png);
                    mask-image: url(images/3a1f0abf14790cd8192e.png);
            -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(--white);
            height: 64px;
            width: 64px;
            transition: background-color 250ms ease-in-out;
          }
.footer-container .footer-columns-container .copyright-wrapper .wcag-icon2:hover:after {
              background-color: var(--orange-1);
            }
.footer .footer-icons-container{
  display: flex;
  padding-top: 16px;
  padding-bottom: 16px;
    -moz-column-gap: 8px;
         column-gap: 8px;
}
.footer .footer-single-icon{
  display: flex;
  height: 40px;
  width: 40px;
  align-self: center;
    background-color: var(--blue-4);
    transition: background-color 250ms ease-in-out;
}
.footer .footer-single-icon:hover {
      background-color: var(--orange-1);
    }
.footer .footer-single-icon .icon-instagram {
      margin: 0 auto;
      align-self: center;
    }
.footer .footer-single-icon .icon-instagram:after {
        content: "";
        display: block;
        -webkit-mask-image: url(images/633e588c64a51854f80d.png);
                mask-image: url(images/633e588c64a51854f80d.png);
        -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(--white);
        height: 16px;
        width: 16px;
      }
.footer .footer-single-icon .icon-linkedin {
      margin: 0 auto;
      align-self: center;
    }
.footer .footer-single-icon .icon-linkedin:after {
        content: "";
        display: block;
        -webkit-mask-image: url(images/5d325b79ba0cb2e2d2eb.png);
                mask-image: url(images/5d325b79ba0cb2e2d2eb.png);
        -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(--white);
        height: 16px;
        width: 16px;
      }
.footer .footer-single-icon .icon-facebook {
      margin: 0 auto;
      align-self: center;
    }
.footer .footer-single-icon .icon-facebook:after {
        content: "";
        display: block;
        -webkit-mask-image: url(images/4a9b4e9bfaec7d5211da.png);
                mask-image: url(images/4a9b4e9bfaec7d5211da.png);
        -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(--white);
        height: 16px;
        width: 16px;
      }
.footer-logo-wrapper {
    margin-right: -65px;
    right: 0px;
    top: 0px;
    z-index: 10;
    display: flex;
    justify-content: flex-end;
  }
@media (min-width: 768px){
  .footer-logo-wrapper{
    position: absolute;
  }
}
@media (min-width: 1200px){
  .footer-logo-wrapper{
    margin-right: 0px;
  }
}
.footer-logo-wrapper {
    max-width: 700px;
    width: 100%;
  }
@media (min-width: 768px) {
.footer-logo-wrapper{
    bottom: 0px;
  }
    }
.footer-logo-wrapper img {
      min-width: 300px;
      height: auto;
    }
@media (min-width: 768px) {
.footer-logo-wrapper img {
        width: 700px
    }
      }
@media (min-width: 1200px) {
.footer-logo-wrapper img {
        width: 450px
    }
      }
.home-banner-section{
  position: relative;
  height: auto;
  width: 100%;
    margin-bottom: 450px;
}
@media (min-width: 768px) {
.home-banner-section {
      margin-bottom: 300px
  }
    }
@media (min-width: 1200px) {
.home-banner-section {
      margin-bottom: 200px
  }
    }
.home-banner-main-content{
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  background-color: var(--ex-blue-medium);
    padding-bottom: 70px;
    height: auto;
    min-height: 625px;
    flex-direction: column;
}
@media (min-width: 768px) {
.home-banner-main-content {
      min-height: 834px;
      flex-direction: column
  }
    }
@media (min-width: 1200px) {
.home-banner-main-content {
      min-height: 768px;
      flex-direction: row
  }
    }
@media (min-width: 1920px) {
.home-banner-main-content {
      min-height: 1000px
  }
    }
.home-banner-left{
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  justify-content: center;
    max-height: 561px;
    padding-left: 40px;
    padding-top: 60px;
}
@media (min-width: 768px) {
.home-banner-left {
      padding-left: 60px
  }
    }
@media (min-width: 1200px) {
.home-banner-left {
      padding-top: 0px;
      max-width: 720px
  }
    }
@media (min-width: 1920px) {
.home-banner-left {
      align-items: end;
      max-width: 100%
  }

      .home-banner-left .home-banner-left-title {
        margin-right: 266px;
      }

      .home-banner-left .home-banner-left-button {
        margin-right: 621px;
      }
    }
.home-banner-left-title{
  color: var(--white);
      font-weight: 700;
      max-width: 100%;
      margin-bottom: 32px;
}
@media (max-width: 768px) {
.home-banner-left-title {
        padding-right: 40px
    }
      }
@media (min-width: 768px) {
.home-banner-left-title {
        margin-bottom: 44px
    }
      }
@media (min-width: 1200px) {
.home-banner-left-title {
        margin-bottom: 82px
    }
      }
.home-banner-left-title bg-orange-1 {
        transition: all 0.3s ease;
      }
.home-banner-left-button{
  background-color: var(--white);
  color: var(--ex-blue-medium);
      width: -webkit-fit-content !important;
      width: -moz-fit-content !important;
      width: fit-content !important;
}
.home-banner-right{
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
    flex-direction: column;
    align-items: flex-start;
    -moz-column-gap: 12px;
         column-gap: 12px;
}
@media (min-width: 768px) {
.home-banner-right {
      max-height: 561px;
      align-items: center !important;
      flex-direction: row !important;
      padding-left: 60px
  }
    }
@media (min-width: 1200px) {
.home-banner-right {
      margin-left: 0px
  }
    }
@media (min-width: 1920px) {
.home-banner-right {
      max-height: 770px
  }
    }
.home-banner-right-line{
  background-color: var(--orange-1);
      width: 4px;
      height: auto;
}
.home-banner-right-text {
      /* w-1/5 */
      display: flex;
      height: 100%;
      align-items: center;
      width: 28%;
      max-width: 240px;
    }
@media (max-width: 768px) {
.home-banner-right-text {
        margin-left: 40px;
        margin-top: 60px;
        width: 50%
    }
      }
@media (min-width: 768px) {
.home-banner-right-text {
        /* margin-left: 60px; */
    }
      }
.home-banner-right-text-inner{
  overflow: hidden;
  color: var(--white);
}
@media (min-width: 1200px){
  .home-banner-right-text-inner{
    height: auto;
  }
}
.home-banner-right-text-inner {
        /* h-88px */
        font-weight: 400;
      }
.home-banner-right-text-block{
  display: flex;
  height: auto;
  width: 100%;
        gap: 16px;
}
.home-banner-right-image {
      /* w-4/5 */
      /* @apply w-full h-auto;  */
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      max-width: 748px;
      max-height: 561px;
      display: none;
      transition: all 0.3s ease;
    }
.home-banner-right-image.js-active-image {
        display: block !important;
      }
@media (max-width: 767px) {
.home-banner-right-image {
        height: 250px !important;
        -o-object-fit: contain;
           object-fit: contain
    }
      }
@media (min-width: 1920px) {
.home-banner-right-image {
        max-width: 1032px;
        max-height: 770px
    }
      }
.home-banner-right-image-wrapper{
  position: relative;
  height: 100%;
  width: 80%;
        max-width: 748px;
        max-height: 561px;
}
@media (max-width: 768px) {
.home-banner-right-image-wrapper {
          align-self: end
          /* height: 290px; */
      }
        }
@media (min-width: 1920px) {
.home-banner-right-image-wrapper {
          width: 100%;
          max-width: 1032px;
          max-height: 770px
      }
        }
.home-banner-content-bar{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  background-color: var(--blue-2);
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 32px;
  padding-right: 32px;
}
@media (min-width: 768px){
  .home-banner-content-bar{
    padding-left: 52px;
    padding-right: 52px;
    padding-top: 56px;
    padding-bottom: 72px;
  }
}
.home-banner-content-bar {
    row-gap: 24px;
    max-width: 1800px;
    overflow-x: clip;
  }
@media (min-width: 768px) {
.home-banner-content-bar {
      flex-direction: row !important;
      align-items: center !important;
      -moz-column-gap: 24px;
           column-gap: 24px
  }
    }
@media (min-width: 1200px) {
.home-banner-content-bar {
      -moz-column-gap: 72px;
           column-gap: 72px
  }
    }
.home-banner-content-bar-position{
  position: relative;
  bottom: 0px;
  left: 0px;
  height: 0px;
  width: 100%;
}
@media (min-width: 1200px){
  .home-banner-content-bar-position{
    position: absolute;
    bottom: 165px;
  }
}
.home-banner-content-bar-wrapper{
  height: auto;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px){
  .home-banner-content-bar-wrapper{
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1200px){
  .home-banner-content-bar-wrapper{
    padding-left: 56px;
    padding-right: 56px;
  }
}
.home-banner-content-bar-wrapper {
      position: absolute;
      top: 0px;
    }
.home-banner-content-bar-column{
  position: relative;
  display: flex;
  height: auto;
  width: 100%;
  flex-direction: column;
  justify-content: center;
      z-index: 21;
      max-width: 365px;
}
.home-banner-content-bar-overlay{
  position: absolute;
  left: 0px;
  z-index: 20;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
      width: 387px;
      max-height: 373px;
      top: auto;
      bottom: -150px;
}
@media (min-width: 768px) {
.home-banner-content-bar-overlay {
        top: 0;
        left: -129px;
        width: 539px;
        min-height: 604px;
        /* max-height: 575px; */
        bottom: auto
    }
      }
@media (min-width: 1200px) {
.home-banner-content-bar-overlay {
        width: 597px;
        min-height: 500px;
        max-height: 575px;
        left: 0px
    }
      }
.home-banner-content-bar-overlay-bg{
  position: absolute;
  z-index: 20;

        top: calc(100% - 162px);
        left: 0px;
        bottom: auto;
        width: 100%;
        max-width: 450px;
        background-size: contain;
        height: 300px;
        background-image: url(images/51b5401423fc5ed878ea.svg);
        background-repeat: no-repeat;
        background-position: initial;
}
@media (min-width: 768px) {
.home-banner-content-bar-overlay-bg {
          top: auto;
          left: 0px;
          bottom: -70%;
          height: 500px;
          width: 100%;
          background-size: cover;
          max-width: 380px
      }
        }
@media (min-width: 1200px) {
.home-banner-content-bar-overlay-bg {
          background-size: auto;
          background-image: url(images/5c77bfa44819451a9d17.svg);
          left: 0px;
          top: 0px;
          height: 450px;
          max-width: 100% !important
      }
        }
.home-banner-content-bar-title {
      color: #173057;
      font-weight: 700;
      margin-bottom: 13px;
    }
.home-banner-content-bar-description {
      color: #173057;
      font-weight: 700;
      height: auto;
    }
/* height: 88px; */
@media (min-width: 768px) {
.home-banner-content-bar-description {
        height: 110px
    }
      }
@media (min-width: 1200px) {
.home-banner-content-bar-description {
        height: 72px
    }
      }
#typewriter {
  line-height: 42px;
  white-space: nowrap !important;
}
@media (min-width: 1200px) {
#typewriter {
    line-height: 72px
}
  }
/* #typewriter {
  &:after {
    content: "\25AE";
    font-size: 40px;
    opacity: 0;

    @media (min-width: 768px) {
      font-size: 50px;
    }
    @media (min-width: 1200px) {
      font-size: 85px;
      line-height: 64px;
    }

    color: white;
    animation: customBlink 500ms linear infinite alternate;
  }
} */
@-webkit-keyframes customBlink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes customBlink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.large-banner-centered{
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 72px;
  padding-top: 20px;
}
@media (min-width: 768px){
  .large-banner-centered{
    justify-content: space-between;
    padding-left: 100px;
    padding-right: 100px;
    padding-bottom: 88px;
    padding-top: 52px;
  }
}
@media (min-width: 1200px){
  .large-banner-centered{
    flex-direction: row;
    padding-left: 64px;
    padding-right: 64px;
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
.large-banner-centered {

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    row-gap: 24px;
  }
@media (min-width: 768px) {
.large-banner-centered {
      row-gap: 56px;
      min-height: 900px
  }
    }
.large-banner-centered-container{
  margin-left: auto;
  margin-right: auto;
  max-width: 1920;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px){
  .large-banner-centered-container{
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1200px){
  .large-banner-centered-container{
    padding-left: 60px;
    padding-right: 60px;
  }
}
.large-banner-centered-container.centered-bg-image {
        padding-left: 0px !important;
        padding-right: 0px !important;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
      }
.large-banner-centered-container.centered-bg-image .large-banner-centered {
          background-color: transparent !important;
        }
.large-banner-centered-left{
  height: 100%;
      width: 29%;
      display: flex;
      justify-content: flex-start;
      align-self: flex-start;
}
@media (max-width: 768px) {
.large-banner-centered-left {
        justify-content: center;
        margin: 0px auto
    }
      }
@media (min-width: 768px) {
.large-banner-centered-left {
        width: 28%
    }
      }
@media (min-width: 1200px) {
.large-banner-centered-left {
        width: 90%
    }
      }
.large-banner-centered-left .left-image{
  height: auto;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
        max-width: 375px;
        max-height: 543px;
}
.large-banner-centered-middle{
  display: flex;
  height: auto;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
/* max-width: 700px; */
@media (min-width: 1200px) {
.large-banner-centered-middle {
        min-width: 700px
    }
      }
.large-banner-centered-title{
  margin-bottom: 24px;
  padding-left: 16px;
  padding-right: 16px;
      font-weight: 700;
      max-width: 700px;
}
.large-banner-centered-description{
  margin-bottom: 56px;
      max-width: 700px;
}
.large-banner-centered-buttons{
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      row-gap: 16px;
      -moz-column-gap: 16px;
           column-gap: 16px;
}
@media (max-width: 768px) {
.large-banner-centered-buttons {
        max-width: 330px
    }
      }
@media (min-width: 768px) {
.large-banner-centered-buttons {
        row-gap: 24px;
        -moz-column-gap: 24px;
             column-gap: 24px
    }
      }
@media (min-width: 1200px) {
.large-banner-centered-buttons {
        row-gap: 32px;
        -moz-column-gap: 32px;
             column-gap: 32px
    }
      }
.large-banner-centered-right{
  height: 100%;
      width: 29%;
      display: flex;
      justify-content: flex-end;
      align-self: flex-end;
}
@media (max-width: 768px) {
.large-banner-centered-right {
        justify-content: center;
        margin: 0px auto
    }
      }
@media (min-width: 768px) {
.large-banner-centered-right {
        width: 28%
    }
      }
@media (min-width: 1200px) {
.large-banner-centered-right {
        width: 90%
    }
      }
.large-banner-centered-right .right-image{
  height: auto;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
        max-width: 375px;
        max-height: 543px;
}
.large-banner-centered .arrow-container{
  position: absolute;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      height: auto;
      left: 50%;
      transform: translateX(-50%);
      width: 27px;
      height: 16px;
      -webkit-mask-image: url(images/50754cb934ccae92c063.svg);
              mask-image: url(images/50754cb934ccae92c063.svg);
      bottom: 30px;
}
@media (min-width: 768px) {
.large-banner-centered .arrow-container {
        bottom: 51px
    }
      }
@media (min-width: 1200px) {
.large-banner-centered .arrow-container {
        bottom: 66px
    }
      }
.large-banner-left{
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 768px){
  .large-banner-left{
    justify-content: center;
  }
}
@media (min-width: 1200px){
  .large-banner-left{
    flex-direction: row;
    align-items: center;
      min-height: 900px;
  }
}
.large-banner-left-container{
  margin-left: auto;
  margin-right: auto;
  max-width: 1920px;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px){
  .large-banner-left-container{
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1200px){
  .large-banner-left-container{
    padding-left: 60px;
    padding-right: 60px;
  }
}
.large-banner-left-text{
  height: 100%;
  width: 100%;
}
.large-banner-left-text-wrapper{
  position: relative;
  margin-top: 24px;
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 56px;
}
@media (min-width: 768px){
  .large-banner-left-text-wrapper{
    margin-top: 36px;
    padding-right: 0px;
    padding-bottom: 100px;
    padding-left: 40px;
  }
}
@media (min-width: 1200px){
  .large-banner-left-text-wrapper{
    margin-top: 0px;
    padding-left: 64px;
    padding-bottom: 0px;
  }
}
/* max-width: 256px; */
@media (min-width: 768px) {
.large-banner-left-text-wrapper {
          max-width: 500px
      }
        }
@media (min-width: 1200px) {
.large-banner-left-text-wrapper {
          max-width: 732px
      }
        }
.large-banner-left-text-wrapper .left-arrow-container {
          /* @apply absolute; */
          width: 27px;
          height: 16px;
          -webkit-mask-image: url(images/50754cb934ccae92c063.svg);
                  mask-image: url(images/50754cb934ccae92c063.svg);
          margin-top: 32px;
        }
/* left: 16px;
                    bottom: 17px; */
@media (min-width: 768px) {
.large-banner-left-text-wrapper .left-arrow-container {
            margin-top: 56px

            /* left: 40px;
                        bottom: 41px; */
        }
          }
@media (min-width: 1200px) {
.large-banner-left-text-wrapper .left-arrow-container {
            margin-top: 173px

            /* left: 64px;
                        bottom: -173px; */
        }
          }
.large-banner-left-title{
  margin-bottom: 24px;
}
@media (min-width: 768px){
  .large-banner-left-title{
    padding-right: 24px;
  }
}
.large-banner-left-title {
      font-weight: 700;
    }
.large-banner-left-description{
  margin-bottom: 24px;
}
@media (min-width: 768px){
  .large-banner-left-description{
    margin-bottom: 32px;
    padding-right: 24px;
  }
}
@media (min-width: 1200px){
  .large-banner-left-description{
    margin-bottom: 56px;
  }
}
.large-banner-left-image{
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
      max-width: 900px;
      max-height: 900px;
}
.large-banner-left-image-wrapper{
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: flex-end;
}
@media (min-width: 1200px){
  .large-banner-left-image-wrapper{
    justify-content: flex-end;
  }
}
.large-banner-left-buttons{
  height: 100%;
  width: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: wrap;
      row-gap: 16px;
      -moz-column-gap: 16px;
           column-gap: 16px;
}
@media (min-width: 768px) {
.large-banner-left-buttons {
        row-gap: 24px;
        -moz-column-gap: 24px;
             column-gap: 24px
    }
      }
@media (min-width: 1200px) {
.large-banner-left-buttons {
        row-gap: 32px;
        -moz-column-gap: 32px;
             column-gap: 32px
    }
      }
.small-banner-left{
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 768px){
  .small-banner-left{
    justify-content: center;
  }
}
@media (min-width: 1200px){
  .small-banner-left{
    max-height: 600px;
    flex-direction: row;
    align-items: center;
      min-height: 600px;
  }
}
.small-banner-left-container{
  margin-left: auto;
  margin-right: auto;
  max-width: 1800px;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 1200px) {
.small-banner-left-container {
        padding-left: 64px;
        padding-right: 64px
    }
      }
@media (min-width: 1800px) {
.small-banner-left-container {
        padding-left: 0px;
        padding-right: 0px
    }
      }
.small-banner-left-text{
  height: 100%;
  width: 100%;
}
.small-banner-left-text-wrapper{
  position: relative;
  margin-top: 24px;
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 56px;
}
@media (min-width: 768px){
  .small-banner-left-text-wrapper{
    margin-top: 36px;
    padding-right: 0px;
    padding-bottom: 100px;
    padding-left: 40px;
  }
}
@media (min-width: 1200px){
  .small-banner-left-text-wrapper{
    margin-top: 0px;
    padding-left: 64px;
    padding-bottom: 0px;
  }
}
/* max-width: 256px; */
@media (min-width: 768px) {
.small-banner-left-text-wrapper {
          max-width: 500px
      }
        }
@media (min-width: 1200px) {
.small-banner-left-text-wrapper {
          max-width: 852px
      }
        }
.small-banner-left-text-wrapper .left-arrow-container{
  position: absolute;
  display: block;
          width: 27px;
          height: 16px;
          -webkit-mask-image: url(images/50754cb934ccae92c063.svg);
                  mask-image: url(images/50754cb934ccae92c063.svg);
          left: 16px;
          bottom: 17px;
}
@media (min-width: 768px) {
.small-banner-left-text-wrapper .left-arrow-container {
            left: 40px;
            bottom: 41px
        }
          }
@media (min-width: 1200px) {
.small-banner-left-text-wrapper .left-arrow-container {
            display: none !important;
            left: 64px;
            bottom: 0px
        }
          }
.small-banner-left-title{
  margin-bottom: 24px;
}
@media (min-width: 768px){
  .small-banner-left-title{
    padding-right: 24px;
  }
}
.small-banner-left-title {
      font-weight: 700;
    }
@media (min-width: 768px) {
.small-banner-left-title {
        max-width: 500px
    }
      }
@media (min-width: 1200px) {
.small-banner-left-title {
        max-width: 600px
    }
      }
.small-banner-left-description{
  margin-bottom: 56px;
}
@media (min-width: 768px){
  .small-banner-left-description{
    padding-right: 24px;
        max-width: 500px;
  }
}
@media (min-width: 1200px) {
.small-banner-left-description {
        max-width: 700px
    }
      }
.small-banner-left-image{
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
      max-width: 820px;
      max-height: 600px;
}
.small-banner-left-image-wrapper{
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: flex-end;
}
@media (min-width: 1200px){
  .small-banner-left-image-wrapper{
    justify-content: flex-end;
  }
}
.small-banner-left-image-wrapper {
        align-self: end;
      }
.small-banner-left-buttons{
  height: 100%;
  width: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: wrap;
      row-gap: 16px;
      -moz-column-gap: 16px;
           column-gap: 16px;
}
@media (max-width: 768px) {
.small-banner-left-buttons {
        max-width: 335px
    }
      }
@media (min-width: 768px) {
.small-banner-left-buttons {
        row-gap: 24px;
        -moz-column-gap: 24px;
             column-gap: 24px
    }
      }
@media (min-width: 1200px) {
.small-banner-left-buttons {
        row-gap: 32px;
        -moz-column-gap: 32px;
             column-gap: 32px
    }
      }
.js-drop-arrow {
  cursor: pointer;
}
.pnf-section{
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  margin-bottom: 100px;
  max-width: 1800px;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px){
  .pnf-section{
    margin-bottom: 150px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1200px){
  .pnf-section{
    margin-top: 60px;
    margin-bottom: 260px;
  }
}
@media (min-width: 1800px) {
.pnf-section{
    padding-left: 0px;
    padding-right: 0px;
  }
  }
.pnf-section .text-wrapper{
  height: 300px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 24px;
  color: var(--white);
}
@media (min-width: 768px){
  .pnf-section .text-wrapper{
    height: 250px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px;
  }
}
@media (min-width: 1200px){
  .pnf-section .text-wrapper{
    display: flex;
    height: 600px;
    flex-direction: column;
    justify-content: center;
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 0px;
  }
}
.pnf-section .text-wrapper {

    background-color: var(--blue-5);
  }
.pnf-section .text-wrapper .title{
  margin-bottom: 16px;
  width: 100%;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 768px){
  .pnf-section .text-wrapper .title{
    font-size: 36px;
    line-height: 44px;
  }
}
@media (min-width: 1200px){
  .pnf-section .text-wrapper .title{
    font-size: 56px;
    line-height: 64px;
  }
}
@media (min-width: 768px){
  .pnf-section .text-wrapper .title{
    margin-bottom: 20px;
    max-width: 500px;
  }
}
@media (min-width: 1200px){
  .pnf-section .text-wrapper .title{
    margin-bottom: 24px;
    max-width: 700px;
  }
}
.pnf-section .text-wrapper .description{
  width: 100%;
  font-size: 20px;
  line-height: 28px;
}
@media (min-width: 1200px){
  .pnf-section .text-wrapper .description{
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 768px){
  .pnf-section .text-wrapper .description{
    max-width: 500px;
  }
}
@media (min-width: 1200px){
  .pnf-section .text-wrapper .description{
    max-width: 700px;
  }
}
/* Search Box = Search page  */
.search-container{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 1200px){
  .search-container{
    padding-left: 40px;
    padding-right: 40px;
  }
}
.search-container {
  max-width: 1880px;

  /* @media (max-width: 1860px) {
    @apply px-40px;
  } */

  /* @media (max-width: 960px) {
    @apply px-0;
  } */
}
.search-container-full{
  width: 100%;
  background-color: var(--ex-blue-dark);
}
.search-container-inner{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 1200px){
  .search-container-inner{
    padding-left: 40px;
    padding-right: 40px;
  }
}
.search-container-inner {
    max-width: 1880px;
  }
.search-box{
  padding-top: 36px;
  padding-bottom: 36px;
  color: var(--gray-5);
  /* padding-top: 1px; */
  max-width: 900px;
  min-height: 198px;
  position: relative;
}
/* @media (max-width: 960px) {
    @apply px-16px;
  } */
.search-box:before{
  background-color: var(--ex-blue-dark);
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 100%;
    width: 100vw;
    height: 100%;
}
.search-box .search-page-title{
  margin-bottom: 20px;
  text-transform: uppercase;
  color: var(--orange-2);
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px){
  .search-box .search-page-title{
    font-size: 16px;
    line-height: 22px;
  }
}
.search-box .search-page-title {
    letter-spacing: 2px;
    font-weight: 500;
  }
.search-box .search-page-bar{
  width: 100%;
  background-color: var(--ex-blue-dark);
  padding-bottom: 4px;
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
}
@media (min-width: 768px){
  .search-box .search-page-bar{
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 1200px){
  .search-box .search-page-bar{
    font-size: 32px;
    line-height: 40px;
  }
}
.search-box .search-page-bar {
    border-radius: unset;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    color: var(--white);
    margin-left: 1px;
    border-bottom: 2px solid var(--white);
    transition: all 150ms ease;
  }
.search-box .search-page-bar:focus-visible {
      outline: none;
      border-bottom-color: var(--orange-2);
    }
.search-box .search-page-bar::-moz-placeholder {
      color: var(--white);
    }
.search-box .search-page-bar:-ms-input-placeholder {
      color: var(--white);
    }
.search-box .search-page-bar::placeholder {
      color: var(--white);
    }
/* label:after {
    content: '';
    background-color: #fff;
    height: 2px;
    width: 100%;
    position: absolute;
    display: block;
    border-radius: 10px;
  } */
.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/d7344e9eefff4e4dc213.svg);
            mask-image: url(images/d7344e9eefff4e4dc213.svg);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: left;
            mask-position: left;
    -webkit-mask-size: contain;
            mask-size: contain;
}
@media (max-width: 1200px) {
.search-box .search-page-submit {
      top: 46%
  }
    }
.search-box .search-page-clear{
  margin-top: 24px;
  color: var(--white);
  font-size: 10px;
  line-height: 14px;
}
@media (min-width: 1200px){
  .search-box .search-page-clear{
    font-size: 12px;
    line-height: 16px;
  }
}
.search-box .search-page-clear {
    border-bottom: 1px solid var(--white);
    letter-spacing: 3px;
    margin-bottom: -1px;
  }
.no-results-title{
  margin-top: 36px;
  margin-bottom: 36px;
  color: var(--gray-4);
  font-size: 22px;
  line-height: 30px;
}
@media (min-width: 768px){
  .no-results-title{
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 1200px){
  .no-results-title{
    font-size: 32px;
    line-height: 40px;
  }
}
.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;
  font-weight: 700;
  color: var(--gray-5);
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 1200px){
  .search-result-item .item-title{
    font-size: 20px;
    line-height: 28px;
  }
}
.search-result-item .item-title {
    transition: all 150ms ease;
  }
.search-result-item .item-title:focus, .search-result-item .item-title:hover{
  color: var(--orange-2);
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
      transition: all 150ms ease;
}
.search-result-item .item-subtitle{
  text-transform: capitalize;
  color: var(--gray-3);
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px){
  .search-result-item .item-subtitle{
    font-size: 16px;
    line-height: 22px;
  }
}
.search-result-item .item-description{
  margin-top: 16px;
  color: var(--gray-4);
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px){
  .search-result-item .item-description{
    font-size: 16px;
    line-height: 22px;
  }
}
.search-result-item:focus .item-title, .search-result-item:hover .item-title{
  color: var(--orange-2);
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
      transition: all 150ms ease;
}
.search-content-wrapper{
  padding-top: 32px;
  padding-bottom: 32px;
}
@media (max-width: 960px) {}
/* ------------------
 * Posts
 * ------------------ */
/* Font Family */
/* @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap");

html,
body {
  font-family: SF Pro;
  width: 100%;
  min-height: 100%;
} */
html,
body {
  font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol" !important;
  width: 100%;
  min-height: 100%;
}
/* Class to load in on every component */
.grayscale {
  opacity: 0.5;
  filter: grayscale(100%);
  transition: filter 500ms ease-in-out, opacity 500ms ease-in-out;
}
.grayscaleOff {
  filter: grayscale(0%) !important;
  opacity: 1 !important;
}
/* Breadcrumb styling */
.main-breadcrumbs{
  margin-left: auto;
  margin-right: auto;
  max-width: 1920px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 1200px){
  .main-breadcrumbs{
    font-size: 14px;
    line-height: 20px;
  }
}
@media (min-width: 768px){
  .main-breadcrumbs{
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1200px){
  .main-breadcrumbs{
    padding-left: 60px;
    padding-right: 60px;
  }
}
.main-breadcrumbs {
  color: var(--gray-4);
}
.main-breadcrumbs a {
    transition: all 250ms ease;
  }
.main-breadcrumbs a:hover,
    .main-breadcrumbs a:focus {
      color: var(--orange-1);
    }
.breadcrumb-seperator{
  position: relative;
  padding-left: 16px;
  padding-right: 16px;
}
.breadcrumb-seperator:after {
    content: "";
    -webkit-mask-image: url(images/3db915a73b79f29a5049.svg);
            mask-image: url(images/3db915a73b79f29a5049.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(--ex-blue-medium);
    height: 16px;
    width: 13px;
    position: absolute;
    left: calc(50% - 7px);
    top: 50%;
    transform: translateY(-50%);
  }
/* 
 * -------------------------------
 * Default / Light Theme
 * -------------------------------
 */
:root {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

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

  /* Solid Colors */
  --ex-blue-dark: #173057;
  --ex-blue-medium: #0065b1;
  --orange-1: #ee6a30;
  --orange-2: #ff600e;
  --blue-1: #bde2f6;
  --blue-2: #5db8e8;
  --blue-3: #008ad7;
  --blue-4: #005dae;
  --blue-5: #184086;

  /* Grayscale */
  --gray-1: #f4f4f4;
  --gray-2: #dddddd;
  --gray-3: #888888;
  --gray-4: #555555;
  --gray-5: #222222;
}