/* Theme blog 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 {
  font-size: 24px;
  scroll-behavior: smooth;
}

img,
picture {
  display: block;
  height: auto;
  max-width: 100%;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  
  *, *::before, *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}
/*! 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
   ========================================================================== */

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

a {
  background-color: transparent;
}

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

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

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

b,
strong {
  font-weight: bold;
}

/**
 * 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, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

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

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

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

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

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

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

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

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

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

/**
 * 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, IE 10+, and Firefox.
 */

details {
  display: block;
}

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

summary {
  display: list-item;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('https://blog.perceptyx.com/hubfs/fonts/ProximaNova-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('https://blog.perceptyx.com/hubfs/fonts/ProximaNova-Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('https://blog.perceptyx.com/hubfs/fonts/ProximaNova-BoldIt.woff2') format('woff2');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('https://blog.perceptyx.com/hubfs/fonts/ProximaNova-LightIt.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('https://blog.perceptyx.com/hubfs/fonts/ProximaNova-RegularIt.woff2') format('woff2');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('https://blog.perceptyx.com/hubfs/fonts/ProximaNova-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('https://blog.perceptyx.com/hubfs/fonts/ProximaNova-Semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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


/* CSS variables */
:root {
  --column-gap: 2.13%;
  --column-width-multiplier: 8.333;
}

/* Mobile layout */
.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}


  .row-fluid .span1,
  .row-fluid .span2,
  .row-fluid .span3,
  .row-fluid .span4,
  .row-fluid .span5,
  .row-fluid .span6,
  .row-fluid .span7,
  .row-fluid .span8,
  .row-fluid .span9,
  .row-fluid .span10,
  .row-fluid .span11,
  .row-fluid .span12{
  min-height: 1px;
  width: 100%;
}

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

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
}
.content-wrapper {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 20px;
}

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

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

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

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 20px;
}

/* Elements
Base HMTL elements are styled in this section (<body<, <h1>, <a>, <p>, <button> etc.)
*/
body {
  color: #040725;
  font-family: 'Proxima Nova', sans-serif;
  line-height: 1.4;
  overflow-x: hidden;
}

header + main {
  padding-top: 97px;
}

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

/* Paragraphs */
p {
  font-family: 'Proxima Nova', sans-serif;
  font-size: 1rem;
  margin: 0 0 1.4rem;
}

em {
  font-weight: inherit;
}

/* Anchors */
a {
  color: #3e7fc2;
  cursor: pointer;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #0048B8;
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
}

a:active {
  color: #2A98FF;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #040725;
  font-weight: 700;
  line-height: 1.1;
  margin: 0 0 1.4rem;
}

h1 {
  font-size: 46px;
  font-weight: 300;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 24px;
  font-weight: normal;
}

h5 {
  color: #040725;
  font-size: 20px;
  font-weight: normal;
}

h6 {
  font-size: 18px;
  font-weight: normal;
}

/* Lists */
ul,
ol {
  margin: 0 0 1.4rem;
}

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

ul.no-list {
  list-style: none;
}

/* Removes list styles on ul, ol elements */
ul[role="list"],
ol[role="list"] {
  padding: 0;
  list-style: none;
}

/* Code blocks */
pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */
blockquote {
  border-left: 2px solid;
  border-left-color: #efefef;
  margin: 0 0 1.4rem;
  padding-left: 15px;
}

/* Horizontal rules */
hr {
  background-color: #707070;
  border: none;
  color: #707070;
  height: 1px;
  margin: 0 0 1.4rem;
}

/* Image alt text */
img {
  font-size: 14px;
  word-break: normal;
}
button,
.button,
.hs-button {
  background-color: #494a52;
  border: 0;
  border-radius: 30px;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  padding: 10px 28px;
  text-align: center;
  text-decoration: none;
}

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

button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-button:focus,
.hs-button:hover {
  color: #fff;
  text-decoration: none;
}

button:active,
.button:active,
.hs-button:active {
  color: #fff;
  text-decoration: none;
}

.button--primary,
.button--primary:hover,
.button--primary:active {
  background-color: #ed2174;
  color: #fff;
  text-decoration: none;
}

.button--large {
  font-size: 22px;
  padding: 16px 32px;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .button--large {
    font-size: 18px;
    padding: 8px 24px;
    text-transform: none;
  }
}

.button--bg-white {
  background-color: #fff;
  color: #040725;
}

.button--bg-white:hover,
.button--bg-light-green:hover,
.button--bg-white:focus,
.button--bg-light-green:focus,
.button--bg-white:active,
.button--bg-light-green:active{
  color: #040725;
}

.button--bg-black {
  background-color: #040725;
}

.button--bg-black:hover,
.button--bg-black:focus {
  background-color: #040725;
  color: #fff;
}

.button--bg-green,
.button--bg-green:hover,
.button--bg-green:focus {
  background-color: #00b5a5;
  color: #fff;
  text-decoration: none;
}

.button--bg-light-green {
  background-color: #42eac2;
  color: #040725;
}

.button--state-pending,
.button--state-pending:hover {
  border: 1px dashed #fff;
  color: #fff;
  cursor: default;
  background: transparent;
}

.button--outline {
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #ed2174;
  color: #ed2174;
}

.button--outline:hover,
.button--outline:focus {
  background-color: #ed2174;
  box-shadow: inset 0 0 0 1px #ed2174;
  color: #fff;
}

.button--big-sky {
  background-color: #227fc8;
  color: #fff;
}

.button--big-sky:hover,
.button--big-sky:focus {
  background-color: #fff;
  color: #040725;
}

.button--big-sky.button--outline {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #227fc8;
  color: #227fc8;
}

.button--big-sky.button--outline:hover,
.button--big-sky.button--outline:focus {
  background-color: #227fc8;
  box-shadow: inset 0 0 0 1px #227fc8;
  color: #fff;
}

.button--bg-white.button--outline {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #fff;
  color: #fff;
}

.button--bg-white.button--outline:hover,
.button--bg-white.button--outline:focus {
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #fff;
  color: #040725;
}
::-webkit-input-placeholder {
  color: #494A52;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  color: #494A52;
}

form,
.submitted-message {
  font-family: 'Proxima Nova', sans-serif;
}

.submitted-message {
  font-weight: bold;
}

/* Form fields */
.hs-form-field {
  margin-bottom: 20px;
}

/* Form title */
.form-title {
  font-weight: normal;
}

/* Labels */
form label {
  color: #040725;
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}

/* Help text - legends */
form legend {
  color: #494a52;
  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 input[type=search],
form select,
form textarea {
  background-color: #fff;
  border: 1px solid #d1d6dc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  color: #555;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  padding: 4px 6px;
  vertical-align: middle;
  width: 100% !important;
  transition: border linear .2s, box-shadow linear .2s;
}

form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form input[type=file]:focus,
form select:focus,
form textarea:focus {
  border-color: #494A52;
}

form textarea {
  resize: vertical;
}

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

form fieldset a {
  color: #00B5A5;
  text-decoration: underline;
}

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

.legal-consent-container .hs-form-booleancheckbox-display input {
  margin-top: 5px;
}

/* Inputs - datepicker */
.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 {
  background: #494A52;
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  background-color: #494A52 !important;
  border-radius: 0 !important;
  color: #FFF;
}

.fn-date-picker td.is-today .pika-button {
  color: #494A52;
}

/* 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: 14px !important;
  margin: 0 0 1.4rem;
}

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

/* GDPR */
.legal-consent-container .hs-form-booleancheckbox-display > span {
  margin-left: 20px !important;
}

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  font-size: 16px;
}

/* 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 {
  background-color: #00B5A5;
  border: 1px solid #00B5A5;
  border-radius: 25px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  padding: 8px 24px;
  text-transform: uppercase;
  transition: all 0.15s linear;
  white-space: normal;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: #21222A;
  border-color: #21222A;
  color: #fff;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: #71727A;
  border-color: #71727A;
  color: #fff;
}

/* Captcha */
.grecaptcha-badge {
  margin: 0 auto;
}
.icon {
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  font-size: 1em;
  width: 1em;
  height: 1em;
}

/* Platform icons */
.icon--platform {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53.46 53.46'%3E%3Ccircle cx='26.73' cy='26.73' r='26.73' fill='%23040725'/%3E%3Cpath d='m25.29 34.58-12.33-7.19-.52.31a3.74 3.74 0 0 0 .06 6.43l12.79 7.45a3.72 3.72 0 0 0 3.76 0l12.79-7.45a3.74 3.74 0 0 0 .06-6.43l-.52-.31-12.33 7.19a3.72 3.72 0 0 1-3.76 0Z' fill='%23227fc8'/%3E%3Cpath d='m41.9 20.7-12.79-7.76a3.75 3.75 0 0 0-3.88 0L12.44 20.7a3.73 3.73 0 0 0 .06 6.42l.46.27 12.27-7.44a3.75 3.75 0 0 1 3.88 0l12.27 7.44.46-.27a3.73 3.73 0 0 0 .06-6.42Z' fill='%2342eac2'/%3E%3Cpath d='m25.23 19.95-12.27 7.44 12.33 7.19a3.72 3.72 0 0 0 3.76 0l12.33-7.19-12.27-7.44a3.75 3.75 0 0 0-3.88 0Z' fill='%23fff'/%3E%3C/svg%3E");
}

.icon--ask {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53.46 53.46'%3E%3Ccircle cx='26.73' cy='26.73' r='26.73' fill='%23040725'/%3E%3Cpath d='m19.55 29.33-2.95-.51-1.64 1a.6.6 0 0 0 .15 1.09l4.31 1.2v-2.38a.54.54 0 0 1 .13-.4Zm20.4-13.97a.59.59 0 0 0-.64 0l-5.35 3.18-2.08 13.91a.62.62 0 0 1-.27.41.57.57 0 0 1-.49.08l-6.29-1.75-1.18 1.84 1.17.21a.59.59 0 0 0-.12.37v7.9a.6.6 0 0 0 .43.58h.17a.58.58 0 0 0 .5-.28l4.31-6.75 6.29 1.75a.6.6 0 0 0 .75-.49l3.06-20.37a.62.62 0 0 0-.26-.59Z' fill='%23227fc8'/%3E%3Cpath d='M19.42 32.08v5.52a.61.61 0 0 0 .43.58h.17a.61.61 0 0 0 .51-.28l3.12-4.91-2.35-.4Zm15.51-20.02a.59.59 0 0 0-.25-.59.61.61 0 0 0-.65 0L9.73 25.9a.6.6 0 0 0-.29.59.59.59 0 0 0 .43.5l6.19 1.73.58.1L34 18.52Z' fill='%2342eac2'/%3E%3Cpath d='M31.12 32.92a.57.57 0 0 0 .49-.08.62.62 0 0 0 .27-.41l2.08-13.91-17.36 10.3 2.95.51a.54.54 0 0 0-.13.37v2.38l1.88.53 2.35.4 1.18-1.84Z' fill='%23fff'/%3E%3C/svg%3E");
}

.icon--dialogue {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53.46 53.46'%3E%3Ccircle cx='26.73' cy='26.73' r='26.73' fill='%23040725'/%3E%3Cpath d='M39.73 20.33h-3.39l.14.27a2.52 2.52 0 0 1-1.09 3.4l-8.16 4.23L24.67 35a.87.87 0 0 1-.49.49.86.86 0 0 1-1.09-.49l-1.47-3.87-2.66 1.37-.24.11v3.73a2.52 2.52 0 0 0 2.52 2.53h3l-.46 4.12a.85.85 0 0 0 .75.93.88.88 0 0 0 .66-.21l5.37-4.84h9.17a2.53 2.53 0 0 0 2.53-2.53V22.86a2.53 2.53 0 0 0-2.53-2.53Z' fill='%23227fc8'/%3E%3Cpath d='M21.24 20.33h15.14l-6-11.71a2.52 2.52 0 0 0-3.4-1.09l-16.47 8.49a2.52 2.52 0 0 0-1.09 3.4l6.17 12a2.54 2.54 0 0 0 3.17 1.2v-9.74a2.52 2.52 0 0 1 2.48-2.55Z' fill='%2342eac2'/%3E%3Cpath d='m21.62 31.12 1.47 3.87a.86.86 0 0 0 1.09.49.87.87 0 0 0 .49-.49l2.56-6.76 8.2-4.22a2.52 2.52 0 0 0 1.09-3.4l-.14-.27H21.24a2.52 2.52 0 0 0-2.52 2.53v9.74l.24-.11Z' fill='%23fff'/%3E%3C/svg%3E");
}

.icon--sense {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53.46 53.46'%3E%3Ccircle cx='26.73' cy='26.73' r='26.73' fill='%23040725'/%3E%3Cpath fill='%23f800ff' d='M6.3 26.09Z'/%3E%3Cpath d='M36.73 26.09h-.11c-1.45 0-7.91-.4-11.25-5.16a13.41 13.41 0 0 1-10.09 5.16h.06a13.38 13.38 0 0 1 10 5.16c3.36-4.78 9.87-5.14 11.28-5.16h.11Z' fill='%23fff'/%3E%3Cpath fill='%23f800ff' d='M6.3 26.09Z'/%3E%3Cpath d='M45.91 26.09h-.18c-1.29 0-8-.77-10.54-11.81-.36-1.52-1.18-5.17-3.3-5.17-2.29 0-3.16 3.65-3.51 5.17a17.06 17.06 0 0 1-3 6.65c3.34 4.76 9.8 5.13 11.25 5.16-1.41 0-7.92.38-11.28 5.16a17.06 17.06 0 0 1 3 6.65c.35 1.52 1.22 5.17 3.51 5.17 2.12 0 2.94-3.65 3.3-5.17 2.58-11.05 9.25-11.77 10.54-11.81h.22Z' fill='%23227fc8'/%3E%3Cpath d='M15.29 26.09h-.06a13.41 13.41 0 0 0 10.09-5.16 10.53 10.53 0 0 1-1.25-2.41c-.36-1-.74-3.31-2.48-3.31s-2.13 2.34-2.48 3.31c-2.59 7.08-10.92 7.55-12.53 7.57 1.61 0 9.94.49 12.53 7.57.35 1 .73 3.31 2.48 3.31s2.12-2.34 2.48-3.31a10.33 10.33 0 0 1 1.25-2.41 13.38 13.38 0 0 0-10.03-5.16Z' fill='%2342eac2'/%3E%3C/svg%3E");
}

.icon--develop {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 137 137'%3E%3Cdefs%3E%3ClinearGradient id='a' y1='.5' x2='1' y2='.5' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23227fc8'/%3E%3Cstop offset='1' stop-color='%23227fc8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg data-name='Group 14769'%3E%3Cg data-name='Group 14770'%3E%3Cg data-name='Group 14769'%3E%3Ccircle data-name='Ellipse 112' cx='68.5' cy='68.5' r='68.5' fill='%23040725'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='Group 14771'%3E%3Cpath data-name='Path 15515' d='M537.631 263.382V303.4H496.84v11.1h50.938v-51.118Z' transform='translate(-442.813 -208.938)' fill='url(%23a)'/%3E%3Cpath data-name='Path 15516' d='M65.894 90.047v-11.32h12.415v-12.6h12.05V54.445h4.459V26.307H75.347v15.577H59.283v16.794H42.732v15.091H26.911v20.689h27.116v-4.411Z' fill='%2342eac2'/%3E%3Cpath data-name='Path 15517' d='M94.818 54.444h-4.459v11.685h-12.05v12.6H65.894v11.32H54.027v4.413h40.792Z' fill='%23fdfffe'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.icon--cultivate {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53.46 53.46'%3E%3Ccircle cx='26.73' cy='26.73' r='26.73' fill='%23040725'/%3E%3Cpath d='M20.39 24.29c1.41-9.42 9.46-17.28 9.46-17.28 18.76 20.08 2.03 36.97 2.03 36.97s-.01 0-.02-.01c.05-.53 1.21-13.76-11.47-19.67Z' fill='%23227fc7'/%3E%3Cpath d='M12.21 21.94c3.23.48 5.92 1.3 8.18 2.35-.97 6.51 1.23 13.76 11.47 19.67v.02C9.02 47.45 12.21 21.94 12.21 21.94Z' fill='%2342e9c1'/%3E%3Cpath d='M20.39 24.29c12.68 5.91 11.52 19.14 11.47 19.67-10.24-5.91-12.44-13.16-11.47-19.67Z'/%3E%3Cpath d='M20.39 24.29c12.68 5.91 11.52 19.14 11.47 19.67-10.24-5.91-12.44-13.16-11.47-19.67Z' fill='%23fff'/%3E%3C/svg%3E");
}

/* Other */
.icon--play {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 125 125'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='.185' y1='.188' x2='1' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23227fc8'/%3E%3Cstop offset='1' stop-color='%2342eac2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate(-382 -6337)'%3E%3Ccircle cx='62.5' cy='62.5' r='62.5' transform='translate(382 6337)' opacity='.624' fill='url(%23a)'/%3E%3Cpath d='m480.311 6399.5-53.775 30.92v-61.841Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
}
/* Table */
table {
  background-color: #fff;
  border: 1px solid;
  border-color: #494a52;
  margin-bottom: 1.4rem;
  word-break: keep-all;
}

th,
td {
  border: 1px solid;
  border-color: #494a52;
  color: #040725;
  padding: 0.75rem;
}

th ul,
td ul {
  margin-bottom: 0;
}

thead th,
thead td {
  background-color: #494a52;
  border-bottom: 2px solid;
  border-bottom-color: #494a52;
  color: #fff;
  vertical-align: bottom;
}

tfoot td {
  background-color: #fff;
  color: #494a52;
}

tbody + tbody {
  border-top-color: #494a52;
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/
/* 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;
  }
}

/* Utilities
Helper classes with ability to override anything that comes before it
*/
.hidden {
  display: none;
  visibility: hidden;
}

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

/* Wrap text for CTA buttons */
.cta_button {
  white-space: pre-wrap;
}

/* Mobile text */
@media (max-width: 767px) {
  .body-container-wrapper h1 {
    font-size: 34px !important;
  }
  
  .body-container-wrapper h2 {
    font-size: 26px !important;
  }
  
  .body-container-wrapper h3 {
    font-size: 24px !important;
  }
  
  .body-container-wrapper h4 {
    font-size: 22px !important;
  }
  
  .body-container-wrapper blockquote p,
  .body-container-wrapper blockquote footer {
    font-size: 20px !important;
  }
  
  .body-container-wrapper p,
  .body-container-wrapper ul li,
  .body-container-wrapper ol li {
    font-size: 16px !important;
  }
  
  .body-container-wrapper .cta_button {
    font-size: 18px !important;
  }
}