/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

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

html {
	scroll-behavior: smooth;
}

html,
body{
  width: 100%;
  overflow-x: clip;
}
/*! 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;
}

/**
 * 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
   ========================================================================== */

/**
 * Add the correct box sizing in Firefox.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * 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
   ========================================================================== */

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, 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: 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;
}

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

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 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;
}

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */

legend {
  padding: 0;
}

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

progress {
  vertical-align: baseline;
}

/**
 * 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 and Firefox.
 */

details {
  display: block;
}

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

summary {
  display: list-item;
}

/* Variables
Will be moved soon
*/
:root {
  --margin: max(1rem, 5vw);
  --space-xxs: 0.5rem;
  --space-xs: calc(1rem + 1vmin);
  --space-sm: calc(2rem + 2vmin);
  --space-md: calc(3rem + 3vmin);
  --space-lg: calc(6rem + 6vmin);
  --space-xl: calc(9rem + 9vmin);
  --container-sm: 900px;
  --container-md: 1280px;
  --container-lg: 1600px;
  --gradient-blur: 20px;
  
  --cf-color-dark-purple: #1b1a3d;
  --cf-color-purple: #8c78f3;
  --cf-color-blue: #2741f1;
  --cf-color-dark-grey: #5a5a5f;
  --cf-color-grey: #e2e2e2;
  --cf-color-light-grey: #f3f3fa;
  --cf-color-white: #ffffff;
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/

/* CSS variables */

:root {
  --gap: 2.127659574%;
}

/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.row-fluid [class*='span'] {
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .row-fluid .span11 {
    width: calc(91.66% - var(--gap));
  }

  .row-fluid .span10 {
    width: calc(83.33% - var(--gap));
  }

  .row-fluid .span9 {
    width: calc(75% - var(--gap));
  }

  .row-fluid .span8 {
    width: calc(66.66% - var(--gap));
  }

  .row-fluid .span7 {
    width: calc(58.33% - var(--gap));
  }

  .row-fluid .span6 {
    width: calc(50% - var(--gap));
  }

  .row-fluid .span5 {
    width: calc(41.66% - var(--gap));
  }

  .row-fluid .span4 {
    width: calc(33.33% - var(--gap));
  }

  .row-fluid .span3 {
    width: calc(25% - var(--gap));
  }

  .row-fluid .span2 {
    width: calc(16.66% - var(--gap));
  }

  .row-fluid .span1 {
    width: calc(8.33% - var(--gap));
  }
}

/* Visibilty classes */

.hide {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

.hidden {
  display: none;
  visibility: hidden;
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 1rem;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  /*padding: 0 1rem;*/
  /*padding: 0 20px;*/
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    /*padding: 0;*/
  }
}

/* Elements
Base HMTL elements are styled in this section (<body<, <h1>, <a>, <p>, <button> etc.)
*/

body {
  /*line-height: 150%;*/
  line-height: 1.5;
  overflow-wrap: break-word;
  
  /* Font smoothing */
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

/* Paragraphs */

p {
  /*font-size: 1rem;*/
  margin: 0 0 1.4rem;
}

/* Anchors */

a {
  cursor: pointer;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1.4rem;
  /*line-height: 1.2;*/
}

h1 {
  line-height: var(--h1-line-height); /* 1.05 */
}

h2 {
  line-height: var(--h2-line-height); /* 1.1333 */
}

h3 {
  line-height: var(--h3-line-height); /* 1.2381 */
}

h4 {
  line-height: var(--h4-line-height); /* 1.3333 */
}

/* Lists */

ul,
ol {
  padding-left: 1.3em;
  margin: 0 0 1.4rem;
}

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

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

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 0.7rem;
}

/* Horizontal rules */

hr {
  border: none;
  border-bottom: 1px solid #CCC;
}

/* Image alt text */

img {
  font-size: 0.583rem;
  word-break: normal;
}







/* Text variables */






















      
  











:root {
  --h1-font-size:       70px;
  --h1-line-height:     1.05;
  --h1-color:           #1B1A3D;
  --h1-font-weight:     400;
  --h1-font-family:     Petrona, serif;
  --h1-font-style:      normal;
  --h1-text-decoration: none;
  --h1-text-transform:  none;

  --h2-font-size:       56px;
  --h2-line-height:     1.1333;
  --h2-color:           #1B1A3D;
  --h2-font-weight:     400;
  --h2-font-family:     Petrona, serif;
  --h2-font-style:      normal;
  --h2-text-decoration: none;
  --h2-text-transform:  none;

  --h3-font-size:       36px;
  --h3-line-height:     1.2381;
  --h3-color:           #1B1A3D;
  --h3-font-weight:     600;
  --h3-font-family:     Inter, sans-serif;
  --h3-font-style:      normal;
  --h3-text-decoration: none;
  --h3-text-transform:  none;

  --h4-font-size:       24px;
  --h4-line-height:     1.3333;
  --h4-color:           #1B1A3D;
  --h4-font-weight:     600;
  --h4-font-family:     Inter, sans-serif;
  --h4-font-style:      normal;
  --h4-text-decoration: none;
  --h4-text-transform:  none;

  --h5-font-size:       24px;
  --h5-line-height:     1.4;
  --h5-color:           #000000;
  --h5-font-weight:     600;
  --h5-font-family:     Inter, sans-serif;
  --h5-font-style:      normal;
  --h5-text-decoration: none;
  --h5-text-transform:  none;

  --h6-font-size:       19px;
  --h6-line-height:     1.4;
  --h6-color:           #1B1A3D;
  --h6-font-weight:     500;
  --h6-font-family:     Inter, sans-serif;
  --h6-font-style:      normal;
  --h6-text-decoration: none;
  --h6-text-transform:  uppercase;

  --h7-font-size:       19px;
  --h7-line-height:     1.52632;
  --h7-color:           #000;
  --h7-font-weight:     600;
  --h7-font-family:     Inter, sans-serif;
  --h7-font-style:      normal;
  --h7-text-decoration: none;
  --h7-text-transform:  none;

  --h8-font-size:       15px;
  --h8-line-height:     1.66667;
  --h8-color:           #000;
  --h8-font-weight:     600;
  --h8-font-family:     Inter, sans-serif;
  --h8-font-style:      normal;
  --h8-text-decoration: none;
  --h8-text-transform:  uppercase;
  --h8-letter-spacing:  0.055em;

  --p1-font-size:       1.5625rem;
  --p1-line-height:     150%;
  --p1-color:           #000;
  --p1-font-weight:     400;
  --p1-font-family:     Inter, sans-serif;
  --p1-font-style:      normal;
  --p1-text-decoration: none;
  --p1-text-transform:  none;

  --p2-font-size:       1.125rem;
  --p2-line-height:     150%;
  --p2-color:           #000;
  --p2-font-weight:     400;
  --p2-font-family:     Inter, sans-serif;
  --p2-font-style:      normal;
  --p2-text-decoration: none;
  --p2-text-transform:  none;

  --p3-font-size:       0.875rem;
  --p3-line-height:     150%;
  --p3-color:           #000;
  --p3-font-weight:     400;
  --p3-font-family:     Inter, sans-serif;
  --p3-font-style:      normal;
  --p3-text-decoration: none;
  --p3-text-transform:  none;

  --p4-font-size:       0.875rem;
  --p4-line-height:     1.57143;
  --p4-color:           #000;
  --p4-font-weight:     300;
  --p4-font-family:     Inter, sans-serif;
  --p4-font-style:      normal;
  --p4-text-decoration: none;
  --p4-text-transform:  none;
}

@media (max-width: 767px) {
  :root {
    --h1-font-size:       44px;   /* 80px */
    --h2-font-size:       36px;   /* 60px */
    --h3-font-size:       30px;   /* 42px */
    --h4-font-size:       24px;   /* 30px */
    --h5-font-size:       19px;   /* 24px */
    --h6-font-size:       16px;   /* 19px */
    --h7-font-size:       15px;   /* 19px */
    --h8-font-size:       14px;   /* 15px */
    --p1-font-size:       20px;   /* 24px */
    --p2-font-size:       1rem;
    --p3-font-size:       13px;   /* 14px */
    --p4-font-size:       13px;   /* 14px */
  }
}


/*

{
  font=Petrona,
  font_set=GOOGLE,
  styles={
    font-weight=400,
    text-decoration=none,
    font-family=Petrona, serif,
    font-style=normal
  },
  size=80,
  size_unit=px,
  color=#1B1A3D,
  variant=400,
  fallback=serif,
  style=font-weight: 400; text-decoration: none; font-family: Petrona, serif; font-style: normal,
  css=color: #1B1A3D;font-size: 80px;font-weight: 400; font-family: Petrona, serif;
}

*/




.font-lead-large {
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.font-lead-medium {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.font-lead-small {
  font-family: 'Inter', sans-serif;
  font-size: 0.65rem;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.font-display-medium {
  font-family: 'Petrona', serif;
  font-size: 3.333rem;
  font-weight: 400;
  line-height: 110%;
}

.font-display-small {
  font-family: 'Petrona', serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 130%;
}

.font-body-large {
  font-family: 'Inter', sans-serif;
  font-size: 1.388rem;
  font-weight: 400;
  line-height: 150%;
}

@media (max-width: 767px) {
  .font-body-large {
    font-size: 1.1rem;
  }
}

.font-body-small {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%;
}







.font-display-md {
  font-family: 'Petrona';
  font-weight: 400;
  font-size: var(--h1-font-size);
  line-height: 1.1;
}

.font-display-sm {
  font-family: 'Petrona';
  font-weight: 400;
  font-size: var(--h2-font-size);
  line-height: 1.1;
}

.font-kicker-md {
  font-size: 1.2rem;
  font-weight: 500;
  font-family: 'Inter';
  text-transform: uppercase;
  letter-spacing: 0.03em;
  line-height: 1.2;
}

.font-kicker-sm {
  font-size: 1.125rem;
  font-weight: 500;
  font-family: 'Inter';
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1.2;
}

.font-heading-lg {
  font-size: var(--h2-font-size);
  font-weight: 600;
  font-family: 'Inter';
}

.font-heading-md {
  font-size: var(--h3-font-size);
  font-weight: 600;
  font-family: 'Inter';
}

.font-heading-sm {
  font-size: var(--h4-font-size);
  font-weight: 600;
  font-family: 'Inter';
}

.font-heading-xs {
  font-weight: 600;
  font-family: 'Inter';
}

.font-heading-xxs {
  font-size: 0.875rem;
  font-weight: 600;
  font-family: 'Inter';
}

.font-body-lg {
  font-size: 1.2rem;
}

.font-body-sm {
  font-size: 0.9rem;
}

@media screen and (min-width: 768px) {
  .font-kicker-md {
    font-size: 1.388rem;
  }
  
  .font-body-lg {
    font-size: 1.388rem;
  }
}








.section {
  padding: var(--space-md) var(--margin);
}

.section-header {
  margin: 0 auto 3rem;
  max-width: 48rem;
  text-align: center;
}

.section-header__title {
  margin: 0;
  color: var(--cf-color-dark-purple);
}

.section-header__sub-title {
  margin: 0;
  color: var(--cf-color-dark-grey);
}

.section-header__title + .section-header__sub-title {
  margin-top: 1rem;
}

.section-footer {
  margin: 2rem auto 0;
  max-width: var(--container-width);
  text-align: center;
}

@media screen and (min-width: 600px) {
  .section-footer {
    margin-top: 3rem;
  }
}

@media screen and (min-width: 900px) {
  .section-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3rem;
  }
}

.section-footer__text {
  margin: 0 0 1rem;
  color: var(--cf-color-dark-grey);
}

@media screen and (min-width: 900px) {
  .section-footer__text {
    margin: 0;
  }
}

.video-embed {
  position: relative;
  margin: 0;
}

.video-embed::before {
  content: "";
  padding-top: 56.25%;
  display: block;
}

.video-embed__teaser,
.video-embed__toggle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-embed__teaser {
  object-fit: cover;
}

.video-embed__toggle {
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
}

.video-embed__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 24px;
  border: 2px solid currentColor;
  border-radius: 50%;
}

.video-embed:hover .video-embed__play {
  background: #fff;
  border-color: #fff;
  color: #1b1a3d;
}

.video-embed__icon {
  display: block;
  width: 36px;
  height: 36px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mesh-gradient {
  position: relative;
  background: radial-gradient(at 50% -20%, #ff9e80 0%, transparent 66%) repeat scroll 0% 0%,
              radial-gradient(at 0% 0%, #8ee8f2 0%, transparent 66%) repeat scroll 0% 0%,
              radial-gradient(at 20% 20%, #8ee8f2 0%, transparent 66%) repeat scroll 0% 0%,
              radial-gradient(at 100% 0%, #e975af 0%, transparent 66%) repeat scroll 0% 0%,
              linear-gradient(90deg, #253cea, #6a55d5);
}

.mesh-gradient--dark {
  background: radial-gradient(at 50% -20%,#3333c7 0,transparent 66%) repeat scroll 0 0,
              radial-gradient(at 0 0,#deaaee 0,transparent 50%) repeat scroll 0 0,
              radial-gradient(at 100% 0,#0d1340 0,transparent 66%) repeat scroll 0 0,
              linear-gradient(45deg,#f6cec6,#0d1340 90%);
}

.mesh-gradient--dark-2 {
  background: linear-gradient(25deg,#d0a49b,#222776);
}

.mesh-gradient--dark-3 {
  background: linear-gradient(125deg,#12173f 10% ,#3937cd 40%, #bd8ee4 70%, #f0c0d3 90%);
}

.mesh-gradient--smp {
  position: relative;
  background: radial-gradient(at 0% 100%,#00e0ff 0,transparent 50%) repeat scroll 0 0,
              linear-gradient(0deg, #2741f1, #1b1a3d 80%);
  /*
  background: radial-gradient(at 0% 0%,#0d1340 0,transparent 50%) repeat scroll 0 0,
              radial-gradient(at 100% 100%,#00e0ff 0,transparent 50%) repeat scroll 0 0,
              linear-gradient(135deg, #1b1a3d 0%, #2741f1 50%, #00e0ff 100%);
  */
  
}

.mesh-gradient::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(https://8709930.fs1.hubspotusercontent-na1.net/hubfs/8709930/raw_assets/public/creativeforce-theme/images/noise.png);
  background-size: 100px;
  background-repeat: repeat;
  mix-blend-mode: multiply;
  pointer-events: none;
}

.tick {
  display: inline-flex;
  align-items: center;
  background-color: var(--cf-color-blue);
  border-radius: 50%;
  color: var(--cf-color-white);
  height: 30px;
  width: 30px;
  justify-content: center;
  position: relative;
  margin-right: 8px;
}

.tick:before {
  content: "\2713";
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}






.ebcp-locations {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ebcp-locations > div::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 2px 0;
  width: 11px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='16' viewBox='0 0 11 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.41176 1.03223C6.58184 1.03223 7.70399 1.50633 8.53135 2.35025C9.35872 3.19416 9.82353 4.33875 9.82353 5.53223C9.82353 7.66043 6.58824 12.9608 5.65941 14.4422C5.6328 14.4846 5.59617 14.5194 5.5529 14.5436C5.50962 14.5677 5.46109 14.5804 5.41176 14.5804C5.36244 14.5804 5.31391 14.5677 5.27063 14.5436C5.22736 14.5194 5.19073 14.4846 5.16412 14.4422C4.23529 12.9614 1 7.66043 1 5.53223C1 4.33875 1.46481 3.19416 2.29218 2.35025C3.11954 1.50633 4.24169 1.03223 5.41176 1.03223Z' stroke='%232741F1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.64709 5.53218C3.64709 6.00957 3.83302 6.4674 4.16396 6.80497C4.49491 7.14254 4.94377 7.33218 5.4118 7.33218C5.87983 7.33218 6.32869 7.14254 6.65964 6.80497C6.99058 6.4674 7.17651 6.00957 7.17651 5.53218C7.17651 5.05479 6.99058 4.59695 6.65964 4.25939C6.32869 3.92182 5.87983 3.73218 5.4118 3.73218C4.94377 3.73218 4.49491 3.92182 4.16396 4.25939C3.83302 4.59695 3.64709 5.05479 3.64709 5.53218Z' stroke='%232741F1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}


.button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
  line-height: inherit;
  border-width: 2px!important;
}

.button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

/* No button */

.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
  background: none;
  border: none;
  border-radius: 0;
  color: initial;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  transition: none;
}

.cf-button {
  display: inline-flex;
  align-items: center;
  transition: all 0.15s linear;
  border: 2px solid currentColor;
  border-radius: 4px;
  font-weight: 600!important;
  background-color: transparent;
  padding: 0.6em 1.4em;
  text-decoration: none;
  
														
		font-size:        var(--h8-font-size);
		line-height:      var(--h8-line-height);
		
		font-weight:      var(--h8-font-weight);
		font-family:      var(--h8-font-family);
		font-style:       var(--h8-font-style);
		text-decoration:  var(--h8-text-decoration);
		text-transform:   var(--h8-text-transform);

		letter-spacing:		var(--h8-letter-spacing);
	

}

.cf-button__icon {
  margin: 0 1em 0 0;
}

.cf-button__icon svg {
  display: block;
  width: 1.333em;
  height: 1.333em;
}

.cf-button--dark_purple_fill {
  background: #1b1a3d;
  border-color: #1b1a3d;
  color: #fff;
}

.cf-button--dark_purple_fill:hover {
  background: #0d0d24;
  border-color: #0d0d24;
}

.cf-button--white_fill:hover {
  background: #ececec;
  border-color: #ececec;
}

.cf-button--blue_fill {
  background: #2741f1;
  border-color: #2741f1;
  color: #fff;
}

.cf-button--blue_fill:hover {
  background: #0019c9;
  border-color: #0019c9;
}

.cf-button--white_fill {
  background: #fff;
  border-color: #fff;
  color: #1b1a3d;
}

.cf-button--white_fill:hover {
  background: #ececec;
  border-color: #ececec;
}

.cf-button--dark_purple_stroke {
  background: transparent;
  border-color: #1b1a3d;
  color: #1b1a3d;
}

.cf-button--dark_purple_stroke:hover {
  background: #1b1a3d;
  color: #fff;
}

.cf-button--blue_stroke {
  background: transparent;
  border-color: #2741f1;
  color: #2741f1;
}

.cf-button--blue_stroke:hover {
  background: #2741f1;
  color: #fff;
}

.cf-button--white_stroke {
  background: transparent;
  border-color: #fff;
  color: #fff;
}

.cf-button--white_stroke:hover {
  background: #fff;
  color: #1b1a3d;
}

.cf-text-link {
  color: var(--cf-color-purple);
  text-decoration: underline;
}
.cf-text-link:hover {
  color: var(--cf-color-purple);
  text-decoration: none;
}



html {
  --btn-primary-color: #fff;
  --btn-primary-background: #2741f1;
  --btn-primary-border: transparent;
  --btn-primary-hover-color: #fff;
  --btn-primary-hover-background: #1e34c1;
  --btn-primary-hover-border: transparent;
  --btn-secondary-color: #fff;
  --btn-secondary-background: #1b1a3d;
  --btn-secondary-border: transparent;
  --btn-secondary-hover-color: #fff;
  --btn-secondary-hover-background: #3c3c4e;
  --btn-secondary-hover-border: transparent;
  --btn-tertiary-color: #1b1a3d;
  --btn-tertiary-background: transparent;
  --btn-tertiary-border: #1b1a3d;
  --btn-tertiary-hover-color: #fff;
  --btn-tertiary-hover-background: #1b1a3d;
  --btn-tertiary-hover-border: transparent;
}

.theme--dark-purple {
  --btn-tertiary-color: #fff;
  --btn-tertiary-background: transparent;
  --btn-tertiary-border: #fff;
  --btn-tertiary-hover-color:#1b1a3d;
  --btn-tertiary-hover-background: #fff;
  --btn-tertiary-hover-border: transparent;
}

.btn {
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  cursor: hand;
  margin: 0;
}

.btn {
  display: inline-flex;
  justify-content: center;
  padding: 0.8em 1.5em;
  border-width: 2px;
  border-style: solid;
  border-radius: 4px;
  text-decoration: none;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  transition: all 0.1s ease;
  
  color: var(--btn-primary-color);
  background-color: var(--btn-primary-background);
  border-color: var(--btn-primary-border);
}

.btn--primary {
  color: var(--btn-primary-color);
  background-color: var(--btn-primary-background);
  border-color: var(--btn-primary-border);
}
.btn--primary:hover {
  color: var(--btn-primary-hover-color);
  background-color: var(--btn-primary-hover-background);
  border-color: var(--btn-primary-hover-border);
}
.btn--secondary {
  color: var(--btn-secondary-color);
  background-color: var(--btn-secondary-background);
  border-color: var(--btn-secondary-border);
}
.btn--secondary:hover {
  color: var(--btn-secondary-hover-color);
  background-color: var(--btn-secondary-hover-background);
  border-color: var(--btn-secondary-hover-border);
}
.btn--tertiary {
  color: var(--btn-tertiary-color);
  background-color: var(--btn-tertiary-background);
  border-color: var(--btn-tertiary-border);
}
.btn--tertiary:hover {
  color: var(--btn-tertiary-hover-color);
  background-color: var(--btn-tertiary-hover-background);
  border-color: var(--btn-tertiary-hover-border);
}


.ebcp-button,
.ebcp-button-dark,
.ebcp-button-outline,
.ebcp-button-outline-dark {
  position: relative;
  border-radius: 8px;
  font-size: 1.125rem;
  padding: 0.9em 1.7em;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
  display: inline-block;
  text-decoration: none;
}

.ebcp-button {
  background: linear-gradient(135deg, #FFB8C9 0%, #6C2EF0 51.56%, #3CDCFF 100%);
  color: #fff;
}

.ebcp-button-dark {
  background: linear-gradient(135deg, #F082AB 0%, #6C2EF0 51.56%, #3CDCFF 100%);
  color: #fff;
}

.ebcp-button-outline {
  /*padding: calc(0.9em + 2px) calc(1.7em + 2px);*/
  color: var(--cf-color-blue);
  background: linear-gradient(135deg, #FFB8C9 0%, #6C2EF0 51.56%, #3CDCFF 100%);
}

.ebcp-button-outline-dark {
  color: var(--cf-color-blue);
  background: linear-gradient(135deg, #F082AB 0%, #6C2EF0 51.56%, #3CDCFF 100%);
}

.ebcp-button-outline-dark:hover,
.ebcp-button-outline:hover {
  color: #fff;
}

.ebcp-button-outline-dark::before,
.ebcp-button-outline::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: var(--background);
  border-radius: 5px;
}

.ebcp-button-outline-dark:hover::before,
.ebcp-button-outline:hover::before {
  opacity: 0;
}

.ebcp-button-outline-dark span,
.ebcp-button-outline span {
  position: relative;
}
/* Fields */

.hs-form-field {
  margin-bottom: 1.4rem;
}

/* Labels */

form label {
}

/* Help text */
form legend {
  font-size: 0.875rem;
}

/* 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: inline-block;
  font-size: 1rem;
  width: 100%;
}

form textarea {
  resize: vertical;
}

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

/* Inputs - checkbox/radio */

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

/* Inputs - date picker */

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

/* 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: 0.875rem;
  margin: 0 0 1.4rem;
}

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

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 1rem !important;
}

/* Validation */

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

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

.hs-error-msg {
  color: #EF6B51;
  margin-top: 0.35rem;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}



/* Popup form */
@media only screen and (min-width: 769px) {
  .leadinModal.leadinModal-theme-bottom-right-corner .leadinModal-content {
    right: 90px!important;
    border-radius: 4px 4px 0 0!important;
    background: #fff!important;
  }
}
/* Table */

table {
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}

.accordion {
  border-top: 1px solid rgba(0,0,0,0.1);
  border-bottom: 1px solid rgba(0,0,0,0.1);
  padding: 0 24px;
}

.accordion + .accordion {
  border-top: 0;
}

@media screen and (min-width: 600px) {
  .accordion {
    padding-left: 32px;
    padding-right: 32px;
  }
}
  
.accordion__summary {
  cursor: hand;
  cursor: pointer;
  padding: 24px 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.accordion__summary::-webkit-details-marker,
.accordion__summary::marker {
  display: none!important;
}

.accordion__title {
  margin: 0 24px 0 0;
  font-weight: 600;
  width: calc(100% - 16px - 24px);
}

.accordion__icon {
  display: block;
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.accordion[open] > .accordion__summary svg {
  transform: rotate(180deg);
}

.accordion__content {
  padding: 0 10% 48px 0;
  color: #425b76;
}

.accordion__content p:last-child {
  margin-bottom: 0;
}
.price {
  display: inline-flex;
  align-items: baseline;
}

.price__amount {
  line-height: 100%;
  color: #1b1a3d;
  letter-spacing: -0.02em;
}

.price__timeframe {
  color: #b8b8b8;
  transform: translateY(-0.05em);
  margin: 0 0 0 0.5em;
}
.play-button {
  display: flex;
  gap: 15px;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.play-button--small {
  gap: 10px;
}
  
.play-button__icon {
  display: block;
  padding: 20px;
  border-radius: 50%;
  color: #fff;
  background-color: transparent;
  border: 2px solid currentColor;
}

.play-button--small .play-button__icon {
  padding: 16px;
}

.play-button--white .play-button__icon {
  background-color: transparent;
  color: #fff;
  border-color: #fff;
}

.play-button--white:hover .play-button__icon {
  background-color: #fff;
  border-color: transparent;
  color: #000;
}

.play-button--blue .play-button__icon {
  background-color: #2741f1;
  color: #fff;
  border-color: transparent;
}

.play-button--blue:hover .play-button__icon {
  background-color: #0019c9;
  color: #fff;
  border-color: transparent;
}

.play-button__icon svg {
  display: block;
  width: 24px;
  height: 24px;
  fill: currentColor;
  transform: translateX(10%);
}

.play-button--small .play-button__icon svg {
  width: 20px;
  height: 20px;
}

.play-button__text {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
  text-shadow: 0 0 12px rgba(0,0,0,.5);
  white-space: nowrap;
}

.play-button--small .play-button__text {
  font-size: 13px;
}

@media screen and (max-width: 767px) {
  .play-button__text {
    display: none;
  }
}


.vimeo-background {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}

.vimeo-background__iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 101%;
  height: 101%;
}

.vimeo-embed {
  position: relative;
}

.vimeo-embed:not(.vimeo-embed-naked) .vimeo-embed-teaser {
  position: relative;
  overflow: hidden;
  background: #000;
  border-radius: 8px;
}

.vimeo-embed:not(.vimeo-embed-naked) .vimeo-embed-teaser__iframe,
.vimeo-embed:not(.vimeo-embed-naked) .vimeo-embed-teaser__thumbnail,
.vimeo-embed:not(.vimeo-embed-naked) .vimeo-embed-teaser__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.vimeo-embed:not(.vimeo-embed-naked) .vimeo-embed-teaser__iframe,
.vimeo-embed:not(.vimeo-embed-naked) .vimeo-embed-teaser__thumbnail {
  width: 101%;
  height: 101%;
}

.vimeo-embed:not(.vimeo-embed-naked) .vimeo-embed-teaser__thumbnail {
  object-fit: cover;
}

.vimeo-embed:not(.vimeo-embed-naked) .vimeo-embed-teaser__play {
  width: 100%;
  height: 100%;
  background: none;
  appearance: none;
  margin: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
  cursor: hand;
}

.vimeo-embed:not(.vimeo-embed-naked) .vimeo-embed-teaser__play .play-button {
  position: absolute;
}

.vimeo-embed:not(.vimeo-embed-naked) .vimeo-embed-teaser__play:not(.vimeo-embed-teaser__play--bottom_left) .play-button {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.vimeo-embed:not(.vimeo-embed-naked) .vimeo-embed-teaser__play--bottom_left .play-button {
  bottom: 15px;
  left: 15px;
  flex-direction: row;
}

.vimeo-embed-stage {
  position: fixed;
  overflow: hidden;
  z-index: 9999999999;
  background: #000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vimeo-embed-stage__iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  transform: translate(-50%, -50%);
}

.vimeo-embed-stage__close {
  position: absolute;
  top: 20px;
  right: 20px;
  background: none;
  appearance: none;
  margin: 0;
  padding: 20px;
  border: 0;
  cursor: pointer;
  cursor: hand;
  color: #fff;
  background-color: rgba(255,255,255,0.2);
  border-radius: 50%;
}

.vimeo-embed-stage__close:hover {
  background-color: rgba(255,255,255,0.4);
}

.vimeo-embed-stage__close svg {
  display: block;
  width: 24px;
  height: 24px;
  fill: currentColor;
}
















.vimeo-embed-popup {
  position: relative;
  display: block;
  aspect-ratio: var(--aspect-ratio);
  border-radius: 8px;
  overflow: hidden;
}

.vimeo-embed-popup__poster,
.vimeo-embed-popup__teaser {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.vimeo-embed-popup__play {
  position: absolute;
  width: 100%;
  height: 100%;
  background: none;
  appearance: none;
  margin: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
  cursor: hand;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.vimeo-embed-popup__play .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.vimeo-embed-popup-stage {
  position: fixed;
  overflow: hidden;
  z-index: 9999999999;
  background: #000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vimeo-embed-popup-stage__wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  transform: translate(-50%, -50%);
}

.vimeo-embed-popup-stage__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vimeo-embed-popup-stage__close {
  position: absolute;
  top: 20px;
  right: 20px;
  background: none;
  appearance: none;
  margin: 0;
  padding: 20px;
  border: 0;
  cursor: pointer;
  cursor: hand;
  color: #fff;
  background-color: rgba(255,255,255,0.2);
  border-radius: 50%;
}

.vimeo-embed-popup-stage__close:hover {
  background-color: rgba(255,255,255,0.4);
}

.vimeo-embed-popup-stage__close svg {
  display: block;
  width: 24px;
  height: 24px;
  fill: currentColor;
}
.arrow-navigation {
  display: inline-flex;
  align-items: center;
}

.arrow-navigation__button {
  display: block;
  padding: 16px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid rgba(0,0,0,0.1);
  color: var(--cf-color-dark-purple);
  transition: all 0.1s ease;
  cursor: hand;
  cursor: pointer;
}

.arrow-navigation__button:hover {
  background: rgba(0,0,0,0.1);
  border-color: transparent;
  color: var(--cf-color-dark-purple);
}

.arrow-navigation--white .arrow-navigation__button {
  color: #fff;
  border-color: #fff;
}

.arrow-navigation--white .arrow-navigation__button:hover {
  background: #fff;
  border-color: #fff;
  color: var(--cf-color-dark-purple);
}

.arrow-navigation--blue .arrow-navigation__button {
  background: var(--cf-color-blue);
  border-color: transparent;
  color: var(--cf-color-white);
}

.arrow-navigation--blue .arrow-navigation__button:hover {
  background: #0019c9;
  border-color: transparent;
  color: var(--cf-color-white);
}

.arrow-navigation__button--prev {}

.arrow-navigation__button--next {
  margin-left: 8px;
}

.arrow-navigation__icon {
  display: block;
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.pill {
  display: inline-block;
  white-space: nowrap;
  padding: 6px 6px 5px;
  font-weight: 600;
  font-size: 11px;
  line-height: 1;
  border-radius: 5px;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

.pill--grey {
  background: #e2e2e2;
  color: #585868;
}

.pill--blue {
  background: var(--cf-color-blue);
  color: #fff;
}

.pill--white {
  background: #fff;
  color: var(--cf-color-dark-purple);
}

.pill--purple {
  background: var(--cf-color-purple);
  color: #fff;
}
.read-more {
  display: flex;
  align-items: center;
  color: inherit;
}

.read-more__icon {
  display: block;
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  margin-left: -4px;
}

.read-more__text {
  margin-left: 8px;
}

@media screen and (min-width: 768px) {
  .read-more__icon {
    transform: translateX(0);
    transition: transform 0.4s cubic-bezier(.075,.82,.165,1);
  }
  
  .read-more__text {
    transform: translateX(0);
    opacity: 0;
    transition: transform 0.4s cubic-bezier(.075,.82,.165,1),
                opacity 0.4s cubic-bezier(.075,.82,.165,1);
  }

  .read-more:hover .read-more__icon {
    transform: translateX(1rem);
  }

  .read-more:hover .read-more__text {
    transform: translateX(1.333rem);
    opacity: 1;
    transition-delay: 0.05s;
  }
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/




.page-footer {
  padding: 0 20px;
  background-color: #1b1a3d;
  color: #fff;
  
														
		font-size:        var(--p3-font-size);
		line-height:      var(--p3-line-height);
		
		font-weight:      var(--p3-font-weight);
		font-family:      var(--p3-font-family);
		font-style:       var(--p3-font-style);
		text-decoration:  var(--p3-text-decoration);
		text-transform:   var(--p3-text-transform);
	

}

.page-footer__container,
.page-footer__colophon {
  margin: 0 auto;
  max-width: 1280px;
}

.page-footer__container {
  padding: 48px 0;
  display: grid;
  grid-gap: 24px;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .page-footer__container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1200px) {
  .page-footer__container {
    padding: 80px 0;
    grid-template-columns: 1fr 3fr;
  }
}

@media screen and (max-width: 1199px) {
  .page-footer__container>div:nth-child(2) {
    display: grid;
    grid-gap: 24px;
  }
}

@media screen and (min-width: 1200px) {
  .page-footer__container>div:nth-child(2) {
    display: flex;
    justify-content: flex-end;
    gap: 6rem;
  }
}

.page-footer__badges {
  margin: 48px 0 0;
  padding: 0;
  list-style: none;
}

@media screen and (max-width: 1199px) {
  .page-footer__badges {
    margin-bottom: 24px;
  }
}

.page-footer__badges li:not(:first-child) {
  margin-top: 16px;
  display: flex;
}

.page-footer__badges li a {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.page-footer__badges li a>div:nth-child(1) {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  padding: 12px;
  margin-right: 12px;
}

.page-footer__badges li a>div:nth-child(1) img {
  display: block;
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.page-footer__badges li a>div:nth-child(2) {
  line-height: 1.3;
}

.page-footer__badges li a>div:nth-child(2) p:nth-child(1) {
  font-weight: 600;
  margin: 0;
}

.page-footer__badges li a>div:nth-child(2) p:nth-child(2) {
  margin: 0;
}

.page-footer__title {
  margin: 0 0 8px;
  
														
		font-size:        var(--h7-font-size);
		line-height:      var(--h7-line-height);
		
		font-weight:      var(--h7-font-weight);
		font-family:      var(--h7-font-family);
		font-style:       var(--h7-font-style);
		text-decoration:  var(--h7-text-decoration);
		text-transform:   var(--h7-text-transform);
	

}

.page-footer__menu ul li {
  display: flex;
}

.page-footer__menu ul li a {
  display: block;
  text-decoration: none;
  padding: 6px 0;
  line-height: 1.3;
}

@media screen and (min-width: 768px) {
  .page-footer__menu ul li a {
    transition: opacity 0.2s ease;
  }
  .page-footer__menu ul:has(li a:hover) li a {
    opacity: 0.33;
  }
  .page-footer__menu ul:has(li a:hover) li a:hover {
    opacity: 1;
  }
}

.page-footer__colophon {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 24px 0 32px;
}

.page-footer__colophon ul {
  margin: -8px!important;
}

.page-footer__colophon ul li a {
  display: block;
  text-decoration: none;
  padding: 8px;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  #hs_cos_wrapper_footer_colophon_text {
    margin-top: 16px;
  }
  #hs_cos_wrapper_menu_90127067940 {
    display: block;
    margin: 16px 0;
  }
  
  .page-footer__colophon .social-links {
    justify-content: flex-start;
    margin-left: -8px;
  }
}

@media screen and (min-width: 768px) {
  .page-footer__colophon ul li a {
    transition: opacity 0.2s ease;
  }
  .page-footer__colophon ul:has(li a:hover) li a {
    opacity: 0.33;
  }
  .page-footer__colophon ul:has(li a:hover) li a:hover {
    opacity: 1;
  }
}

@media screen and (min-width: 768px) {
  .page-footer__colophon  {
    display: flex;
    align-items: center;
    gap: 32px;
  }
  
  .page-footer__colophon #hs_cos_wrapper_module_167232613348310 {
    margin-left: auto;
  }
}
/* Menu and simple menu */

.hs-menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}

/* CTA, logo, and rich text images */

.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}

/* Utilities
Helper classes with ability to override anything that comes before it
*/

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




img {
	max-width: 100%;
}

img.lazyload:not([src]) {
	visibility: hidden;
}

img[data-sizes="auto"] {
	width: 100%;
	height: auto;
	display: block;
}


.white-text {
	color: #fff;
}

.white-text * {
	color: inherit;
}

.white-text svg path {
	fill: #fff;
}


h6 + p,
.h6 + p {
	margin-top: -1.2rem;
}


@media screen and (min-width: 768px) {
  .row-fluid-wrapper--sticky-container,
  .row-fluid-wrapper--sticky-container .row-fluid,
  .row-fluid-wrapper--sticky-container .widget-span,
  .row-fluid-wrapper--sticky-container .hs_cos_wrapper,
  .dnd-column--sticky-container > .hs_cos_wrapper {
    height: 100%;
  }

  .sticky {
    position: sticky;
    top: 120px;
  }
}

@media screen and (max-width: 767px) {
  .home-hero-text {
    font-size: 1rem!important;
  }
}
  

body { /* padding-top on body when header is position fixed */
	/*padding-top: 126px;*/
	/*position: relative;*/
}

/*body::before {
	height: 127px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	background: #1b1a3d;
	content: "";
}*/

/*
@media (max-width: 1167px) {
  body {
    padding-top: 100px;
  }
}
*/

.header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 100;
	transition: padding 300ms;
}

.header .hs_cos_wrapper_type_logo img {
	width: auto !important;
	height: 48px;
	transition: height 300ms;
}

@media (min-width: 1168px) {
	.header .hs_cos_wrapper_type_logo img {
	  height: 60px;
	}
}

/*
@media (min-width: 1168px) {
	.header.header--scrolling .hs_cos_wrapper_type_logo img {
		height: 48px;
	}
}
*/

@media screen and (min-width: 1168px) and (max-width: 1270px) {
	/*.header .hs_cos_wrapper_type_logo img {
		height: 64px;
	}*/

	.header .mega-menu__items--level-1 {
		gap: 18px;
	}

	.header .mega-menu__buttons {
		margin-left: 40px
	}
}

@media (max-width: 1167px) {
  /*
  .header .hs_cos_wrapper_type_logo img {
    height: 64px;
  }

  body:not(.body--mega-menu-active) .header.header--scrolling .hs_cos_wrapper_type_logo img {
		height: 48px;
	}
  */

	body:not(.body--mega-menu-active) .header.header--scrolling .mega-menu-toggle svg {
		width: 27px;
	}

  /*
	body:not(.body--mega-menu-active) .header.header--scrolling .mega-menu-toggle {
	  height: 70px;
	}
  */

  /*
	.body--mega-menu-active .hs_cos_wrapper_type_logo img {
		height: 64px;
	}
  */
}

.header * {
	color: inherit;
}

.header .content-wrapper {
	max-width: none;
	padding-right: 70px;
	padding-left: 60px
}

@media screen and (max-width: 1410px) {
	.header .content-wrapper {
		padding-right: 20px;
		padding-left: 20px
	}
}

.header__cta-container {
	margin-left: 60px;
	display: flex;
	align-items: center;
}

.header__cta-container .button {
	white-space: nowrap;
}

.header__cta-container .button + .button {
	margin-left: 18px;
}


h1 + p[style*="font-size: 24px;"] {
	padding-top: 4px;
	
														
		font-size:        var(--p1-font-size);
		line-height:      var(--p1-line-height);
		
		font-weight:      var(--p1-font-weight);
		font-family:      var(--p1-font-family);
		font-style:       var(--p1-font-style);
		text-decoration:  var(--p1-text-decoration);
		text-transform:   var(--p1-text-transform);
	

}

@media screen and (max-width: 767px) {
	p[style*="font-size: 24px;"] {
		font-size: 22px !important;
	}
}


a.button,
a.button:hover,
a.button:focus,
a.button:active {
  
														
		font-size:        var(--h8-font-size);
		line-height:      var(--h8-line-height);
		
		font-weight:      var(--h8-font-weight);
		font-family:      var(--h8-font-family);
		font-style:       var(--h8-font-style);
		text-decoration:  var(--h8-text-decoration);
		text-transform:   var(--h8-text-transform);

		letter-spacing:		var(--h8-letter-spacing);
	

}


a.button--light,
a.button--light:hover,
a.button--light:focus,
a.button--light:active {
	color: #1b1a3d;
	background-color: #fff;
	border-color: #1b1a3d;
}

a.button--light.button--white-text,
a.button--light.button--white-text:hover,
a.button--light.button--white-text:focus,
a.button--light.button--white-text:active {
	color: #fff;
	background-color: transparent; /* #1b1a3d */
	border-color: #fff;
	transition: background-color 150ms;
}

@media screen and (min-width: 768px) {
	a.button--light.button--white-text:hover {
		background-color: rgba(255,255,255,.08);
	}
}

a.button--text,
a.button--text:hover,
a.button--text:focus,
a.button--text:active,
a span.button--text {
	padding: 0.125em 1.8em 0.125em 0;
	border: none;
	background: none !important;
	border-radius: 0;
	position: relative;
	color: inherit;
	text-transform: none;
	letter-spacing: 0;
	font-size: 17px;
}

a.button--text::after,
a span.button--text::after {
	content: "";
	width: 0.6667em;
	height: 0.6667em;
	background-image: url(https://8709930.fs1.hubspotusercontent-na1.net/hubfs/8709930/raw_assets/public/creativeforce-theme/images/icons/arrow-right.svg);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 50%;
	right: 0.3em;
	transform: translateY(-50%);
	transition: right 150ms;
}

a.button--text:hover::after,
span.button--text:hover::after {
	right: 0;
}


a.content-back-link,
a.content-back-link:hover,
a.content-back-link:active,
a.content-back-link:focus {
  margin-bottom: 67px;
  color: inherit;
  text-decoration: none;
  font-size: 19px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
}

a.content-back-link svg {
  max-height: 0.6667em;
  margin-right: 16px;
  transition: transform 250ms;
}

@media screen and (max-width: 767px) {
	a.content-back-link,
	a.content-back-link:hover,
	a.content-back-link:focus,
	a.content-back-link:active {
	  margin-bottom: 28px;
	}
}

@media screen and (min-width: 768px) {
	html:not(.hs-inline-edit) a.content-back-link:hover svg {
	  transform: translateX(-5px);
	}
}



.widget-type-rich_text h1:not(:first-child),
.widget-type-rich_text h2:not(:first-child),
.widget-type-rich_text h3:not(:first-child),
.widget-type-rich_text h4:not(:first-child) {
	margin-top: 2.625rem;
}



.hero__side-message-text > p {
  
														
		font-size:        var(--h5-font-size);
		line-height:      var(--h5-line-height);
		color:            var(--h5-color);
		font-weight:      var(--h5-font-weight);
		font-family:      var(--h5-font-family);
		font-style:       var(--h5-font-style);
		text-decoration:  var(--h5-text-decoration);
		text-transform:   var(--h5-text-transform);
	

}



.blog-post__media {
	margin-bottom: 55px;
}

.hs-inline-edit .blog-post__media iframe {
	pointer-events: none;
}

.blog-post__infos {
	margin-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	color: #d88689;
	text-transform: uppercase;
	letter-spacing: 0.055em;
}

.blog-post__infos > * {
	padding-right: 0.5em;
	margin-right: 0.5em;
	position: relative;
}

.blog-post__infos > *,
.blog-post__infos > a:hover,
.blog-post__infos > a:active,
.blog-post__infos > a:focus {
	color: inherit;
	font-size: 15px;
	font-weight: 600;
}

.blog-post__infos > *::after {
	content: "|";
	position: absolute;
	right: -0.2em;
}

.blog-post__infos > *:first-child {
	padding-left: 0;
}

.blog-post__infos > *:last-child::after {
	content: normal;
}

.blog-post h1 {
	/*margin-bottom: 0.525em;*/
}

.blog-post__body p + h4 {
	margin-top: 2rem;
}








.share-line {
	display: flex;
	align-items: center;
}

.share-line__label {
	margin-right: 10px;
	font-size: 0.9375rem;
	font-weight: 600;
	text-transform: uppercase;
}

.share-line__link {
	padding: 4px;
	margin-right: 8px;
	display: flex;
}





.section-heading {
	margin-bottom: 25px;
	font-size: 19px;
	font-weight: 600;
	text-transform: uppercase;
	position: relative;
	text-align: center;
}

.section-heading::before {
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	right: 0;
	left: 0;
	height: 2px;
	background: #e2e2e2;
}

.section-heading span {
	padding-right: 27px;
	padding-left: 27px;
	font-size: 19px;
	font-weight: 600;
	text-transform: uppercase;
	background-color: #fff;
	position: relative;
	z-index: 1;
	display: inline-block;
}





.list-grid {
	margin-right: -1.25rem;
	margin-left: -1.25rem;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.list-grid__item {
	padding: 1.75rem 1.25rem;
	flex: 0 0 100%;
}

.list-grid__item--color-theme-default .list-grid__item-label                                           { color: #d88689; }
.list-grid__item--color-theme-default.list-grid__item--show-line-above .list-grid__item-text-container { border-top-color: #d88689; }

.list-grid__item--color-theme-purple .list-grid__item-label                                            { color: #7f6fbf; }
.list-grid__item--color-theme-purple.list-grid__item--show-line-above .list-grid__item-text-container  { border-top-color: #7f6fbf; }

.list-grid__item--color-theme-tacao .list-grid__item-label                                             { color: #eeaa8a; }
.list-grid__item--color-theme-tacao.list-grid__item--show-line-above .list-grid__item-text-container   { border-top-color: #eeaa8a; }

.list-grid__item--color-theme-blue .list-grid__item-label                                              { color: #2741f1; }
.list-grid__item--color-theme-blue.list-grid__item--show-line-above .list-grid__item-text-container    { border-top-color: #2741f1; }

.list-grid__item--hide {
	display: none;
}

.list-grid__item-image {
	margin-bottom: 2.125rem;
	position: relative;
}

.list-grid__item-image a,
.list-grid__item-image img {
	width: 100%;
	display: block;
}

.list-grid__item-webinar-image {
  position: relative;
  background-position: center;
  background-size: cover;
  color: #fff;
  margin: -32px -40px 1.25rem;
  padding: 32px 40px 8px;
}

.list-grid__item-webinar-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
}

.list-grid__item-webinar-image .list-grid__item-pill {
  color: #fff!important;
  background-color: rgba(255,255,255,0.25)!important;
}

.list-grid__item-webinar-image .list-grid__item-name {
  color: #fff!important;
  position: relative;
}

.list-grid:not(.list-grid--image-icon-mode) .list-grid__item-image img {
	aspect-ratio: 384 / 237;
	object-fit: cover;
}

.hs-blog-id-86780928532 .list-grid:not(.list-grid--image-icon-mode) .list-grid__item-image img {
	aspect-ratio: 2 / 1;
	object-fit: cover;
}

.list-grid__item-text-container > *:last-child {
	margin-bottom: 0;
}


@media screen and (min-width: 768px) {
	.list-grid__item {
		flex: 0 0 50%;
	}
}

@media screen and (min-width: 1000px) {
	.list-grid__item {
		flex: 0 0 33.3333%;
	}
}


.list-grid__item-label {
	margin-bottom: 0.25rem;
	color: #d88689;
	font-size: 0.9375rem;
	text-transform: uppercase;
	font-weight: 600;
}

.list-grid__item-label a {
	color: inherit;
	font-size: inherit;
	text-transform: inherit;
	font-weight: inherit;
  text-decoration: none;
	margin-right: 0.25em;
}

.list-grid__item-label a:not(:last-child)::after {
	content: ",";
}

.list-grid__item-name {
	
														
		font-size:        var(--h4-font-size);
		line-height:      var(--h4-line-height);
		color:            var(--h4-color);
		font-weight:      var(--h4-font-weight);
		font-family:      var(--h4-font-family);
		font-style:       var(--h4-font-style);
		text-decoration:  var(--h4-text-decoration);
		text-transform:   var(--h4-text-transform);
	


	margin-bottom: 1.25rem;
}

.list-grid__item-name a {
	font: inherit;
  text-transform: inherit;
  text-decoration: none;
  display: inline-block;
}

.list-grid__item-summary {
	margin-bottom: 1.25rem;
	font-size: 1.25rem;
	line-height: 1.4;
	font-weight: 300;
}

.list-grid__item-summary p {
  font-weight: inherit;
}

.list-grid__item-summary p:last-child {
  margin-bottom: 0;
}

.list-grid__item-host {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}

.list-grid--align-heights .list-grid__item-host {
	margin-top: auto;
	display: flex;
	align-items: center;
}

.list-grid__item-host a {
	border-radius: 50%;
	overflow: hidden;
}

.list-grid__item-host a + a {
	margin-left: -8px;
}

.list-grid__item-host img {
	aspect-ratio: 1;
	display: block;
	object-fit: cover;
	width: 36px;
}

.list-grid--align-heights .list-grid__item-host + .list-grid__item-link {
	margin-top: 0;
}

.list-grid__item-link {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.list-grid__item-link a {
	/*font-size: 1.1875rem;*/
	display: inline-flex;
	align-items: center;
}

.list-grid__item-link i {
	width: 2.3333em;
	height: 2.3333em;
	margin-right: 0.6em;
	background: #ffffff;
	box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.05), 0px 0px 70px rgba(0, 0, 0, 0.08);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.list-grid__item-link svg {
	margin-left: 0.2em;
}

.list-grid__item-link .list-grid__item-host {
	margin-top: 0;
	margin-bottom: 0;
	/*margin-left: 25px;*/
}


.list-grid__show-more-wrapper {
	margin-top: 30px;
	flex: 0 0 100%;
	text-align: center;
}

.list-grid__show-more-button {
	/*margin-right: auto;
	margin-left: auto;*/
}


.list-grid--boxed .list-grid__inner {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.025), 0px 4px 40px rgba(0, 0, 0, 0.125);
  transition: box-shadow 250ms;
  background-color: #fff;
  display: block;
  text-decoration: none;
}

.list-grid--boxed .list-grid__inner:hover {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.025), 0px 4px 40px rgba(0, 0, 0, 0.2);
}

.list-grid--boxed .list-grid__item {
	padding: 1.25rem;
}

.list-grid--boxed .list-grid__item-image {
  margin-bottom: 0;
}

.list-grid--boxed .list-grid__item-text-container {
  padding: 32px 40px 34px;
  border-top: 4px solid #fff;
}

.list-grid--boxed .list-grid__item-label {
  margin-bottom: 0.5rem;
}


.list-grid--image-icon-mode .list-grid__item-image {
	display: flex;
	justify-content: center;
	align-items: center;
	aspect-ratio: 384 / 237;
}

.list-grid--image-icon-mode .list-grid__item-image img {
	width: 80%;
	height: 52%;
	object-fit: contain;
	position: absolute;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
	.list-grid--cpr-tablet-2 .list-grid__item                                         													 {  flex: 0 0 50%;  }
	
	.list-grid--image-icon-mode.list-grid--cpr-tablet-2 .list-grid__item:nth-child(2n+1) .list-grid__item-image  {  background-position: 0% 100%;  }
	.list-grid--image-icon-mode.list-grid--cpr-tablet-2 .list-grid__item:nth-child(2n+2) .list-grid__item-image  {  background-position: 82% 100%;  }
	.list-grid--image-icon-mode.list-grid--cpr-tablet-2 .list-grid__item:nth-child(1) .list-grid__item-image     {  background-position: 0% 0%;  }
	.list-grid--image-icon-mode.list-grid--cpr-tablet-2 .list-grid__item:nth-child(2) .list-grid__item-image     {  background-position: 80% 0%;  }
	.list-grid--image-icon-mode.list-grid--cpr-tablet-2 .list-grid__item:nth-child(3) .list-grid__item-image     {  background-position: 0% 33%;  }
	.list-grid--image-icon-mode.list-grid--cpr-tablet-2 .list-grid__item:nth-child(4) .list-grid__item-image     {  background-position: 80% 33%;  }
	.list-grid--image-icon-mode.list-grid--cpr-tablet-2 .list-grid__item:nth-child(5) .list-grid__item-image     {  background-position: 0% 67%;  }
	.list-grid--image-icon-mode.list-grid--cpr-tablet-2 .list-grid__item:nth-child(6) .list-grid__item-image     {  background-position: 100% 67%;  }


	.list-grid--cpr-tablet-3 .list-grid__item                                         													 {  flex: 0 0 33.3333%;  }
	
	.list-grid--image-icon-mode.list-grid--cpr-tablet-3 .list-grid__item:nth-child(3n+1) .list-grid__item-image  {  background-position: 0% 100%;  }
	.list-grid--image-icon-mode.list-grid--cpr-tablet-3 .list-grid__item:nth-child(3n+2) .list-grid__item-image  {  background-position: 45% 100%;  }
	.list-grid--image-icon-mode.list-grid--cpr-tablet-3 .list-grid__item:nth-child(3n+3) .list-grid__item-image  {  background-position: 85% 100%;  }
	.list-grid--image-icon-mode.list-grid--cpr-tablet-3 .list-grid__item:nth-child(1) .list-grid__item-image     {  background-position: 0% 0%;  }
	.list-grid--image-icon-mode.list-grid--cpr-tablet-3 .list-grid__item:nth-child(2) .list-grid__item-image     {  background-position: 40% 0%;  }
	.list-grid--image-icon-mode.list-grid--cpr-tablet-3 .list-grid__item:nth-child(3) .list-grid__item-image     {  background-position: 80% 0%;  }
	.list-grid--image-icon-mode.list-grid--cpr-tablet-3 .list-grid__item:nth-child(4) .list-grid__item-image     {  background-position: 0% 33%;  }
	.list-grid--image-icon-mode.list-grid--cpr-tablet-3 .list-grid__item:nth-child(5) .list-grid__item-image     {  background-position: 40% 33%;  }
	.list-grid--image-icon-mode.list-grid--cpr-tablet-3 .list-grid__item:nth-child(6) .list-grid__item-image     {  background-position: 80% 33%;  }
	.list-grid--image-icon-mode.list-grid--cpr-tablet-3 .list-grid__item:nth-child(7) .list-grid__item-image     {  background-position: 0% 67%;  }
	.list-grid--image-icon-mode.list-grid--cpr-tablet-3 .list-grid__item:nth-child(8) .list-grid__item-image     {  background-position: 50% 67%;  }
	.list-grid--image-icon-mode.list-grid--cpr-tablet-3 .list-grid__item:nth-child(9) .list-grid__item-image     {  background-position: 100% 67%;  }
}

@media screen and (min-width: 1000px) {
	.list-grid--cpr-desktop-2 .list-grid__item                                        													 {  flex: 0 0 50%;  }
	
	.list-grid--image-icon-mode.list-grid--cpr-desktop-2 .list-grid__item:nth-child(2n+1) .list-grid__item-image {  background-position: 0% 100%;  }
	.list-grid--image-icon-mode.list-grid--cpr-desktop-2 .list-grid__item:nth-child(2n+2) .list-grid__item-image {  background-position: 82% 100%;  }
	.list-grid--image-icon-mode.list-grid--cpr-desktop-2 .list-grid__item:nth-child(1) .list-grid__item-image    {  background-position: 0% 0%;  }
	.list-grid--image-icon-mode.list-grid--cpr-desktop-2 .list-grid__item:nth-child(2) .list-grid__item-image    {  background-position: 80% 0%;  }
	.list-grid--image-icon-mode.list-grid--cpr-desktop-2 .list-grid__item:nth-child(3) .list-grid__item-image    {  background-position: 0% 33%;  }
	.list-grid--image-icon-mode.list-grid--cpr-desktop-2 .list-grid__item:nth-child(4) .list-grid__item-image    {  background-position: 80% 33%;  }
	.list-grid--image-icon-mode.list-grid--cpr-desktop-2 .list-grid__item:nth-child(5) .list-grid__item-image    {  background-position: 0% 67%;  }
	.list-grid--image-icon-mode.list-grid--cpr-desktop-2 .list-grid__item:nth-child(6) .list-grid__item-image    {  background-position: 100% 67%;  }


	.list-grid--cpr-desktop-3 .list-grid__item                                        													 {  flex: 0 0 33.3333%;  }
	
	.list-grid--image-icon-mode.list-grid--cpr-desktop-3 .list-grid__item:nth-child(3n+1) .list-grid__item-image {  background-position: 0% 100%;  }
	.list-grid--image-icon-mode.list-grid--cpr-desktop-3 .list-grid__item:nth-child(3n+2) .list-grid__item-image {  background-position: 45% 100%;  }
	.list-grid--image-icon-mode.list-grid--cpr-desktop-3 .list-grid__item:nth-child(3n+3) .list-grid__item-image {  background-position: 85% 100%;  }
	.list-grid--image-icon-mode.list-grid--cpr-desktop-3 .list-grid__item:nth-child(1) .list-grid__item-image    {  background-position: 0% 0%;  }
	.list-grid--image-icon-mode.list-grid--cpr-desktop-3 .list-grid__item:nth-child(2) .list-grid__item-image    {  background-position: 40% 0%;  }
	.list-grid--image-icon-mode.list-grid--cpr-desktop-3 .list-grid__item:nth-child(3) .list-grid__item-image    {  background-position: 80% 0%;  }
	.list-grid--image-icon-mode.list-grid--cpr-desktop-3 .list-grid__item:nth-child(4) .list-grid__item-image    {  background-position: 0% 33%;  }
	.list-grid--image-icon-mode.list-grid--cpr-desktop-3 .list-grid__item:nth-child(5) .list-grid__item-image    {  background-position: 40% 33%;  }
	.list-grid--image-icon-mode.list-grid--cpr-desktop-3 .list-grid__item:nth-child(6) .list-grid__item-image    {  background-position: 80% 33%;  }
	.list-grid--image-icon-mode.list-grid--cpr-desktop-3 .list-grid__item:nth-child(7) .list-grid__item-image    {  background-position: 0% 67%;  }
	.list-grid--image-icon-mode.list-grid--cpr-desktop-3 .list-grid__item:nth-child(8) .list-grid__item-image    {  background-position: 50% 67%;  }
	.list-grid--image-icon-mode.list-grid--cpr-desktop-3 .list-grid__item:nth-child(9) .list-grid__item-image    {  background-position: 100% 67%;  }
}


.list-grid--align-heights {
	align-items: stretch;
}

.list-grid--align-heights .list-grid__inner {
	min-height: 100%;
  display: flex;
  flex-direction: column;
}

.list-grid--align-heights .list-grid__item-text-container {
  flex-grow: 1;
  display: flex;
	flex-direction: column;
}

.list-grid--align-heights .list-grid__item-link {
	margin-top: auto;
}



@media screen and (max-width: 767px) {
	.list-grid__item-summary {
		font-size: 1.125rem;
	}
}






.info-box__heading {
	
														
		font-size:        var(--h5-font-size);
		line-height:      var(--h5-line-height);
		color:            var(--h5-color);
		font-weight:      var(--h5-font-weight);
		font-family:      var(--h5-font-family);
		font-style:       var(--h5-font-style);
		text-decoration:  var(--h5-text-decoration);
		text-transform:   var(--h5-text-transform);
	

}





.person-info {
	
}

.person-info__name a,
.person-info__title a,
.person-info__contact a {
	color: inherit;
	text-decoration: none;
	font: inherit;
}

.person-info__heading {
	margin-bottom: 64px;
}

.person-info__image-wrapper {
	margin-bottom: 10px;
	flex-shrink: 0;
}

.person-info__name {
	font-size: 1.5625rem;
}

.person-info__name a {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	color: inherit;
	font-weight: inherit;
}

.person-info__title {
	margin-top: 4px;
	font-size: 0.6875rem;
	color: #359765;
	font-weight: 600;
	text-transform: uppercase;
}

.person-info__description {
	margin-top: 32px;
	overflow: hidden;
	position: relative;
}

.person-info__description p {
	font-size: inherit;
}

.person-info__show-more {
	
														
		font-size:        var(--h7-font-size);
		line-height:      var(--h7-line-height);
		
		font-weight:      var(--h7-font-weight);
		font-family:      var(--h7-font-family);
		font-style:       var(--h7-font-style);
		text-decoration:  var(--h7-text-decoration);
		text-transform:   var(--h7-text-transform);
	


	color: #d88689;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	display: none;
}

.person-info__description--capped {
	max-height: 250px;
}

.person-info__description--capped::before {
	content: "";
	height: 160px;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(0deg, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 100%);
	z-index: 1;
	pointer-events: none;
}

.person-info__description--capped .person-info__show-more {
	display: inline;
	z-index: 2;
}


@media screen and (max-width: 787px) {
	.person-info__heading {
		margin-bottom: 36px
	}

	.person-info__description {
		margin-top: 26px;
	}
}


/* Extended view (normal view) */

.person-info--extended .person-info__person {
	margin-right: -1.25rem;
	margin-left: -1.25rem;
	display: flex;
}

.person-info--extended .person-info__person > div {
	padding-right: 1.25rem;
	padding-left: 1.25rem;
}

.person-info--extended .person-info__image-wrapper {
	flex: 0 0 33.3333%;
}

.person-info--extended .person-info__image-wrapper img {
	width: 92%;
	border-radius: 50%;
	aspect-ratio: 1;
	object-fit: cover;
}

.person-info--extended .person-info__text-wrapper {
	flex-grow: 1;
}

.person-info--extended .person-info__name {
	
														
		font-size:        var(--h2-font-size);
		line-height:      var(--h2-line-height);
		color:            var(--h2-color);
		font-weight:      var(--h2-font-weight);
		font-family:      var(--h2-font-family);
		font-style:       var(--h2-font-style);
		text-decoration:  var(--h2-text-decoration);
		text-transform:   var(--h2-text-transform);
	

	margin-bottom: 6px;
}

.person-info--extended .person-info__title {
	
														
		font-size:        var(--h4-font-size);
		line-height:      var(--h4-line-height);
		color:            var(--h4-color);
		font-weight:      var(--h4-font-weight);
		font-family:      var(--h4-font-family);
		font-style:       var(--h4-font-style);
		text-decoration:  var(--h4-text-decoration);
		text-transform:   var(--h4-text-transform);
	


	margin-top: 6px;
	margin-bottom: 42px;
	display: flex;
	align-items: center;
}

.person-info--extended .person-info__title span {
	margin-right: 4px;
}

.person-info--extended .person-info__linkedin-link,
.person-info--extended .person-info__twitter-link {
	display: flex;
	margin-left: 16px;
}

.person-info--extended .person-info__contact {
	margin-top: 42px;
}

.person-info--extended .person-info__contact a {
	font-size: 25px;
	display: flex;
	align-items: center;
}

.person-info--extended .person-info__contact a span {
	margin-left: 14px;
	text-decoration: underline;
}

.person-info--extended .person-info__description {
	
														
		font-size:        var(--p1-font-size);
		line-height:      var(--p1-line-height);
		
		font-weight:      var(--p1-font-weight);
		font-family:      var(--p1-font-family);
		font-style:       var(--p1-font-style);
		text-decoration:  var(--p1-text-decoration);
		text-transform:   var(--p1-text-transform);
	

}


@media screen and (max-width: 767px) {
	.person-info--extended .person-info__person {
		flex-wrap: wrap;
	}

	.person-info--extended .person-info__image-wrapper {
		margin-bottom: 20px;
		flex: 0 0 100%;
	}

	.person-info--extended .person-info__image-wrapper img {
		width: 70%;
		margin-right: auto;
		margin-left: auto;
	}

	.person-info--extended .person-info__contact a {
		font-size: 21px;
	}
}


/* Compact view */

.person-info--compact {
	margin-bottom: 30px;
	display: flex;
	align-items: center;
}

.person-info--compact .person-info__person {
	display: flex;
	align-items: center;
}

.person-info--compact .person-info__person + .person-info__person {
	margin-top: 16px;
}

.person-info--compact .person-info__image-wrapper {
  margin-right: 14px;
  margin-bottom: 0;
}

.person-info--compact .person-info__image-wrapper img {
  width: 72px;
  height: 72px;
  display: block;
  border-radius: 50px;
  object-fit: cover;
}

.person-info--compact .person-info__name {
	font-size: 1.1875rem;
	font-weight: 600;
	display: flex;
	align-items: center;
}

.person-info--compact .person-info__name-pre {
	margin-right: 0.25em;
}

.person-info--compact .person-info__linkedin-link {
	display: flex;
	margin-left: 12px;
}

.person-info--compact .person-info__linkedin-link img {
	height: 1.1875rem;
}

.person-info--compact .person-info__title,
.person-info--compact .person-info__company {
	font-size: 0.875rem;
	color: inherit;
	font-weight: 400;
	text-transform: none;
}

.person-info--compact .person-info__title {
	margin-top: -2px;
}

.person-info--compact .person-info__company {
	font-weight: 500;
}







.tag-list {
	display: flex;
  gap: 8px;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
  max-width:1000px;
  margin: 0 auto 20px;
}

.tag-list a {
	color: inherit;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: none;
	position: relative;
  font-size: 12px;
    padding: 0.3em 1em;
  border-radius: 4px;
  color: var(--cf-color-dark-purple);
  border: 1px solid currentColor;
  letter-spacing: 0.015em;
}

/*
.tag-list a::after {
	content: "|";
	position: absolute;
	right: -20px;
	color: #dadadf;
}

.tag-list a:last-child::after {
	content: normal;
}
*/

.tag-list a.active {
	font-weight: 600;
  background: var(--cf-color-dark-purple);
  color: var(--cf-color-white);
  border-color: transparent;
}

.tag-list a:not(.active) {
	color: #58586f;
}







.blog-post__featured-heading {
	margin-bottom: 9px;
}

.blog-post__featured-list-item-name {
	margin-bottom: 2px;
}

.blog-post__featured-list-item {
	padding-top: 20px;
	padding-bottom: 22px;
	border-bottom: 2px solid #d9d9d9;
}

.blog-post__featured-list-item-tag {
	color: #d88689;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 0.9375rem;
}

.blog-post__featured-list-item-tag a {
	margin-right: 0.25em;
	color: inherit;
	font-weight: inherit;
  text-decoration: none;
}

.blog-post__featured-list-item-tag a:not(:last-child)::after {
	content: ",";
}

.blog-post__featured-list-item-summary {
	font-size: 0.875rem;
}







.blog-slider__content-summary-name {
	
														
		font-size:        var(--h3-font-size);
		line-height:      var(--h3-line-height);
		color:            var(--h3-color);
		font-weight:      var(--h3-font-weight);
		font-family:      var(--h3-font-family);
		font-style:       var(--h3-font-style);
		text-decoration:  var(--h3-text-decoration);
		text-transform:   var(--h3-text-transform);
	

}

.blog-slider__content-summary-summary {
	
														
		font-size:        var(--p2-font-size);
		line-height:      var(--p2-line-height);
		
		font-weight:      var(--p2-font-weight);
		font-family:      var(--p2-font-family);
		font-style:       var(--p2-font-style);
		text-decoration:  var(--p2-text-decoration);
		text-transform:   var(--p2-text-transform);
	

}

.blog-slider__content-summary-link {
	margin-top: 1rem;
}

.blog-slider__content-overview-heading span {
	
														
		font-size:        var(--h4-font-size);
		line-height:      var(--h4-line-height);
		color:            var(--h4-color);
		font-weight:      var(--h4-font-weight);
		font-family:      var(--h4-font-family);
		font-style:       var(--h4-font-style);
		text-decoration:  var(--h4-text-decoration);
		text-transform:   var(--h4-text-transform);
	

}

.blog-slider__content-overview-list-item {
	
														
		font-size:        var(--h7-font-size);
		line-height:      var(--h7-line-height);
		
		font-weight:      var(--h7-font-weight);
		font-family:      var(--h7-font-family);
		font-style:       var(--h7-font-style);
		text-decoration:  var(--h7-text-decoration);
		text-transform:   var(--h7-text-transform);
	

}








@media (min-width: 768px) {
	.mega-menu__items--level-2 > li > a {
	  
														
		font-size:        var(--h7-font-size);
		line-height:      var(--h7-line-height);
		
		font-weight:      var(--h7-font-weight);
		font-family:      var(--h7-font-family);
		font-style:       var(--h7-font-style);
		text-decoration:  var(--h7-text-decoration);
		text-transform:   var(--h7-text-transform);
	


	  line-height: inherit;
	}

	.mega-menu__items--level-3 a {
		
														
		font-size:        var(--p3-font-size);
		line-height:      var(--p3-line-height);
		
		font-weight:      var(--p3-font-weight);
		font-family:      var(--p3-font-family);
		font-style:       var(--p3-font-style);
		text-decoration:  var(--p3-text-decoration);
		text-transform:   var(--p3-text-transform);
	

	}
}







.highlight {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.highlight__item {
	padding: 8px 40px 9px 16px;
	border: 2px solid #000;
	border-radius: 5px;
	text-transform: uppercase;
	display: flex;
	flex-direction: column;
}

.highlight__item span {
	font-size: 0.8889em;
	font-weight: 300;
}

.highlight__item strong {
	font-size: 1.2222em;
}

.white-text .highlight__item {
	border-color: #fff;
}

@media (max-width: 767px) {
	.highlight {
		gap: 10px;
	}

	.highlight__item {
		padding: 3px 10px 6px;
	}

	.highlight__item span {
		font-size: 0.75em;
	}
}







.job-list-heading {
	margin-bottom: 0.8rem;
}

.job-list-heading:not(:first-child) {
	margin-top: 60px;
}

.job-list-heading span {
	color: #3466f6;
}

.body-container--job-list .list-grid__item-label {
	position: relative;
	padding-right: 30px;
}

.body-container--job-list .list-grid__item-label span {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(20%, -50%);
	font-size: 3em;
	color: #eee;
}

@media (min-width: 768px) {
	.body-container--job .hero__main-text {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
	}
}

.body-container--job .button {
	padding: 0.8em 2em;
}

.body-container--job .hero__main-text .button {
	padding: 1em 2.5em;
	border-width: 2px;
	box-shadow: 30px 30px 80px rgba(255,255,255,0.2);
}

.body-container--job .hero__main-text a.button--light.button--white-text {
	background-color: rgba(255,255,255,.08);
}

.body-container--job .hero__main-text a.button--light.button--white-text:hover {
	background-color: rgba(255,255,255,.16);
}

.body-container--job .highlight {
	margin-top: 40px;
}

.body-container--job .content-back-link,
.body-container--job .content-back-link:hover,
.body-container--job .content-back-link:active,
.body-container--job .content-back-link:focus {
	font-size: 16px;
	font-weight: inherit;
}

.body-container--job .button-wrapper {
  margin-top: 50px;
}

.body-container--job .button-wrapper a.button {
  
														
		font-size:        var(--h8-font-size);
		line-height:      var(--h8-line-height);
		
		font-weight:      var(--h8-font-weight);
		font-family:      var(--h8-font-family);
		font-style:       var(--h8-font-style);
		text-decoration:  var(--h8-text-decoration);
		text-transform:   var(--h8-text-transform);

		letter-spacing:		var(--h8-letter-spacing);
	

}






.widget-type-rich_text {
	font-weight: 300;
}

.widget-type-rich_text p,
.widget-type-rich_text a {
	font-weight: inherit;
}







.body-container--webinar-list .webinar-list--type-upcoming {
	margin-top: 140px;
	margin-bottom: 150px;
}

@media screen and (max-width: 1100px) {
	.body-container--webinar-list .webinar-list--type-upcoming {
		margin-top: 100px;
		margin-bottom: 110px;
	}
}

@media screen and (max-width: 767px) {
	.body-container--webinar-list .webinar-list--type-upcoming {
		margin-top: 70px;
		margin-bottom: 80px;
	}
}

.webinar-list__day {
	
															
		font-size:        var(--h1-font-size);
		line-height:      var(--h1-line-height);
		color:            var(--h1-color);
		font-weight:      var(--h1-font-weight);
		font-family:      var(--h1-font-family);
		font-style:       var(--h1-font-style);
		text-decoration:  var(--h1-text-decoration);
		text-transform:   var(--h1-text-transform);
	

}

.webinar-list__month-and-year {
	
														
		font-size:        var(--h7-font-size);
		line-height:      var(--h7-line-height);
		
		font-weight:      var(--h7-font-weight);
		font-family:      var(--h7-font-family);
		font-style:       var(--h7-font-style);
		text-decoration:  var(--h7-text-decoration);
		text-transform:   var(--h7-text-transform);
	

}

.webinar-list__time {
  margin-top: 6px;
	
														
		font-size:        var(--p3-font-size);
		line-height:      var(--p3-line-height);
		
		font-weight:      var(--p3-font-weight);
		font-family:      var(--p3-font-family);
		font-style:       var(--p3-font-style);
		text-decoration:  var(--p3-text-decoration);
		text-transform:   var(--p3-text-transform);
	

}

.webinar-list__name-value a {
	
														
		font-size:        var(--h5-font-size);
		line-height:      var(--h5-line-height);
		color:            var(--h5-color);
		font-weight:      var(--h5-font-weight);
		font-family:      var(--h5-font-family);
		font-style:       var(--h5-font-style);
		text-decoration:  var(--h5-text-decoration);
		text-transform:   var(--h5-text-transform);
	

  font-size: var(--h6-font-size)!important;
}

.webinar-list__summary {
	
														
		font-size:        var(--p3-font-size);
		line-height:      var(--p3-line-height);
		
		font-weight:      var(--p3-font-weight);
		font-family:      var(--p3-font-family);
		font-style:       var(--p3-font-style);
		text-decoration:  var(--p3-text-decoration);
		text-transform:   var(--p3-text-transform);
	

}


.body-container--webinar .content-back-link,
.body-container--webinar .content-back-link:hover,
.body-container--webinar .content-back-link:active,
.body-container--webinar .content-back-link:focus {
	font-size: 16px;
	font-weight: inherit;
}

.webinar-host {
	margin-top: 60px;
}

.webinar-host__heading {
	margin-bottom: 20px;
	font-size: 1.3125rem;
	font-weight: 500;
}

.webinar-host .person-info--compact .person-info__title {
  margin-top: 3px;
  color: #666;
}

.webinar-host .person-info--compact .person-info__company {
  margin-top: -1px;
  text-transform: uppercase;
}

.body-container--webinar .person-info--compact .person-info__image-wrapper img {
	width: 95px;
	height: 95px;
}

.body-container--webinar .person-info--compact .person-info__name {
	font-weight: 500;
	font-size: 1.125rem;
}

.body-container--webinar .person-info__name a {
	text-decoration: none;
}










.widget-type-menu a {
	color: inherit;
}



.footer .widget-type-menu a {
	
														
		font-size:        var(--p4-font-size);
		line-height:      var(--p4-line-height);
		
		font-weight:      var(--p4-font-weight);
		font-family:      var(--p4-font-family);
		font-style:       var(--p4-font-style);
		text-decoration:  var(--p4-text-decoration);
		text-transform:   var(--p4-text-transform);
	

}

.footer .hs-menu-wrapper ul {
	justify-content: space-between;
}

.footer .hs-menu-depth-1 > a {
	
														
		font-size:        var(--p1-font-size);
		line-height:      var(--p1-line-height);
		
		font-weight:      var(--p1-font-weight);
		font-family:      var(--p1-font-family);
		font-style:       var(--p1-font-style);
		text-decoration:  var(--p1-text-decoration);
		text-transform:   var(--p1-text-transform);
	


	margin-bottom: 33px;
	display: inline-block;
}

.hs-menu-depth-2 {
	margin-bottom: 15px;
}



@media (max-width: 999px) {
	.footer {
		text-align: center;
	}

	.footer .row-fluid {
	  width: 100%;
	  display: flex;
	  flex-wrap: wrap;
	}

	.footer .row-fluid [class*="span"] {
		width: 100%;
	}

	.footer .hs-menu-wrapper.hs-menu-flow-horizontal ul {
		flex-direction: column;
	}

	.footer .hs-menu-depth-1 {
		margin-bottom: 35px;
	}

	.footer .hs-menu-depth-1 > a {
		margin-bottom: 15px;
	}

	.footer .widget-type-logo {
		margin-top: 10px;
	}

	.footer .widget-type-logo img {
		max-width: 40vw;
	}
}

@media (min-width: 1000px) {
	.footer .hs-menu-depth-1 {
		padding-right: 40px
	}

	.footer .dnd-column:last-child .widget-type-logo {
		text-align: right;
	}
}










.hs-inline-edit body {
	padding-top: 0;
}

.hs-inline-edit .header {
	position: static;
}





@media (max-width: 799px) {
  #g2-reviews-mobile {
    display: block;
  }
  #g2-reviews-desktop {
    display: none;
  }
}
@media (min-width: 800px) {
  #g2-reviews-mobile {
    display: none;
  }
  #g2-reviews-desktop {
    display: block;
  }
}

.header,
.header-foldout {
  font-size: var(--font-size-body-md);
  --page-margin: 20px;
  --page-container-width: 1400px;
  
  --section-spacing: 60px;
  --section-spacing-inner: 40px;
  
  --grid-gap: 10px;
  
  --border-radius-xs: 5px;
  --border-radius-sm: 8px;
  --border-radius-md: 16px;
  --border-radius-lg: 24px;
  
  --ui-border-radius: var(--border-radius-sm);
  
  --media-border-radius: var(--border-radius-lg);
  
  --badge-border-radius: var(--border-radius-sm);
  
  --card-border-radius: var(--border-radius-lg);
  --card-spacing: 30px;
  --card-spacing-lg: 40px;
  
  --text-spacing-xxs: 0.4rem;
  --text-spacing-xs: 0.8rem;
  --text-spacing-sm: 1.2rem;
  --text-spacing-md: 1.6rem;
  --text-spacing-lg: 2rem;
  --text-spacing-xl: 2.4rem;
  
  --font-size-body-sm: 13px;
  --font-size-body-md: 16px;
  --font-size-body-lg: 19px;
  
  --font-size-h0: 54px;
  --font-size-h1: 48px;
  --font-size-h2: 38px;
  --font-size-h3: 28px;
  --font-size-h4: 24px;
  --font-size-h5: 20px;
  --font-size-h6: 16px;
  
  --background-opaque: rgba(39, 65, 241, 0.1);
  
  --form-placeholder-color: rgba(27, 26, 61, 0.33);
  --form-border-color: rgba(27, 26, 61, 0.15);
  --form-border-active-color: rgba(27, 26, 61, 1);
  
  --text-link-color: rgba(39, 65, 241, 1);
  --text-link-border-color: rgba(39, 65, 241, 0.25);
  --text-link-hover-color: rgba(39, 65, 241, 1);
  --text-link-hover-border-color: rgba(39, 65, 241, 1);
  
  /* Buttons */
  --button-border-radius: var(--border-radius-sm);
  --button-primary-text-color: #fff;
  --button-primary-background-color: #2741f1;;
  --button-primary-border-color: transparent;
  --button-primary-hover-text-color: #fff;
  --button-primary-hover-background-color: #2741f1;
  --button-primary-hover-border-color: transparent;
  --button-secondary-text-color: #2741f1;
  --button-secondary-background-color: transparent;
  --button-secondary-border-color: #2741f1;
  --button-secondary-hover-text-color: #fff;
  --button-secondary-hover-background-color: #2741f1;
  --button-secondary-hover-border-color: transparent;
  --button-tertiary-text-color: #1b1a3d;
  --button-tertiary-background-color: rgba(27, 26, 61, 0.1);
  --button-tertiary-border-color: transparent;
  --button-tertiary-hover-text-color: #1b1a3d;
  --button-tertiary-hover-background-color: rgba(27, 26, 61, 0.2);
  --button-tertiary-hover-border-color: transparent;
}

@media screen and (min-width: 900px) {
  .header,
  .header-foldout {
    --page-margin: 60px;
    
    --section-spacing: calc(100px + 4vh);
    --section-spacing-inner: calc(60px + 2vh);
    
    --card-spacing: 35px;
    --card-spacing-lg: 50px;
  
    --grid-gap: 20px;
    
    --font-size-body-sm: 15px;
    --font-size-body-md: 19px;
    --font-size-body-lg: 22px;
    
    --font-size-h0: 84px;
    --font-size-h1: 60px;
    --font-size-h2: 46px;
    --font-size-h3: 34px;
    --font-size-h4: 26px;
    --font-size-h5: 22px;
    --font-size-h6: 19px;
  }
}

.header .new-button,
.header .new-text-link,
.header-foldout .new-button,
.header-foldout .new-text-link {
  display: inline-flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  gap: 0.9em;
  font-size: calc(0.78 * var(--font-size-body-md));
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  transition: all 0.2s ease;
}

.header .new-text-link,
.header-foldout .new-text-link {
  color: var(--text-link-color);
  border-bottom: 1px solid var(--text-link-border-color);
  padding: 0 0 0.2em;
}

.header .new-text-link--small,
.header-foldout .new-text-link--small {
  gap: 0.8em;
  font-size: calc(0.78 * var(--font-size-body-sm));
}

.header .new-text-link:hover,
.header-foldout .new-text-link:hover {
  color: var(--text-link-hover-color);
  border-bottom: 1px solid var(--text-link-hover-border-color);
  padding: 0 0 0.2em;
}

.header .new-button,
.header-foldout .new-button {
  border-width: 1px;
  border-style: solid;
  border-color: var(--button-border-color);
  border-radius: var(--button-border-radius);
  background-color: var(--button-background-color);
  color: var(--button-text-color);
  padding: 0.75em 1.8em 0.7em;
  margin: 1px;
}

.header .new-button--small,
.header-foldout .new-button--small {
  gap: 0.8em;
  padding: 0.7em 1.6em;
  font-size: calc(0.78 * var(--font-size-body-sm));
}

.header .new-button--large,
.header-foldout .new-button--large {
  padding: 1em 2em;
  font-size: calc(0.78 * var(--font-size-body-lg));
}

.header .new-button--primary,
.header-foldout .new-button--primary {
  --button-text-color: var(--button-primary-text-color);
  --button-background-color: var(--button-primary-background-color);
  --button-border-color: var(--button-primary-border-color);
}

.header .new-button--primary:hover,
.header-foldout .new-button--primary:hover {
  --button-text-color: var(--button-primary-hover-text-color);
  --button-background-color: var(--button-primary-hover-background-color);
  --button-border-color: var(--button-primary-hover-border-color);
}
  
.header .new-button--secondary,
.header-foldout .new-button--secondary {
  --button-text-color: var(--button-secondary-text-color);
  --button-background-color: var(--button-secondary-background-color);
  --button-border-color: var(--button-secondary-border-color);
}

.header .new-button--secondary:hover,
.header-foldout .new-button--secondary:hover {
  --button-text-color: var(--button-secondary-hover-text-color);
  --button-background-color: var(--button-secondary-hover-background-color);
  --button-border-color: var(--button-secondary-hover-border-color);
}

  
.header .new-button--tertiary,
.header-foldout .new-button--tertiary {
  --button-text-color: var(--button-tertiary-text-color);
  --button-background-color: var(--button-tertiary-background-color);
  --button-border-color: var(--button-tertiary-border-color);
}

.header .new-button--tertiary:hover,
.header-foldout .new-button--tertiary:hover {
  --button-text-color: var(--button-tertiary-hover-text-color);
  --button-background-color: var(--button-tertiary-hover-background-color);
  --button-border-color: var(--button-tertiary-hover-border-color);
}

.header .new-button > svg,
.header-foldout .new-button > svg,
.header .new-text-link > svg,
.header-foldout .new-text-link > svg {
  width: auto;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.header .new-button--small > svg,
.header-foldout .new-button--small > svg,
.header .new-text-link--small > svg,
.header-foldout .new-text-link--small > svg {
  height: 16px;
}

.header a,
.header-foldout a {
  text-decoration: none;
}

.header ul,
.header-foldout ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.header button,
.header-foldout button {
  appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  cursor: hand;
  cursor: pointer;
  line-height: 1.5;
}

.header-foldout img {
  font-size: 1em;
  display: block;
}

.header-foldout img {
  width: 100%;
  height: auto;
}

.header,
.header-filler {
    background-color: #1b1a3d;
}
.header__action .new-button,
.header__navigation-action .new-button {
    white-space: nowrap;
}
.header-filler {
    position: relative;
    height: var(--header-height);
}
.header {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    color: #fff;
    --button-tertiary-text-color: rgba(255, 255, 255, 1);
    --button-tertiary-background-color: rgba(255, 255, 255, 0.1);
    --button-tertiary-border-color: transparent;
    --button-tertiary-hover-text-color: rgba(255, 255, 255, 1);
    --button-tertiary-hover-background-color: rgba(255, 255, 255, 0.2);
    --button-tertiary-hover-border-color: transparent;
}
.header__wrapper {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - var(--page-margin) * 2);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header__logo {
    display: block;
    height: 40px;
    width: auto;
    color: inherit;
}
.header__logo .text {
    fill: currentColor;
}
.header__navigation-list {
    display: flex;
}
.header__navigation-item-link {
    background-color: transparent;
    border-radius: var(--border-radius-sm);
    color: var(--item-color);
    display: flex;
    align-items: center;
    gap: 0.5em;
    font-weight: 600;
}
.header__navigation-item-link--active,
.header__navigation-item-link:hover {
    background-color: var(--item-active-background-color);
}
.header__navigation-item-icon {
    stroke: currentColor;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke-linecap: round;
    stroke-linejoin: round;
    width: 10px;
    height: 10px;
}
.header__navigation-item-link--active .header__navigation-item-icon > path:first-child {
    opacity: 0;
}
.header__navigation-search,
.header__navigation-toggle,
.header__search {
    padding: 0.5em;
    display: flex;
    align-items: center;
}
.header__navigation-search path {
    stroke: var(--item-color);
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.header__actions {
    display: flex;
    align-items: center;
    gap: 4px;
}
.header__action {
    display: flex;
    align-items: center;
    min-height: 3rem;
}
.header__navigation-toggle path,
.header__search path {
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.header__skip {
    position: absolute;
    top: -1000px;
    left: -1000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    text-align: left;
}
.header__skip:active,
.header__skip:focus,
.header__skip:hover {
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    overflow: visible;
}
@media screen and (max-width: 399px) {
    .header__action--demo {
        display: none;
    }
}
@media screen and (max-width: 479px) {
    .header__action--login {
        display: none;
    }
    .header__navigation-actions {
        flex-direction: column;
    }
}

@media screen and (max-width: 1199px) {
    .header--navigation-open .header__action--demo,
    .header--navigation-open .header__action--login,
    .header--navigation-open .header__action--search,
    .header__navigation-logo {
        display: none;
    }
    .header {
        position: fixed;
        top: 0;
    }
    .header--navigation-open {
        background-color: #fff;
        color: #1b1a3d;
        top: 0;
    }
    .header__action--search {
        margin-left: 1rem;
    }
    .header__action--navigation-toggle {
        margin-right: -0.5em;
    }
    .header__wrapper {
        padding: 0.5rem 0;
    }
    .header__navigation {
        --item-color: rgba(27, 26, 61, 1);
        --item-active-background-color: #ededf8;
        --button-tertiary-text-color: #1b1a3d;
        --button-tertiary-background-color: rgba(39, 65, 241, 0.1);
        --button-tertiary-border-color: transparent;
        --button-tertiary-hover-text-color: #1b1a3d;
        --button-tertiary-hover-background-color: rgba(39, 65, 241, 0.2);
        --button-tertiary-hover-border-color: transparent;
        border-top: 1px solid rgba(27, 26, 61, 0.15);
        background-color: #fff;
        position: fixed;
        top: var(--header-height);
        left: 0;
        width: 100%;
        padding: var(--page-margin);
        height: calc(100% - var(--header-height));
        z-index: -1;
        display: none;
        flex-direction: column;
    }
    .header--navigation-open .header__navigation {
        display: flex;
    }
    .header__navigation-list {
        margin-bottom: var(--text-spacing-md);
        flex-direction: column;
    }
    .header__navigation-item-link {
        padding: 0.5rem 0.75rem;
        margin: 0 -0.75rem;
        width: calc(100% + 1.5rem);
        justify-content: space-between;
    }
    .header__navigation-action,
    .header__navigation-action .new-button {
        width: 100%;
    }
    .header__navigation-actions {
        margin-top: auto;
        display: flex;
        gap: 4px;
    }
    .header--navigation-open .header__navigation-toggle svg path:first-child,
    .header--navigation-open .header__navigation-toggle svg path:nth-child(2),
    .header--navigation-open .header__navigation-toggle svg path:nth-child(3),
    .header__navigation-action--search,
    .header__navigation-toggle svg path:nth-child(4),
    .header__navigation-toggle svg path:nth-child(5) {
        display: none;
    }
    .header--navigation-open .header__navigation-toggle svg path:nth-child(4),
    .header--navigation-open .header__navigation-toggle svg path:nth-child(5),
    .header__navigation-toggle svg path:first-child,
    .header__navigation-toggle svg path:nth-child(2),
    .header__navigation-toggle svg path:nth-child(3) {
        display: block;
    }
}
@media screen and (min-width: 1200px) {
    .header__navigation-actions,
    .header__navigation-logo {
        opacity: 0;
        width: 0;
        overflow: hidden;
        margin: 0;
        transition: 1s cubic-bezier(0.075, 0.82, 0.165, 1);
    }
    .header {
        position: absolute;
    }
    .header__wrapper {
        justify-content: space-between;
        padding: 1.75rem 0;
    }
    .header__logo {
        height: 50px;
    }
    .header-foldout__close,
    .header__action--navigation-toggle {
        display: none;
    }
    .header__navigation {
        --navigation-background-color: rgba(255, 255, 255, 0.1);
        --item-color: rgba(255, 255, 255, 1);
        --item-active-background-color: rgba(27, 26, 61, 0.75);
        display: flex;
        align-items: center;
        padding: 0.75em 1em;
        border-radius: var(--border-radius-md);
        background-color: var(--navigation-background-color);
        backdrop-filter: blur(10px);
        position: fixed;
        top: 14px;
        left: 50%;
        transform: translate(-50%, 0);
        z-index: 1000;
    }
    .header--scrolled .header__navigation {
        --navigation-background-color: rgba(255, 255, 255, 0.9);
        --item-color: rgba(27, 26, 61, 1);
        --item-active-background-color: rgba(27, 26, 61, 0.1);
        --button-tertiary-text-color: rgba(255, 255, 255, 1);
        --button-tertiary-background-color: rgba(27, 26, 61, 1);
        --button-tertiary-border-color: transparent;
        --button-tertiary-hover-text-color: rgba(255, 255, 255, 1);
        --button-tertiary-hover-background-color: rgba(27, 26, 61, 1);
        --button-tertiary-hover-border-color: transparent;
        box-shadow: rgba(27, 26, 61, 0.1) 0 5px 30px 0;
    }
    .header__navigation-logo {
        height: 38px;
    }
    .header--scrolled .header__navigation-logo {
        width: auto;
        opacity: 1;
        margin-right: 1em;
    }
    .header__navigation-list {
        align-items: center;
        gap: 5px;
    }
    .header__navigation-item-link {
        padding: 0.5em 1em;
        font-size: calc(var(--font-size-body-md) * 0.78);
        text-align: center;
        letter-spacing: 0.02em;
        text-transform: uppercase;
    }
    .header__navigation-actions {
        display: flex;
        align-items: center;
        gap: 2px;
    }
    .header--scrolled .header__navigation-actions {
        width: auto;
        opacity: 1;
        margin-left: 1em;
    }
}

@media screen and (max-width: 1199px) {
  .header .header__navigation-actions {
    margin-top: auto;
  }
}

@media screen and (min-width: 1200px) {
  .header img {
    font-size: 1em;
    display: block;
  }
  
  .header--scrolled .header__navigation {
    min-width: 946px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .header__navigation {
    transform: translate(-50%) scale(0.9);
  }
  
  .header__actions {
    transform: scale(.9);
    transform-origin: center right;
  }
}


.header-foldout {
  pointer-events: none;
  z-index: 1000;
  opacity: 0;
  position: fixed;
  background-color: #fff;
  color: #1b1a3d;
}

.header-foldout--active {
  pointer-events: all;
  opacity: 1;
}

.header-foldout__wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: var(--grid-gap);
}

.header-foldout__title {
  font-weight: 600;
  letter-spacing: 0.01em;
    line-height: 1.3;
    text-transform: uppercase;
  font-size: calc(var(--font-size-body-md)* .78);
}

.header-foldout__linkstack {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: var(--font-size-body-sm);
}

.header-foldout__link {
  display: block;
  padding: 0.3rem 0.7rem;
  border-radius: var(--border-radius-sm);
}

.header-foldout__link:hover {
  background-color: #ededf8;
}

.header-foldout__link-title {
  display: block;
  font-weight: 400;
  display: flex;
  align-items: flex-start;
  gap: 0.3em;
}

.header-foldout__link-badge {
  color: #2741f1;
  font-size: 10px;
  display: block;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 1.3;
  text-transform: uppercase;
  padding: 0.3em 0 0 0;
}

.header-foldout__featured-link {
  display: flex;
  flex-direction: column;
  font-size: var(--font-size-body-sm);
  background-color: #ededf8;
  overflow: hidden;
}

.header-foldout__featured-link-image {
  position: relative;
  width: 12.5rem;
  aspect-ratio: 2 / 1;
}

.header-foldout__featured-link-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.header-foldout__featured-link-text {
  position: relative;
}

.header-foldout__featured-link-title {
  font-family: Inter, sans-serif;
  font-size: var(--font-size-h6);
  font-weight: 600;
  letter-spacing: -.005em;
  line-height: calc(var(--font-size-h6)* 1.1818);
}
  
.header-foldout__featured-link-description {
  display: block;
  margin-top: 4px;
}

.header-foldout__featured-link-icon {
}

.header-foldout__featured-link-icon > svg {
  display: block;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 22px;
  height: auto;
}

@media screen and (max-width: 1199px) {
  .header-foldout {
    position: fixed;
    top: var(--header-height);
    left: 0;
    padding: var(--page-margin);
    width: 100%;
    height: calc(100% - var(--header-height));
    overflow-y: auto;
    border-top: 1px solid rgba(27, 26, 61, 0.15);
  }

  .header-foldout__wrapper {
    flex-direction: column;
  }
  
  .header-foldout__close {
    background-color: transparent;
    border-radius: var(--border-radius-sm);
    font-weight: 600;
    justify-content: space-between;
    margin: 0 -.75rem;
    padding: .5rem .75rem;
    width: calc(100% + 1.5rem);
    display: flex;
    align-items: center;
    margin-bottom: var(--text-spacing-md);
  }
  
  .header-foldout__close:hover {
    background-color: #ededf8;
  }
  
  .header-foldout__close-icon {
    color: inherit;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .header-foldout__column:not(:first-child):not(.header-foldout__column--featured) {
    margin-top: var(--text-spacing-md);
  }
  
  .header-foldout__title {
    margin-bottom: 1rem;
  }
  
  .header-foldout__image {
    aspect-ratio: 16 / 9;
    display: block;
    box-shadow: 4px 4px 20px 0px rgba(39, 65, 241, 0.15);
    border-radius: var(--border-radius-sm);
    margin-bottom: 1rem;
    overflow: hidden;
  }

  .header-foldout__linkstack {
    display: flex;
    flex-direction: column;
    margin: 0 -.75rem!important;
  }

  .header-foldout__link {
    padding: 0.5rem 0.75rem;
    border-radius: var(--border-radius-sm);
  }
  
  .header-foldout__featured {
    margin-top: var(--text-spacing-md);
  }
  
  .header-foldout__featured--2-columns {
    display: flex;
    flex-direction: column;
    gap: var(--page-margin);
  }

  .header-foldout__featured-link {
    padding: var(--page-margin);
    border-radius: var(--border-radius-sm);
    overflow: hidden;
  }

  .header-foldout__featured-link-image {
    aspect-ratio: 2 / 1;
    display: block;
    margin: calc(-1 * var(--page-margin)) calc(-1 * var(--page-margin)) var(--page-margin) calc(-1 * var(--page-margin));
    overflow: hidden;
    width: calc(100% +(2* var(--page-margin)));
  }

  .header-foldout__featured-link-icon {
    margin-top: 0.7rem;
  }
}

@media screen and (min-width: 1200px) {
  .header-foldout {
    top: calc(var(--header-height) + var(--announcements-inview, 0px));
    left: 50%;
    transform: translate(-50%, 0);
    padding: 2rem 1.3rem;
    border-radius: var(--border-radius-lg);
    overflow: hidden;
    box-shadow: rgba(27, 26, 61, 0.1) 0 5px 30px 0;
  }
  
  .header-foldout__close {
    display: none;
  }

  .header-foldout__wrapper {
    gap: calc(2 * var(--grid-gap));
  }

  .header-foldout__column {
    display: flex;
    flex-direction: column;
    min-width: 10rem;
  }

  .header-foldout__title {
    padding: 0 0.7rem;
    margin-bottom: 1rem;
    white-space: nowrap;
  }

  .header-foldout__link-title {
    white-space: nowrap;
  }

  .header-foldout__image {
    aspect-ratio: 5 / 3;
    display: block;
    box-shadow: 4px 4px 20px 0px rgba(39, 65, 241, 0.15);
    border-radius: var(--border-radius-sm);
    margin-bottom: 1rem;
    overflow: hidden;
  }

  .header-foldout__description {
    padding: 0 1rem;
  }
  
  .header-foldout__featured {
    margin: 3rem -0.7rem -1.3rem;
  }
  
  .header-foldout__featured--2-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0.6rem;
  }

  .header-foldout__featured-link {
    flex-grow: 1;
    border-radius: 16px;
    flex-direction: row;
  }

  .header-foldout__featured-link-image {
    flex-shrink: 0;
  }
  
  .header-foldout__featured--2-columns .header-foldout__featured-link-image {
    width: 120px;
    aspect-ratio: 120 / 94;
  }
  
  .header-foldout__featured-link-text {
    padding: 1.3rem 1.7rem;
    flex-grow: 1;
    align-self: flex-end;
  }
  
  .header-foldout__featured--2-columns .header-foldout__featured-link-text {
    margin-right: calc(-1 * (22px + 1.7rem));
  }
  
  .header-foldout__featured-link-title {
    font-size: 16px;
  }
  
  .header-foldout__featured-link-description {
    font-size: 12px;
  }
  
  .header-foldout__featured-link-icon {
    padding: 1.3rem 1.7rem 1.3rem 0;
    align-self: flex-end;
  }

  .header-foldout__column--featured {
    max-width: 12rem;
  }

  .header-foldout__column--featured .header-foldout__featured {
    margin: -1.3rem -.7rem -1.3rem 0;
    height: calc(100% + 2.6rem);
  }

  .header-foldout__column--featured .header-foldout__featured-link {
    height: 100%;
    flex-direction: column;
  }
  
  .header-foldout__column--featured .header-foldout__featured-link-image {
    aspect-ratio: 191 / 140;
    width: 100%;
  }
  
  .header-foldout__column--featured .header-foldout__featured-link-text {
    padding: 1rem 1.3rem 0.7rem;
  }
  
  .header-foldout__column--featured .header-foldout__featured-link-icon {
    padding: 0 1.3rem 1rem 1.3rem;
    align-self: flex-start;
  }
}



@media screen and (max-width: 1199px) {
  [data-global-resource-path="creativeforce-theme/templates/partials/header.html"] {
    position: sticky;
    top: 0;
    z-index: 1000;
    margin-bottom: var(--header-overflow);
  }
  
  .header-offset,
  .header-filler {
    height: 0!important;
  }
  
  .header {
    top: 0;
    position: relative;
  }
}

@media screen and (min-width: 1200px) {
  .header {
    top: var(--announcements-height, 0px);
  }
  
  .header__navigation {
    top: calc(14px + var(--announcements-inview, 0px));
  }
  
  .header-foldout {
    top: calc(var(--header-height) + var(--announcements-inview, 0px));
  }
}











html {
  --header-height: 80px;
  --header-extended-height: calc(var(--header-height) + var(--announcement-bar-height));
  --announcement-bar-height: 0px;
}
@media screen and (min-width: 1200px) {
  html {
    --header-height: 100px;
  }
}

.site-header-spacer {
  height: var(--header-extended-height);
}

/*
@media screen and (max-width: 1199px) {
  html:not(.announcement-banner-closed) .site-header-spacer {
    height: var(--header-extended-height);
  }
  
  html #main-content {
    padding-top: var(--header-extended-height);
  }
}
*/

.site-header {
  color: var(--cf-color-white);
  background: var(--cf-color-dark-purple);
  padding: 0 var(--margin);
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

/*
@media screen and (max-width: 1199px) {
  .site-header {
    transition: transform 0.5s ease;
  }

  html:not(.is-navigation-tab-open):not(.is-nav-open) .site-header {
    transform: translateY(0);
  }
  
  html:not(.is-navigation-tab-open):not(.is-nav-open) .site-header--hidden {
    transform: translateY(-100%);
  }
}
*/



  .site-header {
    transition: transform 0.5s ease;
  }

  html:not(.is-navigation-tab-open):not(.is-nav-open) .site-header {
      transform: translateY(0);
  }
  
  html:not(.is-navigation-tab-open):not(.is-nav-open) .site-header--hidden {
    transform: translateY(-100%);
  }


div[data-global-resource-path="creativeforce-theme/templates/partials/site-header.html"] {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  pointer-events: none;
}
/*
@media screen and (max-width: 1199px) {
  div[data-global-resource-path="creativeforce-theme/templates/partials/announcement-banner.html"] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
  }
  div[data-global-resource-path="creativeforce-theme/templates/partials/site-header.html"] {
    position: fixed;
    top: var(--announcement-bar-height);
  }
  .announcement-banner-closed div[data-global-resource-path="creativeforce-theme/templates/partials/site-header.html"] {
    top: 0;
  }
}
*/

#site-header {
  position: relative;
  pointer-events: all;
}

#site-header::before {
  content: "";
  background: var(--cf-color-dark-purple);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.site-header button {
  appearance: none;
  margin: 0;
  border: 0;
  background: none;
  line-height: inherit;
}

.site-header__skipper {
  position: absolute;
  top: -1000px;
  left: -1000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  text-align: left;
}

.site-header__skipper:hover,
.site-header__skipper:focus,
.site-header__skipper:active {
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  overflow: visible;
}

.site-header__wrapper {
  max-width: var(--container-lg);
  display: flex;
  align-items: center;
  padding: var(--space-xs) 0;
  height: var(--header-height);
  margin: auto;
}

#site-header .site-header__wrapper {
  padding: 0;
}

.site-header__logo {
  margin-right: auto;
}

.site-header__logo img {
  display: block;
  width: auto;
  height: 45px;
}

.site-header__open-nav {
  padding: 20px;
  margin: 0 -20px 0 0!important;
}

.site-header__open-nav svg {
  display: block;
  width: auto;
  height: 26px;
}

@media screen and (min-width: 1200px) {
  .site-header__logo img {
    height: 60px;
  }

  .site-header__open-nav {
    display: none;
  }
}

.site-search {
  position: relative;
}

.site-search__modal {
  display: none;
  position: absolute;
  right: 0;
  top: -4px;
  width: 500px;
  max-width: calc(100vw - 88px);
  background: var(--cf-color-white);
}

.site-search__open {
  display: block;
  padding: 10px;
  color: inherit;
}

.site-search__open svg {
  display: block;
  width: 28px;
  height: auto;
  fill: currentColor;
}

@media screen and (min-width: 1200px) {
  .site-search__open svg {
    width: 24px;
    margin-left: 10px;
  }
}

@media screen and (max-width: 767px) {
  .site-header__search {
    display: none;
  }
}

.site-header__logo + .button {
  display: none!important;
}
@media screen and (max-width: 1199px) {
  .site-header__logo + .button {
    display: flex!important;
    margin-left: auto;
    margin-right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .site-header__logo + .button,
  .site-header__logo + .button:hover,
  .site-header__logo + .button:active
  .site-header__logo + .button:focus {
    margin-right: 0;
    font-size: 13px;
    padding: 0.4em 0.8em;
  }
}
@media screen and (max-width: 349px) {
  .site-header__logo + .button,
  .site-header__logo + .button:hover,
  .site-header__logo + .button:active
  .site-header__logo + .button:focus {
    font-size: 12px;
    white-space: nowrap;
  }
}
@media screen and (max-width: 300px) {
  .site-header__logo + .button {
    display: none;
  }
}

.site-search .hs-search-field__input {
  outline: none!important;
}

.site-search .hs-search-field__input::-webkit-search-decoration,
.site-search .hs-search-field__input::-webkit-search-cancel-button,
.site-search .hs-search-field__input::-webkit-search-results-button,
.site-search .hs-search-field__input::-webkit-search-results-decoration {
  display: none;
}

.site-search .hs-search-field__suggestions {
  background-color: var(--cf-color-white);
  border-width: 1px 0 0 0!important;
  border-style: solid;
  border-color: var(--cf-color-light-grey);
}

.site-search .hs-search-field__suggestions li {
  color: var(--cf-color-dark-purple);
}

.site-search .hs-search-field__suggestions li:nth-child(1) {
  padding: 16px 16px 32px 16px;
  font-size: 0.9rem;
  font-weight: 400;
  color: var(--cf-color-dark-purple);
}

.site-search .hs-search-field__suggestions li a {
  display: block;
  padding: 8px 16px;
  text-decoration: none;
  background-color: var(--cf-color-white);
}

.site-search .hs-search-field__suggestions li a:hover {
  background-color: var(--cf-color-light-grey);
}

.site-search .hs-search-field__input {
  appearance: none;
  -webkit-appearance: none;
  border-radius: 0!important;
  border: 0!important;
  padding: 15px!important;
}

.site-search .hs-search-field__button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
}

.site-search .hs-search-field__button svg {
  display: block;
  width: 18px;
  height: 18px;
  fill: currentColor;
}


.hs-recaptcha {
  display: none!important;
}