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

#onetrust-consent-sdk #ot-sdk-btn-floating.ot-floating-button {
  display: none !important; 
  z-index: -9999em;
}

#hubspot-messages-iframe-container {
  z-index: 999999999999999999 !important;
}

*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

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

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

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

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

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

body {
  margin: 0;
}

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

main {
  display: block;
}

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

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

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

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

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

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

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

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

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

a {
  background-color: transparent;
}

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

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

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

b,
strong {
  font-weight: bolder;
}

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

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

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

small {
  font-size: 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;
}

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

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

img {
  border-style: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

progress {
  vertical-align: baseline;
}

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

textarea {
  overflow: auto;
}

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

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

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

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

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

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

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

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

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

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

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

details {
  display: block;
}

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

summary {
  display: list-item;
}

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

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

template {
  display: none;
}

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

[hidden] {
  display: none;
}

img {
  max-width: 100%;
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/*--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;*/

.td-strip {
  padding: 40px 0;  
}

@media (min-width: 992px) {
  .td-strip {
    padding: 80px 0;  
  }
}

/* align content */
.u-align--left {
  text-align: left; 
}

.u-align--right {
  text-align: right; 
}

.u-align--center {
  text-align: center; 
}

/* floats */
.u-float-left {
    float: left;
}

.u-float-right {
    float: right;
}

/* clearfix */
.u-clearfix:after {
    clear: both;
    content: '';
    display: block;
}

/* equal height */
@media (min-width: 991px) {
  .u-equal-height {
      display: flex;
      flex-shrink: 0;
      flex-wrap: wrap;
  }
}

div#hs-eu-cookie-confirmation {
  border-top: 0 !important;  
}

div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom {
  background: var(--not-dark-blue) !important;
  box-shadow: none !important;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
  background: var(--not-dark-blue) !important;
  display: flex;
  align-items: center;
  padding: 0 20px 20px !important
}

@media (max-width: 991px) {
  div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
    padding: 0 20px 20px 20px !important;
  }
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p  {
  color: #fff !important;
  margin: 0 20px 0;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
  margin-bottom: 0 !important;
  margin-right: 0;
  display: block !important;
}

#hs-en-cookie-confirmation-buttons-area {
  margin: 0;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
  color: #fff !important;
}

@media (min-width: 992px) {
  div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
    padding-right: 0;
  }
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-policy-wording {
  margin-bottom: 0;
  
}

@media (min-width: 992px) {
  div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-policy-wording {
    float: left;
    width: 50%;
  }
  body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {
    flex-flow: row nowrap !important;
    position: relative;
    top: 10px;
  }
  #hs-eu-cookie-confirmation #hs-eu-confirmation-button-group,
  #hs-eu-cookie-confirmation #hs-eu-opt-in-buttons{
    flex-flow: row nowrap !important;
  }
}

#hs-eu-cookie-confirmation #hs-eu-confirmation-button {
  background: #52C2CC !important;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a {
  color: var(--teal) !important;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a:hover {
  color: var(--teal-hover) !important;
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {
  margin: 10px 0 0 0 !important;
  justify-content: flex-start !important;
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button,
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
  border: 0 !important;
  border-radius: 0 !important;
  color: #fff !important;
  padding: 5px 16px !important;
}

#hs-eu-cookie-confirmation #hs-eu-close-button svg  {
  fill: #fff !important;
  color: #fff !important;
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {
  letter-spacing: 0.05em;
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
  border: 1px solid var(--teal) !important;
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button:hover {
  border-color: var(--teal-hover) !important;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button:hover {
  background-color: var(--teal-hover) !important;
}

#hs-eu-cookie-confirmation a#hs-eu-cookie-settings-button {
  position: relative;
}

@media (min-width: 992px) {
  div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-cookie-settings-button {
    border-left: 1px solid var(--white) !important;
    padding-left: 5px;
  }
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* colors based on https://www.figma.com/file/dJp2s12npesbPafZuQBYj1/TalentDesk-Design-System-(NEW) */

:root {
  --dixie: #E18D1F;
  --green: #52CC83;
  --teal: #52C2CC;
  --teal-hover: #2AB3BF;
  --red: #FF595A;
  --red-hover: #EA3E3F;
  --yellow: #FFBD66;
  --yellow-hover: #F5AA48;
  --graphite-light: #CFDFE1;
  --graphite-lighter: #E4EFF0;
  --graphite-dark: #739DA3;
  --wash: #EDF2F2;
  --not-white: #F7F9F9;
  --dark-blue: #2B304F;
  --not-dark-blue: #464A67;
  --grey: #868998;
  --approve: var(--green);
  --approve-hover: #39BB6D;
  --white: #fff;
  --black: #000;
}

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

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

.header-container.container-fluid,
.body-container.container-fluid,
.footer-container.container-fluid{
    padding: 0;
}

.container-fluid:before,
.container-fluid:after {
    display: none;
}

.row-fluid [class*="span"] {
    min-height: 0;
}

.dnd-section .dnd-column {
    padding: 0!important;
}
.content-wrapper {
  margin: 0;
  padding: 0;
}

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

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

.dnd-section .dnd-column {
  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.)
*/

@font-face {
    font-family: 'AvertaPE';
    src: url("https://f.hubspotusercontent40.net/hubfs/20452098/fonts/AvertaPERegular/font.woff2") format("woff2"), url("https://f.hubspotusercontent40.net/hubfs/20452098/fonts/AvertaPERegular/font.woff") format("woff");
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AvertaPE';
    src: url("https://f.hubspotusercontent40.net/hubfs/20452098/fonts/AvertaPESemibold/font.woff2") format("woff2"), url("https://f.hubspotusercontent40.net/hubfs/20452098/fonts/AvertaPESemibold/font.woff") format("woff");
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'DomaineDisplay';
    src: url("https://f.hubspotusercontent40.net/hubfs/20452098/fonts/domaine-display/domaine-display-web-bold.woff2") format("woff2");
    font-weight: 700;
    font-display: swap;
}




html body {
  font-family: 'AvertaPE'  !important;
  font-size: clamp(1rem, calc(0.875rem + ((1vw - 0.2rem) * 0.3704)), 1.25rem);
  font-display: swap;
}

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

body {
  color: var(--dark-blue);
  line-height: 1.4;
}

@media(min-width: 768px) {
  body {
    font-size: 1.25rem;
  }
}

/* Paragraphs */

p {
  margin: 0 0 1.4rem;
}

/* Anchors */

a {
  cursor: pointer;
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: underline;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--dark-blue);
  font-weight: 600 !important;
  line-height: 1.2;
  margin: 0 0 1.4rem;
}

h1, .heading-one, .heading-one-alt {
  font-size: 68px;
  font-size: clamp(37px, calc(2.5rem + ((1vw - 3.2px) * 3.7037)), 58px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -2px;
  font-display: swap;
}

h2, .heading-two {
  font-size: clamp(32px, calc(2rem + ((1vw - 7.68px) * 2.5316)), 44px);
}

.heading-two-alt {
  font-size: 44px;
  font-size: clamp(32px, calc(2.1875rem + ((1vw - 7.68px) * 3.3228)), 44px);
  line-height: 1.1;
  font-weight: bold !important;
}

.heading-two-alt-alt {
  font-size: 44px;
  font-size: clamp(32px, calc(2rem + ((1vw - 7.68px) * 2.5316)), 44px);
  line-height: 1.1;
  font-weight: bold !important;
}

.heading-two-alt-alt-alt {
  font-size: clamp(1.875rem, 1.225rem + 2.6vw, 3.5rem);
}

h3, .heading-three {
  font-size: clamp(1.5rem, calc(1.5rem + ((1vw - 0.2rem) * 0.7407)), 2rem);
}

.heading-three-alt {
  /* 1200px >= [view] >= 576px */
  /* 32px >= [font] >= 24px */
  font-size: 32px;
  font-size: clamp(1.5rem, 1.038rem + 1.282vw, 2rem);
  /* 48px >= [lineHeight] >= 32px */
  line-height: 1.500;
  line-height: clamp(2rem, 1.077rem + 2.564vw, 3rem);
}

.heading-three-alt-alt {
  font-size: clamp(1.796875rem, 1.5451rem + 0.8056vw, 2.25rem);
}

.heading-three-alt-alt-alt {
  font-size: 50px;
  font-size: clamp(2.125rem, 1.5694rem + 1.7778vw, 3.125rem);
}

h4, .heading-four {
  font-size: clamp(1.125rem, calc(1.125rem + ((1vw - 0.2rem) * 0.5556)), 1.5rem);
}

.heading-four-alt {
  /* 1200px >= [view] >= 576px */
  /* 24px >= [font] >= 18px */
  font-size: 24px;
  font-size: clamp(20px, calc(1.25rem + ((1vw - 7.68px) * 0.6329)), 24px);
  /* 32px >= [lineHeight] >= 24px */
  line-height: 1.333;
  line-height: clamp(1.5rem, 1.038rem + 1.282vw, 2rem);
}

h5, .heading-five {
  font-size: clamp(1rem, calc(1rem + ((1vw - 0.2rem) * 0.2941)), 1.125rem);
}

.heading-five-alt {
  font-size: clamp(16px, calc(1rem + ((1vw - 7.68px) * 0.6329)), 20px);
}

h6, .heading-six {
  font-size: clamp(1rem, calc(0.875rem + ((1vw - 0.2rem) * 0.3704)), 1.25rem);
}

.body-alt {
  /* 1200px >= [view] >= 576px */
  /* 18px >= [font] >= 14px */
  font-size: 18px;
  font-size: clamp(0.875rem, 0.644rem + 0.641vw, 1.125rem);
  /* 24px >= [lineHeight] >= 20px */
  line-height: 1.44;
  line-height: clamp(1.25rem, 1.019rem + 0.641vw, 1.5rem);
}

.is-brand {
  font-family: 'AvertaPE';
}

.is-light {
  font-weight: 300 !important;
}

.is-normal {
  font-weight: 400 !important;
}

.is-strong {
  font-weight: 700 !important;
}

.is-muted {
  color: var(--grey);
}

.caption,
.small {
  font-size: 0.875rem;
}

/* Lists */

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

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

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

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

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

/* Horizontal rules */

hr {
  background-color: #CCC;
  border: none;
  color: #CCC;
  height: 1px;
}

/* Image alt text */

img {
  font-size: 14px;
  word-break: normal;
}
button,
.button {
  border-radius: 6px;
  cursor: pointer;
  display: inline-block;
  font-size: 0.92rem;
  font-family: 'AvertaPE';
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

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

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

button:active,
.button:active {
  text-decoration: none;
}

.btn.btn-size-default {
  padding: 0.91em 2.1em;
  border: 2px solid transparent;
}

.btn.btn-primary {
  background-color: var(--teal);
  border-radius: 6px;
  font-family: 'AvertaPE' !important;
}
.btn.btn-primary:hover,
.btn.btn-invert:hover {
  background-color: #5cccd6;
}
.btn.btn-primary:active {
  background-color: #45b7c1;
}

.btn.btn-ghost {
  color: var(--dark-blue);
  border-color: var(--teal);
  border-width: 2px;
  background-color: transparent;
  font-family: 'AvertaPE' !important;
}

.btn.btn-invert {
  color: var(--dark-blue);
  background-color: var(--white);
  border-color: var(--dark-blue);
  border-width: 1px;
  border-radius: 6px;
  font-family: 'AvertaPE' !important;
}

.btn.btn-invert:hover {
  background-color: var(--wash);
  border-color: var(--dark-blue);
}

.btn.btn-cta {
  font-family: 'AvertaPE' !important;
  font-size: 22px;
  font-size: clamp(18px, calc(1.25rem + ((1vw - 7.68px) * 0.6329)), 22px) !important;
  font-weight: 700 !important;
  padding: 15px 45px !important;
}
/* Form fields */

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

/* Labels */

form label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.35rem;
}

/* Help text - legends */

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 {
  background-color: #FFF;
  border: 2px solid;
  border-radius: 3px;
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.7rem;
  width: 100%;
}

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 - 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 {
  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;
  font-size: 0.92rem;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}

body .btn {
  border-radius: 0;
  /* font-size: clamp(14px, calc(0.875rem + ((1vw - 3.2px) * 0.5882)), 18px); */
  /* >= 576px and <= 1200px | minFont: 14px, maxFont: 18px */
  font-size: clamp(0.875rem, 0.644rem + 0.641vw, 1.125rem);
  transition: all 0.2s ease;
}

.btn,
.btn:hover,
.btn:active {
  text-decoration: none;
}

.btn.btn-primary {
  border-color: #52C2CC;
  background-color: #52C2CC;
}
.btn.btn-ghost {
  color: var(--dark-blue);
  border: 2px solid var(--teal);
  background-color: transparent;
}

.btn.btn-primary:hover {
  border-color: #5cccd6;
  background-color: #5cccd6;
}
.btn.btn-primary:active,
.btn.btn-primary:focus {
  border-color: #45b7c1;
  background-color: #45b7c1;
}


.btn.btn-ghost:hover {
  color: #fff;
  border-color: #5cccd6;
  background-color: #5cccd6;
}
.btn.btn-ghost:active,
.btn.btn-ghost:focus {
  color: #fff;
  border-color: #45b7c1;
  background-color: #45b7c1;
}


.btn.btn-lg {
  padding: 1.025rem 60px;
}

@media (max-width: 767px) {
  .btn.btn-lg {
    padding: .875rem 30px;
  }
}

.btn.inverted {
  background-color: var(--white);
  border-color: var(--white);
  color: var(--dark-blue);
}

.btn.inverted:hover {
  background-color: #EDF2F2;
  border-color: #EDF2F2;
  color: var(--dark-blue);
}
/* Table */

table {
  border: 1px solid;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table Cells */

th,
td {
  border: 1px solid;
  padding: 0.75rem;
  vertical-align: top;
}

/* Table Header */

thead th,
thead td {
  border-bottom: 2px solid;
  vertical-align: bottom;
}


/* Templates /*

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

.hs-tools-menu.hs-collapsed {
  /* display: none !important; */
}

header.header > .container-xl {
  position: relative;
}

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

/* Navigation skipper */
.header__skip {
  height: 1px;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -1000px;
  width: 1px;
}

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

.hs-inline-edit .header  {
  position: relative !important;
  z-index: 0;
}
.hs-inline-edit .body-wrapper {
  padding-top: 0;
}

.body-wrapper {
  padding-top: 100px;
}

/* Header container */
.header {
  height: 100px;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 12;
  background: #fff;
  box-shadow: 0px 0 0 rgba(0, 0, 0, 0.16);
  transition: box-shadow 0.45s;
}

.header.sticky {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.16);
}

.header__navigation {
  margin-left: 48px;
  max-width: 900px;
}

/* Show / hide desktop and mobile menu */
.mobile-nav__container {
  display: none !important;
}


.request-demo-link {
  position: relative;
  z-index: 10;
}

.request-demo-link a.cta_button {
  background: var(--teal);
  border-radius: 6px;
  font-size: 20px !important;
  line-height: 20px;
  text-align: center;
  color: #fff;
  display: inline-flex;
  align-items: center;
  padding: 10px 15px;
  margin: 2px 0 0;
}

.request-demo-link a.cta_button span {
  font-size: 20px !important;
  font-weight: bold;
}



@media (max-width: 768px) {
  .request-demo-link a.cta_button {
    font-size: 14px !important;
  }
  
  .request-demo-link a.cta_button span {
    font-size: 14px !important;
  }
}

.request-demo-link a:hover {
  background-color: var(--teal-hover);
  color: var(--white);
}
.request-demo-link a:active {
  background-color: #45b7c1;
  color: var(--white);
}

/* Logo */
.header__logo {
  align-items: center;
  display: flex;
  height: auto;
  margin-right: auto;
  max-width: 200px;
  overflow: hidden;
  width: 100%;
  flex: 1 0 0%;
  position: relative;
  z-index: 11;
}

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

.header .navigation-primary ul li a.active-item {
  color: #52c2cc;
}

header .navigation-primary .menu-item--pricing a.active-item,
header .navigation-primary .menu-item--pricing a.active-item span {
  color: var(--dark-blue) !important;
}

/* Navigation */
#nav-toggle {
  display: none;
}

/* Mobile toggles */
body.open {
  overflow: hidden;
}

/* MOBILE MENU */
@media (max-width: 1300px) {
  .desktop-nav__container {
    display: none !important;
  }
  .mobile-nav__container {
    display: flex !important;
  }

  .body-wrapper {
    padding-top: 68px;
  }
  .header {
    height: 68px;
  }
  
  .request-demo-link {
    background: none;
    height: auto;
    width: auto;
    position: relative;
    z-index: 10;
  }
  .request-demo-link a {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: normal;
    padding-left: 15px;
    padding-right: 15px;
  }
  .request-demo-link img {
    position: relative;
    z-index: 0;
   }
  
  .hs_cos_wrapper_type_cta img,
  .hs_cos_wrapper_type_logo img,
  .hs_cos_wrapper_type_rich_text img {
      height: auto;
      max-width: 100%;
      max-height: 24px!important;
  }
  
  .mobile-nav__container {
    padding: 0px 20px 20px;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.16), 0px 48px 48px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    z-index: 999;
    overflow: auto;
    max-height: 100%;
    flex-direction: column;
  }
    
  .header__navigation.open .submenu.level-2 {
    position: relative;
    opacity: 1;
    visibility: visible;
    top: 0;
  }
  
  .header__navigation.open .submenu.level-2 {
    left: auto;
    opacity: 1;
    position: relative;
    text-transform: none;
    top: 0;
    transition: visibility 0s, opacity 0.3s;
    visibility: visible;
    width: 100%;
  }
  
  .header__navigation {
    position: absolute;
    top: 68px !important;
    left: 0;
    opacity: 0;
    visibility: hidden;
    /* transition: opacity 0.25s ease, transform 0.25s ease; */
    transition: all 0.25s ease;
    transform: scale(0.86);
    margin: 0;
    padding: 20px;
    width: 100%;
    max-width: none;
    /* height: calc(100vh - 68px); */
    height: calc(100vh - 112px) !important;
    overflow: auto;
    pointer-events: none;
  }
  
  .header__navigation.open {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    pointer-events: all;
  }
  
  .header__navigation .mobile-nav {
    overflow: auto;
    pointer-events: all;
  }

  .header__navigation .navigation-footer {
    margin: 0 -20px 20px;
    padding: 22px 10px;
    text-align: center;
    background: #EDF2F2;
  }
  
  .header__navigation .navigation-footer .btn-primary {
    padding: 5px;
    font-size: 14px;
    width: 128px;
    height: 36px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .header__navigation .navigation-footer .login-btn {
    background-color: #F7F9F9;
    border: 2px solid var(--teal);
    color: var(--dark-blue);
  }
  
  .header__navigation .navigation-footer .start-free-trial-btn {
    background-color: var(--teal);
    border-color: var(--teal);
    color: #fff;
  }
  
  .header__search--toggle,
  .header__language-switcher--toggle,
  .header__close--toggle {
    cursor: pointer;
    position: relative;
    margin-right: 15px
  }

  .header__navigation--toggle.hide,
  .header__search--toggle.hide,
  .header__language-switcher--toggle.hide {
    display: none;
  }

  .header__navigation--toggle:after,
  .header__search--toggle:after,
  .header__language-switcher--toggle:after {
    display: none;
    font-size: 26px;
    font-weight: 600;
    position: absolute;
    left: 40px;
    text-transform: uppercase;
    top: -10px;
  }

  .header__navigation--toggle.open:after,
  .header__search--toggle.open:after,
  .header__language-switcher--toggle.open:after {
    display: block;
    word-break: normal;
  }

  .header__navigation--toggle {
    background-repeat: no-repeat;
    background-size: 20px 17px;
    background-position: 0% 50%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.8125 1.125H0.1875C0.137772 1.125 0.0900805 1.10525 0.0549175 1.07008C0.0197544 1.03492 0 0.987228 0 0.9375L0 0.1875C0 0.137772 0.0197544 0.0900806 0.0549175 0.0549176C0.0900805 0.0197545 0.137772 0 0.1875 0H13.8125C13.8622 0 13.9099 0.0197545 13.9451 0.0549176C13.9802 0.0900806 14 0.137772 14 0.1875V0.9375C14 0.987228 13.9802 1.03492 13.9451 1.07008C13.9099 1.10525 13.8622 1.125 13.8125 1.125ZM13.8125 6.125H0.1875C0.137772 6.125 0.0900805 6.10525 0.0549175 6.07008C0.0197544 6.03492 0 5.98723 0 5.9375L0 5.1875C0 5.13777 0.0197544 5.09008 0.0549175 5.05492C0.0900805 5.01975 0.137772 5 0.1875 5H13.8125C13.8622 5 13.9099 5.01975 13.9451 5.05492C13.9802 5.09008 14 5.13777 14 5.1875V5.9375C14 5.98723 13.9802 6.03492 13.9451 6.07008C13.9099 6.10525 13.8622 6.125 13.8125 6.125ZM13.8125 11.125H0.1875C0.137772 11.125 0.0900805 11.1052 0.0549175 11.0701C0.0197544 11.0349 0 10.9872 0 10.9375L0 10.1875C0 10.1378 0.0197544 10.0901 0.0549175 10.0549C0.0900805 10.0198 0.137772 10 0.1875 10H13.8125C13.8622 10 13.9099 10.0198 13.9451 10.0549C13.9802 10.0901 14 10.1378 14 10.1875V10.9375C14 10.9872 13.9802 11.0349 13.9451 11.0701C13.9099 11.1052 13.8622 11.125 13.8125 11.125Z' fill='%232B304F'/%3e%3c/svg%3e ");
    height: 100%;
    width: 35px;
    cursor: pointer;
  }

  .header__search--toggle {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+");
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__search--toggle:after {
    content: "Search";
  }

  .header__close--toggle {
    position: absolute;
    top: 36px;
    right: 36px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.48488 7L12.9719 2.513L13.8972 1.58769C14.0337 1.45119 14.0337 1.22938 13.8972 1.09288L12.9071 0.102813C12.7706 -0.0336874 12.5488 -0.0336874 12.4123 0.102813L7 5.51513L1.58769 0.102375C1.45119 -0.034125 1.22938 -0.034125 1.09288 0.102375L0.102375 1.09244C-0.034125 1.22894 -0.034125 1.45075 0.102375 1.58725L5.51513 7L0.102375 12.4123C-0.034125 12.5488 -0.034125 12.7706 0.102375 12.9071L1.09244 13.8972C1.22894 14.0337 1.45075 14.0337 1.58725 13.8972L7 8.48488L11.487 12.9719L12.4123 13.8972C12.5488 14.0337 12.7706 14.0337 12.9071 13.8972L13.8972 12.9071C14.0337 12.7706 14.0337 12.5488 13.8972 12.4123L8.48488 7Z' fill='%23868998'/%3E%3C/svg%3E%0A");    background-repeat: no-repeat;
    background-size: 100%;
    display: none;
    width: 14px;
    height: 14px;
    margin-right: 0;
  }

  .header__close--toggle.show {
    display: block;
    z-index: 1000;
  }

  header .submenu.level-1 > li.has-submenu {
    width: 100%;
  }
  header .navigation-primary ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  header .navigation-primary > ul > li > a.menu-link {
    display: inline-block;
    text-decoration: none;
    color: #2B304F;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
    cursor: default;
    pointer-events: none;
  }
  
   header .navigation-primary li.menu-item--pricing {
    border-bottom: 1px solid #EDEFF2 !important;
    margin-bottom: 20px !important;
  }
  
  header .navigation-primary li.menu-item--pricing a {
    cursor: pointer !important;
    margin-bottom: 20px !important;
    pointer-events: all !important;
  }
  
  header .navigation-primary li.menu-item--pricing a:hover {
    color: var(--teal-hover);
  }

  header .navigation-primary > ul > li > a.menu-link[href*="/login"] {
    display: none !important;
  }
  
  header .navigation-primary .submenu.level-1 .menu-item:last-child > ul {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  
  header .navigation-primary .submenu.level-1 .menu-item:last-child .menu-arrow {
    display: none;
  }
  
  header .navigation-primary .level-2 a {
    color: var(--dark-blue);
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
  }
  
  header .navigation-primary .level-2 a:hover {
    color: var(--teal-hover); 
  }

  
  header .navigation-primary .level-2 a span {
    color: var(--dark-blue);
    display: block;
    font-weight: 400;
    font-size: 14px;
    padding-right: 10px;
  }
  
  header .navigation-primary .level-2 .has-submenu a span {
    font-size: 16px;
    font-weight: bold;
  }
  
  /*header .navigation-primary .level-3 {
    margin-top: -15px;
  }*/
  
  header .navigation-primary .level-3 a {
    font-weight: 400;
  }
   
  header .navigation-primary ul {
    background: none;
  }
  
  header .navigation-primary > ul ul.submenu.level-2 {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 15px;
    border-bottom: 1px solid #EDEFF2;
    margin-bottom: 15px;
  }
  
  li.has-submenu > a[data-label*="by-industry"] span,
  li.has-submenu > a[data-label*="by-team"] span{
    margin-bottom: -10px;
  }
  
  li.has-submenu > a[data-label*="case-studies"] span {
    margin-bottom: 20px;
  }
  
  header .navigation-primary > ul ul > li {
    flex: 50% 0 0;
    padding: 5px 0;
    margin-bottom: 10px;
  }
  
  header .navigation-primary > ul ul.level-3 > li {
    margin-bottom: 0;
  }
  
  header .navigation-primary > ul ul > li a {
    text-decoration: none;
  }
  header .navigation-primary > ul ul > li a[href^="javascript"] {
    cursor: default;
    color: var(--grey);
    font-weight: 400;
  }
}

@media (max-width: 575px) {
  .header__navigation .navigation-footer .login-btn {
    width: 110px;
  }
}
@media (orientation: landscape) {
  .header__navigation .mobile-nav {
    overflow: initial;
  }
}

/* DESKTOP MENU */
@media (min-width: 1300px) { 

  .header .desktop-nav__container > .hs_cos_wrapper {
    height: 100%;
  }
  .header .navigation-primary {
    display: inline-block;
    width: 100%;
    height: 100%;
  }

  .header .navigation-primary ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
  }
  .header .navigation-primary ul.submenu.level-1 {
    display: flex;
    justify-content: center;
    height: 100%;
  }
  .header .navigation-primary ul.submenu.level-1 > li {
    height: 100%;
  }
  .header .navigation-primary ul.submenu.level-1 > li > a {
    display: inline-flex;
    align-items: center;
    height: 100%;
    padding-left: 10px;
  }

  .header .navigation-primary > ul > li.has-submenu > a[href*="/pricing"] > span:after,
  .header .navigation-primary ul.submenu.level-1 > li > a[href*="/pricing"] ~ .submenu {
    display: none !important;
  }

  .header .navigation-primary ul.submenu.level-1 > li.no-submenu:last-child {
    flex: 1 0 0%;
  }

  .header .navigation-primary ul li {
    display: inline-block;
  }
  .header .navigation-primary ul li a {
    display: inline-block;
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    line-height: 17px;
    color: var(--dark-blue);
    transition: all 0.2s ease-out;
  }
  
  .header .navigation-primary ul li.menu-item--log-in a {
    font-size: 16px;
    font-weight: bold; 
  }

  
  .header .navigation-primary .menu-arrow {
    display: none;
  }

  .header .navigation-primary ul li a:hover {
    text-decoration: none;
    color: #52C2CC;
  }
  .header .navigation-primary ul > li a span {
    display: inline-flex;
    align-items: center;
  }
  .header .navigation-primary > ul > li a span {
    padding: 5px 10px;
  }
  .header .navigation-primary > ul > li a span.login-link {
    border: 1px solid #52C2CC;
    height: 48px;
    padding: 5px 20px;
    transition: all .25s;
  }

  .header .navigation-primary > ul > li a span.login-link:hover {
    color: #52C2CC;
  }

  .header .navigation-primary > ul > li a span.book-free-demo:hover {
    background-color: #5cccd6;
  }
  .header .navigation-primary > ul > li a span.book-free-demo:active {
    background-color: #45b7c1;
  }

  .header .navigation-primary ul li > ul {
    display: none;
    list-style-type: none;
    position: absolute;
    margin: 3px 0 0;
    z-index: 10;
    width: 200px;
    padding: 30px;
    left: calc(50% - 100px);
  }

  .header .navigation-primary ul li:hover > ul {
    display: block;
    padding: 5px 0;
  }

  .header .navigation-primary ul li > ul.level-2 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 90px 19px 26px;
    left: 50%;
    transform: translate(-50%, 10px);
    opacity: 0;
    top: 40px;
    visibility: hidden;
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.1s ease;
    /*justify-content: center;*/
  }
  
   .header .navigation-primary ul li > ul.level-2:before {
    background: var(--white);
    box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.05);
    content: '';
    height: 10px;
    left: 0;
    margin-left: calc(50% - 50vw);
    right: 0;
    position: absolute;
    top: 7px;
    width: 100vw;
    z-index: 0;
  } 
  
  .header .navigation-primary ul li > ul.level-2:after {
    background: var(--white);
    box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.05);
    content: '';
    height: 100%;
    left: 0;
    margin-left: calc(50% - 50vw);
    position: absolute;
    right: 0;
    width: 100vw;
    z-index: -1;
    top: -20px;
  } 

  /*.header .navigation-primary ul li.has-submenu:nth-child(1) > ul.level-2 {
    left: 0;
  }
  .header .navigation-primary ul li.has-submenu:nth-child(1) > ul.level-2:before {
    left: 20%;
  }
  .header .navigation-primary ul li.has-submenu:nth-child(2) > ul.level-2 {
    left: 155px;
  }
  .header .navigation-primary ul li.has-submenu:nth-child(2) > ul.level-2:before {
    left: 192px;
  }
  .header .navigation-primary ul li.has-submenu:nth-child(4) > ul.level-2:before {
    left: 49%;
  }
  */
  
  .header .navigation-primary ul li.menu-item--why-talentdesk > ul.level-2 > li {
    width: 25%;
  }
  /* .header .navigation-primary ul.submenu.level-1 > li:nth-child(4) > ul, */
  .header .navigation-primary ul li:hover > ul.level-2 {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.1s ease;
  }
  .header .navigation-primary ul li > ul.level-2 > li {
    flex: 0 0 auto;
    width: 33%;
    margin-bottom: 72px;
    padding: 0 12px;
  }
  .header .navigation-primary ul li > ul.level-2 > li > a[href^="javascript"] {
    color: var(--grey);
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    cursor: default;
  }
  .header .navigation-primary ul li > ul.level-2 > li > a[href^="javascript"]:before {
    display: none !important;
  }

  .header .navigation-primary ul li > ul.level-2 > li:last-child {
    margin-bottom: 0;
  }
  
  .header .navigation-primary ul.level-2 > li {
    margin-bottom: 1rem;
  }
  
  .header .navigation-primary ul.level-2 > li > a {
    min-height: 66px;
    padding-left: 91px; 
    position: relative;
  }
  
  .header .navigation-primary ul.level-2 > li a span {
    color: var(--dark-blue);
    display: block;
    font-size: 16px;
    font-weight: 400;
    padding: 0 10px 0 0;
    margin-top: .75rem;
  }
  
  .header .navigation-primary ul.level-3 > li a.active-item{
    color: var(--teal);
  }
  
  .header .navigation-primary .menu-item--pricing a.active-item,
  .header .navigation-primary .menu-item--pricing a.active-item span {
    color: var(--dark-blue);
  }
  
  .header .navigation-primary .menu-item--pricing a.active-item:hover,
  .header .navigation-primary .menu-item--pricing a.active-item:hover span {
    color: var(--teal) !important;
  }
  
  .header .navigation-primary ul.level-2 > li.has-submenu a span {
    margin-top: 0;
  }
  
  .header .navigation-primary ul.level-2 > li > a:before {
    background-color: var(--teal);
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: 50% 50%;
    border-radius: 6px;
    content: '';
    height: 66px;
    left: 0;
    position: absolute;
    top: 0;
    vertical-align: middle;
    width: 66px;
  }

  /* MENU ITEM ICONS */
  

  /* Products */
  .header .navigation-primary ul.level-2 > li > a[data-label*="workforce-management-reconnect-your-vendor-workflow"]:before {
    background-color: var(--green);
    background-image: url('https://4984585.fs1.hubspotusercontent-na1.net/hubfs/4984585/website/programming-arrows.png');
  }
  .header .navigation-primary ul.level-2 > li > a[data-label*="global-compliance"]:before {
    background-color: var(--green);
    background-image: url("https://4984585.fs1.hubspotusercontent-na1.net/hubfs/4984585/website/global-refresh.png");
  }
  .header .navigation-primary ul.level-2 > li > a[data-label*="payments-automation"]:before {
    background-color: var(--green);
    background-image: url("https://4984585.fs1.hubspotusercontent-na1.net/hubfs/4984585/website/payments-automation.svg");
  }
  
  /* platform */
  .header .navigation-primary ul.level-2 > li > a[data-label*="onboarding"]:before {
    background-image: url("https://4984585.fs1.hubspotusercontent-na1.net/hubfs/4984585/website/payments-automation.svg");
  }  
  .header .navigation-primary ul.level-2 > li > a[data-label*="task-management"]:before {
    background-image: url("https://4984585.fs1.hubspotusercontent-na1.net/hubfs/4984585/website/task-management.png");
  }   
  .header .navigation-primary ul.level-2 > li > a[data-label*="payments-get-your-freelancers-paid"]:before {
    background-image: url("https://4984585.fs1.hubspotusercontent-na1.net/hubfs/4984585/website/card-tick.png");
  }   
  .header .navigation-primary ul.level-2 > li > a[data-label*="sourcing-add"]:before {
    background-image: url("https://4984585.fs1.hubspotusercontent-na1.net/hubfs/4984585/website/profile-2user.png");
  }    
  .header .navigation-primary ul.level-2 > li > a[data-label*="integrations-sync-your-favorite"]:before {
    background-image: url("https://4984585.fs1.hubspotusercontent-na1.net/hubfs/4984585/website/refresh-2.png");
  }      
  .header .navigation-primary ul.level-2 > li > a[data-label*="open-api-custom"]:before {
    background-image: url("https://4984585.fs1.hubspotusercontent-na1.net/hubfs/4984585/website/cpu-setting.png");
  }    
   
  /* about */
  .header .navigation-primary ul.level-2 > li > a[data-label*="our-story"]:before {
    background-color: var(--red);
    background-image: url("https://4984585.fs1.hubspotusercontent-na1.net/hubfs/4984585/website/book.png");
  }      
  .header .navigation-primary ul.level-2 > li > a[data-label*="our-customers"]:before {
    background-color: var(--red);
    background-image: url("https://4984585.fs1.hubspotusercontent-na1.net/hubfs/4984585/website/customer.png");
  }      
 
  /* resources */
  .header .navigation-primary ul.level-2 > li > a[data-label*="blog"]:before {
    background-color: #434C84;
    background-image: url("https://4984585.fs1.hubspotusercontent-na1.net/hubfs/4984585/website/message-text.svg");
  }      
  .header .navigation-primary ul.level-2 > li > a[data-label*="videos"]:before {
    background-color: #434C84;
    background-image: url("https://4984585.fs1.hubspotusercontent-na1.net/hubfs/4984585/website/video-play.svg");
  }       
  .header .navigation-primary ul.level-2 > li > a[data-label*="knowledge-base"]:before {
    background-color: #434C84;
    background-image: url("https://4984585.fs1.hubspotusercontent-na1.net/hubfs/4984585/website/teacher.png");
  }
  .header .navigation-primary ul.level-2 > li > a[data-label*="guides"]:before {
    background-color: #434C84;
    background-image: url("https://4984585.fs1.hubspotusercontent-na1.net/hubfs/4984585/website/book-1.png");
  }  
  .header .navigation-primary ul.level-2 > li > a[data-label*="case-studies"]:before {
    background-color: #434C84;
    background-image: url("https://4984585.fs1.hubspotusercontent-na1.net/hubfs/4984585/website/notification-status.png");
  }  
  .header .navigation-primary ul.level-2 > li > a[data-label*="referral-program"]:before {
    background-color: #434C84;
    background-image: url("https://4984585.fs1.hubspotusercontent-na1.net/hubfs/4984585/website/user-square.png");
  }   
  
  
  .header .navigation-primary ul li > ul li {
    display: block;
    text-align: left;
  }

  .header .navigation-primary > ul > li.has-submenu > a > span:after {
    display: inline-block;
    content: '';
    width: 8px;
    height: 5px;
    background-size: 100% 100%;
    background-position: center center;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.93701 0.79053L7.8097 0.663215C7.72542 0.578936 7.58914 0.578936 7.50486 0.663215L4.00101 4.16886L0.495363 0.663215C0.411084 0.578936 0.274803 0.578936 0.190524 0.663215L0.0632092 0.79053C-0.0210697 0.874809 -0.0210697 1.01109 0.0632092 1.09537L3.8468 4.88075C3.93107 4.96503 4.06736 4.96503 4.15163 4.88075L7.93522 1.09537C8.02129 1.01109 8.02129 0.874809 7.93701 0.79053Z' fill='%232B304F'/%3E%3C/svg%3E%0A");
    margin-left: 8px;
    margin-top: 2px;
  }
  .header .navigation-primary > ul > li.has-submenu:hover > a > span:after {
    /* transform: perspective(200px) rotateX(-180deg); */
    transform: rotate(180deg);
    /* transition: transform 0.2s ease; */
  }
  
  .header .navigation-primary > ul > li > ul:after {
    display: block;
    content: "";
    background: transparent;
    width: 100%;
    height: 10px;
    position: absolute;
    top: -10px;
  }
  
  
  .header .navigation-primary > ul > li > ul li {
    padding: 0px 10px
  }
  
  .header .navigation-primary > ul > li > ul li a {
    padding: 7px 5px;
    /* font-weight: 300;
    font-size: 16px; */
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    color: var(--dark-blue);
  }
  
  /* level 3 */
  .header .navigation-primary ul.level-2 > li.has-submenu a span  {
    font-size: 20px;
    font-weight: bold;
  }
  
  .header .navigation-primary ul li > ul.level-3 > .has-submenu {
    position: relative;
  }
  
  .header .navigation-primary ul li > ul.level-3 {
    position: relative;
    visibility: hidden;
    margin: -20px 0 0;
    padding: 0;
    left: 76px;
    transition: opacity 0.3s ease, transform 0.4s ease, visibility 0.4s ease;
    width: auto;
  }
  
  .header .navigation-primary ul li:hover ul.level-3 {
    display: block;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, transform 0.4s ease, visibility 0.4s ease;
  }
  
 .header .navigation-primary ul li:hover > ul.level-3 {
    display: block;
  }
  
 .header .navigation-primary ul li > ul.level-3 li a {
    display: inline-block;
    text-decoration: none;
    color: #2B304F;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 8px;
  }
  
 .header .navigation-primary ul li > ul.level-3 li a:hover {
    color: var(--teal-hover);
  }
  
  .header .navigation-primary ul.level-2 > li.has-submenu > a:after {
    background-color: var(--yellow);
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: 50% 50%;
    border-radius: 6px;
    content: '';
    height: 66px;
    left: 0;
    position: absolute;
    top: 0;
    vertical-align: middle;
    width: 66px;
  }

  /* why */
  .header .navigation-primary ul.level-2 > li.has-submenu > a[data-label*="by-industry"]:after {
    background-image: url("https://4984585.fs1.hubspotusercontent-na1.net/hubfs/4984585/website/briefcase.svg");
  }      
  .header .navigation-primary ul.level-2 > li.has-submenu > a[data-label*="by-team"]:after {
    background-image: url("https://4984585.fs1.hubspotusercontent-na1.net/hubfs/4984585/website/people.svg");
  }      
  .header .navigation-primary ul.level-2 > li.has-submenu > a[data-label*="case-studies"]:after {
    background-image: url("https://4984585.fs1.hubspotusercontent-na1.net/hubfs/4984585/website/personalcard.svg");
  }    
  .header .navigation-primary ul.level-2 > li.has-submenu > a[data-label*="by-stage"]:after {
    background-image: url("https://4984585.fs1.hubspotusercontent-na1.net/hubfs/4984585/website/status-up.svg");
  }   
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
footer looks when it comes to spacing and other general styles.
*********************************************************************************
****************************************************************************** */
footer.footer-2025 {
  background: linear-gradient(107.56deg,var(--dark-blue) 0,#434c84 100%);
  color: var(--white);
  position: relative; 
  padding-bottom: 40px;
}

.footer-request-trial-2025 {
  background: var(--white);
  padding: 80px 0;
}

@media(max-width: 992px) {
  .footer-request-trial-2025 {
    padding: 40px 0;
  }
}

.footer-2025-nav {
  padding: 40px 0;
}

@media(min-width: 992px) {
  .footer-2025-nav {
    padding: 60px 0;
  }
}

.custom-footer-menu {
  width: 100%;
}

.custom-footer-menu .navigation-primary {
  width: 100%;
}

.custom-footer-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.custom-footer-menu li {
  padding: 0;
}

.custom-footer-menu a {
  text-decoration: none;
  color: #2B304F;
  font-size: 14px;
}

.custom-footer-menu a:hover {
  text-decoration: underline;
  color: #2B304F;
}

.custom-footer-menu .has-submenu > a {
  color: var(--teal);
  font-size: clamp(16px, calc(1rem + ((1vw - 7.68px) * 1.8987)), 28px);
  font-weight: 600;
  text-decoration: none !important;
  margin-bottom: 17px;
  display: block;
}

.custom-footer-menu .has-submenu > a + label {
  display: none;
}

.custom-footer-menu .has-submenu > a[href^="javascript"] {
  cursor: default;
}

.custom-footer-menu .submenu.level-1 {
  display: flex;
  flex-wrap: nowrap;
  margin-left: -10px;
  margin-right: -10px;
}

@media (max-width: 768px) {
  .custom-footer-menu .submenu.level-1 {
    flex-wrap: wrap;
  }
}

.custom-footer-menu .submenu.level-1>li {
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
  padding-left: 10px;
  padding-right: 10px;
}

.custom-footer-menu .submenu.level-2 {
  position: relative;
  opacity: 1;
  visibility: visible;
  top: 0;
}

.custom-footer-menu .submenu.level-2 > li > a {
  color: var(--white);
  display: block;
  font-size: clamp(14px, calc(0.875rem + ((1vw - 7.68px) * 0.9494)), 20px);
  padding: 4px 0;
}

.footer-newsletter {
   margin-bottom: 30px;
}

.footer-newsletter .hs-input {
  height: 40px;
  position: relative;
  background: #fff;
  border-radius: 5px 0 0 5px;
  padding: 0 15px;
  box-shadow: none;
  border: 0;
  border: 1px solid #CFDFE1;
  border-radius: 5px 0 0 5px;
  font-size: 14px;
  line-height: 1.42857143;
  font-family: omnes-pro, sans-serif;
}

.footer-newsletter .hs-form .hs-button {
  background: #52C2CC;
  height: 40px;
  padding: 0;
  border-color: #52C2CC;
  border-radius: 0 5px 5px 0;
  box-shadow: none;
  line-height: 18px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  width: 30%;
  min-height: auto;
}

.footer-newsletter .hs-form .hs-button:hover {
  background: #5cccd6;
}

.footer-newsletter .hs-form .field {
  margin: 0;
}

.footer-newsletter .hs-form .hs_email {
  width: 70% !important;
  float: left !important;
  padding: 0;
}

.footer-newsletter .hs-form-field>label {
  display: none;
}

.custom-footer-form {
  padding-right: 15px;
  position: relative;
}

@media (min-width: 991px) {
  .custom-footer-form {
    padding-left: 15px;
  }
}

.custom-footer-form .form-title {
  background: none;
  font-size: clamp(16px, calc(1rem + ((1vw - 7.68px) * 1.8987)), 28px);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--teal);
  margin-bottom: 22px;
  padding-top: 10px;
  line-height: 20px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}



.request-trial-content-2025 p {
  color: var(--dark-blue);
}


.request-trial-button .hs-button {
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  letter-spacing: .5px;
}

.footer-newsletter .submitted-message {
  text-align: center;
}

.footer-newsletter .submitted-message p {
  color: #52C2CC;
  margin-top: 15px;
  font-size: 16px;
  line-height: 1.5em;
}

.fa-Facebook:before {
  content: "\f082";
}

.fa-Twitter:before {
  content: "\f099";
}

.fa-Instagram:before {
  content: "\f16d";
}

.fa-LinkedIn-in:before {
  content: "\f0e1";
}

.customer_page_footer footer.footer-2025 {
  margin-top: 100px;
}

.about_page_footer {
  margin: 100px 0 0 0;
  padding-bottom: 80px;
}

.footer-newsletter {
  clear: both;
  position: relative;
}

.custom-footer-form .hs_error_rollup ul.no-list.hs-error-msgs.inputs-list{
  text-align: center;
  left: 0;
  right: 0;
  bottom: -100px;
}

.custom-footer-form ul.no-list.hs-error-msgs.inputs-list {
  color: var(--white);
  text-align: left;
  position: relative;
  left: 0;
  width: 110%;
}

.custom-footer-form ul.no-list.hs-error-msgs.inputs-list li {
  margin-top: 0;
  margin-bottom: 15px;
}
  
.custom-footer-form .hs_submit.hs-submit{
  margin: 0px 0 0
}

.footer-newsletter .hs-input::-webkit-input-placeholder {
  color: #868998;
}

.footer-newsletter .hs-error-msg {
  color: var(--white);
}

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

.request-trial-content-2025 {
  padding-right: 15px;
  padding-left: 15px;
}


.how-it-works-footer-wrapper {
  padding-bottom: 80px;
  margin-top: 100px;
}

.static-page-footer .request-trial-button .cta-req-ademo:hover {
  background: #52C2CC;
}

.static-page-footer .request-trial-button .cta-req-ademo {
  border-radius: 6px;
}

.request-demo-footer footer.footer {
  margin-top: 0;
}

.cm-rft-footer footer.footer {
  margin-top: 100px;
}

.legal_page_footer {
  padding-bottom: 80px;
}

.about_page_footer .request-trial-content-2025 h4,
.how-it-works-footer-wrapper .request-trial-content-2025 h4,
.about_page_footer .custom-footer-menu .submenu.level-1>li>a,
.how-it-works-footer-wrapper .custom-footer-menu .submenu.level-1>li>a,
.legal_page_footer .request-trial-content-2025 h4,
.legal_page_footer .custom-footer-menu .submenu.level-1>li>a {
  margin-top: 10px;
}
.about_page_footer .request-trial-button,
.how-it-works-footer-wrapper .request-trial-button,
.legal_page_footer .request-trial-button {
  padding-top: 1.5rem;
  margin-top: 2rem;
  margin-bottom: 1rem
}
.about_page_footer .custom-footer-form .form-title,
.how-it-works-footer-wrapper .custom-footer-form .form-title,
.legal_page_footer .custom-footer-form .form-title {
  padding-top: 10px;
}

.about_page_footer .footer-newsletter .hs-input,
.how-it-works-footer-wrapper .footer-newsletter .hs-input,
.legal_page_footer .footer-newsletter .hs-input {
  position: relative;
  background: #fff;
  border-radius: 4px 0 0 4px;
  height: 40px;
  padding: 0 15px;
  box-shadow: none;
  border: none;
}
.about_page_footer ::-webkit-input-placeholder,
.how-it-works-footer-wrapper ::-webkit-input-placeholder,
.legal_page_footer ::-webkit-input-placeholder { 
  font-style: italic
}
.about_page_footer .footer-social .social-item,
.how-it-works-footer-wrapper .footer-social .social-item,
.legal_page_footer .footer-social .social-item {
  margin-right: 15px;
}

.request-trial-button .cta-req-ademo { 
  background: #52C2CC;
  border-radius: 6px;
  border: none;
  color: var(--white);
  font-weight: 600;
  text-decoration: none;
  letter-spacing: .5px;
  /* line-height: 55px; */
  padding: 18px 45px 19px;
}

.request-trial-button .cta-req-ademo:hover {
  background-color: var(--teal-hover);
  color: var(--white);
}
.request-trial-button .cta-req-ademo:active {
  background-color: var(--teal-hover);
  color: var(--white);
}

@media (min-width: 991px){
  .request-trial-content-2025 h4 + p {
    max-width: 100%;
    width: 480px
  }

  .custom-footer-form {
    flex: auto;
    max-width: auto;
  }

  .custom-footer-menu .submenu.level-1>li {
    flex: 28.56%;
    max-width: 28.56%;
  }

  .custom-footer-menu .submenu.level-1>li:last-child {
    flex: 42.66%;
    max-width: 42.66%;
  }

  .custom-footer-menu {
    width: 58.3%;
  }

  .static-page-footer .request-trial-button {
    margin-top: 2rem;
  }
  
  .request-trial-button .cta-req-ademo { 
    /* height: 48px; */
  }
}

@media screen and (min-width: 1200px){
  .request-trial-content-2025 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .request-trial-button {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .about_page_footer .request-trial-button,
  .how-it-works-footer-wrapper .request-trial-button,
  .legal_page_footer .request-trial-button {
    margin: 0 !important;
  }
  .about_page_footer .request-trial-button .cta-req-ademo,
  .how-it-works-footer-wrapper .request-trial-button .cta-req-ademo,
  .legal_page_footer .request-trial-button .cta-req-ademo {
    margin: 9px 0;
  }
}

@media screen and (max-width: 991px){
  /*
  footer.footer-2025 {
    padding-bottom: 80px;
  }
  */
  footer.footer-2025 .bottom-row {
    padding: 25px;
  }
  
  .request-trial-button .cta-req-ademo {
    padding-left: 30px;
    padding-right: 30px;
  }

  .how-it-works-footer-wrapper {
    margin-top: 80px;
  }

  .custom-footer-form {
    flex: 1 1 100%;
    margin-top: 1.5rem;
  }

  .request-trial-button .cta-req-ademo {
    letter-spacing: .5px;
  }

  .customer_page_footer footer.footer-2025 {
    margin-top: 80px;
  }

  .about_page_footer {
    margin: 80px 0 0 0;
  }
  .custom-footer-form .hs_error_rollup ul.no-list.hs-error-msgs.inputs-list {
    bottom: -81px;
  }
}

 
@media screen and (max-width: 991px){
  .custom-footer-menu .submenu.level-2>li>a{
    display: block;
    font-size: 16px;
    padding: 6px 0;
    width: 100%;
  }
  
  .request-trial-button .cta-req-ademo { 
    /* height: 48px; */
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  
  .custom-footer-menu .submenu.level-1>li {
    width: 50%;
    margin-top: 1.5rem;
  }
}

@media screen and (max-width: 375px) {
  .custom-footer-menu .submenu.level-1>li {
    width: 100%;
  }
}

@media (max-width: 767px) {
  footer.footer-2025 {
    padding-left: 0;
    padding-right: 0;
  }
}

.footer-2025-cta__heading {
  color: var(--red);
}

.footer-legal__content {
  font-size: 16px;
  margin-top: 20px;
}

@media screen and (min-width: 1000px) {
  .footer-legal__content {
    margin-top: -20px;
  }  
}

.footer-legal__link {
  color: var(--white);
  text-decoration: none;
}

.footer-legal__link:hover,
.footer-legal__link:focus {
  color: var(--teal-hover);
  text-decoration: underline;
}

@media screen and (min-width: 552px) {
  .footer__logos img:first-of-type {
    margin-right: 3rem; 
  }
}
/* 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;
  }
}

iframe .meetings-page {
    border-radius: 10px !important;
    overflow: hidden;
}

/* 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%;
}
.body-container--form-lp {
  background: linear-gradient(110.69deg, #2B304F 0%, #434C84 100%);
  padding: 40px 0 120px;
}

.form-lp__form-container {
  padding: 40px;
  background: #FFFFFF;
  box-shadow: 0px 16px 16px rgba(0, 0, 0, 0.24);
  border-radius: 32px;
}

.form-lp__form-container label[for] {
  font-weight: 600;
  /* font-size: 1.125rem; */

  /* 1200px >= [view] >= 576px */
  /* 18px >= [font] >= 14px */
  font-size: 18px; /* fallback */
  font-size: clamp(0.875rem, 0.644rem + 0.641vw, 1.125rem);
  /* 24px >= [lineHeight] >= 20px */
  line-height: 1.333; /* fallback */
  line-height: clamp(1.25rem, 1.019rem + 0.641vw, 1.5rem);
}

.form-lp__form-container .form-title {
  background: none;
  /* font-size: 1.5rem; */
  color: #2B304F;
  font-weight: 600;
  margin-bottom: 1em;

  /* 1200px >= [view] >= 576px */
  /* 24px >= [font] >= 18px */
  font-size: 24px; /* fallback */
  font-size: clamp(1.125rem, 0.779rem + 0.962vw, 1.5rem);
  /* 32px >= [lineHeight] >= 24px */
  line-height: 1.333; /* fallback */
  line-height: clamp(1.5rem, 1.038rem + 1.282vw, 2rem);
}

.form-lp__form-container .hs-button.primary {
  min-width: 120px !important;
  height: 48px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  background: #52C2CC;
  border: 2px solid #52C2CC;
  border-radius: 6px;
  font-size: 1.125rem;
}


.form-lp__form-container form input[type=text],
.form-lp__form-container form input[type=email],
.form-lp__form-container form input[type=password],
.form-lp__form-container form input[type=tel],
.form-lp__form-container form input[type=number],
.form-lp__form-container form input[type=file],
.form-lp__form-container form select,
.form-lp__form-container form textarea {
  height: 38px;
  background: #FFF;
  border: 1px solid #CFDFE1;
  border-radius: 4px;
  padding-top: 0;
  padding-bottom: 0;
}

.form-lp__content {
  color: #fff;
}


.form-lp__content h1,
.form-lp__content h2,
.form-lp__content h3,
.form-lp__content h4,
.form-lp__content h5,
.form-lp__content {
  color: #fff;
}

.form-lp__content h1 {
  color: #fff;
  margin-top: 20px;
  margin-bottom: 0.625em;
  /* font-size: 2rem;
  line-height: 1.5; */
  
  /* 1200px >= [view] >= 576px */
  /* 32px >= [font] >= 24px */
  font-size: 32px; /* fallback */
  font-size: clamp(1.5rem, 1.038rem + 1.282vw, 2rem);
  /* 48px >= [lineHeight] >= 32px */
  line-height: 1.5; /* fallback */
  line-height: clamp(2rem, 1.077rem + 2.564vw, 3rem);
}

.form-lp__content h2 {
  margin-top: 2em;
  /* 1200px >= [view] >= 576px */
  /* 24px >= [font] >= 18px */
  font-size: 24px; /* fallback */
  font-size: clamp(1.125rem, 0.779rem + 0.962vw, 1.5rem);
  /* 32px >= [lineHeight] >= 24px */
  line-height: 1.333; /* fallback */
  line-height: clamp(1.5rem, 1.038rem + 1.282vw, 2rem);
}

.form-lp__content h2:first-child {
  margin-top: 0;
}

.form-lp__content ul li,
.form-lp__content p {
  margin-bottom: 1.6em;

  /* 1200px >= [view] >= 576px */
  /* 18px >= [font] >= 14px */
  font-size: 18px; /* fallback */
  font-size: clamp(0.875rem, 0.644rem + 0.641vw, 1.125rem);
  /* 24px >= [lineHeight] >= 20px */
  line-height: 1.333; /* fallback */
  line-height: clamp(1.25rem, 1.019rem + 0.641vw, 1.5rem);
}

.form-lp__content ul {
  list-style: none;
  padding-left: 0;
  margin-top: 1.4em;
}
.form-lp__content ul li {
  position: relative;
  display: block;
  margin-bottom: 1em;
  padding-left: 33px;
}
.form-lp__content ul li:last-child {
  margin-bottom: 0;
}
.form-lp__content ul li:before {
  position: absolute;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.6508 0.8C5.65848 0.8 0.800781 5.65769 0.800781 11.65C0.800781 17.6423 5.65848 22.5 11.6508 22.5C17.6431 22.5 22.5008 17.6423 22.5008 11.65C22.5008 5.65769 17.6431 0.8 11.6508 0.8ZM11.6508 21.1C6.45923 21.1 2.20078 16.8976 2.20078 11.65C2.20078 6.45849 6.40319 2.2 11.6508 2.2C16.8423 2.2 21.1008 6.40241 21.1008 11.65C21.1008 16.8415 16.8984 21.1 11.6508 21.1ZM17.8471 9.07046L9.95109 16.9031C9.74525 17.1073 9.41284 17.106 9.20866 16.9001L5.45149 13.1126C5.24731 12.9068 5.24863 12.5744 5.45447 12.3702L5.82722 12.0004C6.03306 11.7963 6.36548 11.7976 6.56966 12.0034L9.58736 15.0455L16.7379 7.95229C16.9437 7.74811 17.2762 7.74943 17.4803 7.95527L17.8501 8.32802C18.0543 8.53386 18.0529 8.86628 17.8471 9.07046Z' fill='%2352C2CC'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  top: 2px;
  left: 0;
}

.body-container--form-lp .vidyard-player-container {
  border: 40px solid #FFFFFF;
  box-shadow: 0px 32px 32px rgba(0, 0, 0, 0.08);
  border-radius: 32px;
}


@media (max-width: 991px) {
  .body-container--form-lp {
    padding-bottom: 80px;
  }
  .form-lp__content .dnd-section {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .form-lp__form-container {
    padding: 32px 24px;
  }
}

.book-a-call-wrapper {
  background: var(--white);  
}

@media (min-width: 767px) {
  .book-a-call-wrapper:before {
    background: var(--white);
    content: "";
    display: block;
    height: 100%;
    left: -100%;
    overflow: visible;
    position: absolute;
    top: 0;
    width: 100%;
  }
}

.book-a-call,
.book-a-call-alt {
  background: linear-gradient(110.69deg, #2B304F 0%, #434C84 100%);
  display: flex;
}

.book-a-call-inner {
  position: relative;
}

@media (min-width: 767px) {
  .book-a-call-inner,
  .book-a-call-alt-inner {
    flex-direction: column !important;
    height: 100% !important;
  }
}

.book-a-call .form-title,
.book-a-call-alt .form-title {
  background-color: transparent;
}

@media (max-width: 767px) {
  .book-a-call_form_heading {
    padding-top: 0;
  }
}

.book-a-call_form form label span {
  color: var(--white) !important; 
}

.book-a-call .form-title,
.book-a-call-alt .form-title {
  margin-bottom: 2rem; 
}

.book-a-call .hs-input,
.book-a-call-alt .hs-input {
  border-radius: 10px; 
  padding-bottom: .75rem;
  padding-top: .75rem;
}

@media (min-width: 1400px) {
  .book-a-call .hs-input,
  .book-a-call-alt .hs-input {
    padding-bottom: 1.2rem;
    padding-top: 1.2rem;
  }
}

.book-a-call .legal-consent-container,
.book-a-call-alt .legal-consent-container {
  display: none; 
}

.book-a-call .book-a-call_form,
.book-a-call-alt .book-a-call_form {
  color: var(--white);
  position: relative;
  padding: 100px 0 80px 80px;
}

@media (max-width: 767px) {
  .book-a-call .book-a-call_form {
    padding: 40px 0;
  }
}

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

.book-a-call_form_heading {
  color: var(--white);
}

.book-a-call_form_intro {
  font-weight: bold;
  line-height: 1.2;
}

.book-a-call_form form .hs-button,
.book-a-call_form form input[type=submit] {
  background-color: var(--teal) !important;
  border: 0;
  border-radius: 6px;
  font-size: clamp(18px, calc(1.25rem + ((1vw - 7.68px) * 0.6329)), 22px) !important;
  font-family: 'AvertaPE' !important;
  margin-top: 1rem !important;
}

.book-a-call_form a {
  color: var(--whit);
  font-size: clamp(.875rem,.644rem + .641vw,1.125rem) !important;
}

.book-a-call_form a:hover {
  color: var(--teal);
}

.book-a-call_form form .hs-button:hover,
.book-a-call_form form input[type=submit]:hover,
.book-a-call_form form .hs-button:focus,
.book-a-call_form form input[type=submit]:focus {
  background-color: !important;
}

.book-a-call_form form label, 
.book-a-call_form form legend {
  color: var(--black) !important;
  font-size: clamp(.875rem,.644rem + .641vw,1.125rem) !important;
  margin-right: 3px !important;
}

.book-a-call_form .legal-consent-container {
  bottom: 25px;
  left: 216px;
  position: absolute;
}

.book-a-call_form .hs-error-msg {
  color: var(--red) !important;
}

.book-a-call_form .hs-form-field {
  margin-bottom: 2rem !important;
}

.book-a-call_form form input[type=text] {
  font-size:  16px; 
}