/* Theme base styles */

:root {

	/* Spacing */

	--container-width: 1180px;
	--container-width-narrow: 880px;
	--vertical-spacing: 6rem;
	--gap: 2rem;
	--gap-sm: calc(var(--gap) / 2);
	--gap-md: calc(var(--gap) * 2);
	--gap-lg: calc(var(--gap) * 4);

	/* Colors */

	--base-color: #525252;
	/* --accessible-blue: #019BB7; /* darker blue than primary color (meant for text) */
  --accessible-blue: #007894; /* darker blue than primary color (meant for text) */
  --accessible-blue2: #008299; /* darker blue than primary color (backgrounds) */
	--primary-color: #01B9D8; /* pacific blue */
	--secondary-color: #8DC63F; /* yellow green */
	--accessible-green: #6A952D;/* darker green than secondary color (meant for text) */
	--tertiary-color: #F89F20; /* orange peel */
	--accessible-orange: #CB7906;/* darker orange than tertiary color (meant for text) */
	--fourth-color: #DE1784; /* Deep Cerise */
	--fifth-color: #9C2ED3; /* Dark Orchid */

	--black: #231F20;
	--dark-gray: #525252;
	--xlight-gray: #F7F7F8;
	--light-gray: #ccc; /* Form borders, table borders, table header, table footer */
  --medium-gray: #6B6B70; /* Form placeholders, dividers */
	--white: #fff;

	/* Typography */

	--base-font-size: 1.6rem;
	--base-line-height: 1.5;
	--primary-font-family: 'Montserrat', sans-serif;

}

/* Generic */

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

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

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

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

small {
  font-size: 85%;
}

/**
 * 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;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

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

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

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

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

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

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

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

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-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.
 */

[type="search"]::-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 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* Objects */

/*.body-wrapper {
  overflow: hidden;
}*/

/* Responsive grid */

.row-fluid {
  width: 100%;
}

.row-fluid:before, .row-fluid:after {
  display: table;
  content: '';
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*='span'] {
  display: block;
  float: left;
  width: 100%;
  min-height: 1px;
  margin-left: 2.127659574%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.row-fluid [class*='span']:first-child {
  margin-left: 0;
}

.row-fluid .span12 {
  width: 99.99999998999999%;
}

.row-fluid .span11 {
  width: 91.489361693%;
}

.row-fluid .span10 {
  width: 82.97872339599999%;
}

.row-fluid .span9 {
  width: 74.468085099%;
}

.row-fluid .span8 {
  width: 65.95744680199999%;
}

.row-fluid .span7 {
  width: 57.446808505%;
}

.row-fluid .span6 {
  width: 48.93617020799999%;
}

.row-fluid .span5 {
  width: 40.425531911%;
}

.row-fluid .span4 {
  width: 31.914893614%;
}

.row-fluid .span3 {
  width: 23.404255317%;
}

.row-fluid .span2 {
  width: 14.89361702%;
}

.row-fluid .span1 {
  width: 6.382978723%;
}

.container-fluid:before, .container-fluid:after {
  display: table;
  content: '';
}

.container-fluid:after {
  clear: both;
}

@media (max-width: 767px) {
  .row-fluid {
    width: 100%;
  }

  .row-fluid [class*='span'] {
    display: block;
    float: none;
    width: auto;
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .row-fluid {
    width: 100%;
  }

  .row-fluid:before, .row-fluid:after {
    display: table;
    content: '';
  }

  .row-fluid:after {
    clear: both;
  }

  .row-fluid [class*='span'] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.762430939%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row-fluid [class*='span']:first-child {
    margin-left: 0;
  }

  .row-fluid .span12 {
    width: 99.999999993%;
  }

  .row-fluid .span11 {
    width: 91.436464082%;
  }

  .row-fluid .span10 {
    width: 82.87292817100001%;
  }

  .row-fluid .span9 {
    width: 74.30939226%;
  }

  .row-fluid .span8 {
    width: 65.74585634900001%;
  }

  .row-fluid .span7 {
    width: 57.182320438000005%;
  }

  .row-fluid .span6 {
    width: 48.618784527%;
  }

  .row-fluid .span5 {
    width: 40.055248616%;
  }

  .row-fluid .span4 {
    width: 31.491712705%;
  }

  .row-fluid .span3 {
    width: 22.928176794%;
  }

  .row-fluid .span2 {
    width: 14.364640883%;
  }

  .row-fluid .span1 {
    width: 5.801104972%;
  }
}

@media (min-width: 1280px) {
  .row-fluid {
    width: 100%;
  }

  .row-fluid:before, .row-fluid:after {
    display: table;
    content: '';
  }

  .row-fluid:after {
    clear: both;
  }

  .row-fluid [class*='span'] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.564102564%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row-fluid [class*='span']:first-child {
    margin-left: 0;
  }

  .row-fluid .span12 {
    width: 100%;
  }

  .row-fluid .span11 {
    width: 91.45299145300001%;
  }

  .row-fluid .span10 {
    width: 82.905982906%;
  }

  .row-fluid .span9 {
    width: 74.358974359%;
  }

  .row-fluid .span8 {
    width: 65.81196581200001%;
  }

  .row-fluid .span7 {
    width: 57.264957265%;
  }

  .row-fluid .span6 {
    width: 48.717948718%;
  }

  .row-fluid .span5 {
    width: 40.170940171000005%;
  }

  .row-fluid .span4 {
    width: 31.623931624%;
  }

  .row-fluid .span3 {
    width: 23.076923077%;
  }

  .row-fluid .span2 {
    width: 14.529914530000001%;
  }

  .row-fluid .span1 {
    width: 5.982905983%;
  }
}

/* Clearfix */

.clearfix:before, .clearfix:after {
  display: table;
  content: '';
}

.clearfix:after {
  clear: both;
}

/* Visibilty classes */

.hide {
  display: none !important;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

/* Responsive visibilty classes */

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-phone {
    display: inherit !important;
  }

  .hidden-phone {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .visible-tablet {
    display: inherit !important;
  }

  .hidden-tablet {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}
.content-wrapper {
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 20px;
}

section .content-wrapper {
  padding: 0;
  max-width: 1136px;
}

section,
.dnd-section:not([class*="force-full-width-section"]),
.content-wrapper--vertical-spacing {
  padding: calc(var(--vertical-spacing) / 2) 2rem;
}
@media (min-width: 992px) {
  section,
  .dnd-section:not([class*="force-full-width-section"]),
  .content-wrapper--vertical-spacing {
    padding: var(--vertical-spacing) 2rem;
  }
}

.dnd-section > .row-fluid {
  max-width: 1136px;
  margin: 0 auto;
}

/* Elements */

.cards__wrapper {
  position: relative;
  padding: 6rem 0;
  overflow: hidden;
}

.cards__wrapper-half-bg {
  padding-top: 0;
  position: relative;
}

.cards__wrapper-half-bg .content-wrapper {
  position: relative;
}

.cards__wrapper-half-bg .cards__wrapper-bg {
  padding-top: 0;
  position: absolute;
  z-index: -1;
  left: -50vw;
  right: -50vw;
  top: 0;
  height: 50%;
  width: 200vw;
}

.cards {
  display: grid;
  grid-gap: var(--gap);
}

.cards__wrapper-half-bg .cards {
  padding-top: 1.6rem;
}

.card {
  position: relative;
  background-color: var(--white);
  border-radius: 24px;
  /*overflow: hidden;*/
  color: #231F20;
  border: 1px solid #F1F1F2;
  box-shadow: 0 24px 24px rgba(0,0,0,.02);
}

.card__image {
  aspect-ratio: 368/240;
  border-radius: 24px 24px 0 0;
  overflow: hidden;
  object-fit: cover;
  background-color: var(--primary-color);
  width: 100%;
}

.card__image-02 {
  aspect-ratio: 368/240;
  border-radius: 0 0 24px 24px;
  overflow: hidden;
  object-fit: cover;
  
}
.card__image img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.blog .card__image {
  border-radius: 24px 24px 0 0;
  overflow: hidden;
  aspect-ratio: 16/9;
}
.large-card .card__image {
  aspect-ratio: 4/3;
  border-radius: 24px 24px 0 0;
}
.card__details {
  padding: 3.2rem 2.4rem 10.4rem;
  position: relative;
}
.card__details-02 {
  padding: 3.2rem 2.4rem 2.0rem;
  position: relative;
}

a.card.highlight {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.card__has-icon .card__details {
  padding: 3.2rem 2.4rem;
}

.card__icon {
  margin-bottom: 0.8rem;
  width: 4.8rem;
  height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card .button--arrow {
  position: absolute;
  left: 2.4rem;
  bottom: 3.2rem;
}

.card__has-icon .button--arrow {
  left: unset;
  bottom: unset;
  right: 2.4rem;
  top: 3.2rem;
}

.card.highlight .button--arrow {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-rule='evenodd' fill='%23e81e8d' fill-rule='evenodd'%3E%3Cpath d='m-.00000035 8c-.00000002-.55228.44771535-1 1.00000035-1h14c.5523 0 1 .44771 1 1 0 .55228-.4477 1-1 1h-14c-.552285 0-1.00000033-.44772-1.00000035-1z'/%3E%3Cpath d='m7.29289 15.7071c-.39052-.3905-.39052-1.0237 0-1.4142l6.29291-6.2929-6.29291-6.29289c-.39052-.39053-.39052-1.023693 0-1.414217.39053-.3905248 1.02369-.3905248 1.41422 0l6.99999 6.999997c.3905.39053.3905 1.02369 0 1.41422l-6.99999 6.99999c-.39053.3905-1.02369.3905-1.41422 0z'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-color: var(--white);
}

.card__sub-title {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.71;
  letter-spacing: 0.25px;
  color: #231F20;
}
.card__type {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.71;
  letter-spacing: 0.25px;
  color: #231F20;
  margin-bottom: .8rem;
}

h3.card__title {
  margin: 0 0 0;
}
.card__title {
  font-weight: 700;
  font-size: 1.9rem;
  line-height: 1.33;
  letter-spacing: 0.15px;
  color: #231F20;
}
.card__title a {
  color: #231F20;
}

.cards__wrapper-half-bg .card__title,
.cards__wrapper-half-bg .card__title a {
  color: var(--accessible-blue);
}
.card__desc {
  margin-top: 0.8rem;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.25px;
  color: #231F20;
}

.card.highlight {
  background: var(--fourth-color);
  color: var(--white);
  border: 0;
  filter: none;
}

.card.highlight:hover {
  background: var(--accessible-blue);
}

.card.highlight .card__title {
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 1.43;
  letter-spacing: 0.25px;
  color: #fff;
}
.card.highlight .card__title a {
  color: #fff;
}
.card.highlight .card__desc {
  font-size: 19px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: #fff;
}

@media (max-width: 767px) {
  /* enable Flickity by default */
  .cards:after {
    content: 'flickity';
    display: none; /* hide :after */
  }

  .cards__wrapper .dots {
    display: none !important;
  }
}

@media (min-width: 768px) {
  /* disable Flickity for large devices */
  .cards:after {
    content: '';
  }

  .cards__wrapper {
    padding: 6rem 0;
  }

  .cards__wrapper-half-bg {
    padding-top: 0;
    padding-bottom: 0rem;
  }

  .cards--2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .cards--3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .cards--4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .cards--5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .cards--6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .cards {
    position: relative;
  }

  .cards__wrapper .dots {
    position: absolute;
    top: 50%;
  }

  .cards__wrapper-dots-left {
    left: 0;
    transform: translate(-50%, -50%);
  }

  .cards__wrapper-dots-right {
    right: 0;
    transform: translate(50%, -50%);
  }

  .large-card .card__image {
    aspect-ratio: 560/264;
  }
}

@media (max-width: 768px) {
  .cards__wrapper-half-bg .cards {
    grid-template-columns: 1fr;
  }
}


/* ECOSYSTEM WEBSITE CARDS*/

.ecosystem .card {
  border: 1px solid #e6e6e6;
}

.ecosystem a:hover.card{
  border: 1px solid #c1c1c1;
  box-shadow: 0 24px 24px rgba(0,0,0,.06);
}

.ecosystem .card__image {
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%);

}

.ecosystem .card__details {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 1rem 2.4rem 2.4rem;
  position: relative;
}

.ecosystem .card__cta {
    padding: 20px 0px 0px;
}

.ecosystem .hs-cta-embed {
    display: table-cell;
}
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  word-break: break-all;
}

body {
  color: var(--base-color);
  font-family: var(--primary-font-family);
  font-size: var(--base-font-size);
  line-height: var(--base-line-height);
  letter-spacing: 0.1px;
  word-break: break-word;
}

/* Links */

a {
  color: var(--accessible-blue);
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

a:hover,
a:focus {
  color: var(--accessible-blue); /* TBD */
}

a:active {
  color: var(--accessible-blue); /* TBD */
}

p a, li a {
  text-decoration: underline;
}

/* Paragraphs */

p {
  margin: 0 0 1.6rem;
}

/* Colors */

.dark-orchid {
  color: var(--fifth-color);
}

.deep-cerise {
  color: var(--fourth-color);
}

.orange-peel {
  color: var(--tertiary-color);
}

.accessible-orange {
  color: var(--accessible-orange);
}


.yellow-green {
  color: var(--secondary-color);
}

.accessible-green {
  color: var(--accessible-green);
}

.pacific-blue {
  color: var(--primary-color);
}

.accessible-blue {
  color: var(--accessible-blue);
}

/* Headings */

.content-header {
  margin-bottom: 6rem;
  max-width: 84.8rem;
  font-weight: 600;
}

.content-header.center {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4.8rem;
  text-align: center;
  max-width: 100%;
}

.content-header.center p:first-child:last-child {
  font-weight: 600;
}

.content-header *:last-child {
  margin-bottom: 0 !important;
}

.content-header/*:not(.center)*/ p:first-child:not(:last-child) {
  color: var(--dark-grey);
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.71;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.content-header.has-image {
  display: flex;
  gap: 5.6rem 10%;
  max-width: 100%;
  overflow: hidden;
  padding-bottom: 2.4rem;
}

.content-header.has-image .content-header__image {
  position: relative;
}

.content-header.has-image .content-header__image img {
  border-radius: 24px;
}

.content-header.has-image .dots {
  position: absolute;
  z-index: -1;
  right: -2.8rem;
  bottom: -2.8rem;
  width: 16.4rem;
  aspect-ratio: 1;
}

.content-header.has-image .dots svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (min-width: 768px) {
  .content-header.has-image .content-header__image {
    order: 2;
    flex: 0 1 420px;
  }

  .content-header.has-image .content-header__text {
    order: 1;
    flex: 0 1 560px;
  }
}


h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  color: var(--black);
  margin: 0 0 1.6rem;
  line-height: 1.2;
}

h1,
.h1 {
  font-size: 4rem;
}
h2,
.h2 {
  font-size: 3.2rem;
}
h3,
.h3 {
  font-size: 2.6rem;
}
h4,
.h4 {
  font-size: 2rem;
}
h5,
.h5 {
  font-size: 1.8rem;
}
h6,
.h6 {
  font-size: 1.6rem;
}

h2 strong {
  color: var(--accessible-blue);
}

h3 strong {
  color: var(--accessible-blue);
}

@media (min-width: 992px) {
  h1,
  .h1 {
    font-size: 5rem;
  }
  h2,
  .h2 {
    font-size: 4rem;
  }
  h3,
  .h3 {
    font-size: 3.2rem;
  }
}

.subtitle {
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.6;
  letter-spacing: 0.15px;
}

.subtitle-2 {
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.1px;
}

/* Lists */

ul,
ol {
  margin: 0 0 2rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
}

ul.no-list {
  margin: 0;
  list-style: none;
  padding-left: 0;
}

/* Tick Bullet Lists */

.fa-ul>li {
  padding: 0px 0px 10px 0px;
}
.fa-ul>li .fa-solid, .fas {
  color: #01b9d8;
  font-size: 20px;
  vertical-align: -2px;
}

/* Custom Icon Bullet Lists */
ul.custom {
  list-style-type: none;
  line-height: 40px;
}
ul.custom li {
  margin: 0 0.5rem;
}
ul.custom i {    
    margin: 0px 5px 0 -22px;
    color: var(--accessible-blue);
    top: 4px;
    position: relative;
  font-size: 1.5em;
}

/* Green Tick Bullet Lists */
ul.greencheck {
  list-style-type: none;
}

ul.greencheck li {
  margin: 0 0.5rem;
}
ul.greencheck li:before {    
    font-family: 'FontAwesome';
    content: '\f14a';
    margin: 0px 7px 0 -32px;
    color: #66CC00;
    top: 4px;
    position: relative;
}

/* Red X Bullet Lists */
ul.redcross {
  list-style-type: none;
}

ul.redcross li {
  margin: 0 0.5rem;
}
ul.redcross li:before {    
    font-family: 'FontAwesome';
    content: '\f00d';
    margin: 0px 5px 0 -22px;
    color: #f00;
    top: 4px;
    position: relative;
}

</style>

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 6px solid var(--primary-color);
  font-size: 2.4rem;
  font-style: italic;
  margin: 2rem 0;
  padding-left: 2rem;
}
.blockquote-footer {
  padding-left: 2rem;
  font-style: italic;
}

/* Horizontal rules */

hr {
  border: none;
  border-bottom: 1px solid var(--medium-gray);
  margin: 4rem auto;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-eu-policy-wording a, 
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-eu-policy-wording a:hover {
  color: var(--fourth-color) !important;
}
.button, a.cta_button  {
  cursor: pointer;
  display: inline-block;
  padding: 1.6rem 2.4rem;
  text-align: center;
  transition: all 0.2s ease;
  appearance: none;
  border: 0;
  border-radius: 2.4rem;
  white-space: normal;
  text-decoration: none;
  font-size: 1.9rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.5px;
}

/* Wide */

.button--wide {
  padding: 1.6rem 8rem;
}

/* Primary */

.button--primary, a.cta_button  {
  background-color: var(--fourth-color);
  color: var(--white);
}

.button--primary:hover,
.button--primary:focus,
a.cta_button:hover,
a.cta_button:focus {
  background-color: var(--accessible-blue);/* TBD */
  color: var(--white);
}

.button--primary:active {
  background-color: var(--accessible-blue); /* TBD */
  color: var(--white);
}

/* Secondary */

.button--secondary {
  background-color: var(--accessible-blue);
  color: var(--white);
}

.button--secondary:hover,
.button--secondary:focus {
  background-color: var(--fourth-color); /* TBD */
  color: var(--white);
}

.button--secondary:active {
  background-color: var(--fourth-color); /* TBD */
  color: var(--white);
}

/* Blue */

.button--blue {
  background-color: var(--accessible-blue);
  color: var(--white);
}

.button--blue:hover,
.button--blue:focus {
  background-color: var(--fourth-color);
  color: var(--white);
}

.button--blue:active {
  background-color: var(--fourth-color); /* TBD */
  color: var(--white);
}

/* Cerise */

.button--cerise {
  background-color: var(--fourth-color);
  color: var(--white);
}

.button--cerise:hover,
.button--cerise:focus {
  background-color: var(--accessible-blue);
  color: var(--white);
}

.button--cerise:active {
  background-color: var(--accessible-blue); /* TBD */
  color: var(--white);
}

/* White */

.button--white {
  background-color: var(--white);
  color: var(--fourth-color);
}

.button--white:hover,
.button--white:focus {
  background-color: var(--accessible-blue);
  color: var(--white);
}

.button--white:active {
  background-color: var(--accessible-blue);/* TBD */
  color: var(--white);
}

/* Video */

.button--video {
  background-color: var(--white);
  color: var(--fourth-color);
  display: flex;
  align-items: center;
  gap: 1rem;
}

.button--video:hover,
.button--video:focus {
  background-color: var(--accessible-blue);
  color: var(--white);
}

.button--video:active {
  background-color: var(--accessible-blue);
  color: var(--white);
}

.button--video svg g {
  transition: all .3s ease;
}

.button--video:hover svg g {
  fill: #fff;
}

/* Icon */

.button--icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: calc(var(--gap) / 2);
}

/* Full */

.button--full {
  display: block;
  width: 100%;
}

/* Small */

.button--small {
  padding: 1rem 2rem;
  font-size: calc(var(--base-font-size) * 0.8);
}

/* Large */

.button--large {
  padding: 3rem 2rem;
  font-size: calc(var(--base-font-size) * 1.5);
}


.button--arrow {
  min-width: 7.2rem;
  background-position: right 1.6rem center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-rule='evenodd' fill='%23e81e8d' fill-rule='evenodd'%3E%3Cpath d='m-.00000035 8c-.00000002-.55228.44771535-1 1.00000035-1h14c.5523 0 1 .44771 1 1 0 .55228-.4477 1-1 1h-14c-.552285 0-1.00000033-.44772-1.00000035-1z'/%3E%3Cpath d='m7.29289 15.7071c-.39052-.3905-.39052-1.0237 0-1.4142l6.29291-6.2929-6.29291-6.29289c-.39052-.39053-.39052-1.023693 0-1.414217.39053-.3905248 1.02369-.3905248 1.41422 0l6.99999 6.999997c.3905.39053.3905 1.02369 0 1.41422l-6.99999 6.99999c-.39053.3905-1.02369.3905-1.41422 0z'/%3E%3C/g%3E%3C/svg%3E");
}

.button--arrow.button--wide {
  background-position: right 7rem center;
}

.button--cerise.button--arrow {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-rule='evenodd' fill='%23ffffff' fill-rule='evenodd'%3E%3Cpath d='m-.00000035 8c-.00000002-.55228.44771535-1 1.00000035-1h14c.5523 0 1 .44771 1 1 0 .55228-.4477 1-1 1h-14c-.552285 0-1.00000033-.44772-1.00000035-1z'/%3E%3Cpath d='m7.29289 15.7071c-.39052-.3905-.39052-1.0237 0-1.4142l6.29291-6.2929-6.29291-6.29289c-.39052-.39053-.39052-1.023693 0-1.414217.39053-.3905248 1.02369-.3905248 1.41422 0l6.99999 6.999997c.3905.39053.3905 1.02369 0 1.41422l-6.99999 6.99999c-.39053.3905-1.02369.3905-1.41422 0z'/%3E%3C/g%3E%3C/svg%3E");
}

.button--arrow:not(.button--notext) {
  padding-right: 4rem;
}

.button--arrow.button--wide:not(.button--notext) {
  padding-right: 10rem;
}

.button--notext.button--arrow {
  background-position: center center;
  background-color: transparent;
  min-height: 4.8rem;
}

a:hover .button--arrow,
a.button--arrow:hover {
  color: #fff;
  background-color: var(--accessible-blue);
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-rule='evenodd' fill='%23ffffff' fill-rule='evenodd'%3E%3Cpath d='m-.00000035 8c-.00000002-.55228.44771535-1 1.00000035-1h14c.5523 0 1 .44771 1 1 0 .55228-.4477 1-1 1h-14c-.552285 0-1.00000033-.44772-1.00000035-1z'/%3E%3Cpath d='m7.29289 15.7071c-.39052-.3905-.39052-1.0237 0-1.4142l6.29291-6.2929-6.29291-6.29289c-.39052-.39053-.39052-1.023693 0-1.414217.39053-.3905248 1.02369-.3905248 1.41422 0l6.99999 6.999997c.3905.39053.3905 1.02369 0 1.41422l-6.99999 6.99999c-.39053.3905-1.02369.3905-1.41422 0z'/%3E%3C/g%3E%3C/svg%3E");
}

button:hover .button--arrow,
button.button--arrow:hover {
  color: #fff;
  background-color: var(--accessible-blue);
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-rule='evenodd' fill='%23ffffff' fill-rule='evenodd'%3E%3Cpath d='m-.00000035 8c-.00000002-.55228.44771535-1 1.00000035-1h14c.5523 0 1 .44771 1 1 0 .55228-.4477 1-1 1h-14c-.552285 0-1.00000033-.44772-1.00000035-1z'/%3E%3Cpath d='m7.29289 15.7071c-.39052-.3905-.39052-1.0237 0-1.4142l6.29291-6.2929-6.29291-6.29289c-.39052-.39053-.39052-1.023693 0-1.414217.39053-.3905248 1.02369-.3905248 1.41422 0l6.99999 6.999997c.3905.39053.3905 1.02369 0 1.41422l-6.99999 6.99999c-.39053.3905-1.02369.3905-1.41422 0z'/%3E%3C/g%3E%3C/svg%3E");
}

.scroll-link .button--notext.button--arrow {
  transform: rotate(90deg);
  min-width: 4.8rem;
}

.button--notext.button--arrow.show{
  border: 1px solid #d3d3d3
}




/* Text link */
.text-link {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.71;
  letter-spacing: 0.25px;
  color: #525252;
}
a.text-link:focus,
a.text-link:active,
a.text-link:hover {
  color: #525252;
  text-decoration: underline;
}
button.text-link:focus,
button.text-link:active,
button.text-link:hover {
  color: #525252;
  text-decoration: underline;
}

/*.text-link:before {
content: '';
display: inline-block;
width: 12px;
height: 12px;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.99996 0.666626C6.36815 0.666626 6.66663 0.965103 6.66663 1.33329V10.6666C6.66663 11.0348 6.36815 11.3333 5.99996 11.3333C5.63177 11.3333 5.33329 11.0348 5.33329 10.6666V1.33329C5.33329 0.965103 5.63177 0.666626 5.99996 0.666626Z' fill='%23E81E8D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.861888 5.52855C1.12224 5.26821 1.54435 5.26821 1.8047 5.52855L5.99996 9.72382L10.1952 5.52855C10.4556 5.26821 10.8777 5.26821 11.138 5.52855C11.3984 5.7889 11.3984 6.21101 11.138 6.47136L6.47136 11.138C6.21101 11.3984 5.7889 11.3984 5.52855 11.138L0.861888 6.47136C0.601539 6.21101 0.601539 5.7889 0.861888 5.52855Z' fill='%23E81E8D'/%3E%3C/svg%3E%0A");
background-size: cover;
margin-right: 10px;
}

.text-link:hover:before {
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.99996 0.666626C6.36815 0.666626 6.66663 0.965103 6.66663 1.33329V10.6666C6.66663 11.0348 6.36815 11.3333 5.99996 11.3333C5.63177 11.3333 5.33329 11.0348 5.33329 10.6666V1.33329C5.33329 0.965103 5.63177 0.666626 5.99996 0.666626Z' fill='%2301B9D8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.861888 5.52855C1.12224 5.26821 1.54435 5.26821 1.8047 5.52855L5.99996 9.72382L10.1952 5.52855C10.4556 5.26821 10.8777 5.26821 11.138 5.52855C11.3984 5.7889 11.3984 6.21101 11.138 6.47136L6.47136 11.138C6.21101 11.3984 5.7889 11.3984 5.52855 11.138L0.861888 6.47136C0.601539 6.21101 0.601539 5.7889 0.861888 5.52855Z' fill='%2301B9D8'/%3E%3C/svg%3E%0A");
}*/

.scroll-link {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
}


.ctas {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2.4rem;
  margin-top: 5.2rem;
}

@media (max-width: 599px) {
  .ctas .cta {
    width: 100%;
  }

  .ctas .cta a {
    display: flex;
    justify-content: center;
  }
}

/* Center Button */
.button-center-wrapper {
  display:flex;
  justify-content: center;  
}

/* Button with no Border or Background*/
button.no-bg-border {
  background:none;
  border: 0px;
  cursor: pointer;
}
/* Labels */

form label {
  display: block;
  margin-bottom: 0.5rem;
  line-height: 1.2;
}
form p.requiredText {
  font-size: 12px !important;
  text-align: right;
}
form .requiredStar {
  color: #ff0201;  
}

/* Inputs */

form input[type="text"],
form input[type="email"],
form input[type="password"],
form input[type="tel"],
form input[type="number"],
form input[type="file"],
form select,
form textarea {
  display: block;
  padding: 1.2rem 1.6rem;
  height: 4.8rem;
  width: 100%;
  margin-bottom: 2rem;
  background-color: var(--xlight-gray);
  border-radius: 2.6rem;
  border: 1px solid #000;

  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 0.25px;
}

.body-container--1705A form input[type="text"],
.body-container--1705A form input[type="email"],
.body-container--1705A form input[type="password"],
.body-container--1705A form input[type="tel"],
.body-container--1705A form input[type="number"],
.body-container--1705A form input[type="file"],
.body-container--1705A form select,
.body-container--1705A form textarea {
  background-color: var(--white);
  border: 1px solid lightgray;
  border-radius: 0;
  height: 4.2rem;
}

form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('//info.360insights.com/hubfs/raw_assets/public/360insights/images/select-arrow.svg');
  background-position: calc(100% - 1rem) 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border: 1px solid #000;
  color: var(--base-color);
}

select option[disabled] {
    color: #9c2ed3 !important;
}


form textarea {
  min-height: 15rem;
  margin-top: 1rem;
  padding: 2.5rem;
  border: 1px solid #000;
}

form fieldset {
  max-width: 100% !important;
}

::-webkit-input-placeholder {
  color: var(--medium-gray);
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  color: var(--medium-gray);
}

/* Inputs - checkbox/radio */

form .inputs-list {
  margin: 0 0 2rem 0;
  padding: 0;
  list-style: none;
}

form .inputs-list > li {
  display: block;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type="checkbox"],
form input[type="radio"] {
  cursor: pointer;
  margin-top: 2px;
  margin-right: 5px;
}

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content: "\01F4C5";
  position: absolute;
  right: 10%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
  color: #fff;
}

.fn-date-picker td.is-selected .pika-button {
  background: var(--dark-gray);
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  background-color: var(--dark-gray) !important;
  border-radius: 0 !important;
  color: #fff;
}

.fn-date-picker td.is-today .pika-button {
  color: var(--dark-gray);
}

/* Inputs - file picker */

form input[type="file"] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 1.4rem;
  margin: 0 0 1.6rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */

label.hs-form-booleancheckbox-display {
  display: flex;
  font-size: 1.4rem;
}

/* Validation */

.hs-form-required {
  color: #DB0000;
}

.hs_recaptcha {
  margin-bottom: 1.6rem;
}

.hs-input.invalid.error {
  border-color: #DB0000;
}

.hs-error-msg,
.hs-error-msg,
.hs-error-msgs {
  margin: -1.5rem 0 1rem 0;
  color: #DB0000;
  font-size: 1.4rem;
  font-weight: 400;
}
.hs_error_rollup ul.no-list.hs-error-msgs.inputs-list {
  margin: 10px 0;
}

/* Submit button */

form input[type="submit"],
form .hs-button {
  cursor: pointer;
  display: inline-block;
  padding: 1.6rem 2.4rem;
  background-color: var(--fourth-color);
  color: var(--white);
  text-align: center;
  transition: all 0.2s ease;
  appearance: none;
  border: 0;
  border-radius: 2.6rem;
  white-space: normal;


  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.5px;
}

form input[type="submit"]:hover,
form input[type="submit"]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: var(--accessible-blue); /* TBD */
  color: var(--white);
}

form input[type="submit"]:active,
form .hs-button:active {
  background-color: var(--accessible-blue); /* TBD */
  color: var(--white);
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}

/* Fix Column Layouts */

.hs-form fieldset {
  max-width: inherit !important;
}
.hs-form fieldset.form-columns-1 .hs-form-field,
.hs-form fieldset.form-columns-2 .hs-form-field,
.hs-form fieldset.form-columns-3 .hs-form-field {
  width: 100% !important;
}
.hs-form fieldset.form-columns-1 .hs-form-field .input,
.hs-form fieldset.form-columns-2 .hs-form-field .input,
.hs-form fieldset.form-columns-3 .hs-form-field .input {
  margin-right: 0 !important;
}
.hs-form
  fieldset.form-columns-1
  .hs-form-field
  .hs-input:not([type="checkbox"]):not([type="radio"]),
.hs-form
  fieldset.form-columns-2
  .hs-form-field
  .hs-input:not([type="checkbox"]):not([type="radio"]),
.hs-form
  fieldset.form-columns-3
  .hs-form-field
  .hs-input:not([type="checkbox"]):not([type="radio"]) {
  width: 100% !important;
}


@media (min-width: 992px) {
  .hs-form fieldset.form-columns-1 .hs-form-field {
    width: 100% !important;
  }
  .hs-form fieldset.form-columns-2 .hs-form-field {
    width: 50% !important;
  }
  .hs-form fieldset.form-columns-2 .hs-form-field:nth-of-type(1) {
    padding-right: 0.75rem;
  }
  .hs-form fieldset.form-columns-2 .hs-form-field:nth-of-type(2) {
    padding-left: 0.75rem;
  }
  .hs-form fieldset.form-columns-3 .hs-form-field {
    width: 33.333% !important;
  }
  .hs-form fieldset.form-columns-3 .hs-form-field:nth-of-type(1) {
    padding-right: 0.75rem;
  }
  .hs-form fieldset.form-columns-3 .hs-form-field:nth-of-type(2) {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .hs-form fieldset.form-columns-3 .hs-form-field:nth-of-type(3) {
    padding-left: 0.75rem;
  }
}
/* Table */

table {
	width: 100%;
	border: 1px solid var(--light-gray);
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */

td,
th {
	padding: 1rem;
	text-align: left;
  vertical-align: top;
}

td {
	border-bottom: 1px solid var(--light-gray);
}

.body-container--2701A td {
	border: 1px solid var(--light-gray);
}

/* Table header */

thead th {
	background-color: var(--light-gray);
  vertical-align: bottom;
}

/* Table footer */

tfoot td {
  background-color: var(--light-gray);
}

/* Components */

.body-wrapper > div[data-global-resource-path="360insights/templates/partials/header.html"],
.body-wrapper > div[data-global-resource-path="360insights/templates/partials/header-elevate.html"],
.body-wrapper > div[data-global-resource-path="360insights/templates/partials/header-eco.html"]{
  position: sticky;
  top: 0;
  z-index: 9;
}

body.modal-open .body-wrapper > div[data-global-resource-path="360insights/templates/partials/header.html"],
body.modal-open .body-wrapper > div[data-global-resource-path="360insights/templates/partials/header-elevate.html"],
body.modal-open .body-wrapper > div[data-global-resource-path="360insights/templates/partials/header-eco.html"]{
  z-index: unset;
}

.header {
  transition: all .3s ease;
  background: #fff;
  box-shadow: 0px 8px 28px -6px rgba(27, 80, 104, 0.06), 0px 18px 88px -4px rgba(27, 80, 104, 0.08);
}

/* Header DND sections */

.header .dnd-section {
  padding: 0;
}


/* Top Bar */

.header__top {
  padding: 0.8rem 0;
}

.header.scrolled .header__top {
  display: none;
}

@media (max-width: 1024px) {
/*   .header__top {
    display: none;
  } */
  .body-wrapper > div[data-global-resource-path="360insights/templates/partials/header.html"] {
    top: -40px;
  }
  .header {
    transform: translateY(0px) !important;
  }
}

.header__top ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.header__top .hs-menu-wrapper > ul {
  display: flex;
  gap: 2.4rem;
}

.header__top .hs-menu-wrapper > ul li {
  position: relative;
}

.header__top .hs-menu-wrapper > ul > li.hs-item-has-children > button {
  content: '';
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5332 1L5.5332 5L9.5332 1' stroke='%23002B3C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 11px;
  height: 6px;
  transition: all .2s ease;
  appearance: none;
  -webkit-appearance: none;
  background-repeat: no-repeat;
  border: none;
  background-color: transparent;
}

.header__top .hs-menu-wrapper > ul > li.hs-item-has-children.open > button {
  transform: rotate(180deg);
}

.header__top .hs-menu-wrapper > ul ul {
  display: none;
  grid-template-columns: 1fr;
  gap: 16px;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.5px;

  position: absolute;
  z-index: 1;
  top: calc(100% + 1rem);
  left: 0;
  background-color: var(--white);
  box-shadow: 0px 8px 28px -6px rgba(27, 80, 104, 0.06), 0px 18px 88px -4px rgba(27, 80, 104, 0.08);
  border-radius: 8px;
  padding: 2.4rem;
  min-width: 270px;
}

.header__top .hs-menu-wrapper > ul li.open ul {
  display: grid;
}

.header__top .hs-menu-wrapper a {
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: 0.5px;
  color: var(--medium-gray);
}
.header__top .hs-menu-wrapper a:hover {
  color: var(--medium-gray);
  text-decoration: underline;
}

.header__top .header__row {
  gap: 40px;
}



/* Header container */

.header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: .8rem;
  padding-bottom: .8rem;
  position: relative;
}

.header__row {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

@media (max-width: 1024px) {
  .header__container {
    position: relative;
  }
}

/* Navigation skipper */

.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;
  font-size: 19px;
  font-weight: bold;
}

/* Logo */

.header__logo {
  align-items: center;
  display: flex;
  height: auto;
  margin-right: auto;
/*  max-width: 200px;*/
  overflow: hidden;
}

.header__logo img {
  max-width: 100%;
}

/* Navigation */

#nav-toggle {
  display: none;
}

/* Mobile toggles */

@media (max-width: 1024px) {
  .header__navigation {
    display: none;
    width: 100%;
  }

  .header__navigation.open {
    background-color: #F8FAFC;
    display: block;
    left: 0;
    max-height: calc(100vh - 64px);
    overflow: auto;
    position: absolute;
    right: 0;
    top: 64px;
    z-index: 2;
    box-shadow: 0 8px 28px -6px rgb(27 80 104 / 6%), 0 18px 88px -4px rgb(27 80 104 / 8%);
  }
}

/* Hides second column headers when nav needs a second column*/
.hidden-header {
    visibility: hidden;
}

@media (max-width: 1024px) {
  .hidden-header {
    display: none;
    margin: -34px 0px;
  }
}
/*---------------*/
.footer {
  padding: 8rem 0;
  background-color: #fff;
}

.footer-top {
  display: flex;
  gap: 32px 16px;
}

.footer-logo {
  width: 186px;
}

.footer-social {
  padding: 1.6rem 5.28169014084507% 0 8.802816901408451%;
}

.footer-social ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 20px;
}

.footer-social a svg {
  vertical-align: bottom;
}

.footer-social a svg path,
.footer-social a svg g {
  transition: all .3s ease;
}

.footer-social a:hover svg path {
  stroke: var(--accessible-blue);
  fill: var(--accessible-blue);
}

.footer-social a:hover svg g {
  fill: var(--accessible-blue);
}

@media (max-width: 1024px) {
  .footer-social {
    padding: 0 2.5% 0 4%;
  }
}

.footer-subscribe {
  width: 56rem;
}

.footer-subscribe form {
  display: flex;
  gap: 8px;
}

.footer-subscribe .hs-form-field {
  width: calc(100% - 80px);
}

.footer-subscribe .hs-form-field > label {
  /*   display: none; */
  visibility: hidden;
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
}

.footer-subscribe .hs_error_rollup {
  display: none !important;
}

.footer-subscribe .hs_submit {
  width: 48px;
}

.footer-subscribe .hs_submit input[type="submit"] {
  width: 7.2rem;
  height: 4.8rem;
  padding: 0;
  font-size: 0;
  border-radius: 2.4rem;
  background-color: var(--fourth-color);
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.7071 0.292921C22.0976 0.683445 22.0976 1.31661 21.7071 1.70713L10.7071 12.7071C10.3166 13.0977 9.68342 13.0977 9.2929 12.7071C8.90237 12.3166 8.90237 11.6834 9.2929 11.2929L20.2929 0.292921C20.6834 -0.0976032 21.3166 -0.0976032 21.7071 0.292921Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.7071 0.292921C21.9787 0.564559 22.0708 0.967791 21.9439 1.33038L14.9439 21.3304C14.8084 21.7174 14.4504 21.9825 14.0408 21.9992C13.6311 22.0159 13.2527 21.7808 13.0862 21.4062L9.2424 12.7576L0.593867 8.91384C0.219186 8.74731 -0.0158775 8.36894 0.000836285 7.95926C0.0175501 7.54959 0.282654 7.19162 0.669655 7.05617L20.6697 0.0561695C21.0322 -0.0707359 21.4355 0.0212832 21.7071 0.292921ZM3.71108 8.11063L10.4061 11.0862C10.6324 11.1868 10.8133 11.3677 10.9138 11.5939L13.8894 18.289L19.37 2.63L3.71108 8.11063Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
}

.footer-subscribe .hs_submit input[type="submit"]:hover {
  background-color: var(--accessible-blue);
}

.footer-subscribe .hs-error-msgs {
  margin: 0;
  position: absolute;
}

.footer-subscribe form input[type=email] {
  border: 1px solid #000;
}


@media (max-width: 1023px) {
  .footer-top {
    flex-wrap: wrap;
    align-items: center;
  }

  .footer-top > .footer-social {
    width: calc(100% - 202px);
  }

  .footer-top > .footer-subscribe {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .footer {
    padding: 4.8rem 0;
  }

  .footer-top {
    flex-wrap: wrap;
  }

  .footer-top > .footer-col {
    width: 100% !important;
  }

  .footer .subtitle-2 {
    text-align: center;
  }

  .footer-top > .footer-social {
    padding: 0;
  }

  .footer-top .footer-logo,
  .footer-top .footer-social {
    text-align: center;
  }

  .footer-social ul {
    justify-content: center;
  }
}


.footer-bottom {
  margin-top: 4rem;
  border-top: 1px solid var(--xlight-gray);
  border-bottom: 1px solid var(--xlight-gray);
  padding: 4rem 0;
}

.footer-bottom .hs-menu-flow-horizontal > ul {
  display: grid;
  gap: 0 32px;
  grid-template-columns: repeat(5, 1fr);
}

.footer-bottom .hs-menu-flow-horizontal ul {
  padding: 0;
  margin: 0; 
  list-style: none;
}

.footer-bottom .hs-menu-flow-horizontal ul ul {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.footer-bottom ul > li > a {
  color: var(--dark-gray);

  font-weight: 500;
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: 0.5px;
}

.footer-bottom .hs-menu-flow-horizontal > ul > li > a[href="javascript:;"] {
  color: var(--dark-gray) !important;
  cursor: text;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: normal;
}
.footer-bottom a {
  text-decoration: none;
}
.footer-bottom .link {
  text-decoration: underline;
}
.footer-bottom ul ul a {
  font-size: 12px;
  line-height: 2;
  letter-spacing: 0.5px;
  color: var(--dark-gray);
}
.footer-bottom ul > li > a .link:hover,
.footer-bottom ul ul a .link:hover {
  color: var(--accessible-blue);
  text-decoration: underline;
}
.footer-bottom ul ul a[href="javascript:;"] {
  color: var(--dark-gray);
  cursor: default;
}

.footer-meta {
  text-align: center;
  font-size: 12px;
  line-height: 2;
  letter-spacing: 0.1px;
  padding-top: 4rem;
}

.footer-links {
  margin-bottom: 4rem;
  text-align: center;
}

.footer-links .hs-menu-flow-horizontal > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 3.2rem 3.2rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

.footer-links ul > li > a {
  color: var(--dark-gray);
  font-weight: 500;
}

/*.footer-links ul > li > a:hover {
  text-decoration: underline;
}*/

.footer-copyright {
  text-align: center;
  color: var(--medium-gray);
  font-size: 1.4rem;
  line-height: 1.71;
  letter-spacing: 0.25px;
}

/* 
@media (min-width: 800px) {
  .footer-bottom .hs-menu-flow-horizontal > ul > li:nth-of-type(5) {
    margin-top: -60px;
  }
} */

@media (max-width: 799px) {
  .footer-bottom .hs-menu-flow-horizontal>ul {
    gap: 55px 25px;
  }
  .footer-bottom .hs-menu-flow-horizontal > ul {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-copyright {
    max-width: 600px;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .footer-meta {
    flex-wrap: wrap;
  }

  .footer-bottom {
    margin-top: 3.2rem;
  }

  .footer-links .hs-menu-flow-horizontal > ul li {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 599px) {
  .footer-bottom .hs-menu-flow-horizontal > ul {
    grid-template-columns: 1fr;
    gap: 2.4rem;
  }

  .footer-bottom .hs-menu-flow-horizontal ul ul {
    display: none;
    list-style: none;
    margin: 0;
    padding: 1.6rem 0 0 0;
    grid-template-columns: 1fr;
    gap: 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: .5px;
  }

  .footer-bottom .hs-menu-flow-horizontal > ul > li:not(:last-child) {
    padding: 0 0 2.4rem;
    border-bottom: 1px solid rgba(243,243,243, .3);
  }

  .footer-bottom ul > li.hs-item-has-children > a {
    display: flex;
    align-items: center;
    gap: 1rem;
    cursor: pointer !important;
  }

  .footer-bottom ul > li.hs-item-has-children > a:after {
    content: '';
    display: inline-block;
    margin-left: auto;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23525252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 14px;
    height: 8px;
    transition: all .2s ease;
  }

  .footer-bottom ul > li.hs-item-has-children > a.open:after {
    transform: rotate(180deg);
  }

  .footer-bottom .hs-menu-flow-horizontal ul a.open + ul {
    display: grid;
  }
}

/* Utilities */

/*@keyframes backgroundColorPalette {
  00% {
    background-color: var(--primary-color);
  }
  20% {
    background-color: var(--secondary-color);
  }
  40% {
    background-color: var(--tertiary-color);
  }
  60% {
    background-color: var(--fourth-color);
  }
  80% {
    background-color: var(--fifth-color);
  }
  100% {
    background-color: var(--primary-color);
  }
}

@keyframes dotsPalette {
  0% {
    fill: var(--primary-color);
  }
  20% {
    fill: var(--secondary-color);
  }
  40% {
    fill: var(--tertiary-color);
  }
  60% {
    fill: var(--fourth-color);
  }
  80% {
    fill: var(--fifth-color);
  }
  100% {
    fill: var(--primary-color);
  }
}*/

.animate-bg-colors {
  background-color: var(--primary-color);
  animation-name: backgroundColorPalette;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 4s;
  transform: rotateZ(360deg)
}

.dots svg path {
  fill: var(--primary-color);
  animation-name: dotsPalette;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 4s;
  transform: rotateZ(360deg)
}
/* For content that needs to be visually hidden but stay visible for screenreaders */

.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;
  }
}

/* Spacing */

.mt-none {
  margin-top: 0 !important;
}
.mt-xs {
  margin-top: calc(var(--gap) * 0.25) !important;
}
.mt-sm {
  margin-top: calc(var(--gap) * 0.5) !important;
}
.mt-md {
  margin-top: var(--gap) !important;
}
.mt-lg {
  margin-top: calc(var(--gap) * 1.5) !important;
}
.mt-xl {
  margin-top: calc(var(--gap) * 2) !important;
}

.mb-none {
  margin-bottom: 0 !important;
}
.mb-xs {
  margin-bottom: calc(var(--gap) * 0.25) !important;
}
.mb-sm {
  margin-bottom: calc(var(--gap) * 0.5) !important;
}
.mb-md {
  margin-bottom: var(--gap) !important;
}
.mb-lg {
  margin-bottom: calc(var(--gap) * 1.5) !important;
}
.mb-xl {
  margin-bottom: calc(var(--gap) * 2) !important;
}

.pt-none {
  padding-top: 0 !important;
}
.pt-xs {
  padding-top: calc(var(--gap) * 0.25) !important;
}
.pt-sm {
  padding-top: calc(var(--gap) * 0.5) !important;
}
.pt-md {
  padding-top: var(--gap) !important;
}
.pt-lg {
  padding-top: calc(var(--gap) * 1.5) !important;
}
.pt-xl {
  padding-top: calc(var(--gap) * 2) !important;
}

.pb-none {
  padding-bottom: 0;
}
.pb-xs {
  padding-bottom: calc(var(--gap) * 0.25);
}
.pb-sm {
  padding-bottom: calc(var(--gap) * 0.5);
}
.pb-md {
  padding-bottom: var(--gap) !important;
}
.pb-lg {
  padding-bottom: calc(var(--gap) * 1.5) !important;
}
.pb-xl {
  padding-bottom: calc(var(--gap) * 2);
}

/* Text */

.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}

.text-large {
  font-size: calc(var(--base-font-size) * 1.2);
}
.text-small {
  font-size: calc(var(--base-font-size) * 0.8);
}

/* Responsive embed */

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.embed-container--43 {
  padding-bottom: 75%;
}