*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::-ms-backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

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

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

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

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

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

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

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

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

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

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

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

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

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

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

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

b,
strong {
  font-weight: bolder;
}

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

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

button,
select {
  text-transform: none;
}

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

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

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

:-moz-focusring {
  outline: auto;
}

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

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

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

progress {
  vertical-align: baseline;
}

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

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

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

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

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

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

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

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

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

summary {
  display: list-item;
}

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

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

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

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

input:-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;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}.container {
  width: 100%;
}@media (min-width: 432px) {

  .container {
    max-width: 432px;
  }
}@media (min-width: 624px) {

  .container {
    max-width: 624px;
  }
}@media (min-width: 720px) {

  .container {
    max-width: 720px;
  }
}@media (min-width: 767) {

  .container {
    max-width: 767;
  }
}@media (min-width: 992px) {

  .container {
    max-width: 992px;
  }
}@media (min-width: 1032px) {

  .container {
    max-width: 1032px;
  }
}@media (min-width: 1440px) {

  .container {
    max-width: 1440px;
  }
}.features-card-mask{-webkit-mask-image:linear-gradient(to left, transparent 0%, #032c72 20%, #032c72 80%, transparent 100%);mask-image:linear-gradient(to left, transparent 0%, #032c72 20%, #032c72 80%, transparent 100%)}@media screen and (min-width: 992px){.features-card-mask{-webkit-mask-image:none;mask-image:none}}.features-by-month-mask{-webkit-mask-image:linear-gradient(to left, transparent 0%, #032c72 5%, #032c72 95%, transparent 100%);mask-image:linear-gradient(to left, transparent 0%, #032c72 5%, #032c72 95%, transparent 100%)}.text-balance{text-wrap:balance}.border-gradient-purple{background:linear-gradient(#f6f9ff, #f6f9ff) padding-box,linear-gradient(276deg, #ff290c 0%, #074dc5 100%) border-box}.feature-cards{display:flex;position:relative;flex-direction:column;margin:auto}@media screen and (min-width: 1440px){.feature-cards{width:100vw;left:50%;right:50%;margin-left:calc(-50vw - 0.5rem);margin-right:-50vw}}.fancy-button{--rotate: 0deg;--radius: 50px;box-shadow:0px 16px 32px 0px #0960F61A, 0px 0px 64px 0px #0960F680}.fancy-button .fancy{position:absolute;inset:0}.fancy-button .fancy:before{content:'';background:conic-gradient(from var(--rotate), transparent 0%, white 5%, transparent 10%);position:absolute;inset:0;animation:rotate 2.5s linear infinite}.fancy-button .fancy:after{content:'';background:#011840;position:absolute;inset:2px;border-radius:calc(var(--radius) - 2px)}@keyframes rotate{to{--rotate: 360deg}}.button-wrapper .bg-iris-50{background-color:#603FF5}.button-wrapper .bg-iris-60{background-color:#4b2fc2}.button-wrapper .bg-primary-50{background-color:#033180}.button-wrapper .bg-primary-70{background-color:#011332}.button-wrapper .bg-secondary-50{background-color:#ff290c}.button-wrapper .bg-secondary-70{background-color:#660c00}.button-wrapper .bg-gx-90{background-color:#A554FF}.button-wrapper .bg-neutral-white{background-color:#fff}.button-wrapper .bg-neutral-20{background-color:#e5e5e4}.button-wrapper .bg-transparent{background-color:transparent}.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}.pointer-events-none {
  pointer-events: none;
}.\!visible {
  visibility: visible !important;
}.visible {
  visibility: visible;
}.invisible {
  visibility: hidden;
}.static {
  position: static;
}.fixed {
  position: fixed;
}.absolute {
  position: absolute;
}.relative {
  position: relative;
}.sticky {
  position: sticky;
}.inset-0 {
  inset: 0;
}.inset-y-0 {
  top: 0;
  bottom: 0;
}.inset-y-2\/4 {
  top: 50%;
  bottom: 50%;
}.-bottom-\[20px\] {
  bottom: -20px;
}.bottom-0 {
  bottom: 0;
}.bottom-4 {
  bottom: 1.5rem;
}.bottom-9 {
  bottom: 6rem;
}.bottom-\[-18px\] {
  bottom: -18px;
}.left-0 {
  left: 0;
}.left-1\/2 {
  left: 50%;
}.left-\[18px\] {
  left: 18px;
}.left-\[50\%\] {
  left: 50%;
}.right-0 {
  right: 0;
}.right-5 {
  right: 2rem;
}.right-\[18px\] {
  right: 18px;
}.right-\[50\%\] {
  right: 50%;
}.start-0 {
  inset-inline-start: 0;
}.top-0 {
  top: 0;
}.top-1\/2 {
  top: 50%;
}.top-\[10\%\] {
  top: 10%;
}.top-\[50\%\] {
  top: 50%;
}.-z-10 {
  z-index: -10;
}.z-10 {
  z-index: 10;
}.z-50 {
  z-index: 50;
}.order-1 {
  order: 1;
}.order-2 {
  order: 2;
}.order-3 {
  order: 3;
}.order-last {
  order: 9999;
}.col-auto {
  grid-column: auto;
}.col-span-2 {
  grid-column: span 2 / span 2;
}.col-span-3 {
  grid-column: span 3 / span 3;
}.m-0 {
  margin: 0;
}.m-auto {
  margin: auto;
}.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}.mx-3 {
  margin-left: 1rem;
  margin-right: 1rem;
}.mx-\[0\.35rem\] {
  margin-left: 0.35rem;
  margin-right: 0.35rem;
}.mx-auto {
  margin-left: auto;
  margin-right: auto;
}.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}.my-3 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}.my-4 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}.my-6 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}.mb-0 {
  margin-bottom: 0;
}.mb-1 {
  margin-bottom: 0.25rem;
}.mb-2 {
  margin-bottom: 0.5rem;
}.mb-3 {
  margin-bottom: 1rem;
}.mb-4 {
  margin-bottom: 1.5rem;
}.mb-5 {
  margin-bottom: 2rem;
}.me-5 {
  margin-inline-end: 2rem;
}.me-auto {
  margin-inline-end: auto;
}.ml-0 {
  margin-left: 0;
}.ml-2 {
  margin-left: 0.5rem;
}.ml-3 {
  margin-left: 1rem;
}.ml-6 {
  margin-left: 3rem;
}.ml-\[-50vw\] {
  margin-left: -50vw;
}.ml-auto {
  margin-left: auto;
}.mr-0 {
  margin-right: 0;
}.mr-1 {
  margin-right: 0.25rem;
}.mr-2 {
  margin-right: 0.5rem;
}.mr-3 {
  margin-right: 1rem;
}.mr-4 {
  margin-right: 1.5rem;
}.mr-5 {
  margin-right: 2rem;
}.mr-\[-50vw\] {
  margin-right: -50vw;
}.ms-\[0\.5rem\] {
  margin-inline-start: 0.5rem;
}.ms-auto {
  margin-inline-start: auto;
}.mt-0 {
  margin-top: 0;
}.mt-16 {
  margin-top: 16rem;
}.mt-2 {
  margin-top: 0.5rem;
}.mt-3 {
  margin-top: 1rem;
}.mt-4 {
  margin-top: 1.5rem;
}.mt-auto {
  margin-top: auto;
}.block {
  display: block;
}.inline-block {
  display: inline-block;
}.inline {
  display: inline;
}.flex {
  display: flex;
}.inline-flex {
  display: inline-flex;
}.table {
  display: table;
}.grid {
  display: grid;
}.hidden {
  display: none;
}.h-4 {
  height: 1.5rem;
}.h-7 {
  height: 4rem;
}.h-\[1\.75rem\] {
  height: 1.75rem;
}.h-\[100px\] {
  height: 100px;
}.h-\[1px\] {
  height: 1px;
}.h-\[2\.75rem\] {
  height: 2.75rem;
}.h-\[20px\] {
  height: 20px;
}.h-\[25rem\] {
  height: 25rem;
}.h-\[3\.5rem\] {
  height: 3.5rem;
}.h-\[32px\] {
  height: 32px;
}.h-\[35px\] {
  height: 35px;
}.h-\[40px\] {
  height: 40px;
}.h-\[44px\] {
  height: 44px;
}.h-\[460px\] {
  height: 460px;
}.h-\[463px\] {
  height: 463px;
}.h-\[48px\] {
  height: 48px;
}.h-\[540px\] {
  height: 540px;
}.h-\[550px\] {
  height: 550px;
}.h-\[600px\] {
  height: 600px;
}.h-\[620px\] {
  height: 620px;
}.h-\[64px\] {
  height: 64px;
}.h-\[72px\] {
  height: 72px;
}.h-\[88px\] {
  height: 88px;
}.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}.h-full {
  height: 100%;
}.max-h-0 {
  max-height: 0;
}.min-h-\[165px\] {
  min-height: 165px;
}.w-3\/12 {
  width: 25%;
}.w-4 {
  width: 1.5rem;
}.w-9\/12 {
  width: 75%;
}.w-\[1\.75rem\] {
  width: 1.75rem;
}.w-\[100px\] {
  width: 100px;
}.w-\[125px\] {
  width: 125px;
}.w-\[130px\] {
  width: 130px;
}.w-\[140px\] {
  width: 140px;
}.w-\[150px\] {
  width: 150px;
}.w-\[160px\] {
  width: 160px;
}.w-\[170px\] {
  width: 170px;
}.w-\[1px\] {
  width: 1px;
}.w-\[256px\] {
  width: 256px;
}.w-\[3\.5rem\] {
  width: 3.5rem;
}.w-\[304px\] {
  width: 304px;
}.w-\[32px\] {
  width: 32px;
}.w-\[368px\] {
  width: 368px;
}.w-\[37\.5rem\] {
  width: 37.5rem;
}.w-\[40px\] {
  width: 40px;
}.w-\[48px\] {
  width: 48px;
}.w-\[5rem\] {
  width: 5rem;
}.w-\[64px\] {
  width: 64px;
}.w-\[6rem\] {
  width: 6rem;
}.w-\[72px\] {
  width: 72px;
}.w-\[88px\] {
  width: 88px;
}.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}.w-full {
  width: 100%;
}.w-max {
  width: -moz-max-content;
  width: max-content;
}.w-screen {
  width: 100vw;
}.min-w-\[174px\] {
  min-width: 174px;
}.min-w-\[1px\] {
  min-width: 1px;
}.min-w-\[256px\] {
  min-width: 256px;
}.min-w-\[318px\] {
  min-width: 318px;
}.max-w-5xl {
  max-width: 64rem;
}.max-w-\[256px\] {
  max-width: 256px;
}.max-w-\[305px\] {
  max-width: 305px;
}.max-w-\[416px\] {
  max-width: 416px;
}.max-w-\[480px\] {
  max-width: 480px;
}.max-w-\[5\.5rem\] {
  max-width: 5.5rem;
}.max-w-\[520px\] {
  max-width: 520px;
}.max-w-\[548px\] {
  max-width: 548px;
}.max-w-\[560px\] {
  max-width: 560px;
}.max-w-full {
  max-width: 100%;
}.flex-1 {
  flex: 1 1 0%;
}.flex-none {
  flex: none;
}.flex-shrink {
  flex-shrink: 1;
}.shrink-0 {
  flex-shrink: 0;
}.flex-grow {
  flex-grow: 1;
}.grow {
  flex-grow: 1;
}.basis-1\/3 {
  flex-basis: 33.333333%;
}.basis-3\/12 {
  flex-basis: 25%;
}.basis-3\/6 {
  flex-basis: 50%;
}.basis-full {
  flex-basis: 100%;
}.table-auto {
  table-layout: auto;
}.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}.translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}.translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}@keyframes loop-scroll {

  to {
    transform: translate(calc(-50% - 0.5rem));
  }
}.animate-loop-scroll {
  animation: loop-scroll 40s linear infinite;;
}.cursor-auto {
  cursor: auto;
}.cursor-pointer {
  cursor: pointer;
}.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}.resize {
  resize: both;
}.snap-x {
  -ms-scroll-snap-type: x var(--tw-scroll-snap-strictness);
      scroll-snap-type: x var(--tw-scroll-snap-strictness);
}.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory;
}.snap-start {
  scroll-snap-align: start;
}.snap-always {
  scroll-snap-stop: always;
}.scroll-mt-10 {
  scroll-margin-top: 7.5rem;
}.list-none {
  list-style-type: none;
}.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}.grid-flow-row-dense {
  grid-auto-flow: row dense;
}.auto-rows-min {
  grid-auto-rows: min-content;
}.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}.flex-row {
  flex-direction: row;
}.flex-col {
  flex-direction: column;
}.flex-wrap {
  flex-wrap: wrap;
}.flex-nowrap {
  flex-wrap: nowrap;
}.content-center {
  align-content: center;
}.content-start {
  align-content: flex-start;
}.content-end {
  align-content: flex-end;
}.items-start {
  align-items: flex-start;
}.items-end {
  align-items: flex-end;
}.items-center {
  align-items: center;
}.justify-start {
  justify-content: flex-start;
}.justify-end {
  justify-content: flex-end;
}.justify-center {
  justify-content: center;
}.justify-between {
  justify-content: space-between;
}.gap-0 {
  gap: 0;
}.gap-1 {
  gap: 0.25rem;
}.gap-2 {
  gap: 0.5rem;
}.gap-3 {
  gap: 1rem;
}.gap-4 {
  gap: 1.5rem;
}.gap-5 {
  gap: 2rem;
}.gap-6 {
  gap: 3rem;
}.gap-7 {
  gap: 4rem;
}.gap-8 {
  gap: 5rem;
}.gap-x-0 {
  -moz-column-gap: 0;
       column-gap: 0;
}.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}.gap-x-4 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}.gap-x-5 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}.gap-x-8 {
  -moz-column-gap: 5rem;
       column-gap: 5rem;
}.gap-y-0 {
  row-gap: 0;
}.gap-y-2 {
  row-gap: 0.5rem;
}.gap-y-3 {
  row-gap: 1rem;
}.gap-y-4 {
  row-gap: 1.5rem;
}.gap-y-5 {
  row-gap: 2rem;
}.divide-x-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(0px * var(--tw-divide-x-reverse));
  border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
}.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}.divide-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
}.divide-navy-80 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(157 191 251 / var(--tw-divide-opacity, 1));
}.divide-neutral-white > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-divide-opacity, 1));
}.overflow-hidden {
  overflow: hidden;
}.overflow-x-auto {
  overflow-x: auto;
}.overflow-x-hidden {
  overflow-x: hidden;
}.overflow-x-scroll {
  overflow-x: scroll;
}.scroll-smooth {
  scroll-behavior: smooth;
}.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.whitespace-nowrap {
  white-space: nowrap;
}.text-balance {
  text-wrap: balance;
}.break-words {
  overflow-wrap: break-word;
}.rounded {
  border-radius: 0.25rem;
}.rounded-2xl {
  border-radius: 1rem;
}.rounded-3xl {
  border-radius: 1.5rem;
}.rounded-\[14rem\] {
  border-radius: 14rem;
}.rounded-\[24px\] {
  border-radius: 24px;
}.rounded-\[32px\] {
  border-radius: 32px;
}.rounded-\[42px\] {
  border-radius: 42px;
}.rounded-\[50\%\] {
  border-radius: 50%;
}.rounded-\[61\.25rem\] {
  border-radius: 61.25rem;
}.rounded-\[980px\] {
  border-radius: 980px;
}.rounded-full {
  border-radius: 9999px;
}.rounded-lg {
  border-radius: 0.5rem;
}.rounded-b-\[32px\] {
  border-bottom-right-radius: 32px;
  border-bottom-left-radius: 32px;
}.rounded-t-\[32px\] {
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
}.rounded-tl-\[32px\] {
  border-top-left-radius: 32px;
}.rounded-tr-\[32px\] {
  border-top-right-radius: 32px;
}.\!border {
  border-width: 1px !important;
}.border {
  border-width: 1px;
}.border-0 {
  border-width: 0px;
}.border-2 {
  border-width: 2px;
}.border-4 {
  border-width: 4px;
}.border-\[1px\] {
  border-width: 1px;
}.border-b {
  border-bottom-width: 1px;
}.border-b-2 {
  border-bottom-width: 2px;
}.border-l-2 {
  border-left-width: 2px;
}.border-t {
  border-top-width: 1px;
}.border-t-2 {
  border-top-width: 2px;
}.border-t-\[1px\] {
  border-top-width: 1px;
}.border-\[\#074dc5\] {
  --tw-border-opacity: 1;
  border-color: rgb(7 77 197 / var(--tw-border-opacity, 1));
}.border-\[\#0960F6\] {
  --tw-border-opacity: 1;
  border-color: rgb(9 96 246 / var(--tw-border-opacity, 1));
}.border-\[\#CEDFFD\] {
  --tw-border-opacity: 1;
  border-color: rgb(206 223 253 / var(--tw-border-opacity, 1));
}.border-gx-11 {
  --tw-border-opacity: 1;
  border-color: rgb(201 128 255 / var(--tw-border-opacity, 1));
}.border-navy-80 {
  --tw-border-opacity: 1;
  border-color: rgb(157 191 251 / var(--tw-border-opacity, 1));
}.border-neutral-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}.border-primary-40 {
  --tw-border-opacity: 1;
  border-color: rgb(7 77 197 / var(--tw-border-opacity, 1));
}.border-primary-50 {
  --tw-border-opacity: 1;
  border-color: rgb(3 49 128 / var(--tw-border-opacity, 1));
}.border-secondary-50 {
  --tw-border-opacity: 1;
  border-color: rgb(255 41 12 / var(--tw-border-opacity, 1));
}.border-transparent {
  border-color: transparent;
}.bg-\[\#011840\] {
  --tw-bg-opacity: 1;
  background-color: rgb(1 24 64 / var(--tw-bg-opacity, 1));
}.bg-\[\#0960F6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(9 96 246 / var(--tw-bg-opacity, 1));
}.bg-\[\#EDF4FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(237 244 255 / var(--tw-bg-opacity, 1));
}.bg-\[\#F2F2FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 255 / var(--tw-bg-opacity, 1));
}.bg-\[\#F5F8FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 248 255 / var(--tw-bg-opacity, 1));
}.bg-\[\#F6F9FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 249 255 / var(--tw-bg-opacity, 1));
}.bg-\[\#FBF8FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 248 255 / var(--tw-bg-opacity, 1));
}.bg-accent-primary-30 {
  background-color: rgb(206 223 253/30%);
}.bg-green-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(230 255 240 / var(--tw-bg-opacity, 1));
}.bg-gx-80 {
  --tw-bg-opacity: 1;
  background-color: rgb(60 0 145 / var(--tw-bg-opacity, 1));
}.bg-gx-90 {
  --tw-bg-opacity: 1;
  background-color: rgb(165 84 255 / var(--tw-bg-opacity, 1));
}.bg-iris-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(96 63 245 / var(--tw-bg-opacity, 1));
}.bg-neutral-60 {
  --tw-bg-opacity: 1;
  background-color: rgb(77 77 77 / var(--tw-bg-opacity, 1));
}.bg-neutral-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}.bg-primary-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(206 223 253 / var(--tw-bg-opacity, 1));
}.bg-primary-40 {
  --tw-bg-opacity: 1;
  background-color: rgb(7 77 197 / var(--tw-bg-opacity, 1));
}.bg-primary-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(3 49 128 / var(--tw-bg-opacity, 1));
}.bg-primary-60 {
  --tw-bg-opacity: 1;
  background-color: rgb(3 38 99 / var(--tw-bg-opacity, 1));
}.bg-primary-70 {
  --tw-bg-opacity: 1;
  background-color: rgb(1 19 50 / var(--tw-bg-opacity, 1));
}.bg-secondary-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 41 12 / var(--tw-bg-opacity, 1));
}.bg-transparent {
  background-color: transparent;
}.bg-announcement {
  background-image: linear-gradient(90deg, #0960F6 0%, #ff290c 100%);
}.bg-events-default {
  background-image: url('https://3375779.fs1.hubspotusercontent-na1.net/hub/3375779/event-default-bg.png');
}.bg-hero {
  background-image: linear-gradient(180deg, #033180 29.5%, #022765 100%);
}.bg-industry-report {
  background-image: linear-gradient(to right, #0960F6 0%, #00B8FF 40%, #3EF78B 100%);
}.bg-new-design {
  background-image: linear-gradient(270deg, #C239FB 0%, #3F40F2 10%, #3F40F2 90%, #C239FB 100%);;
}.bg-new-design-mobile {
  background-image: linear-gradient(272deg, #C239FB 0%, #3F40F2 27.41%);;
}.bg-pill-gradient {
  background-image: linear-gradient(276deg, #ff290c 0%, #074dc5 100%);
}.bg-user-review {
  background-image: url('https://3375779.fs1.hubspotusercontent-na1.net/hubfs/3375779/user-review-widget.png');
}.bg-webinar-default {
  background-image: url('https://3375779.fs1.hubspotusercontent-na1.net/hub/3375779/webinar-default-bg.png');
}.bg-widget-group {
  background-image: linear-gradient(0deg, rgba(229, 239, 255, 0.35), rgba(229, 239, 255, 0.35));
}.bg-widget-industries {
  background-image: linear-gradient(100deg, #FFF 0%, #F5F8FF 61.98%);
}.from-primary-50 {
  --tw-gradient-from: #033180 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(3 49 128 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}.to-secondary-60 {
  --tw-gradient-to: #991200 var(--tw-gradient-to-position);
}.bg-cover {
  background-size: cover;
}.bg-clip-text {
  -webkit-background-clip: text;
          background-clip: text;
}.fill-neutral-white {
  fill: #fff;
}.fill-primary-50 {
  fill: #033180;
}.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}.object-fill {
  -o-object-fit: fill;
     object-fit: fill;
}.p-0 {
  padding: 0;
}.p-3 {
  padding: 1rem;
}.p-4 {
  padding: 1.5rem;
}.p-5 {
  padding: 2rem;
}.p-6 {
  padding: 3rem;
}.px-0 {
  padding-left: 0;
  padding-right: 0;
}.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}.px-3 {
  padding-left: 1rem;
  padding-right: 1rem;
}.px-4 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}.px-5 {
  padding-left: 2rem;
  padding-right: 2rem;
}.px-6 {
  padding-left: 3rem;
  padding-right: 3rem;
}.px-\[32px\] {
  padding-left: 32px;
  padding-right: 32px;
}.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}.py-3 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}.py-4 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}.py-5 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}.py-6 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}.py-\[8px\] {
  padding-top: 8px;
  padding-bottom: 8px;
}.pb-0 {
  padding-bottom: 0;
}.pb-2 {
  padding-bottom: 0.5rem;
}.pb-3 {
  padding-bottom: 1rem;
}.pb-4 {
  padding-bottom: 1.5rem;
}.pb-5 {
  padding-bottom: 2rem;
}.pb-7 {
  padding-bottom: 4rem;
}.pb-\[3\.8rem\] {
  padding-bottom: 3.8rem;
}.pe-3 {
  padding-inline-end: 1rem;
}.pe-4 {
  padding-inline-end: 1.5rem;
}.pl-0 {
  padding-left: 0;
}.pl-3 {
  padding-left: 1rem;
}.pl-4 {
  padding-left: 1.5rem;
}.pl-6 {
  padding-left: 3rem;
}.pr-0 {
  padding-right: 0;
}.pr-4 {
  padding-right: 1.5rem;
}.ps-3 {
  padding-inline-start: 1rem;
}.ps-4 {
  padding-inline-start: 1.5rem;
}.pt-0 {
  padding-top: 0;
}.pt-2 {
  padding-top: 0.5rem;
}.pt-3 {
  padding-top: 1rem;
}.pt-4 {
  padding-top: 1.5rem;
}.pt-5 {
  padding-top: 2rem;
}.pt-6 {
  padding-top: 3rem;
}.pt-7 {
  padding-top: 4rem;
}.text-left {
  text-align: left;
}.text-center {
  text-align: center;
}.text-right {
  text-align: right;
}.font-body {
  font-family: proxima-nova, sans-serif;
}.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}.text-5xl {
  font-size: 3rem;
  line-height: 1;
}.text-\[2\.5rem\] {
  font-size: 2.5rem;
}.text-\[2rem\] {
  font-size: 2rem;
}.text-\[40px\] {
  font-size: 40px;
}.text-\[8px\] {
  font-size: 8px;
}.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}.font-bold {
  font-weight: 700;
}.font-extrabold {
  font-weight: 800;
}.font-normal {
  font-weight: 400;
}.font-semibold {
  font-weight: 600;
}.uppercase {
  text-transform: uppercase;
}.capitalize {
  text-transform: capitalize;
}.italic {
  font-style: italic;
}.leading-10 {
  line-height: 2.5rem;
}.leading-3 {
  line-height: .75rem;
}.leading-4 {
  line-height: 1rem;
}.leading-5 {
  line-height: 1.25rem;
}.leading-6 {
  line-height: 1.5rem;
}.leading-7 {
  line-height: 1.75rem;
}.leading-8 {
  line-height: 2rem;
}.leading-snug {
  line-height: 1.375;
}.leading-tight {
  line-height: 1.25;
}.tracking-tight {
  letter-spacing: -.02em;
}.text-\[\#074DC5\] {
  --tw-text-opacity: 1;
  color: rgb(7 77 197 / var(--tw-text-opacity, 1));
}.text-\[\#0960F6\] {
  --tw-text-opacity: 1;
  color: rgb(9 96 246 / var(--tw-text-opacity, 1));
}.text-\[\#5615AD\] {
  --tw-text-opacity: 1;
  color: rgb(86 21 173 / var(--tw-text-opacity, 1));
}.text-green-60 {
  --tw-text-opacity: 1;
  color: rgb(0 178 74 / var(--tw-text-opacity, 1));
}.text-gx-50 {
  --tw-text-opacity: 1;
  color: rgb(76 78 236 / var(--tw-text-opacity, 1));
}.text-gx-70 {
  --tw-text-opacity: 1;
  color: rgb(13 14 128 / var(--tw-text-opacity, 1));
}.text-gx-80 {
  --tw-text-opacity: 1;
  color: rgb(60 0 145 / var(--tw-text-opacity, 1));
}.text-gx-90 {
  --tw-text-opacity: 1;
  color: rgb(165 84 255 / var(--tw-text-opacity, 1));
}.text-iris-40 {
  --tw-text-opacity: 1;
  color: rgb(144 121 248 / var(--tw-text-opacity, 1));
}.text-iris-50 {
  --tw-text-opacity: 1;
  color: rgb(96 63 245 / var(--tw-text-opacity, 1));
}.text-navy-80 {
  --tw-text-opacity: 1;
  color: rgb(157 191 251 / var(--tw-text-opacity, 1));
}.text-neutral-40 {
  --tw-text-opacity: 1;
  color: rgb(179 179 179 / var(--tw-text-opacity, 1));
}.text-neutral-60 {
  --tw-text-opacity: 1;
  color: rgb(77 77 77 / var(--tw-text-opacity, 1));
}.text-neutral-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.text-primary-40 {
  --tw-text-opacity: 1;
  color: rgb(7 77 197 / var(--tw-text-opacity, 1));
}.text-primary-50 {
  --tw-text-opacity: 1;
  color: rgb(3 49 128 / var(--tw-text-opacity, 1));
}.text-secondary-50 {
  --tw-text-opacity: 1;
  color: rgb(255 41 12 / var(--tw-text-opacity, 1));
}.text-transparent {
  color: transparent;
}.underline {
  text-decoration-line: underline;
}.no-underline {
  text-decoration-line: none;
}.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}.opacity-60 {
  opacity: 0.6;
}.mix-blend-multiply {
  mix-blend-mode: multiply;
}.shadow-2xl {
  --tw-shadow: 0px 24px 80px rgba(18, 77, 178, 0.1), 0px 8px 16px rgba(18, 77, 178, 0.05);
  --tw-shadow-colored: 0px 24px 80px var(--tw-shadow-color), 0px 8px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.shadow-xl {
  --tw-shadow: 0px 20px 25px -5px rgba(2, 34, 89, 0.1), 0px 8px 10px -6px rgba(2, 34, 89, 0.1);
  --tw-shadow-colored: 0px 20px 25px -5px var(--tw-shadow-color), 0px 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.outline {
  outline-style: solid;
}.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.duration-150 {
  transition-duration: 150ms;
}.duration-200 {
  transition-duration: 200ms;
}.duration-300 {
  transition-duration: 300ms;
}.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}@property --rotate{syntax:'<angle>';initial-value:0deg;inherits:false}:where(:not(dialog)){margin:0}:where(html){--container-sm: 544px;--container-md: 768px;--container-lg: 1012px;--container-xl: 1312px;--container-xlg: 1250px;--fontFamily: 'proxima-nova', 'Helvetica Neue', 'Arial', sans-serif;--scrollbarWidth: 0px;--windowWidth: calc(100vw - var(--scrollbarWidth));--sectionPaddingNormalMax: 80;--sectionPaddingSmallMax: 110;--sectionPaddingXSmallMax: 72;--sectionPaddingMin: 48;--cardPaddingMin: 32;--cardCustomerStorgMin: 24;--sectionPaddingMax: var(--sectionPaddingNormalMax);--sectionPaddingTopMax: var(--sectionPaddingMax);--sectionPaddingBottomMax: var(--sectionPaddingMax);--cardPaddingTopMax: var(--sectionPaddingMin);--cardPaddingBottomMax: var(--sectionPaddingMin);--sectionPaddingTop: calc(
        var(--sectionPaddingMin) * 1px +
            (var(--sectionPaddingTopMax) - var(--sectionPaddingMin)) *
            (var(--windowWidth) / 737 - 0.50882px)
    );--sectionPaddingBottom: calc(
        var(--sectionPaddingMin) * 1px +
            (var(--sectionPaddingBottomMax) - var(--sectionPaddingMin)) *
            (var(--windowWidth) / 737 - 0.50882px)
    );--cardPaddingTop: calc(
        var(--cardPaddingMin) * 1px +
            (var(--cardPaddingTopMax) - var(--cardPaddingMin)) *
            (var(--windowWidth) / 737 - 0.50882px)
    );--cardPaddingBottom: calc(
        var(--cardPaddingMin) * 1px +
            (var(--cardPaddingBottomMax) - var(--cardPaddingMin)) *
            (var(--windowWidth) / 737 - 0.50882px)
    );--cardFeaturesPaddingTop: calc(
        var(--cardCustomerStorgMin) * 1px +
            (var(--cardPaddingMin) - var(--cardCustomerStorgMin)) *
            (var(--windowWidth) / 737 - 0.50882px)
    );--cardFeaturesPaddingBottom: calc(
        var(--cardCustomerStorgMin) * 1px +
            (var(--cardPaddingMin) - var(--cardCustomerStorgMin)) *
            (var(--windowWidth) / 737 - 0.50882px)
    );--cardCustomerStoryPaddingTop: calc(
        var(--cardCustomerStorgMin) * 1px +
            (var(--cardPaddingMin) - var(--cardPaddingMin)) *
            (var(--windowWidth) / 737 - 0.50882px)
    );--cardCustomerStoryPaddingBottom: calc(
        var(--cardCustomerStorgMin) * 1px +
            (var(--cardPaddingMin) - var(--cardPaddingMin)) *
            (var(--windowWidth) / 737 - 0.50882px)
    );--base-font-size: 16px;--letter-spacing: -0.01em;--body-text-family: 'Metropolis', sans-serif;--content-offset-desktop: 80px;--content-offset-sm: 90px;--content-offset-mobile: 72px;--rowGapNormal: 8px;--rowGapMedium: 24px;--rowGapLarge: 32px;--size-1: 0.25rem;--size-2: 0.5rem;--size-3: 1rem;--size-4: 1.5rem;--size-5: 2.5rem;--size-6: 3rem;--size-7: 4rem;--size-8: 5rem;--size-9: 6rem;--size-10: 7.5rem;--size-11: 10rem;--size-15: 15rem;--font-lineheight-0: 1.12;--font-lineheight-1: 1.25;--font-lineheight-2: 1.375;--font-lineheight-3: 1.5;--font-lineheight-4: 1.75;--font-lineheight-5: 2;--font-size-fluid-2: clamp(2em, 3.5vw, var(--size-6));--font-size-fluid-3: clamp(2rem, 4vw, var(--size-7));--font-size-fluid-4: clamp(4rem, 6vw, var(--size-9));--fontWeightBold: 800;--neutral-white: #fff;--neutral-black: #000000;--neutral-70: #262626;--neutral-60: #4d4d4d;--neutral-50: #808080;--neutral-40: #b3b3b3;--neutral-30: #cccccc;--neutral-20: #e5e5e4;--neutral-10: #f2f2f2;--error-70: #590202;--error-60: #b20404;--error-50: #e50b0b;--error-40: #f24949;--error-30: #ff8080;--error-20: #ffbfbf;--error-10: #fee5e5;--secondary-70: #660c00;--secondary-60: #991200;--secondary-50: #ff290c;--secondary-40: #ff4b33;--secondary-30: #ff7866;--secondary-20: #ffd2cc;--secondary-10: #fff3f2;--primary-70: #011332;--primary-60: #032663;--primary-50: #033180;--primary-40: #074dc5;--primary-30: #6ba0fa;--primary-20: #9dbffb;--primary-10: #cedffd;--shadow-xsmall: 0px 1px 2px rgba(2, 34, 89, 0.05);--shadow-small: 0px 1px 3px rgba(2, 34, 89, 0.1),
        0px 1px 2px -1px rgba(2, 34, 89, 0.1);--shadow-medium: 0px 4px 6px -1px rgba(2, 34, 89, 0.1),
        0px 2px 4px -2px rgba(2, 34, 89, 0.1);--shadow-large: 0px 10px 15px -3px rgba(2, 34, 89, 0.1),
        0px 4px 6px -4px rgba(2, 34, 89, 0.1);--shadow-xlarge: 0px 20px 25px -5px rgba(2, 34, 89, 0.1),
        0px 8px 10px -6px rgba(2, 34, 89, 0.1);--shadow-xxlarge: 0px 25px 50px -12px rgba(2, 34, 89, 0.25);--shadown-onlight: 0px 24px 40px rgba(18, 77, 178, 0.1),
        0px 8px 16px rgba(18, 77, 178, 0.05);--shadown-gxscore: 0px 24px 40px rgba(201, 128, 255, 0.1),
        0px 8px 16px rgba(201, 128, 255, 0.05);--shadown-ondark: 0px 24px 40px rgba(1, 24, 64, 0.5),
        0px 8px 16px rgba(1, 24, 64, 0.25);--shadown-onlight-navy-40: 0px 8px 16px 0px rgba(18, 77, 178, 0.05),
        0px 24px 40px 0px rgba(18, 77, 178, 0.1);--shadown-onlight-navy-40-hover: 0px 8px 24px 0px rgba(18, 77, 178, 0.05),
        0px 24px 60px 0px rgba(18, 77, 178, 0.1);--shadown-ondark-blue-10: 0px 8px 16px 0px rgba(1, 19, 50, 0.25),
        0px 24px 40px 0px rgba(1, 19, 50, 0.5);--shadown-ondark-blue-10-hover: 0px 8px 24px 0px rgba(1, 19, 50, 0.5),
        0px 24px 40px 0px rgba(1, 19, 50, 0.75);--shadown-ondark-blue-40: 0px 8px 24px 0px rgba(7, 77, 197, 0.15),
        0px 24px 60px 0px rgba(7, 77, 197, 0.2);--shadown-ondark-blue-40: 0px 8px 16px 0px rgba(7, 77, 197, 0.05),
        0px 24px 40px 0px rgba(7, 77, 197, 0.1);--shadown-ondark-blue-40-hover: 0px 8px 24px 0px rgba(1, 19, 50, 0.5),
        0px 24px 40px 0px rgba(1, 19, 50, 0.75);--iris: #603FF5;--iris-50: #603FF5}@media only screen and (min-width: 1032px){:where(html){--sectionPaddingTop: calc(var(--sectionPaddingTopMax) * 1px);--sectionPaddingBottom: calc(var(--sectionPaddingBottomMax) * 1px);--cardPaddingTop: calc(var(--sectionPaddingMin) * 1px);--cardPaddingBottom: calc(var(--sectionPaddingMin) * 1px);--cardFeaturesPaddingTop: calc(var(--cardPaddingMin) * 1px);--cardFeaturesPaddingBottom: calc(var(--cardPaddingMin) * 1px);--cardCustomerStoryPaddingTop: calc(var(--cardPaddingMin) * 1px);--cardCustomerStoryPaddingBottom: calc(var(--cardPaddingMin) * 1px)}}.main-page-container{flex:1 0 auto}.container{max-width:var(--container-xl);margin:0 auto}@media (max-width: 767px){.container{padding:0 2rem}}.container--blogpost{max-width:var(--blogpost-container)}.container--small{max-width:var(--small-container)}.main-content-offset{margin-top:var(--content-offset-mobile)}@media only screen and (min-width: 768px){.main-content-offset{margin-top:var(--content-offset-desktop)}}:root{--column-gap: 2.13%}.row-fluid{display:flex;flex-wrap:wrap;width:100%}.row-fluid [class*='span']{min-height:1px;width:100%}@media (min-width: 768px){.row-fluid{flex-wrap:nowrap;justify-content:space-between}.row-fluid .span11{width:calc(91.66% - var(--column-gap) * 0.0833)}.row-fluid .span10{width:calc(83.33% - var(--column-gap) * 0.166)}.row-fluid .span9{width:calc(75% - (var(--column-gap) * 0.25))}.row-fluid .span8{width:calc(66.66% - var(--column-gap) * 0.333)}.row-fluid .span7{width:calc(58.33% - var(--column-gap) * 0.4166)}.row-fluid .span6{width:calc(50% - var(--column-gap) * 0.5)}.row-fluid .span5{width:calc(41.66% - var(--column-gap) * 0.5833)}.row-fluid .span4{width:calc(33.33% - var(--column-gap) * 0.6668)}.row-fluid .span3{width:calc(25% - var(--column-gap) * 0.75)}.row-fluid .span2{width:calc(16.66% - var(--column-gap) * 0.8333)}.row-fluid .span1{width:calc(8.33% - var(--column-gap) * 0.9166)}}.dnd-section>.row-fluid{margin:0 auto;max-width:var(--container-xl)}.dnd-section .dnd-column{padding:0 2rem}@media (max-width: 767px){.dnd-section .dnd-column{padding:0 2rem}}@media only screen and (max-width: 768px){html{font-size:calc(0.889 * var(--base-font-size))}}@media only screen and (min-width: 768px){html{font-size:var(--base-font-size)}}html[lang^='ja'] body,html[lang^='zh'] body,html[lang^='ko'] body{line-break:strict;overflow-wrap:normal;word-break:break-all}p{font-size:1rem;letter-spacing:var(--letter-spacing);line-height:1.4;margin:0 0 1em}a{cursor:pointer}h1,h2,h3,h4,h5,h6{color:var(--heading-color);font-weight:var(--fontWeightBold);letter-spacing:var(--letter-spacing);line-height:var(--font-lineheight-1)}h1.small,h2.small,h3.small,h4.small,h5.small,h6.small{font-size:var(--size-3);margin:0}h1{font-size:var(--size-5)}h2{font-size:2rem}h2.h1-heading{font-size:var(--size-5)}h2.h3-heading{font-size:1.8rem}h3{font-size:1.8rem}h3.h2-heading{font-size:var(--size-5)}h4{font-size:var(--size-4)}h4.h3-heading{font-size:var(--size-4)}@media only screen and (min-width: 767px){h1{color:var(--h1-color);font-size:var(--font-size-fluid-3);line-height:var(--font-lineheight-0)}h1.h2-heading{font-size:var(--font-size-fluid-2)}h1.s8-heading{font-size:var(--font-size-fluid-4)}h2{color:var(--h2-color);font-size:var(--font-size-fluid-2);line-height:var(--font-lineheight-1)}h2.h1-heading{font-size:var(--font-size-fluid-3)}h2.h3-heading{font-size:var(--size-5)}h2.s8-heading{font-size:var(--font-size-fluid-4)}h3{color:var(--h3-color);font-size:var(--size-5);line-height:var(--font-lineheight-1)}h3.h2-heading{font-size:var(--font-size-fluid-2)}h3.s8-heading{font-size:var(--font-size-fluid-2)}h4{color:var(--h4-color);font-size:var(--size-4);line-height:var(--font-lineheight-1)}h4.h3-heading{font-size:var(--size-5)}h4.s8-heading{font-size:var(--size-5)}h5{color:var(--h5-color);font-size:var(--size-4);line-height:var(--font-lineheight-1)}h5.h4-heading{font-size:var(--size-4)}h5.s8-heading{font-size:var(--size-4)}h6{color:var(--h6-color);font-size:var(--size-3);line-height:var(--font-lineheight-1)}h6.h5-heading{font-size:var(--size-4)}h6.s8-heading{font-size:var(--size-4)}}.no-margin h1,.no-margin h2,.no-margin h3,.no-margin h4,.no-margin h5,.no-margin h6,.no-margin p{margin:0}ul,ol{margin:0 0 1.34rem}ul ul,ol ul,ul ol,ol ol{margin:0}ul{list-style-type:disc;padding:0;margin-top:1.5rem}ul.no-list{list-style:none;margin:0;padding-left:0}li{line-height:1.4;margin-left:.5rem}.text-base ul li{margin-left:1.5rem}pre{overflow:auto}code{vertical-align:bottom}blockquote{border-left:2px solid;margin:0 0 1.4rem;padding-left:0.7rem}hr{border:none;border-bottom:1px solid #ccc}sup,sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{font-size:0.583rem;letter-spacing:var(--letter-spacing);word-break:normal}form{font-family:'proxima-nova', sans-serif;margin-top:2rem}@media (min-width: 992px){form{margin-top:0}}.hs-form-field{margin-bottom:1.5rem}form label{color:var(--m-3-scout-navy-30, #053994);font-size:0.875rem;font-style:normal;font-weight:600;line-height:1.125rem;display:block;padding-top:0;text-align:left;width:auto}form legend{color:var(--neutral-60);font-size:var(--formFontSize, 16px)}.input{position:relative}form input[type='text'],form input[type='search'],form input[type='email'],form input[type='password'],form input[type='tel'],form input[type='number'],form input[type='file'],form select,form textarea{background-color:transparent;border-bottom:1px solid var(--m-3-scout-navy-80, #9dbffb);border-radius:0;color:var(--m-3-scout-navy-80, #053994);font-weight:500;display:inline-block;font-size:var(--formFontSize, 16px);line-height:1.4;padding:0.5rem 0rem;width:100% !important}form input[type='text']::-moz-placeholder, form input[type='search']::-moz-placeholder, form input[type='email']::-moz-placeholder, form input[type='password']::-moz-placeholder, form input[type='tel']::-moz-placeholder, form input[type='number']::-moz-placeholder, form input[type='file']::-moz-placeholder, form select::-moz-placeholder, form textarea::-moz-placeholder{color:var(--m-3-scout-navy-80, #9dbffb)}form input[type='text']:-ms-input-placeholder, form input[type='search']:-ms-input-placeholder, form input[type='email']:-ms-input-placeholder, form input[type='password']:-ms-input-placeholder, form input[type='tel']:-ms-input-placeholder, form input[type='number']:-ms-input-placeholder, form input[type='file']:-ms-input-placeholder, form select:-ms-input-placeholder, form textarea:-ms-input-placeholder{color:var(--m-3-scout-navy-80, #9dbffb)}form input[type='text']::placeholder,form input[type='search']::placeholder,form input[type='email']::placeholder,form input[type='password']::placeholder,form input[type='tel']::placeholder,form input[type='number']::placeholder,form input[type='file']::placeholder,form select::placeholder,form textarea::placeholder{color:var(--m-3-scout-navy-80, #9dbffb)}form input[type='text']:focus,form input[type='search']:focus,form input[type='email']:focus,form input[type='password']:focus,form input[type='tel']:focus,form input[type='number']:focus,form input[type='file']:focus,form select:focus,form textarea:focus{outline:0;border-bottom:1px solid var(--m-3-scout-navy-80, #053994)}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}form textarea{resize:none;height:9rem;border:1px solid var(--m-3-scout-navy-80, #9dbffb);border-radius:0.375rem;display:flex;padding:0.5rem 0.75rem;margin:0.5rem 0;align-items:flex-start;gap:0.75rem;flex:1 0 0;align-self:stretch;color:var(--m-3-scout-navy-80, #053994)}form textarea::-moz-placeholder{color:var(--m-3-scout-navy-80, #9dbffb)}form textarea:-ms-input-placeholder{color:var(--m-3-scout-navy-80, #9dbffb)}form textarea::placeholder{color:var(--m-3-scout-navy-80, #9dbffb)}form textarea:focus{outline:0;border:1px solid var(--m-3-scout-navy-80, #053994)}form fieldset{max-width:100% !important}form select{padding:.5rem 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3e%3cpath d='M13.825 6.91248L10 10.7291L6.175 6.91248L5 8.08748L10 13.0875L15 8.08748L13.825 6.91248Z' fill='%23053994'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:100% center}form .inputs-list{margin:0;padding:0;list-style:none}form .inputs-list>li{display:block;margin:0.7rem 0}form .inputs-list input,form .inputs-list span{vertical-align:middle}form input[type='checkbox'],form input[type='radio']{cursor:pointer;margin-right:0.35rem}.hs-dateinput{position:relative}.hs-dateinput:before{content:'\01F4C5';position:absolute;right:10%;top:50%;transform:translateY(-50%)}.fn-date-picker .pika-table thead th{color:#fff}.fn-date-picker td.is-selected .pika-button{border-radius:0;box-shadow:none}.fn-date-picker td .pika-button:hover,.fn-date-picker td .pika-button:focus{border-radius:0 !important;color:#fff}form input[type='file']{background-color:transparent;border:initial;padding:initial}form .hs-richtext,form .hs-richtext p{font-size:0.875rem;margin:0 0 1.4rem}form .hs-richtext img{max-width:100% !important}.legal-consent-container .hs-form-booleancheckbox-display>span,.legal-consent-container .hs-form-booleancheckbox-display>span p{margin-left:1rem !important}.hs-form-required{color:var(--secondary-50)}.hs-input{width:100% !important}.hs-input.invalid.error{border-color:var(--secondary-50)}.hs-error-msg{color:var(--secondary-50);margin-top:0.35rem}form .hs-submit{display:flex}form input[type='submit'],form .hs-button{background-color:var(--secondary-50);border-radius:1.5rem;color:var(--neutral-white, #143d82);cursor:pointer;display:inline-block;font-size:var(--formFontSize, 16px);font-weight:600;height:auto;line-height:1.4;margin:0;padding:0.5rem 1.5rem;position:relative;text-align:center;text-decoration:none;transition:all 0.15s linear;white-space:nowrap !important;width:auto;word-break:break-word}.hs-firstname,.hs-lastname{width:100% !important}@media (min-width: 992px){.hs-firstname,.hs-lastname{width:50% !important}}form input[type='submit']:hover,form .hs-button:hover{background-color:var(--secondary-70)}.actions{text-align:center}form .hs_recaptcha{margin:24px 0 32px}#hs_form_target_module_17520282442224 .actions,#hs_form_target_module_17520282442224 input[type="submit"]{width:100%}.mo-card{padding:var(--cardPaddingTop) var(--cardPaddingBottom)}.mo-card-md{padding:var(--cardCustomerStoryPaddingTop) var(--cardCustomerStoryPaddingBottom)}.mo-card-features{padding:var(--cardFeaturesPaddingTop) var(--cardFeaturesPaddingBottom)}.modal-bg{position:fixed;height:100%;width:100%;background:#000;background:rgba(0,0,0,0.7);z-index:1;display:none;top:0;left:0}.modal-open{overflow-x:hidden}.modal{visibility:hidden;left:0;margin:0 calc(50vw - 650px);width:1300px;max-height:calc(100vh - 70px);overflow:auto;padding:30px;background:var(--white, #fff);position:fixed;z-index:1000;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.4)}.modal--small{width:880px;margin:0 calc(50vw - 405px)}@media only screen and (max-width: 1400px){.modal{margin:0 5%;width:90%}}@media only screen and (max-width: 768px){.modal{top:0 !important;width:100%;height:100%;max-height:100%;border-radius:0;margin:0}}.modal .close-modal{display:flex;align-items:center;justify-content:flex-end;position:absolute;top:0;right:0;padding:15px;font-size:13px;color:var(--primary-40);font-weight:500;cursor:pointer;text-decoration:none;border:none;background:none}.modal .close-modal .material-icons{padding-left:6px}.modal .close-modal:hover .material-icons{color:var(--cyan, #00b5fa)}.modal .close-modal:focus{outline:none}.show-for-sr{border:0 !important;clip:rect(0, 0, 0, 0) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important;width:1px !important}@media (max-width: 767px){.show-for-sr--mobile{border:0 !important;clip:rect(0, 0, 0, 0) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important;width:1px !important}}.img-cover--square-md,.img-cover--square-md img{aspect-ratio:1/1}.img-cover--square-lg,.img-cover--square-lg img{aspect-ratio:16/9}.img-cover img{-o-object-fit:cover;object-fit:cover}.img-contain img{-o-object-fit:contain;object-fit:contain}.js-hide{display:none}@media (hover: hover){.js-slidein-start{opacity:0;transform:translateY(25%);transition-duration:0.6s;transition-property:opacity, transform;transition-timing-function:ease-in-out}.js-slidein-end{opacity:1;transform:translateY(0)}}.box-shadow-onlight{box-shadow:var(--shadown-onlight)}.box-shadow-onlight-navy-40{box-shadow:var(--shadown-onlight-navy-40)}.box-shadow-onlight-navy-40:hover{box-shadow:var(--shadown-onlight-navy-40-hover)}.box-gx-score{box-shadow:var(--shadown-gxscore)}.box-shadow-ondark{box-shadow:var(--shadown-ondark)}.box-shadow-none{box-shadow:none}.box-shadow-ondark-blue-10{box-shadow:var(--shadown-ondark-blue-10)}.box-shadow-ondark-blue-10:hover{box-shadow:var(--shadown-ondark-blue-10-hover)}.box-shadow-ondark-blue-10-nohover{box-shadow:var(--shadown-ondark-blue-10)}.box-shadow-onlight-blue-40{box-shadow:var(--shadown-ondark-blue-40)}.s-layout{padding:var(--sectionPaddingTop) 0 var(--sectionPaddingBottom)}.s-layout .widget-type-cell{display:flex;flex-direction:column;gap:var(--size-4)}.s-widgets .dnd-row:not(:first-child){margin:var(--size-5) 0}.s-widgets .row-fluid{flex-direction:column}@media (min-width: 992px){.s-widgets .dnd-column:last-child{padding-left:0 !important}.s-widgets .dnd-column:first-child{padding-right:0 !important}.s-widgets .row-fluid{flex-direction:row}}@media (max-width: 992px){.s-widgets .row-fluid .span6:not(:first-child){margin:var(--size-5) 0}.s-widgets .row-fluid .span6{width:100%}}.s-hero .dnd-module .text-lg span{font-size:1.5rem}.s-hero-product-tour .row-fluid .span6:has(img){position:relative}@media screen and (min-width: 1200px){.s-hero-product-tour .row-fluid .span6:has(img) .span12{width:55vw}}.s-hero-product-tour .row-fluid .span6:has(.button-wrapper) img{-webkit-mask-image:none;mask-image:none}@media screen and (min-width: 768px){.s-hero-product-tour .row-fluid .span6:has(.button-wrapper) img{-webkit-mask-image:linear-gradient(to left, transparent 0%, #fff 90%, #fff 100%, transparent 100%);mask-image:linear-gradient(to left, transparent 0%, #fff 90%, #fff 100%, transparent 100%)}}
/* .blog-header{background:linear-gradient(135deg, var(--primary-50) 0%, var(--primary-40) 100%);color:var(--neutral-white);padding:60px 0;margin-bottom:40px}.blog-header__inner{max-width:1200px;margin:0 auto;padding:0 20px;text-align:center}.blog-header__title{font-size:2.5rem;font-weight:700;margin-bottom:10px}.blog-header__subtitle{font-size:1.1rem;opacity:0.9;margin-bottom:30px}.blog-header__search{display:flex;align-items:center;max-width:400px;margin:0 auto;background:rgba(255,255,255,0.15);border-radius:50px;padding:10px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2)}.blog-search-input{flex:1;background:transparent;border:none;color:var(--neutral-white);font-size:16px;outline:none}.blog-search-input::-moz-placeholder{color:rgba(255,255,255,0.8)}.blog-search-input:-ms-input-placeholder{color:rgba(255,255,255,0.8)}.blog-search-input::placeholder{color:rgba(255,255,255,0.8)}.blog-header__search--icon{margin-left:10px}.blog-index__wrapper{max-width:1200px;margin:0 auto;padding:0 20px}.blog-index__section{margin-bottom:60px}.blog-index__section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #e5e7eb}.blog-index__section-header h4{font-size:1.5rem;font-weight:600;color:var(--neutral-70)}.blog-index__section-header a{display:flex;align-items:center;color:var(--primary-40);text-decoration:none;font-weight:500}.blog-index__section-header a:hover{color:var(--primary-50)}.blog-index-picks{display:grid;grid-template-columns:2fr 1fr;gap:30px;margin-bottom:50px}.blog-index-picks__sidebar{display:flex;flex-direction:column;gap:20px}.blog-index{display:grid;grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));gap:30px;margin-bottom:40px}.blog-index__post{background:var(--neutral-white);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-medium);transition:transform 0.2s ease, box-shadow 0.2s ease}.blog-index__post:hover{transform:translateY(-4px);box-shadow:var(--shadow-large)}.blog-index__post-image{display:block;width:100%;height:200px;-o-object-fit:cover;object-fit:cover;transition:transform 0.2s ease}.blog-index__post-image:hover{transform:scale(1.05)}.blog-index__post-image-featured{height:300px}.blog-index__post-content{padding:20px}.blog-index__post-content small{color:var(--neutral-50);font-size:0.875rem;text-transform:uppercase;letter-spacing:0.05em}.blog-index__post-content small a{color:var(--primary-40);text-decoration:none}.blog-index__post-date{color:var(--neutral-50);font-size:0.875rem;margin:8px 0}.blog-index__post-content h2,.blog-index__post-content h3{margin:10px 0;line-height:1.3}.blog-index__post-content h2 a,.blog-index__post-content h3 a{color:var(--neutral-70);text-decoration:none;}.blog-index__post-content h2 a:hover,.blog-index__post-content h3 a:hover{color:var(--primary-40)}.blog-index__post-content-meta{display:flex;align-items:center;gap:10px;margin-top:15px;font-size:0.875rem;color:var(--neutral-50)}.blog-post__meta-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden}.blog-post__meta-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-post__meta-name a{color:var(--primary-40);text-decoration:none}.blog-post__meta-name span{color:var(--neutral-50)}.blog-post__separator{color:#d1d5db;margin:0 8px}.blog-post__readingtime{display:flex;align-items:center;gap:6px;color:var(--neutral-50);font-size:0.875rem}.blog-post__readingtime-icon{display:flex;align-items:center}.blog-index__summary{grid-column:1 / -1}.blog-index__summary .blog-index__post-image{height:400px}.blog-index__summary .blog-index__post-content{padding:30px}.blog-index__summary h3{font-size:1.5rem;line-height:1.2}.blog-heading{margin-bottom:30px}.blog-heading h4{font-size:1.5rem;font-weight:600;color:var(--neutral-70)}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:40px 0}.blog-pagination__prev,.blog-pagination__next{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary-40);color:var(--neutral-white);text-decoration:none;border-radius:8px;font-weight:500;transition:background-color 0.2s ease}.blog-pagination__prev:hover,.blog-pagination__next:hover{background:var(--primary-50)}.blog-pagination__pages{display:flex;gap:8px}.blog-pagination__link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--neutral-10);color:var(--neutral-50);text-decoration:none;border-radius:8px;font-weight:500;transition:all 0.2s ease}.blog-pagination__link:hover{background:var(--primary-40);color:var(--neutral-white)}.blog-pagination__current{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--primary-40);color:var(--neutral-white);border-radius:8px;font-weight:600}.blog-subscribe{background:linear-gradient(135deg, var(--primary-50) 0%, var(--primary-40) 100%);color:var(--neutral-white);padding:60px 0;margin-top:60px}.blog-subscribe__inner{max-width:1200px;margin:0 auto;padding:0 20px;text-align:center}.blog-subscribe__content h3{font-size:2rem;font-weight:700;margin-bottom:15px}.blog-subscribe__content p{font-size:1.1rem;opacity:0.9;margin-bottom:30px}.blog-subscribe__form{display:flex;max-width:500px;margin:0 auto;gap:10px}.blog-post__progressbar{position:fixed;top:0;left:0;width:100%;height:4px;background:#e5e7eb;z-index:1000}.progress-container{width:100%;height:100%}.progress-bar{height:100%;background:linear-gradient(90deg, var(--primary-40), var(--iris-50));width:0%;transition:width 0.1s ease}.blog-post__wrapper{max-width:1200px;margin:0 auto;padding:0 20px}.blog-post__section{margin-bottom:60px}.blog-post__header{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px}.blog-post__header-content{display:flex;flex-direction:column;justify-content:center}.blog-post__breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:0.875rem;color:var(--neutral-50)}.blog-post__breadcrumbs a{color:var(--primary-40);text-decoration:none}.blog-post__breadcrumbs a:hover{text-decoration:underline}.blog-post__title{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:20px;color:var(--neutral-70)}.blog-post__metadata{display:flex;flex-direction:column;gap:15px}.blog-post__readingtime{display:flex;align-items:center;gap:8px;color:var(--neutral-50);font-size:0.875rem}.blog-post__date{color:var(--neutral-50);font-size:0.875rem}.blog-post__header-image{display:flex;align-items:center;justify-content:center}.blog-post__header-img{width:100%;height:400px;border-radius:12px;overflow:hidden}.blog-post__header-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.show-featured{display:flex;align-items:center;gap:8px;margin-bottom:30px;font-size:0.875rem;color:var(--neutral-50)}.show-featured a{color:var(--primary-40);text-decoration:none}.show-featured a:hover{text-decoration:underline}.blog-post{display:grid;grid-template-columns:2fr 1fr;gap:40px}.blog-post__article{background:var(--neutral-white);padding:40px;border-radius:12px;box-shadow:var(--shadow-medium)}.blog-post__body{line-height:1.6;color:var(--neutral-60)}.blog-post__body h1,.blog-post__body h2,.blog-post__body h3,.blog-post__body h4,.blog-post__body h5,.blog-post__body h6{margin:30px 0 15px;color:var(--neutral-70);font-weight:600}.blog-post__body p{margin-bottom:20px}.blog-post__body img{max-width:100%;height:auto;border-radius:8px;margin:20px 0}.blog-post__body blockquote{border-left:4px solid var(--primary-40);padding-left:20px;margin:20px 0;font-style:italic;color:var(--neutral-50)}.blog-post__sidebar{position:relative}.blog-post__sidebar-inner{position:sticky;top:20px}.blog-post__meta{background:var(--neutral-white);padding:30px;border-radius:12px;box-shadow:var(--shadow-medium);margin-bottom:20px}.blog-post__meta-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;margin-bottom:15px}.blog-post__meta-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-post__meta-name{font-weight:600;color:var(--neutral-70);margin-bottom:10px}.blog-post__meta-bio{color:var(--neutral-50);line-height:1.5;margin-bottom:15px}.blog-post__meta h4{font-size:1.25rem;font-weight:600;color:var(--neutral-70);margin-bottom:20px}.share-icons{display:flex;flex-direction:column;gap:15px}.share-icons a{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--neutral-10);border-radius:8px;text-decoration:none;color:var(--neutral-60);transition:all 0.2s ease}.share-icons a:hover{background:var(--primary-40);color:var(--neutral-white)}.share-icons__icon{display:flex;align-items:center;justify-content:center}.share-icons__label{font-weight:500}.tooltip{position:relative}.tooltip::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--neutral-70);color:var(--neutral-white);padding:8px 12px;border-radius:6px;font-size:0.875rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.2s ease}.tooltip:hover::after{opacity:1} */

/*           .blog-related__wrapper{background:var(--neutral-10);padding:60px 0;margin-top:60px}.blog-related__wrapper h2{font-size:2rem;font-weight:700;color:var(--neutral-70);margin-bottom:40px;text-align:center}.blog-related__wrapper .blog-index{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}@media (max-width: 768px){.blog-header__title{font-size:2rem}.blog-index-picks{grid-template-columns:1fr}.blog-index{grid-template-columns:1fr}.blog-index__summary{grid-column:1}.blog-index__summary .blog-index__post-image{height:250px}.blog-pagination{flex-direction:column;gap:15px}.blog-subscribe{padding:40px 0}.blog-post__header{grid-template-columns:1fr;gap:20px}.blog-post__title{font-size:2rem}.blog-post{grid-template-columns:1fr;gap:30px}.blog-post__article{padding:20px}.blog-post__sidebar-inner{position:static}.blog-related__wrapper{padding:40px 0}.blog-related__wrapper .blog-index{grid-template-columns:1fr} */

}

          .text-secondary{color:var(--neutral-50)}.h2{font-size:2rem;font-weight:700}.h3{font-size:1.5rem;font-weight:600}.h5{font-size:1.125rem;font-weight:600}.footer a:hover{text-decoration:underline}.footer ul{list-style-type:none}.footer li{margin-left:0}.footer__primary-nav ul[role='menu']:not(.hs-menu-children-wrapper){display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:1fr;grid-column-gap:2rem;grid-row-gap:0px}.footer__primary-nav ul[role='menu']:not(.hs-menu-children-wrapper) li a{display:block;line-height:1.5}.footer__primary-nav ul[role='menu'] .hs-menu-depth-1>a[href='javascript:;']{display:inline-block;cursor:auto;font-weight:800;margin-bottom:var(--size-3)}.footer__primary-nav ul[role='menu'] .hs-menu-depth-1>a[href='javascript:;']:hover{text-decoration:none}.footer__primary-nav ul[role='menu'] .hs-menu-depth-1>ul{margin-bottom:var(--size-3)}.footer__secondary-nav ul[role='menu'],.footer__secondary-nav [role='navigation'] ul{list-style:none;margin:0;padding:0}.footer__secondary-nav ul[role='menu'] li,.footer__secondary-nav [role='navigation'] ul li{display:flex;align-items:center}.footer__secondary-nav ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--size-3)}.footer__tertiary-nav ul[role='menu'],.footer__tertiary-nav [role='navigation'] ul{display:flex;list-style:none;margin:0;padding:0;gap:var(--size-4)}.footer form{width:100%}.footer form input[type='email']{border:1px solid #4c4eec;border-radius:980px;font-size:16px;color:var(--neutral-60);padding:0.45rem 1.5rem}.footer form input[type='submit']{background:var(--secondary-50);color:var(--neutral-white);font-weight:bold;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0.5rem 1.5rem;border-radius:1.5rem;margin:0 0 1.5rem;width:100%;font-size:16px}.footer form input[type='submit']:hover{background:var(--secondary-70)}@media only screen and (max-width: 320px){.footer__tertiary-nav ul[role='menu'],.footer__tertiary-nav [role='navigation'] ul{gap:var(--size-3)}}@media only screen and (min-width: 720px){.footer__secondary-nav ul{display:flex;gap:var(--size-6)}.footer__primary-nav ul[role='menu']:not(.hs-menu-children-wrapper){grid-template-columns:repeat(5, 1fr);font-size:14px}.footer__primary-nav ul[role='menu']:not(.hs-menu-children-wrapper) li a{padding:0.125rem 0}.footer form{display:flex}.footer form .hs_email{display:flex;flex:1}.footer form .hs_email .input{width:100%}.footer form input[type='email']{min-width:370px}.footer form input[type='submit']{margin:0 0 0 0.5rem}}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.header{position:relative;top:0;width:100%;transition:background-color 150ms ease-in-out 0s}.header.dark{background:var(--primary-50)}.header.dark .header__logo{display:block}.header.dark .header__logo--secondary{display:none}.header.dark .main-nav__item button,.header.dark .main-nav__item:last-child a{color:var(--primary-50)}@media screen and (min-width: 992px){.header.dark .main-nav__item button,.header.dark .main-nav__item:last-child a{color:var(--neutral-white)}.header.dark .main-nav__item button:hover,.header.dark .main-nav__item:last-child a:hover{color:var(--neutral-white)}}.header.dark .header__block-toggle{color:var(--neutral-white)}.header.dark .header__block-toggle-item{background:var(--neutral-white)}.header.industry_report{background:#011840}.header.industry_report .header__logo{display:block}.header.industry_report .header__logo--secondary{display:none}.header.industry_report .main-nav__item button,.header.industry_report .main-nav__item:last-child a{color:#011840}@media screen and (min-width: 992px){.header.industry_report .main-nav__item button,.header.industry_report .main-nav__item:last-child a{color:var(--neutral-white)}.header.industry_report .main-nav__item button:hover,.header.industry_report .main-nav__item:last-child a:hover{color:var(--neutral-white)}}.header.industry_report .header__block-toggle{color:var(--neutral-white)}.header.industry_report .header__block-toggle-item{background:var(--neutral-white)}.header.is-fixed{background:var(--neutral-white)}.header.is-fixed .header__logo{display:none}.header.is-fixed .header__logo--secondary{display:block}.header.is-fixed .main-nav__item a,.header.is-fixed .main-nav__item button{color:var(--primary-50)}.header.is-fixed .main-nav__item a:hover,.header.is-fixed .main-nav__item button:hover{color:var(--secondary-50)}.header.is-fixed .main-nav__item a:hover .main-nav__item-label,.header.is-fixed .main-nav__item button:hover .main-nav__item-label{color:var(--secondary-50)}.header.is-fixed .main-nav__item a:hover .main-nav__item-icon,.header.is-fixed .main-nav__item button:hover .main-nav__item-icon{fill:var(--secondary-50)}.header.is-fixed .main-nav__item-icon{fill:var(--primary-50)}.header.is-fixed .header__block-toggle{color:var(--primary-50)}.header.is-fixed .header__block-toggle-item{background-color:var(--primary-50)}.header.is-fixed .main-nav__item:last-child a{color:var(--primary-50)}.header.is-fixed .main-nav__item:last-child a:hover{color:var(--secondary-50)}.header .header__logo{display:none}.header .header__logo--secondary{display:block}.header .main-nav__item:last-child a{color:var(--primary-50)}.header .main-nav__item:last-child a:hover{color:var(--secondary-50)}.header .main-nav__item button,.header .main-nav__item button a{color:var(--primary-50)}@media screen and (min-width: 992px){.header .main-nav__item button:hover,.header .main-nav__item button a:hover{color:var(--secondary-50)}}.header--fixed,.is-fixed{left:0;min-height:var(--main-content-offset);position:fixed;top:0;z-index:1000}.header--landing{background-color:var(--light-primary)}.header__logo-effect a{position:relative}.header__logo a:hover::after{background-position:500%;opacity:1}.header__logo *{display:block}.header__logo a:not([class])::before{display:none}.header__skip{height:1px;left:-1000px;overflow:hidden;position:absolute;text-align:left;top:-1000px;width:1px}.header__skip:hover,.header__skip:focus,.header__skip:active{height:auto;left:0;overflow:visible;top:0;width:auto}.header__main{align-items:center;display:flex}.header__nav{align-items:center;flex-shrink:0;flex-grow:0;display:flex}@media screen and (min-width: 992px){.header__nav{flex-grow:1;justify-content:flex-end}}.inner-header{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;width:100%}@media screen and (min-width: 992px){.inner-header{padding-bottom:0.5rem;padding-top:0.5rem}}.header__cta{margin-bottom:2rem;padding-left:2rem;display:flex}.header__cta .btn-list{padding:0}.header__cta .btn-list__item{margin:0}.header__cta .button--secondary,.header__cta .button--secondary:visited{border:none;padding-left:0}.header__cta .button--secondary:hover{background-color:transparent}@media screen and (min-width: 768px){.header__cta{display:flex;flex-shrink:0;margin-bottom:0;padding-left:0}}.header__block{background-color:var(--neutral-white);padding:0}@media screen and (max-width: 992px){.header__block{margin:0;left:0;overflow:hidden;padding-top:1.875rem;padding-bottom:1.875rem;position:fixed;right:0;top:var(--content-offset-sm);z-index:20;height:100%}}@media screen and (max-width: 768px){.header__block{top:var(--content-offset-mobile)}}.header__block-toggle{align-items:flex-start;color:var(--primary-50);cursor:pointer;display:flex;flex-direction:column;height:30px;justify-content:space-around;padding:3px;transform:translateY(0) rotate(0deg);transition:all 0.3s ease-in-out;width:30px}.js-header__block-toggle--reverse{transform:rotate(90deg)}.header__block-toggle-item{background-color:var(--primary-50);height:2px;transition:all 0.2s ease-in-out;transition-delay:0.2s;width:100%}.header__block-toggle-item--s{transform:translateY(0) scale(1)}.header__block-toggle-item--l{transform:translateY(0) rotate(0deg)}.header__block-toggle-item--m{transform:translateY(0) rotate(0deg)}.js-header__block-toggle--reverse .header__block-toggle-item--s{transform:translateY(6px) scale(0)}.js-header__block-toggle--reverse .header__block-toggle-item--l{transform:translateY(0) rotate(45deg)}.js-header__block-toggle--reverse .header__block-toggle-item--m{transform:translateY(-8px) rotate(-45deg);width:100%}@media screen and (min-width: 992px){.header__block-toggle{display:none}.header__block{background-color:transparent;display:flex;flex-direction:row;flex-grow:1;justify-content:space-between;position:static;width:inherit;height:inherit;overflow:inherit}.header__block.is-active{flex-direction:row;height:auto;min-height:auto;justify-content:initial;overflow:initial;padding:0;position:static}}.header__lang{align-items:center;cursor:pointer;display:flex;flex-shrink:0;margin-left:1em;padding-right:1em}.header__lang-label{color:var(--header-nav-color);font-size:0.89rem;margin-left:0.35em;white-space:nowrap}.header__lang:hover .lang_list_class{display:block}.header__lang .lang_switcher_class{display:block}.lang_switcher_class .globe_class{background-image:url("");background-color:var(--dark-tertiary);background-size:14px;border-radius:50%;height:20px;width:20px}.lang_switcher_class .lang_list_class{width:160px}.lang_switcher_class .lang_list_class li:first-child{border:none;border-top-left-radius:3px;border-top-right-radius:3px;padding-top:1.6em}.lang_switcher_class .lang_list_class li:last-child{border:none;border-bottom-left-radius:3px;border-bottom-right-radius:3px;padding-bottom:1.6em}.lang_switcher_class .lang_list_class{top:18px}.lang_switcher_class .lang_list_class li{background-color:var(--light-tertiary);border:none;font-size:0.84rem;padding:0.6em}.lang_switcher_class .lang_list_class::after{border-bottom-color:var(--light-tertiary)}.lang_switcher_class .lang_list_class::before{border-bottom-color:var(--light-tertiary)}.lang_switcher_class .lang_list_class li a{color:var(--dark-primary);font-style:normal}.lang_switcher_class .lang_list_class li a:hover{color:var(--dark-tertiary)}.button-wrapper .before\:bg-secondary-50::before{content: var(--tw-content);background-color:#ff290c}.button-wrapper .before\:bg-gx-90::before{content: var(--tw-content);background-color:#A554FF}.button-wrapper .even\:bg-neutral-white:nth-child(even){background-color:#fff}.button-wrapper .hover\:bg-iris-60:hover{background-color:#4b2fc2}.button-wrapper .hover\:bg-primary-70:hover{background-color:#011332}.button-wrapper .hover\:bg-secondary-70:hover{background-color:#660c00}.button-wrapper .hover\:bg-neutral-white:hover{background-color:#fff}.button-wrapper .hover\:bg-neutral-20:hover{background-color:#e5e5e4}.button-wrapper .hover\:before\:bg-neutral-white:hover::before{content: var(--tw-content);background-color:#fff}.button-wrapper .focus\:bg-secondary-50:focus{background-color:#ff290c}.button-wrapper .disabled\:bg-primary-50:disabled{background-color:#033180}@media (min-width: 624px) {.button-wrapper .after\:sm\:bg-primary-50::after{content: var(--tw-content);background-color:#033180}
}@media (min-width: 720px) {

  .md\:container {
    width: 100%;
  }

  @media (min-width: 432px) {

    .md\:container {
      max-width: 432px;
    }
  }

  @media (min-width: 624px) {

    .md\:container {
      max-width: 624px;
    }
  }

  @media (min-width: 720px) {

    .md\:container {
      max-width: 720px;
    }
  }

  @media (min-width: 767) {

    .md\:container {
      max-width: 767;
    }
  }

  @media (min-width: 992px) {

    .md\:container {
      max-width: 992px;
    }
  }

  @media (min-width: 1032px) {

    .md\:container {
      max-width: 1032px;
    }
  }

  @media (min-width: 1440px) {

    .md\:container {
      max-width: 1440px;
    }
  }
}@media (min-width: 992px) {.button-wrapper .maxmd\:bg-neutral-white{background-color:#fff}
}.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}.before\:left-0::before {
  content: var(--tw-content);
  left: 0;
}.before\:top-0::before {
  content: var(--tw-content);
  top: 0;
}.before\:block::before {
  content: var(--tw-content);
  display: block;
}.before\:h-\[100\%\]::before {
  content: var(--tw-content);
  height: 100%;
}.before\:h-\[100px\]::before {
  content: var(--tw-content);
  height: 100px;
}.before\:h-full::before {
  content: var(--tw-content);
  height: 100%;
}.before\:w-\[100px\]::before {
  content: var(--tw-content);
  width: 100px;
}.before\:w-\[2px\]::before {
  content: var(--tw-content);
  width: 2px;
}.before\:rounded-full::before {
  content: var(--tw-content);
  border-radius: 9999px;
}.before\:bg-gx-90::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(165 84 255 / var(--tw-bg-opacity, 1));
}.before\:bg-neutral-white\/40::before {
  content: var(--tw-content);
  background-color: rgb(255 255 255 / 0.4);
}.before\:bg-secondary-50::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 41 12 / var(--tw-bg-opacity, 1));
}.before\:backdrop-blur-sm::before {
  content: var(--tw-content);
  --tw-backdrop-blur: blur(4px);
  -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);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}.before\:transition-all::before {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.before\:duration-300::before {
  content: var(--tw-content);
  transition-duration: 300ms;
}.before\:ease-in-out::before {
  content: var(--tw-content);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}.after\:right-\[-40px\]::after {
  content: var(--tw-content);
  right: -40px;
}.after\:top-0::after {
  content: var(--tw-content);
  top: 0;
}.after\:h-\[100\%\]::after {
  content: var(--tw-content);
  height: 100%;
}.after\:w-\[1px\]::after {
  content: var(--tw-content);
  width: 1px;
}.after\:bg-primary-40::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(7 77 197 / var(--tw-bg-opacity, 1));
}.last\:mr-0:last-child {
  margin-right: 0;
}.odd\:bg-primary-10:nth-child(odd) {
  --tw-bg-opacity: 1;
  background-color: rgb(206 223 253 / var(--tw-bg-opacity, 1));
}.even\:bg-neutral-white:nth-child(even) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}.hover\:border-neutral-white:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}.hover\:bg-\[\#6ba0fa\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(107 160 250 / var(--tw-bg-opacity, 1));
}.hover\:bg-\[\#CEDFFD\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(206 223 253 / var(--tw-bg-opacity, 1));
}.hover\:bg-\[\#ECDEFF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(236 222 255 / var(--tw-bg-opacity, 1));
}.hover\:bg-accent-primary-95:hover {
  background-color: rgb(237 244 255 / 95%);
}.hover\:bg-iris-60:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(75 47 194 / var(--tw-bg-opacity, 1));
}.hover\:bg-neutral-20:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 228 / var(--tw-bg-opacity, 1));
}.hover\:bg-neutral-70:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
}.hover\:bg-neutral-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}.hover\:bg-primary-40:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(7 77 197 / var(--tw-bg-opacity, 1));
}.hover\:bg-primary-70:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(1 19 50 / var(--tw-bg-opacity, 1));
}.hover\:bg-secondary-70:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(102 12 0 / var(--tw-bg-opacity, 1));
}.hover\:fill-neutral-white:hover {
  fill: #fff;
}.hover\:text-primary-50:hover {
  --tw-text-opacity: 1;
  color: rgb(3 49 128 / var(--tw-text-opacity, 1));
}.hover\:text-secondary-50:hover {
  --tw-text-opacity: 1;
  color: rgb(255 41 12 / var(--tw-text-opacity, 1));
}.hover\:shadow-3xl:hover {
  --tw-shadow: 0px 8px 16px 0px rgba(18, 77, 178, 0.05), 0px 24px 40px 0px rgba(18, 77, 178, 0.10);
  --tw-shadow-colored: 0px 8px 16px 0px var(--tw-shadow-color), 0px 24px 40px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.hover\:shadow-xl:hover {
  --tw-shadow: 0px 20px 25px -5px rgba(2, 34, 89, 0.1), 0px 8px 10px -6px rgba(2, 34, 89, 0.1);
  --tw-shadow-colored: 0px 20px 25px -5px var(--tw-shadow-color), 0px 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.hover\:before\:bg-neutral-white:hover::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}.focus\:bg-secondary-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 41 12 / var(--tw-bg-opacity, 1));
}.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}.disabled\:border-primary-50:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(3 49 128 / var(--tw-border-opacity, 1));
}.disabled\:bg-primary-50:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(3 49 128 / var(--tw-bg-opacity, 1));
}.disabled\:opacity-0:disabled {
  opacity: 0;
}.group:hover .group-hover\:translate-x-1 {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}@media (min-width: 432px) {

  .xs\:mb-0 {
    margin-bottom: 0;
  }
}@media (min-width: 624px) {

  .sm\:relative {
    position: relative;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:h-\[45px\] {
    height: 45px;
  }

  .sm\:max-h-full {
    max-height: 100%;
  }

  .sm\:min-h-\[275px\] {
    min-height: 275px;
  }

  .sm\:w-\[192px\] {
    width: 192px;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:w-max {
    width: -moz-max-content;
    width: max-content;
  }

  .sm\:flex-auto {
    flex: 1 1 auto;
  }

  .sm\:basis-9\/12 {
    flex-basis: 75%;
  }

  .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:items-start {
    align-items: flex-start;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:py-6 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .sm\:pl-5 {
    padding-left: 2rem;
  }

  .sm\:pr-5 {
    padding-right: 2rem;
  }

  .sm\:pt-0 {
    padding-top: 0;
  }

  .after\:sm\:absolute::after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:sm\:right-0::after {
    content: var(--tw-content);
    right: 0;
  }

  .after\:sm\:h-\[100\%\]::after {
    content: var(--tw-content);
    height: 100%;
  }

  .after\:sm\:w-\[1px\]::after {
    content: var(--tw-content);
    width: 1px;
  }

  .after\:sm\:bg-primary-50::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(3 49 128 / var(--tw-bg-opacity, 1));
  }
}@media (min-width: 720px) {

  .md\:order-first {
    order: -9999;
  }

  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .md\:my-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .md\:mb-0 {
    margin-bottom: 0;
  }

  .md\:mb-3 {
    margin-bottom: 1rem;
  }

  .md\:mb-4 {
    margin-bottom: 1.5rem;
  }

  .md\:mb-6 {
    margin-bottom: 3rem;
  }

  .md\:mt-6 {
    margin-top: 3rem;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:grid {
    display: grid;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-\[120px\] {
    height: 120px;
  }

  .md\:h-\[25px\] {
    height: 25px;
  }

  .md\:h-\[40px\] {
    height: 40px;
  }

  .md\:h-\[44px\] {
    height: 44px;
  }

  .md\:h-\[45px\] {
    height: 45px;
  }

  .md\:h-auto {
    height: auto;
  }

  .md\:min-h-\[275px\] {
    min-height: 275px;
  }

  .md\:w-1\/4 {
    width: 25%;
  }

  .md\:w-3\/4 {
    width: 75%;
  }

  .md\:w-8\/12 {
    width: 66.666667%;
  }

  .md\:w-\[120px\] {
    width: 120px;
  }

  .md\:w-\[150px\] {
    width: 150px;
  }

  .md\:w-\[194px\] {
    width: 194px;
  }

  .md\:w-\[375px\] {
    width: 375px;
  }

  .md\:w-\[416px\] {
    width: 416px;
  }

  .md\:w-\[55vw\] {
    width: 55vw;
  }

  .md\:w-\[96px\] {
    width: 96px;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:min-w-\[800px\] {
    min-width: 800px;
  }

  .md\:max-w-\[10rem\] {
    max-width: 10rem;
  }

  .md\:max-w-\[18rem\] {
    max-width: 18rem;
  }

  .md\:max-w-\[864px\] {
    max-width: 864px;
  }

  .md\:basis-2\/4 {
    flex-basis: 50%;
  }

  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:flex-col {
    flex-direction: column;
  }

  .md\:items-start {
    align-items: flex-start;
  }

  .md\:items-end {
    align-items: flex-end;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:justify-end {
    justify-content: flex-end;
  }

  .md\:justify-center {
    justify-content: center;
  }

  .md\:gap-0 {
    gap: 0;
  }

  .md\:gap-1 {
    gap: 0.25rem;
  }

  .md\:gap-2 {
    gap: 0.5rem;
  }

  .md\:gap-3 {
    gap: 1rem;
  }

  .md\:gap-5 {
    gap: 2rem;
  }

  .md\:gap-6 {
    gap: 3rem;
  }

  .md\:gap-7 {
    gap: 4rem;
  }

  .md\:gap-x-5 {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .md\:gap-y-1 {
    row-gap: 0.25rem;
  }

  .md\:gap-y-4 {
    row-gap: 1.5rem;
  }

  .md\:gap-y-6 {
    row-gap: 3rem;
  }

  .md\:rounded-\[40px\] {
    border-radius: 40px;
  }

  .md\:rounded-\[60px\] {
    border-radius: 60px;
  }

  .md\:bg-new-design {
    background-image: linear-gradient(270deg, #C239FB 0%, #3F40F2 10%, #3F40F2 90%, #C239FB 100%);;
  }

  .md\:p-5 {
    padding: 2rem;
  }

  .md\:p-6 {
    padding: 3rem;
  }

  .md\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .md\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .md\:px-5 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:px-6 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .md\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .md\:py-4 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .md\:py-5 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .md\:py-6 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .md\:pb-0 {
    padding-bottom: 0;
  }

  .md\:pb-5 {
    padding-bottom: 2rem;
  }

  .md\:pb-6 {
    padding-bottom: 3rem;
  }

  .md\:pb-8 {
    padding-bottom: 5rem;
  }

  .md\:pl-6 {
    padding-left: 3rem;
  }

  .md\:pr-6 {
    padding-right: 3rem;
  }

  .md\:pt-0 {
    padding-top: 0;
  }

  .md\:pt-3 {
    padding-top: 1rem;
  }

  .md\:pt-6 {
    padding-top: 3rem;
  }

  .md\:pt-7 {
    padding-top: 4rem;
  }

  .md\:pt-8 {
    padding-top: 5rem;
  }

  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .md\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .md\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }

  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .md\:font-semibold {
    font-weight: 600;
  }

  .md\:leading-4 {
    line-height: 1rem;
  }

  .md\:leading-\[3\.75rem\] {
    line-height: 3.75rem;
  }

  .before\:md\:h-\[120px\]::before {
    content: var(--tw-content);
    height: 120px;
  }

  .before\:md\:w-\[120px\]::before {
    content: var(--tw-content);
    width: 120px;
  }
}@media (min-width: 992px) {

  .maxmd\:order-none {
    order: 0;
  }

  .maxmd\:my-6 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .maxmd\:mb-4 {
    margin-bottom: 1.5rem;
  }

  .maxmd\:ml-0 {
    margin-left: 0;
  }

  .maxmd\:block {
    display: block;
  }

  .maxmd\:flex {
    display: flex;
  }

  .maxmd\:hidden {
    display: none;
  }

  .maxmd\:h-\[72px\] {
    height: 72px;
  }

  .maxmd\:w-auto {
    width: auto;
  }

  .maxmd\:w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }

  .maxmd\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .maxmd\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .maxmd\:flex-col {
    flex-direction: column;
  }

  .maxmd\:gap-x-0 {
    -moz-column-gap: 0;
         column-gap: 0;
  }

  .maxmd\:gap-x-1 {
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
  }

  .maxmd\:gap-x-8 {
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }

  .maxmd\:gap-y-0 {
    row-gap: 0;
  }

  .maxmd\:gap-y-2 {
    row-gap: 0.5rem;
  }

  .maxmd\:bg-neutral-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }

  .maxmd\:pl-5 {
    padding-left: 2rem;
  }

  .maxmd\:pr-5 {
    padding-right: 2rem;
  }

  .maxmd\:text-center {
    text-align: center;
  }

  .maxmd\:leading-7 {
    line-height: 1.75rem;
  }
}@media (min-width: 1032px) {

  .lg\:absolute {
    position: absolute;
  }

  .lg\:-bottom-\[\.75rem\] {
    bottom: -.75rem;
  }

  .lg\:mt-0 {
    margin-top: 0;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-4 {
    height: 1.5rem;
  }

  .lg\:h-\[30px\] {
    height: 30px;
  }

  .lg\:h-\[50px\] {
    height: 50px;
  }

  .lg\:h-\[52px\] {
    height: 52px;
  }

  .lg\:h-auto {
    height: auto;
  }

  .lg\:min-h-\[315px\] {
    min-height: 315px;
  }

  .lg\:min-h-\[870px\] {
    min-height: 870px;
  }

  .lg\:w-1\/4 {
    width: 25%;
  }

  .lg\:w-3\/4 {
    width: 75%;
  }

  .lg\:w-4 {
    width: 1.5rem;
  }

  .lg\:w-\[120px\] {
    width: 120px;
  }

  .lg\:w-\[34rem\] {
    width: 34rem;
  }

  .lg\:w-\[430px\] {
    width: 430px;
  }

  .lg\:w-\[80px\] {
    width: 80px;
  }

  .lg\:w-auto {
    width: auto;
  }

  .lg\:max-w-\[430px\] {
    max-width: 430px;
  }

  .lg\:max-w-\[810px\] {
    max-width: 810px;
  }

  .lg\:grow {
    flex-grow: 1;
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:justify-end {
    justify-content: flex-end;
  }

  .lg\:gap-5 {
    gap: 2rem;
  }

  .lg\:divide-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(2px * var(--tw-divide-x-reverse));
    border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .lg\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
  }

  .lg\:p-6 {
    padding: 3rem;
  }

  .lg\:px-4 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lg\:px-5 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:px-6 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lg\:px-8 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .lg\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .lg\:pb-3 {
    padding-bottom: 1rem;
  }

  .lg\:pt-0 {
    padding-top: 0;
  }

  .lg\:pt-\[3rem\] {
    padding-top: 3rem;
  }

  .lg\:text-\[4rem\] {
    font-size: 4rem;
  }

  .lg\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .lg\:leading-\[4\.5rem\] {
    line-height: 4.5rem;
  }
}@media (min-width: 1440px) {

  .xl\:relative {
    position: relative;
  }

  .xl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .xl\:ml-0 {
    margin-left: 0;
  }

  .xl\:min-h-full {
    min-height: 100%;
  }

  .xl\:w-\[304px\] {
    width: 304px;
  }

  .xl\:min-w-\[304px\] {
    min-width: 304px;
  }

  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:flex-row {
    flex-direction: row;
  }

  .xl\:gap-x-4 {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  .xl\:gap-x-8 {
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }

  .xl\:text-left {
    text-align: left;
  }
}.\[\&\>a\>img\:hover\]\:mix-blend-luminosity>a>img:hover {
  mix-blend-mode: luminosity;
}.\[\&\>a\>img\]\:h-\[144px\]>a>img {
  height: 144px;
}.\[\&\>a\>img\]\:h-\[80px\]>a>img {
  height: 80px;
}.\[\&\>a\>img\]\:w-\[80px\]>a>img {
  width: 80px;
}.\[\&\>a\>img\]\:w-full>a>img {
  width: 100%;
}.\[\&\>a\>img\]\:object-contain>a>img {
  -o-object-fit: contain;
     object-fit: contain;
}@media (min-width: 1032px) {

  .\[\&\>a\>img\]\:lg\:h-\[144px\]>a>img {
    height: 144px;
  }

  .lg\:\[\&\>a\>img\]\:h-\[144px\]>a>img {
    height: 144px;
  }
}.\[\&\>a\]\:flex>a {
  display: flex;
}.\[\&\>a\]\:w-full>a {
  width: 100%;
}.\[\&\>a\]\:justify-center>a {
  justify-content: center;
}.\[\&\>div\>a\>img\:hover\]\:mix-blend-luminosity>div>a>img:hover {
  mix-blend-mode: luminosity;
}.\[\&\>div\>a\>img\]\:h-\[110px\]>div>a>img {
  height: 110px;
}.\[\&\>div\>a\>img\]\:h-\[144px\]>div>a>img {
  height: 144px;
}.\[\&\>div\>a\>img\]\:h-\[80px\]>div>a>img {
  height: 80px;
}.\[\&\>div\>a\>img\]\:\!w-\[80px\]>div>a>img {
  width: 80px !important;
}@media (min-width: 1032px) {

  .lg\:\[\&\>div\>a\>img\]\:h-\[144px\]>div>a>img {
    height: 144px;
  }
}.\[\&\>div\]\:flex>div {
  display: flex;
}.\[\&\>div\]\:items-center>div {
  align-items: center;
}.\[\&\>div\]\:justify-center>div {
  justify-content: center;
}.\[\&\>div\]\:text-lg>div {
  font-size: 1.125rem;
  line-height: 1.75rem;
}.\[\&\>img\]\:aspect-square>img {
  aspect-ratio: 1 / 1;
}.\[\&\>img\]\:aspect-video>img {
  aspect-ratio: 16 / 9;
}.\[\&\>img\]\:h-full>img {
  height: 100%;
}.\[\&\>img\]\:w-full>img {
  width: 100%;
}.\[\&\>img\]\:object-cover>img {
  -o-object-fit: cover;
     object-fit: cover;
}.\[\&\>svg\>path\]\:hover\:fill-\[red\]:hover>svg>path {
  fill: red;
}.\[\&\>svg\]\:absolute>svg {
  position: absolute;
}.\[\&\>svg\]\:left-\[50\%\]>svg {
  left: 50%;
}.\[\&\>svg\]\:top-\[50\%\]>svg {
  top: 50%;
}.\[\&\>svg\]\:h-\[1\.75rem\]>svg {
  height: 1.75rem;
}.\[\&\>svg\]\:w-auto>svg {
  width: auto;
}.\[\&\>svg\]\:translate-x-\[-50\%\]>svg {
  --tw-translate-x: -50%;
  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));
}.\[\&\>svg\]\:translate-y-\[-50\%\]>svg {
  --tw-translate-y: -50%;
  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));
}.\[\&\>ul\>li\:first-child\]\:hidden>ul>li:first-child {
  display: none;
}@media (min-width: 720px) {

  .\[\&\>ul\>li\:first-child\]\:md\:block>ul>li:first-child {
    display: block;
  }
}.\[\&\>ul\>li\:last-child\]\:hidden>ul>li:last-child {
  display: none;
}@media (min-width: 720px) {

  .\[\&\>ul\>li\:last-child\]\:md\:block>ul>li:last-child {
    display: block;
  }
}.\[\&\>ul\>li\]\:ml-2>ul>li {
  margin-left: 0.5rem;
}.\[\&\>ul\>li\]\:list-disc>ul>li {
  list-style-type: disc;
}.\[\&\>ul\>li\]\:text-lg>ul>li {
  font-size: 1.125rem;
  line-height: 1.75rem;
}.\[\&\>ul\]\:mb-\[0px\]>ul {
  margin-bottom: 0px;
}.\[\&\>ul\]\:mt-4>ul {
  margin-top: 1.5rem;
}.\[\&\>ul\]\:list-inside>ul {
  list-style-position: inside;
}.\[\&\>ul\]\:list-disc>ul {
  list-style-type: disc;
}.\[\&\>ul\]\:pl-5>ul {
  padding-left: 2rem;
}.\[\&\>ul\]\:pt-3>ul {
  padding-top: 1rem;
}.\[\&_a\]\:justify-start a {
  justify-content: flex-start;
}.\[\&_img\]\:w-\[100\%\] img {
  width: 100%;
}.\[\&_img\]\:object-cover img {
  -o-object-fit: cover;
     object-fit: cover;
}
  .submitted-message {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 800;
    color: #033180;

  }
  
/* Full flattened CSS converted from SCSS */

/* Blog header (flattened from SCSS) */
.blog-header {
  background-color: #F8FAFC;
  text-align: center;
}

.blog-header__inner {
  margin: 0 auto;
  max-width: 600px;
  padding: 3.3rem 0;
}

.blog-header__title {
  font-size: 2rem;
}

.blog-header__subtitle {
  margin: 1rem 0 2rem;
}

.blog-header__form {
  margin: 0 1rem;
}

@media screen and (min-width: 768px) {
  .blog-header__form {
    margin: 0 auto;
    width: 500px;
  }
}

/* Blog header - author listing (flattened) */
.blog-header__author-avatar {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15);
  height: 200px;
  margin: 0 auto 1.5rem;
  width: 200px;
}

.blog-header__author-social-links a {
  background-color: #000;
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  margin: 0 5px;
  position: relative;
  width: 40px;
}

.blog-header__author-social-links a:hover {
  background-color: #494A52;
}

.blog-header__author-social-links svg {
  fill: var(--white);
  height: 15px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
}

/* Blog listing (flattened) */
.blog-index {
  display: flex;
  flex-wrap: wrap;
  padding: 3.3rem 0;
}

.blog-index:after {
  content: "";
  flex: auto;
}

.blog-index__tag-header {
  flex: 1 0 100%;
  padding: 1rem;
}

.blog-index__tag-subtitle {
  font-size: 1.16rem;
  line-height: 1.1;
}

.blog-index__tag-heading {
  border-bottom: 3px solid #D1D6DC;
  padding-bottom: 1rem;
}

.blog-index__post {
  flex: 0 0 100%;
  padding: 1rem;
}

@media screen and (min-width: 768px) {
  .blog-index__post {
    flex: 0 0 calc(100%/2);
  }
}

@media screen and (min-width: 1000px) {
  .blog-index__post {
    flex: 0 0 calc(100%/3);
  }
}

@media screen and (min-width: 768px) {
  .blog-index__post--large {
    display: flex;
    flex: 1 0 100%;
    justify-items: space-between;
  }
}

.blog-index__post-image {
  display: block;
  background-image: url('https://6326501.fs1.hubspotusercontent-na1.net/hubfs/6326501/boilerplate/grayscale-mountain.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 63%;
}

@media screen and (min-width: 768px) {
  .blog-index__post-image--large {
    flex: 1 1 48%;
    padding-bottom: 0;
  }
}

.blog-index__post-content h2 {
  margin: 0.5rem 0;
}

.blog-index__post-content p {
  font-family: var(--body-font);
}

.blog-index__post-content--small h2 {
  font-size: 1.25rem;
}

@media screen and (min-width: 768px) {
  .blog-index__post-content--large {
    flex: 1 1 48%;
    padding-left: 2rem;
  }
}

@media screen and (min-width: 768px) {
  .blog-index__post-content--full-width {
    flex: 1 1 100%;
    padding-left: 0;
  }
}

.blog-index__post img {
  height: auto;
  max-width: 100%;
}

/* Blog pagination (flattened) */
.blog-pagination {
  align-items: center;
  display: flex;
  font-family: var(--heading-font);
  justify-content: center;
  margin-bottom: 3.3rem;
  text-align: center;
}

.blog-pagination__link {
  border: 2px solid transparent;
  border-radius: 4px;
  text-decoration: none;
}

.blog-pagination__link--active {
  border: 2px solid #B0C1D4;
}

.blog-pagination__link:hover,
.blog-pagination__link:focus {
  text-decoration: none;
}

.blog-pagination__link:hover *,
.blog-pagination__link:focus * {
  color: white;
}

.blog-pagination__prev-link,
.blog-pagination__next-link {
  align-items: center;
  display: inline-flex;
}

.blog-pagination__prev-link svg,
.blog-pagination__next-link svg {
  fill: #494A52;
  margin: 0 5px;
}

.blog-pagination__prev-link--disabled,
.blog-pagination__next-link--disabled {
  color: #B0C1D4;
  cursor: default;
  pointer-events: none;
}

.blog-pagination__prev-link--disabled svg,
.blog-pagination__next-link--disabled svg {
  fill: #B0C1D4;
}

.blog-pagination__prev-link {
  margin-right: 0.25rem;
  text-align: right;
}

.blog-pagination__next-link {
  margin-left: 0.25rem;
  text-align: left;
}

.blog-pagination__number-link:hover,
.blog-pagination__number-link:focus {
  border: 2px solid #B0C1D4;
}

/* Blog post (flattened) */
.blog-post {
  margin: 0 auto;
  padding: 3.3rem 0;
}

.blog-post__meta {
  margin: 1rem 0;
}

.blog-post__meta a {
  color: #494A52;
  text-decoration: underline;
}

.blog-post__tags {
  color: #000;
  font-family: var(--body-font);
}

.blog-post__tags svg {
  height: auto;
  margin-right: 10px;
  width: 15px;
}

.blog-post__tag-link {
  color: #000;
  font-size: .8rem;
}

/* Blog related posts (flattened) */
.blog-recent-posts {
  background-color: #F8FAFC;
  margin-top: 3rem;
  padding: 2rem 0;
}

.blog-recent-posts h2 {
  text-align: center;
}

.blog-recent-posts__list {
  display: flex;
  flex-wrap: wrap;
}

.blog-recent-posts__post {
  color: #494A52;
  display: block;
  flex: 0 0 100%;
  padding: 1rem;
}

@media screen and (min-width: 768px) {
  .blog-recent-posts__post {
    flex: 0 0 calc(100%/2);
  }
}

@media screen and (min-width: 1000px) {
  .blog-recent-posts__post {
    flex: 0 0 calc(100%/3);
  }
}

.blog-recent-posts__post:hover {
  text-decoration: none;
}

.blog-recent-posts__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 63%;
}

.blog-recent-posts__title {
  margin: 1rem 0 0.5rem;
}

/* Blog comments (flattened) */
.blog-comments {
  margin: 0 auto;
  max-width: 680px;
}

.blog-comments form {
  max-width: 100%;
}

.blog-comments .hs-submit {
  text-align: center;
}

.blog-comments .hs-button {
  background-color: transparent;
  border: 2px solid #494A52;
  color: #494A52;
}

.blog-comments .hs-button:hover {
  background-color: #494A52;
  color: var(--white);
}

.blog-comments .comment-reply-to {
  border: 0 none;
}

.blog-comments .comment-reply-to:hover {
  background-color: transparent;
  color: #494A52;
  text-decoration: underline;
}

/* Minor interactions */
.blog-index-picks__sidebar .blog-index__post:hover {
  transform: translateY(0);
}

.blog-index__summary-title a:hover {
  text-decoration: underline;
}

.blog-index__post:has(.blog-index__post-image:hover) .blog-index__summary-title {
  text-decoration: underline;
}

/* ===== The remainder of the user's stylesheet was already valid CSS or had minor SCSS bits. ===== */

/* Header gradient & base */
.blog-header {
  background: linear-gradient(135deg, var(--primary-50) 0, rgb(3, 49, 128) 100%);
  color: var(--neutral-white);
  margin-bottom: 40px;
  padding: 60px 0;
}

.blog-header__inner {
  margin: 0 auto;
  max-width: 1300px;
  padding: 0 20px;
  text-align: center;
}

.blog-header__inner .blog-header__heading {
  margin-bottom: 16px;
  font-size: var(--size-5);
  text-transform: capitalize;
}

@media only screen and (min-width: 768px) {
  .blog-header__inner .blog-header__heading {
    font-size: var(--font-size-fluid-3);
  }
}

.blog-header__subtitle {
  opacity: 1;
}

.blog-index.blog-index-picks .blog-index__main-editor-pick-title{
  font-size: var(--size-4);
}

@media only screen and (min-width: 768px) {
  .blog-index.blog-index-picks  .blog-index__main-editor-pick-title{
    font-size: 32px;
  }
}

.blog-index.blog-index-picks  .blog-index__summary-title{
  font-size: 18px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 2;
  -webkit-line-clamp: 2;
}

.blog-index__post-title{
  font-size: 18px
}

.blog-header__search {
  align-items: center;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 50px;
  display: flex;
  margin: 0 auto;
  max-width: 400px;
  padding: 10px 20px;
  margin-top: 1.6rem;
}

.blog-search-input {
  background: transparent;
  border: none;
  color: var(--neutral-white);
  flex: 1;
  font-size: 16px;
  outline: none;
}

.blog-search-input::-moz-placeholder {
  color: hsla(0, 0%, 100%, .8);
}

.blog-search-input:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, .8);
}

.blog-search-input::placeholder {
  color: hsla(0, 0%, 100%, .8);
}

.blog-header__search--icon {
  background: hsla(0, 0%, 100%, .15);
  height: 42px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog-index__wrapper *, .blog-post *{
  color: #033180;
}

.blog-index__wrapper {
  margin: 0 auto;
  max-width: 1300px;
  padding: 0 20px;
}

.blog-index__section {
  margin-bottom: 60px;
}

.blog-index__section-header {
  align-items: center;
  border-bottom: 1px solid #cbd7ee;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  padding-bottom: 15px;
}

.blog-index__section-header h2,.blog-heading h2{
  font-size: 32px;
}

.blog-index__section-header h4 {
  color: #033180;
  font-size: 1.5rem;
  font-weight: 600;
}

.blog-index__section-header a {
  align-items: center;
  color: rgb(3, 49, 128);
  display: flex;
  font-weight: 500;
  text-decoration: none;
}

.blog-index__section-header a:hover {
  color: var(--primary-50);
}

.blog-index-picks {
  display: grid;
  gap: 30px;
  grid-template-columns: 2fr 1fr;
}

.blog-index {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
}

.blog-index__post {
  background: var(--neutral-white);
  border-radius: 12px;
  box-shadow: var(--shadow-medium);
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease;
}

.blog-index__post:hover {
  box-shadow: var(--shadow-large);
  transform: translateY(-4px);
}

.blog-index__post-image {
  display: block;
  height: 200px;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform .2s ease;
  width: 100%;
}

.blog-index__post-image:hover {
  transform: scale(1.05);
}

.blog-index__post-image-featured {
  height: 300px;
}

.blog-header__tag {
  color: rgba(255, 41, 12, 1);
  text-decoration: none;
  font-weight: 800;
  font-size: 14px;
}

.blog-index__post-date {
  font-size: .875rem;
  margin: 8px 0;
}

.blog-index__post-content h2,
.blog-index__post-content h3 {
  margin: 10px 0;
}

.blog-index__post-content h2 a,
.blog-index__post-content h3 a {
  color: #033180;
  text-decoration: none;
}

.blog-index__post-content h2 a:hover,
.blog-index__post-content h3 a:hover {
  color: rgb(3, 49, 128);
}

.blog-index__post-content-meta {
  align-items: center;
  display: flex;
  font-size: .875rem;
}

.blog-post__meta-avatar {
  height: 38px;
  width: 38px;
}

.blog-post__meta-name a {
  color: rgb(3, 49, 128);
  text-decoration: none;
}

.blog-post__meta-name span {
  color: var(--neutral-50);
}

.blog-post__separator {
  color: #d1d5db;
  margin: 0 8px;
}

.blog-post__readingtime-icon {
  align-items: center;
  display: flex;
}

.blog-index__summary {
  grid-column: 1/-1;
}

.blog-index__summary .blog-index__post-image {
  height: 400px;
}

.blog-index__summary .blog-index__post-content {
  padding: 30px;
}

.blog-heading {
  margin-bottom: 30px;
  border-top: 1px solid #cbd7ee;
}

.blog-heading h4 {
  color: #033180;
  font-size: 1.5rem;
  font-weight: 600;
}

.blog-pagination {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: center;
  margin: 40px 0;
}

.blog-pagination__next,
.blog-pagination__prev {
  align-items: center;
  background: rgb(3, 49, 128);
  border-radius: 8px;
  color: var(--neutral-white);
  display: flex;
  font-weight: 500;
  gap: 8px;
  padding: 10px 20px;
  text-decoration: none;
  transition: background-color .2s ease;
}

.blog-pagination__next:hover,
.blog-pagination__prev:hover {
  background: var(--primary-50);
}

.blog-pagination__pages {
  display: flex;
  gap: 8px;
}

.blog-pagination__link {
  align-items: center;
  border-radius: 8px;
  display: flex;
  font-weight: 500;
  height: 40px;
  justify-content: center;
  text-decoration: none;
  transition: all .2s ease;
  width: 40px;
  justify-content: center;
  border: 2px solid #b0c1d4;
}

.blog-pagination__current,
.blog-pagination__link:hover {
  background: rgb(3, 49, 128);
  color: var(--neutral-white);
}

.blog-pagination__current {
  align-items: center;
  border-radius: 8px;
  display: flex;
  font-weight: 600;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.blog-subscribe {
  background: linear-gradient(135deg, var(--primary-50) 0, rgb(3, 49, 128) 100%);
  color: var(--neutral-white);
  margin-top: 60px;
  padding: 60px 0;
}

.blog-subscribe__inner {
  margin: 0 auto;
  max-width: 1300px;
  padding: 0 20px;
  text-align: center;
}

.blog-subscribe__content h3 {
  margin-bottom: 15px;
}

.blog-subscribe__content p {
  font-size: 1.1rem;
  margin-bottom: 30px;
  opacity: .9;
}

.blog-subscribe__form {
  display: flex;
  gap: 10px;
  margin: 0 auto;
  max-width: 500px;
}

.blog-post__progressbar {
  background: #e5e7eb;
  height: 4px;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.progress-container {
  height: 100%;
  width: 100%;
}

.progress-bar {
  background: linear-gradient(90deg, rgb(3, 49, 128), var(--iris-50));
  height: 100%;
  transition: width .1s ease;
  width: 0;
}

.blog-post__wrapper {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 20px;
}

.blog-post__section {
  margin-bottom: 60px;
}

.blog-post__header {
  display: grid;
  gap: 40px;
  margin-bottom: 40px;
}

.blog-post__header-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.blog-post__breadcrumbs {
  align-items: center;
  display: flex;
  font-size: .875rem;
  gap: 8px;
  margin-bottom: 20px;
}

.blog-post__breadcrumbs a {
  text-decoration: none;
}

.blog-post__breadcrumbs a:hover {
  text-decoration: underline;
}

.blog-post__title {
  color: #033180;
  font-size: 2.5rem;
  margin-bottom: 1.6rem;
}

@media only screen and (min-width: 992px) {
  .blog-post__title {
    font-size: 3.2rem;
  }
}

.blog-post__body h2{
  font-weight: bold;
}

.blog-post__body h3{
  font-weight: 600;
}

.blog-post__body h4,.blog-post__body h5{
  font-weight: 600;
  font-size: 1.25rem;
}

.blog-post__body h4,.blog-post__body h6{
  font-weight: bold;
}

.blog-post__body h4,.blog-post__body h5,.blog-post__body h6{
  margin-bottom: 24px;
}

.blog-post__body h6{
  font-size: 1.1rem;
}

.blog-post__body h2{
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: 1.6rem;
  margin-top: 48px;
}

@media only screen and (min-width: 992px){
  .blog-post__body h2{
    font-size: 2.4rem;
  }
}

@media only screen and (min-width: 1200px){
  .blog-post__body h2{
    font-size: 2rem;
  }
}

.blog-post__body h3{
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: 1.6rem;
  margin-top: 32px;
}

@media only screen and (min-width: 992px){
  .blog-post__body h3{
    font-size: 1.1rem;
  }
}

@media only screen and (min-width: 1200px){
  .blog-post__body h3{
    font-size: 1.5rem;
  }
}

.blog-post__metadata {
  display: flex;
  align-items: center;
  gap: 15px;
  border-bottom: 1px solid #0231801a;
  padding-bottom: 32px;
}

.blog-post__metadata .blog-post__meta-avatar,
.blog-post__metadata .blog-post__meta-name{
  display: none;
}

.blog-post__readingtime {
  align-items: center;
  display: flex;
}

.blog-post__date,
.blog-post__readingtime {
  color:#033180;
  font-size: .875rem;
}

.blog-post__header-image {
  align-items: center;
  display: flex;
  justify-content: center;
}

.blog-post__header-img {
  border-radius: 12px;
  height: 400px;
  overflow: hidden;
  width: 100%;
}

.blog-post__header-img img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.show-featured {
  align-items: center;
  color: var(--neutral-50);
  display: flex;
  font-size: .875rem;
  gap: 8px;
  margin-bottom: 30px;
}

.show-featured a {
  text-decoration: none;
}

.show-featured a:hover {
  text-decoration: underline;
}

.blog-post {
  display: grid;
  gap: 40px;
  grid-template-columns: 2fr 1fr;
}

.blog-post__body {
  color: #033180;
  line-height: 1.6;
}

.blog-post__body p {
  margin-bottom: 24px;
  font-size: 18px;
}

.blog-post__body p,
.blog-post__body * {
  color: #033180;
}

.blog-post__body img {
  border-radius: 8px;
  height: auto;
  margin: 20px 0;
  max-width: 100%;
}

.blog-post__body blockquote {
  border-left: 4px solid rgb(3, 49, 128);
  color: var(--neutral-50);
  font-style: italic;
  margin: 20px 0;
  padding-left: 20px;
}

.blog-post__sidebar {
  position: relative;
}

@media only screen and (min-width: 1200px) {
  .blog-post__meta-wrapper {
    position: sticky;
    top: 100px;
    height: fit-content;
  }
}

.blog-post__meta {
  margin-bottom: 20px;
  padding: 30px;
}

.blog-post__sidebar-inner .blog-post__meta {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}

.blog-post__meta-avatar {
  border-radius: 50%;
  height: 40px;
  overflow: hidden;
  width: 40px;
}

.blog-post__meta-avatar img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.blog-post__meta-name {
  color: #033180;
  font-weight: 600;
}

.blog-post__meta-bio {
  line-height: 1.5;
  margin-bottom: 15px;
}

.blog-post__meta h4 {
  color: #033180;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 20px;
}

/* ========== Pagination ========== */
.new-theme-pagination.blog-pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.blog-pagination__items,
.blog-pagination__nav {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.blog-pagination__link,
.blog-pagination__ellipsis {
  font-size: 0.95rem;
  color: #033180;
  text-decoration: none;
  line-height: 1;
}

.blog-pagination__link:hover,
.blog-pagination__link:focus {
  text-decoration: underline;
  border: 2px solid #b0c1d4;
}

.blog-pagination__link--active {
  font-weight: 700;
  pointer-events: none;
  border: 2px solid #b0c1d4;
}

.blog-pagination__ellipsis {
  pointer-events: none;
}

.blog-pagination__nav .blog-pagination__prev-link,
.blog-pagination__nav .blog-pagination__next-link {
  width: 110px;
}

/* blog-dropdown */
.blog-dropdown {
  position: relative;
}

.blog-dropdown .btn--dropdown {
  border: 0;
  display: flex;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  box-shadow: 0 0 0 1px #cbd7ee;
  border-radius: 100px;
  background: transparent;
  transition: background 0.2s ease;
}

.blog-dropdown.dropdown.active > .btn--dropdown,
.btn--dropdown:hover {
  color: white;
  background: #033180;
}

.blog-dropdown .dropdown-menu {
  position: absolute;
  z-index: 1;
  right: 0;
  top: calc(100% + .90rem);
  background-color: white;
  padding: 28px 28px 28px 20px;
  border-radius: 4px;
  border: 1px solid #0231801a;
  display: none;
  pointer-events: none;
  transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;
}

.blog-dropdown.dropdown.active > .link + .dropdown-menu {
  display: block;
  pointer-events: auto;
}

.dropdown > .btn--dropdown svg {
  pointer-events: none;
  transition: transform 0.2s ease;
}

.dropdown.active > .btn--dropdown svg {
  transition: transform 0.2s ease;
  transform: rotate(180deg);
}

.dropdown.active > .btn--dropdown svg path,
.btn--dropdown:hover svg path {
  fill: white;
}

.dropdown-links a {
  font-size: 14px;
  padding: 10px 8px;
  color: #001F4A;
  transition: background-color 150ms ease-in-out;
}

.dropdown-links a:hover {
  background: #f1f3f9;
  border-radius: 4px;
}


.hs-blog-post div:not(.fixed) .header {
  background-color: #033180;
}

.hs-blog-post div:not(.fixed) .header {
  background-color: var(--white);
}

.blog-header .blog-header__inner {
  margin: 0 auto;
  max-width: 1300px;
  text-align: left;
}

.body-container .blog-header .blog-header__inner .blog-header__tag{
  font-size: 16px;
  color: white;
  margin-bottom: 1rem;
  display: block;
  text-transform: capitalize;
}

@media screen and (min-width: 768px) {
  .blog-header__inner .text-large {
    max-width: 900px;
  }
}

.blog-header__subtitle,
.blog-header__title {
  color: var(--white);
}

.blog-header__subtitle {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

.blog-header__inner .blog-header__search {
  border-radius: 0;
  display: flex;
  margin: 0;
  max-width: 400px;
  padding: 0;
}

.blog-header__inner .blog-header__search .hs-search-field input {
  background: #fff;
  border: 0;
  padding: 10px;
}

.blog-header__search--input {
  flex: 1;
  align-self: end;
}

.blog-header__search--icon {
  display: flex;
  align-self: end;
}

@media screen and (min-width: 992px) {
  .blog-index__post-content {
    padding: 20px;
  }
  .blog-header.blog-header--author .blog-header__subtitle {
    max-width: inherit;
  }
  .blog-header__subtitle {
    font-size: 18px;
    line-height: 32px;
    max-width: 550px;
  }
  .blog-header__search {
    max-width: 550px;
  }
}

.blog-header__subtitle p {
  font-size: var(--pLarge);
  font-weight: 400;
}

.blog-header a {
  text-decoration: none;
}

.blog-header__form form {
  display: flex;
  margin: 36px 0;
}

.blog-header__form form .hs-form-field {
  width: 100%;
}

.blog-header__form label:not(.hs-error-msg) {
  display: none;
}

.blog-header__form .hs-submit input {
  margin-left: 18px;
}

@media screen and (min-width: 768px) {
  .blog-header__form {
    width: 500px;
  }
}

@media screen and (max-width: 420px) {
  .blog-header__form form {
    flex-direction: column;
  }
  .blog-header__form .hs-submit input {
    margin-left: 0;
    width: 100%;
  }
}

.blog-index__wrapper {
  background-color: var(--white);
}

.blog-index__section {
  margin: 0 auto;
  max-width: 1300px;
}

.blog-index {
  grid-template-columns: repeat(auto-fill, minmax(var(--imgWidth), 1fr));
  grid-gap: 30px;
  padding: 60px 0 30px;
}

.blog-index-latest {
  padding: 20px 0 30px;
}

@media only screen and (min-width: 1560px) {
  .blog-index {
    --imgWidth: 248px;
  }
  .blog-index .featured {
    --imgWidth: 413.33333px;
  }
}

@media only screen and (max-width: 1560px) {
  .blog-index {
    --imgWidth: calc(20.83333vw - 7.5px);
  }
}

@media only screen and (max-width: 768px) {
  .blog-index {
    --imgWidth: 83.33333vw;
  }
}

.blog-index__post {
  width: 100%;
  border-radius: 10px;
  box-shadow: 0 20px 30px #95b2d626;
  background-color: var(--white);
  padding: 0;
}

.blog-index__post .blog-index__post-content{
  padding: 24px;
}

@media only screen and (min-width: 992px) {
  .blog-index.blog-index-picks .blog-index-picks__sidebar .blog-index__post {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    justify-content: right;
    justify-items: baseline;
  }
}

.blog-index .blog-index__post-image {
  display: initial;
  transition: filter .2s, transform .2s;
}

.blog-index .blog-index__post-image:hover {
  filter: drop-shadow(var(--shadow-hover));
  transform: translate3d(0, -5px, 0);
}

.blog-index .blog-index__post-image:hover + .blog-index__post-content .h3,
.blog-index .blog-index__post-image:hover + .blog-index__post-content h3 {
  text-decoration: underline;
}

.blog-index .blog-index__post .blog-index__post-image-featured img {
  height: auto;
  max-height: 380px;
}

.blog-index .blog-index__post-image img {
  border-radius: 4px;
  height: calc(var(--imgWidth)/1.65);
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.blog-index__post img:hover > .blog-index__post-content h2 {
  text-decoration: underline;
}

@media only screen and (min-width: 992px) {
  .blog-index .blog-index__post-image img {
    height: calc(var(--imgWidth)/1.4);
  }
}

.blog-index .blog-index__post-content {
  padding-top: 20px;
}

@media only screen and (min-width: 992px) {
  .blog-index .blog-index__post-content {
    display: flex;
    flex: 1;
    flex-direction: column;
  }
}

.blog-index .blog-index__post-date,.blog-index__post-content-meta {
  font-size: .875rem;
  margin-bottom: 0;
  display: flex;
  gap: .5rem;
  margin: 8px 0;
}

.blog-index .blog-index__post .h5 {
  line-height: 1.4;
}

.blog-index .blog-index__post h3 a {
  color: #033180;
  transition: all 0.3s ease-in-out;
}

.blog-index .blog-index__post-content .blog-post__meta-name {
  font-size: 16px;
  font-weight: 500;
}

.blog-index__post-content-meta {
  font-size: 16px;
  font-weight: 500;
}

.blog-index__post-content-meta .blog-index__post-content-meta-name span {
  margin: 0 6px;
}

.show-featured {
  display: none;
}

@media only screen and (min-width: 1080px) {
  .blog-index .blog-index__post.featured {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    grid-gap: 30px;
    margin-bottom: 40px;
  }
  .blog-index-picks .blog-index__summary .blog-index__post-image {
    flex: 1;
    height: auto;
  }
  .blog-index .blog-index__post.featured {
    grid-column: 1/-1;
  }
  .featured .hide-featured {
    display: none;
  }
  .featured .show-featured {
    display: block;
  }
}

@media only screen and (min-width: 1560px) {
  .blog-index .featured .blog-index__post-image {
    --imgWidth: 856.66667px;
    grid-column: span 2;
  }
}

.blog-pagination {
  display: block;
  margin-bottom: 3.3rem;
  padding: 16px 0 0;
  text-align: center;
}

@media only screen and (min-width: 992px) {
  .blog-pagination {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
}

.blog-pagination__nav {
  display: flex;
  justify-content: center;
  padding: 16px 0 0;
}

@media only screen and (min-width: 992px) {
  .blog-pagination__nav {
    padding: 0;
  }
}

.blog-pagination__nav a {
  padding: 0 12px;
}

.blog-pagination__nav .blog-pagination__link {
  font-weight: 700;
}

.blog-pagination__link {
  color: #033180;
  display: inline-flex;
  font-size: 16px;
  line-height: 1;
}

.blog-pagination__link:focus,
.blog-pagination__link:hover {
  text-decoration: none;
}

.blog-pagination__next-link,
.blog-pagination__prev-link {
  align-items: center;
  display: inline-flex;
}

.blog-pagination__next-link--disabled,
.blog-pagination__prev-link--disabled {
  display: none;
}

.blog-pagination__number-link {
  padding: 6px 9px;
}

.blog-pagination__link--active {
  color: white;
  background-color: #033180;
  font-weight: 700;
}

.blog-pagination__number-link:not(.blog-pagination__link--active):focus,
.blog-pagination__number-link:not(.blog-pagination__link--active):hover {
  font-weight: 500;
}

.blog-pagination__link-icon {
  align-items: center;
  display: flex;
  margin: 0 6px;
}

.blog-pagination__link-icon-left {
  transform: rotate(180deg);
}

.blog-categories {
  display: flex;
  flex-direction: column;
  padding: 60px 0;
}

.blog-categories .ls-container {
  padding: 40px;
  width: 100%;
}

.blog-categories .rs-container {
  background: hsla(30, 7%, 95%, .5);
  padding: 20px 40px;
  width: 100%;
}

@media only screen and (min-width: 1080px) {
  .blog-categories {
    flex-direction: row;
  }
  .blog-categories .ls-container {
    width: 375px;
  }
  .blog-categories .rs-container {
    width: calc(100% - 375px);
  }
}

.blog-categories .rs-container ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.blog-categories .rs-container ul li {
  margin: 0 0 1em;
  padding-right: 15px;
  width: 50%;
}

.blog-categories .rs-container ul li a {
  color: #033180;
  font-size: var(--p);
  line-height: 26px;
  text-decoration: none !important;
}

.blog-categories .ls-container .block-text h3,
.blog-categories .ls-container .block-text p {
  color: #033180;
}

.blog-index.blog-index-picks {
  grid-template-columns: 1.4fr 1fr;
}

.blog-index.blog-index-picks .blog-index__post {
  border-radius: 0;
  box-shadow: none;
}

.blog-index-picks {
  display: flex;
  flex-direction: column;
  gap: 0 54px;
  grid-auto-columns: 1fr;
  grid-template-columns: 1.4fr 1fr;
  padding: 0;
}

@media only screen and (min-width: 992px) {
  .blog-index-picks {
    display: grid;
  }
  .blog-index-picks .blog-index__post-image img {
    height: calc(var(--imgWidth)/1.4);
  }
}

.blog-index-picks h2 {
  font-size: 32px;
  padding: 8px 0 0;
}

@media only screen and (min-width: 992px) {
  .blog-index-picks h2 {
    font-size: 42px;
    padding: 8px 0 0;
  }
}

.blog-index-picks .blog-post__meta-avatar {
  display: flex;
  align-items: center;
}

.blog-index-picks .blog-post__meta-avatar img {
  height: 38px;
  width: 38px;
}

.blog-index-picks .blog-post__meta-name {
  display: flex;
  flex-direction: column;
  padding: 0;
  position: relative;
}

.blog-index-picks .blog-post__meta-name span {
  color: #757382;
  font-size: 14px;
}

.blog-index-picks .blog-post__readingtime {
  position: relative;
}

.blog-index-picks .blog-post__separator {
  background: #eee;
  height: 31px;
  width: 1px;
}

.blog-index-picks .blog-index__summary {
  flex-direction: row-reverse;
  padding: 0;
}

.blog-index-picks .blog-index__summary .blog-index__post-image {
  display: flex;
}

@media only screen and (max-width: 1080px) {
  .blog-index-picks .blog-index__summary .blog-index__post-image {
    display: none;
  }
}

.blog-index-picks .blog-index__summary:not(:first-child) {
  padding: 28px 0 0;
}

@media only screen and (max-width: 1080px) {
  .blog-index-picks .blog-index__summary:first-child {
    padding: 28px 0 0;
  }
}

.blog-index-picks .blog-index__summary:not(:last-child) {
  border-bottom: 1px solid #cbd7ee;
}

.blog-index-picks .blog-index__summary .blog-index__post-content {
  flex: auto;
  padding: 0 16px 0 0;
}

@media only screen and (max-width: 768px) {
  .blog-index-picks .blog-index__summary .blog-index__post-content {
    padding: 0;
  }
}

@media only screen and (min-width: 992px) {
  .blog-index-picks .blog-index__summary .blog-index__post-image,
  .blog-index-picks .blog-index__summary .blog-index__post-image img  {
    height: 80px;
    width: 130px;
  }
}

.blog-index-picks .blog-index__summary .blog-index__post-content-meta .blog-post__meta-name span {
  color: #033180;
  font-size: 16px;
}

.blog-index__section-header span {
  display: flex;
  justify-content: end;
}

.blog-index__section-header span a {
  font-size: 16px;
  font-weight: 700;
}

.blog-index__section-header span a svg {
  margin: 0 10px;
}

.blog-index__section-header h4 {
  flex: 1;
}

.blog-heading {
  padding: 55px 0 0;
  margin-top: 30px;
}

@media only screen and (max-width: 768px) {
  .blog-heading h4,
  .blog-heading-wrapper h4 {
    font-size: 36px;
  }
  .blog-index__section-header h4 {
    font-size: 26px;
  }
  .blog-index-picks .blog-index-picks__sidebar {
    padding: 0;
  }
  .blog-index-picks .blog-index-picks__sidebar h3 {
    padding: 8px 0;
  }
  .blog-index-picks .blog-index-picks__sidebar .blog-index__summary {
    display: flex;
  }
  .blog-index-picks .blog-index-picks__sidebar .blog-index__summary .blog-index__post-image img {
    height: 54px;
    width: 85px;
  }
  .blog-index-picks .blog-index-picks__sidebar .blog-index__summary .blog-index__post-content-meta .blog-post__meta-name {
    font-size: 14px;
    padding: 0 8px 0 0;
  }
  .blog-index-picks .blog-index-picks__sidebar .blog-index__summary .blog-index__post-content-meta .blog-post__meta-name span {
    font-size: 14px;
  }
  .blog-index-picks .blog-index-picks__sidebar .blog-index__summary .blog-index__post-content-meta .blog-post__meta-name .blog-post__readingtime {
    font-size: 14px;
    padding: 0 8px;
  }
}

.blog-filter-options {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 16px;
  white-space: nowrap;
}

.blog-filter-options nav {
  display: none;
}

@media only screen and (min-width: 992px) {
  .blog-filter-options nav {
    display: flex;
    padding: 8px 0 0;
  }
  .blog-filter-options nav ul {
    margin: 0;
    padding: 0;
  }
}

@media only screen and (max-width: 768px) {
  .blog-filter-options {
    margin: 24px -7.14286% 0 0;
  }
}

.blog-filter-options nav ul {
  align-items: center;
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 8px 0;
}

@media only screen and (max-width: 768px) {
  .blog-filter-options nav ul {
    flex-wrap: nowrap;
    list-style: none;
    margin-block: 0;
    overflow-x: auto;
    padding-left: 0;
    text-align: center;
    white-space: nowrap;
  }
}

.blog-filter-options nav li {
  padding: 0 8px 0 1px;
}

.blog-filter-options nav li:not(:last-child) {
  display: flex;
  list-style-type: none;
  padding: 0 8px 0 1px;
}

.blog-filter-options nav li.active a,
.blog-filter-options nav li:hover a {
  background: #033180;
  border: 0;
  color: white;
}

.blog-filter-options nav li a {
  border-radius: 100px;
  box-shadow: 0 0 0 1px #cbd7ee;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 12px;
  transition: background .2s ease;
}

.blog-filter-options nav li a:focus,
.blog-filter-options nav li a:hover,
.blog-filter-options nav li.active {
  text-decoration: none;
}

.blog-post__img {
  background-position: 50%;
  background-size: cover;
  height: 42.5vw;
  width: 100%;
}

@media only screen and (min-width: 2220px) {
  .blog-post__img {
    height: 943.5px;
  }
}

.blog-post__progressbar {
  background-color: #f2f2f2;
  display: none;
  z-index: 1;
}

@media only screen and (min-width: 990px) {
  .blog-post__progressbar {
    top: 66px;
  }
}

.blog-post__progressbar.js-is-sticky {
  display: block;
}

.progress-container {
  background: var(--gray);
  height: 8px;
}

.progress-bar {
  background: var(--cyan);
  height: 8px;
}

.blog-post__header {
  display: flex;
  flex-direction: column-reverse;
  gap: 1rem;
  padding: 40px 0 0;
}

@media only screen and (min-width: 990px) {
  .blog-post__header {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr;
  }
}

.blog-post__date {
  display: flex;
  flex-direction: column;
  gap: .3rem;
}

figure.blog-post__header-img {
  display: flex;
  margin-left: 0;
  margin-right: 0;
}

.blog-post__header-img > img {
  border-radius: 4px;
  height: auto;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 100% 0;
  object-position: 100% 0;
}

.blog-post__wrapper {
  background-color: var(--white);
}

.blog-post__section {
  margin: 0 auto;
  max-width: 900px;
  padding: 0 24px;
}

@media only screen and (min-width: 1300px){
  .blog-post__section {
    max-width: 1200px;
  }
}

.blog-post__breadcrumbs {
  color: #ff634f;
  font-size: var(--pSmall);
  font-weight: 700;
  letter-spacing: 1px;
  padding: 8px 0;
  text-transform: uppercase;
}

.blog-post__breadcrumbs a,
.blog-post__breadcrumbs span {
  color: #ff634f;
}

.blog-post__breadcrumbs span {
  padding: 0 .5em;
}

.blog-post__breadcrumbs span.material-icons {
  color: #cdcdcf;
  font-size: var(--p);
  padding: 0 20px;
}

.blog-post {
  color: #033180;
  font-size: var(--p);
  gap: 60px;
  grid-template-columns: 3fr 1fr;
  padding: 0 0 32px;
}

@media only screen and (max-width: 1200px) {
  .blog-post {
    display: flex;
    flex-direction: column;
    padding: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .blog-post__article,
  .blog-post__subscribe {
    width: 100%;
  }
}

.blog-post .blog-post__article {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  border-bottom: 1px solid #0231801a;
}

.blog-post__excerpt {
  border-bottom: 1px solid #cbd7ee;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  padding: 20px 0;
}

@media only screen and (min-width: 990px) {
  .blog-post__excerpt {
    padding: 0 0 64px;
  }
}

.blog-post__sidebar {
  align-items: center;
  min-width: 300px;
}

@media only screen and (max-width: 1200px) {
  .blog-post__sidebar {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin: 0;
  }
}

.blog-post__sidebar-inner {
  width: 100%;
}

.blog-post__sidebar-inner .blog-post__meta-avatar,
.blog-post__sidebar-inner .blog-post__meta-avatar img{
  height: 80px;
  width: 80px;
}

.blog-post__meta-wrapper .blog-post__meta:first-child {
  display: none;
}

@media only screen and (min-width: 990px) {
  .blog-post__meta-wrapper .blog-post__meta:first-child {
    display: block;
    padding: 0;
  }
}

.blog-post__readingtime-icon {
  padding: 0 4px 0 0;
}

.blog-post__meta h4 {
  color: #033180;
  margin: 0 0 24px;
}

.blog-post__meta {
  display: flex;
  flex-direction: column;
  font-size: var(--pSmall);
  margin: 0 0 40px;
}

.blog-post__meta-avatar img {
  border-radius: 50%;
  height: 40px;
  width: 40px;
}

.blog-post__meta-name {
  font-weight: 700;
  padding: .4rem 0;
}

.blog-post__meta-name a {
  font-size: 14px;
  font-weight: 400;
  padding: 0;
}

.blog-post__meta-bio {
  border-bottom: 1px solid #cbd7ee;
  color: #757382;
  font-size: 14px;
  line-height: 24px;
  padding: 0 0 40px;
}

@media only screen and (min-width: 768px) {
  .blog-post__meta-bio {
    color: #033180;
  }
}

.blog-post__meta a {
  color: #494a52;
  text-decoration: underline;
}

.blog-post__body {
  padding: 0;
}

.blog-post__body img {
  border-radius: 4px;
}

.blog-post__body ol,
.blog-post__body ul {
  font-size: var(--p);
  line-height: 32px;
  margin: 0 0 1.5rem 1.5rem;
}

.blog-post__body ol li,
.blog-post__body ul li {
  padding: 8px 0;
}

@media (max-width: 768px) {
  .blog-post__body ol,
  .blog-post__body ul {
    font-size: 18px;
  }
}

.blog-post__body a {
  color: #00b5fa;
  transition: all .3s ease-in-out;
}

.blog-post__body a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .blog-post__body p {
    font-size: 18px;
  }
}

.blog-post .share-icons {
  display: flex;
  flex-direction: column;
  margin-top: 6px;
  gap: 1rem;
}

.blog-post .share-icons a {
  align-items: center;
  color: #033180;
  display: flex;
  flex-direction: row;
  font-size: 26px;
  margin: 10px 0;
  text-decoration: none;
}

@media only screen and (min-width: 990px) {
  .blog-post .share-icons a {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.blog-post .share-icons a {
  background: transparent;
  margin: 0;
  padding: 0;
  display: grid;
  align-items: center;
  grid-template-columns: 48px 1fr;
  grid-template-rows: auto;
}

.blog-post .share-icons a:hover {
  background: transparent;
  color: inherit;
}

.blog-post .share-icons a .share-icons__icon {
  align-items: center;
  background: #033180;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  padding: 10px 12px;
  text-align: center;
}

.blog-post .share-icons a .share-icons__icon svg rect,
.blog-post .share-icons a .share-icons__icon svg path {
  fill: white;
}

.blog-post .share-icons a .share-icons__icon svg rect + path {
  fill: #033180;
}

.blog-post .share-icons a .share-icons__label {
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 0 16px;
}

.blog-post .share-icons a:not(:last-child) {
  padding-right: 12px;
}

.blog-post .share-icons a .tooltip {
  opacity: 0;
  transform: translateX(calc(-50% - 66px)) translate3d(0, 5px, 0) translateY(0);
  transition: all .15s ease-in-out;
}

.blog-post .share-icons a .js-tooltip-open {
  opacity: 1;
  transform: translateX(calc(-50% - 66px)) translateZ(0) translateY(-5px);
}

.blog-post .share-icons a .js-tooltip-open .tooltip-text {
  background-color: var(--dark-gray);
  bottom: 25px;
  display: block;
  width: 90px;
}

.blog-post .share-icons a .js-tooltip-open .tooltip-text:before {
  border-top: 8px solid var(--dark-gray);
}

.blog-post__subscribe {
  background-color: #033180;
  border-radius: 20px;
  color: var(--white);
  margin: 150px 0 60px;
  padding: 60px 28px;
  position: relative;
}

.blog-post__subscribe .hsfc-Step__Content {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr auto;
  align-items: baseline;
}

.blog-post__subscribe * {
  color: white;
}

.blog-post__subscribe [data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content>:last-child {
  margin-top: 0;
}

.blog-post__subscribe [data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content {
  padding: 0;
}

.blog-post__subscribe [data-hsfc-id=Renderer] .hsfc-NavigationRow__Alerts {
  margin-bottom: 0;
}

.blog-post__subscribe [data-hsfc-id=Renderer] .hsfc-Row {
  margin-bottom: 0;
}

.blog-post__subscribe [data-hsfc-id=Renderer] .hsfc-Row:last-child {
  margin-bottom: 0;
}

.blog-post__subscribe input[type="email"] {
  color: #033180;
}

.blog-post__subscribe input[type="email"]::placeholder {
  color: #033180;
}

@media only screen and (min-width: 990px) {
  .blog-post__subscribe {
    margin: 100px 0 60px;
    min-height: auto;
    padding: 60px;
  }
}

@media only screen and (max-width: 768px) {
  .blog-post__subscribe .blog-post__subscribe-inner {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-start;
    min-height: 390px;
  }
  .blog-post__subscribe .blog-post__subscribe-illustration {
    left: 50%;
    min-width: 300px;
    position: absolute;
    right: 20px;
    top: 45px;
    transform: translate(-50%, -50%);
  }
  .blog-post__subscribe .blog-post__subscribe-content {
    margin: 35px 0 0;
  }
}

@media only screen and (min-width: 768px) and (max-width:990px) {
  .blog-post__subscribe {
    padding: 40px 28px;
  }
}

@media only screen and (min-width: 768px) {
  .blog-post__subscribe .blog-post__subscribe-illustration {
    left: 50%;
    position: relative;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .blog-post__subscribe .blog-post__subscribe-inner {
    align-items: center;
    display: grid;
    gap: 0 8px;
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (min-width: 990px) {
  .blog-post__subscribe .blog-post__subscribe-inner {
    display: grid;
    gap: 0 8px;
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (min-width: 1200px) {
  .blog-post__subscribe .blog-post__subscribe-inner {
    display: grid;
    gap: 0 8px;
    grid-template-columns: 3fr 2fr;
  }
}

@media only screen and (min-width: 992px) {
  .blog-post__subscribe h2 {
    font-size: 42px;
  }
}

.blog-post__subscribe p {
  font-size: 1rem;
  line-height: 28px;
}

.blog-post__subscribe .submitted-message p {
  font-weight: 700;
}

.blog-post__subscribe .submitted-message p span {
  align-items: center;
  display: inline-flex;
}

.blog-post__subscribe .submitted-message p span img {
  margin: 0 0 0 8px;
}

@media only screen and (min-width: 990px) {
  .blog-post__subscribe p {
    line-height: 35px;
  }
}

.blog-post__subscribe form {
  display: inline-block;
  width: 100%;
}

@media only screen and (min-width: 990px) {
  .blog-post__subscribe form {
    display: flex;
    max-width: 575px;
    width: 100%;
  }
  .blog-post__subscribe .blog-post__subscribe-content {
    margin: 0;
  }
}

.blog-post__subscribe .blog-post__subscribe-illustration img {
  max-width: 365px;
  width: 100%;
}

@media only screen and (min-width: 990px) {
  .blog-post__subscribe .blog-post__subscribe-illustration {
    left: auto;
    position: absolute;
    right: 20px;
    top: 165px;
    transform: translateY(-50%);
  }
  .blog-post__subscribe .blog-post__subscribe-illustration img {
    margin-right: auto;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}

@media only screen and (min-width: 1200px) {
  .blog-post__subscribe .blog-post__subscribe-illustration {
    left: auto;
    position: absolute;
    right: 20px;
    top: 115px;
    transform: translateY(-50%);
  }
  .blog-post__subscribe .blog-post__subscribe-illustration img {
    margin-right: auto;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}

.blog-post__subscribe label:not(.hs-error-msg) {
  display: none;
}

.blog-post__subscribe .hs-form-field {
  flex-grow: 1;
  margin-bottom: 0;
}

.blog-post__subscribe .input {
  margin: 0 0 16px;
}

@media only screen and (min-width: 990px) {
  .blog-post__subscribe .input {
    margin-right: 18px;
  }
}

.blog-post__subscribe input[type=email] {
  background-color: white;
}

.blog-post__subscribe input[type=submit] {
  width: 100%;
}

@media only screen and (min-width: 990px) {
  .blog-post__subscribe input[type=submit] {
    width: auto;
  }
}

ul.blog-post__tags {
  list-style: none;
  margin: 0;
  padding-bottom: 80px;
}

.blog-post__tags h4 {
  color: #033180;
}

li.blog-post__tag {
  background: #f5f5f5;
  border: 1px solid #e7e7e8;
  border-radius: 4px;
  display: inline-flex;
  margin-right: 12px;
  padding: 8px 12px;
}

.blog-post__tag a {
  color: #033180;
}

.blog-related__wrapper {
  padding: 0;
}

.blog-post__section + .blog-related__wrapper{
  background: transparent;
}

@media only screen and (min-width: 990px) {
  .blog-related__wrapper {
    padding: 0 0 60px;
  }
}

.blog-related__wrapper .blog-index {
  padding: 20px 0 40px;
  grid-gap: 10px;
}

@media only screen and (min-width: 990px) {
  .blog-related__wrapper .blog-index {
    grid-gap: 30px;
  }
}

.blog-related__wrapper .blog-index__post-content h3 {
  margin-top: 8px;
}

.blog-related__wrapper .blog-index__post-content small,
small a {
  font-size: 14px;
  letter-spacing: 1px;
}

.blog-related__wrapper .blog-index__post-date {
  margin-left: 12px;
}

.blog-related__wrapper h5 a {
  color: #033180;
}

.blog-related__wrapper .blog-post__section h2 {
  font-size: 32px;
  font-weight: 700;
}

@media only screen and (min-width: 992px) {
  .blog-related__wrapper .blog-post__section h2 {
    font-size: 26px;
  }
}

.layout--banner {
  margin-top: -125px;
}

.layout--banner .dnd-section:first-of-type>.row-fluid {
  padding-top: 125px;
}

.annual,
.aud,
.eur,
.gbp,
.monthly,
.usd {
  display: none;
}

.annual.selected,
.aud.selected,
.eur.selected,
.gbp.selected,
.monthly.selected,
.usd.selected {
  display: inline;
}

.page--pricing .module--logos {
  margin-top: 40px;
}

[data-currency-symbol=usd].summary_cost:before {
  content: "$";
}

[data-currency-symbol=aud].summary_cost:before {
  content: "AU$";
}

[data-currency-symbol=usd]:before {
  content: "$";
}

[data-currency-symbol=aud]:before {
  content: "AU$";
}

[data-currency-symbol=eur]:before {
  content: "€";
}

[data-currency-symbol=gbp]:before {
  content: "£";
}

[data-billing-show=annual] .monthly,
[data-billing-show=monthly] .annual {
  display: none;
}

[data-billing-show=annual] .annual,
[data-billing-show=monthly] .monthly {
  display: inline;
}

.error-page {
  padding: 10rem 0;
  position: relative;
  text-align: center;
}

.error-page:before {
  color: #f3f6f9;
  content: attr(data-error);
  font-family: Open Sans, sans-serif;
  font-size: 40vw;
  font-weight: 700;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: -1;
}

@media screen and (min-width: 1100px) {
  .error-page:before {
    font-size: 20rem;
  }
}

.error-page__heading {
  margin-bottom: 1rem;
}

.systems-page {
  margin: 0 auto;
  max-width: 700px;
  padding: 3rem 1.4rem;
}

.systems-page .success {
  background-color: #cde3cc;
  border: 1.5px solid #4f7d24;
  border-radius: 6px;
  color: #4f7d24;
  display: inline-block;
  margin: 1.4rem 0;
  padding: .1rem .7rem;
  width: 100%;
}

.systems-page.search-results {
  max-width: inherit;
  padding: 3rem 0;
}

@media screen and (min-width: 991px) {
  .systems-page.search-results {
    padding: 3rem 0;
  }
}

.systems-page form input {
  max-width: 100%;
}

#email-prefs-form .header {
  background-color: transparent;
}

.hs-search-field__bar {
  position: relative;
}

.hs-search-field__suggestions {
  background-color: var(--white);
  position: absolute;
  right: 0;
  top: 100%;
  width: 100%;
}

ul.hs-search-results__listing li {
  margin-bottom: 1.4rem;
}

.hs-search-results__title {
  color: #033180;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: .35rem;
}

.hs-search-results__title:hover {
  text-decoration: underline;
}

.hs-search-results__description {
  padding-top: .7rem;
}

.hs-search-highlight {
  font-weight: 700;
}

.hs-search-results__pagination a {
  color: #0270e0;
}

.hs-search-field--open .hs-search-field__suggestions{
  background:  white;
  color: #023180;
}

.password-prompt input[type=password] {
  display: block;
  height: auto !important;
  margin-bottom: 1.4rem;
}

.backup-unsubscribe #email-prefs-form div {
  padding-bottom: 0 !important;
}

.backup-unsubscribe input[type=email] {
  margin-bottom: 1.4rem;
  padding: .7rem !important;
}

.flex--between {
  display: flex;
  justify-content: space-between;
}

.flush {
  margin: 0;
}

/* blog table styles */

/* Base Table Styling */
.blog-post table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
  background-color: #fff;
  border: 0 !important;
  display: block;
  overflow-x: auto;
  margin-bottom: 2rem;
}

/* Header Styling */
.blog-post table thead {
  background-color: #f0f6ff;
  font-weight: bold;
}

/* Cells */
.blog-post table th,
.blog-post table td {
  border: 1px solid #99acc2;
  padding: 0.75rem 1rem;
  text-align: left;
  vertical-align: top;
}

.blog-post table th p,
.blog-post table td p{
  margin-bottom: 0;
}

/* Zebra striping */
.blog-post table tbody tr:nth-child(even) {
  background-color: #f9fbff;
}

/* Optional mobile font size tweak */
@media (max-width: 600px) {
  .blog-post table {
    font-size: 0.85rem;
  }
  .blog-post table th,
  .blog-post table td {
    padding: 0.5rem;
  }
}

@media (max-width: 768px) {
  .blog-post table {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: auto;
    -ms-overflow-style: scrollbar;
  }
  .blog-post table::-webkit-scrollbar {
    height: 8px;
  }
  .blog-post table::-webkit-scrollbar-track {
    background: #f0f0f0;
  }
  .blog-post table::-webkit-scrollbar-thumb {
    background-color: #99acc2;
    border-radius: 4px;
  }
}