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

figure {
  margin: 0;
  margin-block-start:0;
  margin-block-end:0;
  margin-inline-start:0;
  margin-inline-end:0;
  padding-block-start:0;
  padding-block-end:0;
  padding-inline-start:0;
  padding-inline-end:0;
}

img {
  max-width: 100%;
  display: block;
}
[[ READONLY: @remote/@hubspot/growth/css/generic/_normalize.css ]]
/*! 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.
 */

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


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

    
:root {
    --column-gap: 2rem;
    --column-width-multiplier: 8.333;
}



main{overflow:hidden;}



@media screen and (max-width:992px){
    .row-fluid-wrapper.dnd-section > .row-fluid > .dnd-module,
    .row-fluid .dnd-column {
    padding: 0 2rem;
}
.dnd-section > .row-fluid, .container{
        max-width:100%;
    }
}

.row-fluid-wrapper.dnd-section[class*="force-full-width-section"] > .row-fluid > .dnd-module,
.row-fluid-wrapper.dnd-section[class*="force-full-width-section"] .dnd-column {
    padding: 0;
}
        
.row-fluid, .row {
    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%;
}
        

@media (min-width: 992px) {
.row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
}
.row-fluid .span1,  
.row-fluid .col-md-1{
    width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
}

.row-fluid .span2,  
.row-fluid .col-md-2{
    width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
}

.row-fluid .span3,  
.row-fluid .col-md-3{
    width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
}

.row-fluid .span4,  
.row-fluid .col-md-4{
    width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
}

.row-fluid .span5,  
.row-fluid .col-md-5{
    width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
}

.row-fluid .span6,  
.row-fluid .col-md-6{
    width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
}

.row-fluid .span7,  
.row-fluid .col-md-7{
    width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
}

.row-fluid .span8,  
.row-fluid .col-md-8{
    width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
}

.row-fluid .span9,  
.row-fluid .col-md-9{
    width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
}

.row-fluid .span10,  
.row-fluid .col-md-10{
    width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
}

.row-fluid .span11,  
.row-fluid .col-md-11{
    width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
}

}

html {
  scroll-behavior: smooth;
}
:target {
    scroll-margin-top: 150px;
  }


.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -2rem;
margin-right: -2rem;
}


.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}



.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 2rem;
padding-left: 2rem;
}

.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}

.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}

.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}

.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}

.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}

.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}

.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}

.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}

.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}

.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}

.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}

.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}

.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}

.offset-0 { margin-left: 0; }
.offset-1 { margin-left: 8.33333333%; }
.offset-2 { margin-left: 16.66666667%; }
.offset-3 { margin-left: 25%; }
.offset-4 { margin-left: 33.33333333%; }
.offset-5 { margin-left: 41.66666667%; }
.offset-6 { margin-left: 50%; }
.offset-7 { margin-left: 58.33333333%; }
.offset-8 { margin-left: 66.66666667%; }
.offset-9 { margin-left: 75%; }
.offset-10 { margin-left: 83.33333333%; }
.offset-11 { margin-left: 91.66666667%; }


@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}

.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}

.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}

.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}

.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}

.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}

.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}

.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}

.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}

.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}

.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}

.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}

.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}

.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}


@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}

.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}

.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}

.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}

.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}

.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}

.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}

.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}

.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}

.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}

.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}

.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}

.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}

.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}

.offset-md-0 { margin-left: 0; }
.offset-md-1 { margin-left: 8.33333333%; }
.offset-md-2 { margin-left: 16.66666667%; }
.offset-md-3 { margin-left: 25%; }
.offset-md-4 { margin-left: 33.33333333%; }
.offset-md-5 { margin-left: 41.66666667%; }
.offset-md-6 { margin-left: 50%; }
.offset-md-7 { margin-left: 58.33333333%; }
.offset-md-8 { margin-left: 66.66666667%; }
.offset-md-9 { margin-left: 75%; }
.offset-md-10 { margin-left: 83.33333333%; }
.offset-md-11 { margin-left: 91.66666667%; }
}


@media (min-width: 1024px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}

.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}

.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}

.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}

.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}

.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}

.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}

.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}

.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}

.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}

.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}

.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}

.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}

.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}

.offset-lg-0 { margin-left: 0; }
.offset-lg-1 { margin-left: 8.33333333%; }
.offset-lg-2 { margin-left: 16.66666667%; }
.offset-lg-3 { margin-left: 25%; }
.offset-lg-4 { margin-left: 33.33333333%; }
.offset-lg-5 { margin-left: 41.66666667%; }
.offset-lg-6 { margin-left: 50%; }
.offset-lg-7 { margin-left: 58.33333333%; }
.offset-lg-8 { margin-left: 66.66666667%; }
.offset-lg-9 { margin-left: 75%; }
.offset-lg-10 { margin-left: 83.33333333%; }
.offset-lg-11 { margin-left: 91.66666667%; }
}


.sr-only {
    position: absolute;
    margin: -1px 0 0 -1px;
    padding: 0;
    display: block;
    width: 1px;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    outline: 0;
}





.color-tcon-blue{ color: rgb(0, 183, 243)}
.bg-tcon-blue{ background-color: rgb(0, 183, 243)}
.border-color-tcon-blue{ border-color: rgb(0, 183, 243)}
.color-sky-blue{ color: rgb(175, 218, 246)}
.bg-sky-blue{ background-color: rgb(175, 218, 246)}
.border-color-sky-blue{ border-color: rgb(175, 218, 246)}
.color-tcon-blue-light{ color: rgb(233, 244, 253)}
.bg-tcon-blue-light{ background-color: rgb(233, 244, 253)}
.border-color-tcon-blue-light{ border-color: rgb(233, 244, 253)}
.color-business-grey{ color: rgb(191, 191, 191)}
.bg-business-grey{ background-color: rgb(191, 191, 191)}
.border-color-business-grey{ border-color: rgb(191, 191, 191)}
.color-silver-grey{ color: rgb(222, 221, 222)}
.bg-silver-grey{ background-color: rgb(222, 221, 222)}
.border-color-silver-grey{ border-color: rgb(222, 221, 222)}
.color-silver-grey-light{ color: rgb(242, 241, 242)}
.bg-silver-grey-light{ background-color: rgb(242, 241, 242)}
.border-color-silver-grey-light{ border-color: rgb(242, 241, 242)}
.color-anthracite{ color: rgb(52, 52, 51)}
.bg-anthracite{ background-color: rgb(52, 52, 51)}
.border-color-anthracite{ border-color: rgb(52, 52, 51)}
.color-off-white{ color: rgb(251, 251, 251)}
.bg-off-white{ background-color: rgb(251, 251, 251)}
.border-color-off-white{ border-color: rgb(251, 251, 251)}
.color-pumpkin-orange{ color: rgb(255, 141, 11)}
.bg-pumpkin-orange{ background-color: rgb(255, 141, 11)}
.border-color-pumpkin-orange{ border-color: rgb(255, 141, 11)}
.color-lime-green{ color: rgb(0, 200, 23)}
.bg-lime-green{ background-color: rgb(0, 200, 23)}
.border-color-lime-green{ border-color: rgb(0, 200, 23)}
.color-system-info{ color: rgb(62, 181, 249)}
.bg-system-info{ background-color: rgb(62, 181, 249)}
.border-color-system-info{ border-color: rgb(62, 181, 249)}
.color-system-warning{ color: rgb(255, 169, 22)}
.bg-system-warning{ background-color: rgb(255, 169, 22)}
.border-color-system-warning{ border-color: rgb(255, 169, 22)}
.color-system-success{ color: rgb(23, 204, 52)}
.bg-system-success{ background-color: rgb(23, 204, 52)}
.border-color-system-success{ border-color: rgb(23, 204, 52)}
.color-system-error{ color: rgb(255, 71, 50)}
.bg-system-error{ background-color: rgb(255, 71, 50)}
.border-color-system-error{ border-color: rgb(255, 71, 50)}

.underlined-text{
    animation: grow-underline .75s cubic-bezier(.25, 1, .5, 1) forwards;
    animation-delay: .25s;
    padding: 0 6px;
    background-image: linear-gradient(to right, rgb(0, 183, 243) 0%, rgb(0, 183, 243) 100%);
    background-repeat: no-repeat;
    background-position: left 95%;
    background-size: 0 40%;
}

.bg-tcon-blue .underlined-text{
    animation: grow-underline .75s cubic-bezier(.25, 1, .5, 1) forwards;
    animation-delay: .25s;
    padding: 0 6px;
    background-image: linear-gradient(to right, rgb(251, 251, 251) 0%, rgb(251, 251, 251) 100%);
    background-repeat: no-repeat;
    background-position: left 95%;
    background-size: 0 40%;
}
.text-left, 
.align-left{ 
text-align:left; 
} 
.text-center, 
.align-center{ 
text-align:center; 
} 
.text-right, 
.align-right{ 
text-align:right; 
} 

@media screen and (min-width:480px){
    .text-sm-left, 
    .align-sm-left{     
        text-align:left; 
    } 

    .text-sm-center, 
    .align-sm-center{     
        text-align:center; 
    } 

    .text-sm-right, 
    .align-sm-right{     
        text-align:right; 
    } 
}

@media screen and (min-width:992px){
    .text-md-left, 
    .align-md-left{     
        text-align:left; 
    } 

    .text-md-center, 
    .align-md-center{     
        text-align:center; 
    } 

    .text-md-right, 
    .align-md-right{     
        text-align:right; 
    } 
}

@media screen and (min-width:1200px){
    .text-lg-left, 
    .align-lg-left{     
        text-align:left; 
    } 

    .text-lg-center, 
    .align-lg-center{     
        text-align:center; 
    } 

    .text-lg-right, 
    .align-lg-right{     
        text-align:right; 
    } 
}

@media screen and (min-width:1400px){
    .text-xl-left, 
    .align-xl-left{     
        text-align:left; 
    } 

    .text-xl-center, 
    .align-xl-center{     
        text-align:center; 
    } 

    .text-xl-right, 
    .align-xl-right{     
        text-align:right; 
    } 
}

@media screen and (min-width:1920px){
    .text-xxl-left, 
    .align-xxl-left{     
        text-align:left; 
    } 

    .text-xxl-center, 
    .align-xxl-center{     
        text-align:center; 
    } 

    .text-xxl-right, 
    .align-xxl-right{     
        text-align:right; 
    } 
}
.text-uppercase{
    text-transform: uppercase;
}
@keyframes grow-underline {
    0% {
        background-size: 0 40%
    }
    100% {
        background-size: 100% 40%
    }
}

@keyframes hero-resize {
0% {
    left: 0;
    width: 100%;
}
100% {
    left: calc(var(clamp(4rem, 7vw, 9rem)) * -1);
    width: 100vw;
}
}

@keyframes img-scale {
    0% {
        scale: 1.05
    }

    25% {
        scale: 1.05
    }

    to {
        scale: 1
    }
}


.btn,
button,
input[type="submit"]{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: none;
  background:none;
}
.btn,
input[type="submit"].hs-button.primary{
    font-family: 'Neue Machina Inktrap regular';
    display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  text-decoration:none;
  cursor:pointer;
  line-height:1;
}

.btn-text{
    font-family: 'Proxima Nova Bold';
    position: relative;
    display:inline-block;
    text-decoration: none;
    padding:0;
    font-weight: 700;
    text-decoration: none;    
}

.btn-text::after{
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    border: none;
}

.btn-text:hover{
    color: rgba(0,0,0,.5);
}

.btn-text:hover::after{
    background-color: rgba(0,0,0,.8);
    width:80%;
}


.hs-form-field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-radio):not(.hs-fieldtype-booleancheckbox):not(.legal-consent-container~.hs_recaptcha),
.hs-form-field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-radio):not(.hs-fieldtype-booleancheckbox) ul.hs-error-msgs {
    position: relative;
}

.hs-form-field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-radio):not(.hs-fieldtype-booleancheckbox) label {
    position: relative;
    top: 2rem !important;
    left: 15px !important;
    z-index: 1;
    -webkit-transition:  all .3s ease-in-out  ;
       -moz-transition:  all .3s ease-in-out  ;
         -o-transition:  all .3s ease-in-out  ;
            transition:  all .3s ease-in-out  ;
}

.hs-form-field:focus-within:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-radio):not(.hs-fieldtype-booleancheckbox) label,
.hs-form-field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-radio):not(.hs-fieldtype-booleancheckbox) ul.hs-error-msgs label {
    top: 0 !important;
    left: 0 !important;
}

.hs-form-field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-radio):not(.hs-fieldtype-booleancheckbox):focus-within label,
.hs-form-field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-radio):not(.hs-fieldtype-booleancheckbox):focus-within label .hs-form-required {
    top: 0 !important;
    left: 0 !important;
}

.hs-form-field.hs-fieldtype-select.field:has(select:not(.is-placeholder)) label,
.hs-form-field.hs-fieldtype-select.field:has(select:valid) label {
    top: 0;
    left: 0;
}

.hs-fieldtype-date:has(input[value]:not([value=""])) label,
.hs-fieldtype-date:has(input[value]:not([value=""])) label .hs-form-required {
    top: 0;
    left: 0;
    color: #bfbfbf !important;
}

.hs-form-field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-radio):not(.hs-fieldtype-booleancheckbox):has(input[type="text"][value]:not([value=""])) label:not(.hs-error-msg),
.hs-form-field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-radio):not(.hs-fieldtype-booleancheckbox):has(input[type="text"][value]:not([value=""])) label:not(.hs-error-msg) .hs-form-required,
.hs-form-field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-radio):not(.hs-fieldtype-booleancheckbox):has(input[type="email"][value]:not([value=""])) label:not(.hs-error-msg),
.hs-form-field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-radio):not(.hs-fieldtype-booleancheckbox):has(input[type="email"][value]:not([value=""])) label:not(.hs-error-msg) .hs-form-required,
.hs-form-field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-radio):not(.hs-fieldtype-booleancheckbox):has(select:not(.is-placeholder)) label:not(.hs-error-msg),
.hs-form-field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-radio):not(.hs-fieldtype-booleancheckbox):has(select:not(.is-placeholder)) label:not(.hs-error-msg) .hs-form-required,
.hs-form-field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-radio):not(.hs-fieldtype-booleancheckbox):has(input[type="tel"][value]:not([value=""])) label:not(.hs-error-msg),
.hs-form-field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-radio):not(.hs-fieldtype-booleancheckbox):has(input[type="tel"][value]:not([value=""])) label:not(.hs-error-msg) .hs-form-required,
.hs-form-field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-radio):not(.hs-fieldtype-booleancheckbox):has(textarea:not(:placeholder-shown)) label:not(.hs-error-msg),
.hs-form-field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-radio):not(.hs-fieldtype-booleancheckbox):has(textarea:not(:placeholder-shown)) label:not(.hs-error-msg) .hs-form-required {
    top: 0 !important;
    left: 0 !important;
    color: #bfbfbf !important;
}

.hs-form-field:has(input[value]:not([value=""])) input {
    border: 1px solid #bfbfbf !important;
}


.hs-form-field:has(select:not(.is-placeholder)) select {
    border-bottom: 1px solid #bfbfbf !important;
}

.hs-form-field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-radio):not(.hs-fieldtype-booleancheckbox):has(input[type="text"][value]:not([value=""])) label,
.hs-form-field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-radio):not(.hs-fieldtype-booleancheckbox):has(input[type="email"][value]:not([value=""])) label,
.hs-form-field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-radio):not(.hs-fieldtype-booleancheckbox):has(input[type="tel"][value]:not([value=""])) label,
.hs-form-field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-radio):not(.hs-fieldtype-booleancheckbox):has(textarea:not(:placeholder-shown)) label {
     top: 0 !important;
    left: 0 !important;
}



.hs-fieldtype-checkbox > label,
.hs-fieldtype-radio > label,
.hs-fieldtype-booleancheckbox label {
    position: static;
    display: inline;
}
 
.hs-form-field ul.inputs-list li label{
    position:inherit;
}

form fieldset.form-columns-2 input,
form fieldset.form-columns-3 input{
    width:100%
} 



/* Select */
form .hs-fieldtype-select select {

    -webkit-appearance: none !important; 
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: linear-gradient(45deg, transparent 50%, #cccccc 50%), linear-gradient(135deg, #cccccc 50%, transparent 50%), linear-gradient(to right, #cccccc, #cccccc) !important;
    background-position: calc(100% - 17px) calc(1em + 3px), calc(100% - 10px) calc(1em + 3px), calc(100% - 2.2em) !important;
    background-size: 7px 7px, 7px 7px, 1px 1.5em !important;
    background-repeat: no-repeat !important;
    margin-top: 0;
    background-color: white;
 
    display: inline-block;
    border: none !important;
    border-bottom: 1px solid #bfbfbf !important;

}

form .hs-fieldtype-select select.is-placeholder {
    color: transparent;
}

form .hs-fieldtype-select select option {
    color: initial;
}

/* Form fields */
form .hs-form-field {
    margin-bottom: 0rem;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="search"],
form select,
form textarea{
    display: inline-block;
    width: 100% !important;
    height:41px;
}

input:focus{
    outline: none;
}
form fieldset {
    max-width: 100% !important; 
}

/* Form fields - checkbox/radio */
input[type='checkbox'] {
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 24px !important;
  height: 24px !important;
  position: relative;
  background:#fff;
  border:1px solid #00b7f3;
  -webkit-transition:  all .3s ease-in-out  ;
       -moz-transition:  all .3s ease-in-out  ;
         -o-transition:  all .3s ease-in-out  ;
            transition:  all .3s ease-in-out  ;
}



input[type='checkbox']:after {
    content: '';
    position: absolute !important;
    width: 18px;
    height: 18px;
    background-color: #00b7f3;
    top: 50%;
    left: 50%;
  opacity:0;
    transform: translate(-50%, -50%);
}

input[type='checkbox']:checked:after {
  opacity: 1;
}

input[type='radio'] {
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  position: relative;
  border-radius: 24px;
  background:#fff;
  border:1px solid #00b7f3;
  -webkit-transition:  all .3s ease-in-out  ;
       -moz-transition:  all .3s ease-in-out  ;
         -o-transition:  all .3s ease-in-out  ;
            transition:  all .3s ease-in-out  ;
}

input[type='radio']:hover:after {
  background-color: rgba(0, 183, 243,.4);
  border-radius: 20px;
}

input[type='radio']:after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  left:1px;
  top:1px;
  opacity: 0;
  background-color: #00b7f3;
  border-width:1px;
  -webkit-transition:  all .15s ease-in-out  ;
       -moz-transition:  all .15s ease-in-out  ;
         -o-transition:  all .15s ease-in-out  ;
            transition:  all .15s ease-in-out  ;
}

input[type='radio']:checked:after {
  opacity: 1;
}

/* Date picker */
form .hs-dateinput {
    position: relative;
}

form .hs-dateinput:before {
    display:none;
}


form .inputs-list {
    padding: 0;
    margin: 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'] {
    margin-right: 10px;
    cursor: pointer;
}

/* Form fields - date picker */

form .hs-dateinput {
    position: relative;
}

form .is-selected .pika-button {
    border-radius: 0 !important; 
    box-shadow: none !important; 
}

form .fn-date-picker .pika-button:hover,
form .fn-date-picker .pika-button:focus {
    border-radius: 0 !important; 
}

/* Form fields - file picker */

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

/* Headings and text */

form .legal-consent-container .hs-richtext,
form .legal-consent-container .hs-richtext p {
    margin: 1rem 0;
    font-size:14px;
}

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


/* GDPR */
form .hs-form-booleancheckbox-display{
  display: flex;
    flex-direction: row;

}
form .hs-form-booleancheckbox-display span {
    font-size:12px;
  line-height:18px;
    display: inline-block;
    width: calc(100% - 30px)
}


.hs-richtext.hs-main-font-element {
    font-size: 12px;
}

form .hs-error-msgs,
form .hs-error-msgs li{
    margin-bottom: 0px !important;
}

label.hs-error-msg.hs-main-font-element {
    font-size: 14px;
}

form  .inputs-list > li {
    margin-top: 0px;
}

form .hs-richtext {
    font-size:14px;
}

form fieldset {
font-size:14px !important;
}

.hs-error-msgs {
    margin-top: 4px !important;
    line-height: 20px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="search"]:focus {
  outline: none;
  border: 2px solid #00b7f3 !important;
}

form .hs-fieldtype-select select:focus {
outline: none;
  border-bottom: 2px solid #00b7f3 !important;}

/* Validation */
  
form .hs-error-msg,
form .hs-error-msgs {
    margin-bottom: 0rem;
}

span.hs-form-required {
    color: #000000 !important;
}

/* Label fixes */
.hs-fieldtype-date:has(input[value]:not([value=""])) label {
    top: 0;
    left: 0;
}

.hs-form-field:has(input[type="text"][value]:not([value=""])) label,
.hs-form-field:has(input[type="email"][value]:not([value=""])) label,
.hs-form-field:has(input[type="tel"][value]:not([value=""])) label,
.hs-form-field:has(textarea:not(:placeholder-shown)) label {
    top: 0;
    left: 0;
}

/* Submit button */
form .hs-submit{
    display:flex;
    justify-content: flex-end;
}

input[type="submit"].hs-button.primary,
button#hs-subscriptions-survey-submit-button{
    margin-top: 0rem !important;
    font-size: 16px !important;
    display: inline-block;
    line-height: 1em;
    vertical-align: top;
    color: #000 !important;
    font-family: 'Neue Machina Inktrap regular';
    background-color: #00b7f3;
    text-decoration: none !important;
    padding: 15px 24px !important;
    position: relative;

}
h2,h3,h4,h5,h6,
.h2,.h3,.h4,.h5,.h6{
margin-bottom: 14px;
  margin-top:0px;
}

ul.styled-list{
    padding-left: 0;
}

ul.styled-list li{
    position: relative;
    list-style: none;
    line-height: 1.5em;
    margin-bottom: 24px;
}

.styled-list-item li:last-child{
    margin-bottom: 0;
}

ul.styled-list li:before{
    content: "";
    width:5px;
    height:5px;
    transform: translateY(9px);
    position: absolute;
    margin-left: -25px;
    background-color: #00b7f3;
}

.styled-list-item{
    padding-left: 25px;
}
.section{
    padding-top:3em;
    padding-bottom:3em;
}

@media (min-width: 992px) {
    .section{
        padding-top:6em;
        padding-bottom:6em;
    }
}

.dnd-section {
padding: 0rem 2rem;
}

@media screen and (max-width: 992px) {
    .dnd-section > .row-fluid, .container {
      max-width: 100%;
      gap: 2rem;
    }
  
  .dnd-section {
     padding: 0rem ;
  }
  
  .row-fluid-wrapper.dnd-section > .row-fluid > .dnd-module, .row-fluid .dnd-column {
    padding: 0rem 1.25rem;
  }
}







header.lp-header{
    background-color: #ffffff;
      padding: 0rem 2rem;
}

header.lp-header .lp-header-inner{
    display:flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1340px;
    margin:0 auto;
    min-height:80px;
    position: relative;
}

header.lp-header .lp-header-logo, 
header.lp-header .lp-header-sap-logo{
    display: flex;
}
header.lp-header .lp-header-logo img{
    width: 150px;
    height:50px;
    
}

header.lp-header .lp-header-sap-logo img{
    height: 50px;
    display: flex;
    justify-content: flex-end;
}




@media screen and (max-width: 992px) {

header.lp-header {
      padding: 0rem 1.25rem !important;
}
  
  header.lp-header .lp-header-logo img {
    width: 100px;
}
  
}




footer {
position:relative;
}

   .lp-footer-inner,
    footer ul[role="menu"] {
        flex-direction: column;
    }

.lp-footer .container{
    background-color: #ffffff;
    margin-top:1rem;
}

.lp-footer-inner{
    background-color: #ffffff;
    margin: 0 auto;
    padding: 20px ;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap:2rem;
}

.lp-footer-inner .footer-logo img{
    width:105px;
    height:auto;
}


footer ul[role="menu"] {
    list-style: none;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    align-items: center;
}

footer ul[role="menu"] li {
    margin: 0;
    padding: 0;
}

footer ul[role="menu"] li a {
    text-decoration: none;
    font-family: "Proxima Nova Bold";
    position:relative;
    display:inline-block;
    color: #000;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

footer ul[role="menu"] li a:after {
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background-color: rgb(0, 183, 243);
    border: none;
    transition: all .5s ease-in-out;
}

footer:after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 60px;
    height: 60px;
    pointer-events: none;
    content: "";
    border-right: 15px solid #00b7f3;
    border-bottom: 15px solid #00b7f3;
    transition: transform .5s ease-in-out;
    transform-origin: bottom right;
}


.navigation {
    margin: 0 auto;
}

.social {
   margin-left: auto;
}

.footer-logo {
margin-right: auto;

}

@media screen and (max-width: 992px) { 
  footer:after {
  display: none;
  }
}

@media screen and (max-width: 1042px) {
  .social {
    margin-left: 0;
}
  
  .navigation {
    margin: 0;
}

  
.footer-logo {
margin-right: 0;

}
  
}

@media screen and (min-width: 1042px) {
    .lp-footer .container{
        padding-top: 40px;
padding-right: 0px;
padding-bottom: 40px;
padding-left: 0px;
;
    }
    .footer-inner{
        padding: 0px 2rem;
    } 
    .lp-footer-inner,
    footer ul[role="menu"] {
        flex-direction: row;
      flex-wrap:wrap;
    }



  

}