/* This is an example to import fonts from css */
/* @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Rubik:wght@300;400;500;600;700;800;900&display=swap"); */
/*! 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;
  margin: auto;
}

/* 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;
}
*, *:before, *:after {
  box-sizing: border-box;
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1240px;
}

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

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

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

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

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

/* For global DND areas */
.kl-dnd-header:before {
  content: '';
  position: relative;
  display: block;
  height: 100%;
}

.kl-dnd-header-area {
  z-index: 99;
  position: fixed;
  width: 100%;
  /* Specifically for the header navbar */
}

.kl-dnd-header-area header.kl-header {
  position: relative;
}

.kl-dnd-header-area div.kl-header-placeholder {
  height: 0;
}

.kl-dnd-header-spacer {
  height: 100px;
}
/* Responsive Grid */
.row-fluid {
  width: 100%;
  *zoom: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.container-fluid {
  *zoom: 1;
}

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

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

@media (max-width: 767px) {
  .row-fluid {
    width: 100%;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: auto;
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    margin-left: 2.762430939%;
    *margin-left: 2.709239449638298%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .span12 {
    width: 99.999999993%;
    *width: 99.9468085036383%;
  }
  .row-fluid .span11 {
    width: 91.436464082%;
    *width: 91.38327259263829%;
  }
  .row-fluid .span10 {
    width: 82.87292817100001%;
    *width: 82.8197366816383%;
  }
  .row-fluid .span9 {
    width: 74.30939226%;
    *width: 74.25620077063829%;
  }
  .row-fluid .span8 {
    width: 65.74585634900001%;
    *width: 65.6926648596383%;
  }
  .row-fluid .span7 {
    width: 57.182320438000005%;
    *width: 57.129128948638304%;
  }
  .row-fluid .span6 {
    width: 48.618784527%;
    *width: 48.5655930376383%;
  }
  .row-fluid .span5 {
    width: 40.055248616%;
    *width: 40.0020571266383%;
  }
  .row-fluid .span4 {
    width: 31.491712705%;
    *width: 31.4385212156383%;
  }
  .row-fluid .span3 {
    width: 22.928176794%;
    *width: 22.874985304638297%;
  }
  .row-fluid .span2 {
    width: 14.364640883%;
    *width: 14.311449393638298%;
  }
  .row-fluid .span1 {
    width: 5.801104972%;
    *width: 5.747913482638298%;
  }
}

@media (min-width: 1280px) {
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    margin-left: 2.564102564%;
    *margin-left: 2.510911074638298%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.45299145300001%;
    *width: 91.3997999636383%;
  }
  .row-fluid .span10 {
    width: 82.905982906%;
    *width: 82.8527914166383%;
  }
  .row-fluid .span9 {
    width: 74.358974359%;
    *width: 74.30578286963829%;
  }
  .row-fluid .span8 {
    width: 65.81196581200001%;
    *width: 65.7587743226383%;
  }
  .row-fluid .span7 {
    width: 57.264957265%;
    *width: 57.2117657756383%;
  }
  .row-fluid .span6 {
    width: 48.717948718%;
    *width: 48.6647572286383%;
  }
  .row-fluid .span5 {
    width: 40.170940171000005%;
    *width: 40.117748681638304%;
  }
  .row-fluid .span4 {
    width: 31.623931624%;
    *width: 31.5707401346383%;
  }
  .row-fluid .span3 {
    width: 23.076923077%;
    *width: 23.0237315876383%;
  }
  .row-fluid .span2 {
    width: 14.529914530000001%;
    *width: 14.4767230406383%;
  }
  .row-fluid .span1 {
    width: 5.982905983%;
    *width: 5.929714493638298%;
  }
}

/* Clearfix */
.clearfix {
  *zoom: 1;
}

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

.clearfix:after {
  clear: both;
}

/* Visibilty Classes */
.hide {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

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

/* Responsive Visibilty Classes */
.visible-phone {
  display: none !important;
}

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

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

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

@media (min-width: 768px) and (max-width: 1139px) {
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
}
button, .button, .button_cta a {
  background-color: rgba(53, 116, 227, 1.0);
  border: 1px solid rgba(53, 116, 227, 1.0);
  border-radius: 5px;
  color: rgba(255, 255, 255, 1);
  padding: 15px 25px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  text-transform: none;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  cursor: pointer;
  line-height: 1.1;
  letter-spacing: 0.03em;
  white-space: normal;
  word-break: break-word;
  text-align: center;
  text-decoration: none;
  position: relative;
  transition: all 0.15s linear;
  /* To affect HubSpot CTAs */
}

button:hover, button:focus, button:active, .button:hover, .button:focus, .button:active, .button_cta a:hover, .button_cta a:focus, .button_cta a:active {
  background-color: rgba(59, 102, 201, 1.0);
  border-color: rgba(59, 102, 201, 1.0);
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
  transform: scale(1.05);
}

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

button a, .button a, .button_cta a a {
  color: rgba(255, 255, 255, 1);
}

button a:hover, .button a:hover, .button_cta a a:hover {
  color: white;
  text-decoration: none;
}

/* 
 This class allows the use of CTAS 
 */
.button_cta, .button_cta.button--outlined, .button_cta.button--arrow {
  padding: 0;
  border: none;
  display: inline-block;
}

.button_cta:after, .button_cta.button--outlined:after, .button_cta.button--arrow:after {
  display: none;
}

@media screen and (max-width: 767px) {
  .button_cta, .button_cta.button--outlined, .button_cta.button--arrow {
    text-align: center;
  }
}

.widget-type-cta {
  background-color: rgba(53, 116, 227, 1.0);
  border: 1px solid rgba(53, 116, 227, 1.0);
  border-radius: 5px;
  color: rgba(255, 255, 255, 1);
  padding: 15px 25px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  text-transform: none;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  cursor: pointer;
  line-height: 1.1;
  letter-spacing: 0.03em;
  white-space: normal;
  word-break: break-word;
  text-align: center;
  text-decoration: none;
  position: relative;
  transition: all 0.15s linear;
  /* To affect HubSpot CTAs */
}

.widget-type-cta:hover, .widget-type-cta:focus, .widget-type-cta:active {
  background-color: rgba(59, 102, 201, 1.0);
  border-color: rgba(59, 102, 201, 1.0);
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
  transform: scale(1.05);
}

.widget-type-cta:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

.widget-type-cta a {
  color: rgba(255, 255, 255, 1);
}

.widget-type-cta a:hover {
  color: white;
  text-decoration: none;
}

.widget-type-cta a {
  color: white;
}

.widget-type-cta a:hover, .widget-type-cta a:focus, .widget-type-cta a:active {
  color: white;
  text-decoration: none;
}

.button--outlined, .button_cta.button--outlined a {
  background-color: transparent;
  color: #3574E3;
  border: 2px solid #3574E3;
  /* To affect HubSpot CTAs */
}

.button--outlined a, .button_cta.button--outlined a a {
  color: inherit;
}

.button--arrow, .button_cta.button--arrow a {
  color: #022b3a;
  background: none;
  border: none;
  padding: 0;
  transition: none;
  /* To affect HubSpot CTAs */
}

.button--arrow:after, .button_cta.button--arrow a:after {
  content: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 13'%3E%3Cpath d='M37.5303 7.0303a.75.75 0 000-1.0606l-4.7729-4.773a.75.75 0 00-1.0607 1.0607L35.9393 6.5l-4.2426 4.2426a.75.75 0 001.0607 1.0607l4.7729-4.773zM0 7.25h37v-1.5H0v1.5z' fill='%23022b3a'/%3E%3C/svg%3E");
  width: 36px;
  margin-left: 6px;
  display: inline-block;
  vertical-align: middle;
  transition: margin .15s linear;
}

.button--arrow:hover, .button--arrow:focus, .button--arrow:active, .button_cta.button--arrow a:hover, .button_cta.button--arrow a:focus, .button_cta.button--arrow a:active {
  background: none;
  border: none;
  text-decoration: none;
  color: #3574E3;
  transform: none;
}

.button--arrow:hover:after, .button--arrow:focus:after, .button--arrow:active:after, .button_cta.button--arrow a:hover:after, .button_cta.button--arrow a:focus:after, .button_cta.button--arrow a:active:after {
  /* Really nasty way of chaning the color of the arrow */
  content: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 13'%3E%3Cpath d='M37.5303 7.0303a.75.75 0 000-1.0606l-4.7729-4.773a.75.75 0 00-1.0607 1.0607L35.9393 6.5l-4.2426 4.2426a.75.75 0 001.0607 1.0607l4.7729-4.773zM0 7.25h37v-1.5H0v1.5z' fill='%233574E3'/%3E%3C/svg%3E");
  margin-left: 10px;
}

.button--arrow:hover a, .button--arrow:focus a, .button--arrow:active a, .button_cta.button--arrow a:hover a, .button_cta.button--arrow a:focus a, .button_cta.button--arrow a:active a {
  color: inherit;
}

.button--arrow:disabled, .button_cta.button--arrow a:disabled {
  background: none;
  border: none;
  color: #aeaeae;
  cursor: auto;
}

.button--arrow a, .button_cta.button--arrow a a {
  color: inherit;
}
#hubspot-messages-iframe-container {
  z-index: 13 !important;
}
/* Form */
form, .submitted-message {
  font-family: Muli, sans-serif;
}

.hs-form-field {
  margin: 0 0 1rem;
}

/* Labels */
form label {
  color: #022b3a;
  display: block;
  font-size: 0.875rem;
  font-weight: bold;
  padding-top: 0;
  margin-bottom: 0.35rem;
  text-align: left;
  width: auto;
}

/* Help text - legends */
form legend {
  color: #33475B;
  font-size: 0.875rem;
}

/* Inputs */
.input {
  position: relative;
}

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=file],
select,
textarea {
  background-color: #FFF;
  border: 1px solid #DADADA;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: normal;
  padding: .75rem 1rem;
  width: 100%;
  border-color: #DADADA;
  color: #022b3a;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=file]:focus,
select:focus,
textarea:focus {
  outline: none;
  border: 1px solid #3574E3;
}

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

fieldset.form-columns-0, fieldset.form-columns-1, fieldset.form-columns-2, fieldset.form-columns-3 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

fieldset.form-columns-0 > div, fieldset.form-columns-1 > div, fieldset.form-columns-2 > div, fieldset.form-columns-3 > div {
  width: 100%;
}

fieldset.form-columns-0 .hs-form-field, fieldset.form-columns-1 .hs-form-field, fieldset.form-columns-2 .hs-form-field, fieldset.form-columns-3 .hs-form-field {
  flex-grow: 1;
  flex-basis: 135px;
}

fieldset.form-columns-0 .hs-form-field .input, fieldset.form-columns-1 .hs-form-field .input, fieldset.form-columns-2 .hs-form-field .input, fieldset.form-columns-3 .hs-form-field .input {
  margin-right: 0;
}

fieldset.form-columns-0 .hs-form-field .hs-input, fieldset.form-columns-1 .hs-form-field .hs-input, fieldset.form-columns-2 .hs-form-field .hs-input, fieldset.form-columns-3 .hs-form-field .hs-input {
  width: 100% !important;
  /* Style specifically for the international phone selector */
}

fieldset.form-columns-0 .hs-form-field .hs-input.hs-fieldtype-intl-phone, fieldset.form-columns-1 .hs-form-field .hs-input.hs-fieldtype-intl-phone, fieldset.form-columns-2 .hs-form-field .hs-input.hs-fieldtype-intl-phone, fieldset.form-columns-3 .hs-form-field .hs-input.hs-fieldtype-intl-phone {
  display: flex;
  align-items: center;
}

fieldset.form-columns-0 .hs-form-field .hs-input.hs-fieldtype-intl-phone select, fieldset.form-columns-1 .hs-form-field .hs-input.hs-fieldtype-intl-phone select, fieldset.form-columns-2 .hs-form-field .hs-input.hs-fieldtype-intl-phone select, fieldset.form-columns-3 .hs-form-field .hs-input.hs-fieldtype-intl-phone select {
  flex: 1 1 25%;
  margin-right: 10px;
}

fieldset.form-columns-0 .hs-form-field input[type=checkbox],
fieldset.form-columns-0 .hs-form-field input[type=radio], fieldset.form-columns-1 .hs-form-field input[type=checkbox],
fieldset.form-columns-1 .hs-form-field input[type=radio], fieldset.form-columns-2 .hs-form-field input[type=checkbox],
fieldset.form-columns-2 .hs-form-field input[type=radio], fieldset.form-columns-3 .hs-form-field input[type=checkbox],
fieldset.form-columns-3 .hs-form-field input[type=radio] {
  width: auto !important;
}

/* Form placeholder text */
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  color: #E4E4E4;
}

/* Inputs - checkbox/radio */
form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.inputs-list > li {
  display: block;
  margin: 0.7rem 0;
  padding: 0;
  width: 100%;
}

.inputs-list input,
.inputs-list span {
  font-size: 0.875rem;
  vertical-align: middle;
}

.hs-input[type=checkbox],
.hs-input[type=radio] {
  border: none;
  cursor: pointer;
  height: auto;
  line-height: normal;
  margin-right: 0.35rem;
  padding: 0;
  width: auto;
}

.hs-input[type=checkbox] + label,
.hs-input[type=radio] + label {
  display: inline-block;
  vertical-align: top;
}

/* Inputs - datepicker */
.hs-fieldtype-date .input .hs-dateinput:before {
  color: #E4E4E4;
  content: '\01F4C5';
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.fn-date-picker button, .fn-date-picker .button {
  min-width: auto;
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
  background-color: #3574E3;
}

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

.fn-date-picker td.is-selected .pika-button {
  background: #3574E3;
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover {
  background: #3574E3 !important;
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */
input[type=file] {
  background-color: transparent;
  border: initial;
  box-shadow: none;
  line-height: 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;
}

form .header {
  background-color: transparent;
  border: none;
}

h3.form-title {
  color: #022b3a;
}

/* GDPR */
.legal-consent-container {
  margin: 0;
}

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

/* Validation */
.hs-form-required {
  color: red;
}

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

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

/* Submit button */
form input[type=submit],
form .hs-button {
  background-color: rgba(53, 116, 227, 1.0);
  border: 1px solid rgba(53, 116, 227, 1.0);
  border-radius: 5px;
  color: rgba(255, 255, 255, 1);
  padding: 15px 25px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  text-transform: none;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  cursor: pointer;
  line-height: 1.1;
  letter-spacing: 0.03em;
  white-space: normal;
  word-break: break-word;
  text-align: center;
  text-decoration: none;
  position: relative;
  transition: all 0.15s linear;
  /* To affect HubSpot CTAs */
}

form input[type=submit]:hover, form input[type=submit]:focus, form input[type=submit]:active,
form .hs-button:hover,
form .hs-button:focus,
form .hs-button:active {
  background-color: rgba(59, 102, 201, 1.0);
  border-color: rgba(59, 102, 201, 1.0);
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
  transform: scale(1.05);
}

form input[type=submit]:disabled,
form .hs-button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

form input[type=submit] a,
form .hs-button a {
  color: rgba(255, 255, 255, 1);
}

form input[type=submit] a:hover,
form .hs-button a:hover {
  color: white;
  text-decoration: none;
}

/* Captcha */
.grecaptcha-badge {
  margin: 0;
  max-width: 100%;
}
/* Overlay Background Styles */
.hs-overlay-background {
  position: fixed;
  /* One less than the overlay z-index value */
  z-index: 999999;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background: rgba(0, 0, 0, 0.2);
  inset: 0;
  opacity: 0;
  transition: opacity 500ms ease 0s, visibility 500ms ease 0s;
  visibility: hidden;
}

.hs-overlay-background.open {
  opacity: 1;
  visibility: visible;
}

/* Overlay Styles */
html.hs-payments--overlay-open {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.hs-overlay {
  position: fixed;
  /* Well below the maximum value, but high enough to cover most cases */
  z-index: 1000000;
  background-color: #fff;
  transition: transform 500ms ease 0s, visibility 500ms ease 0s;
  visibility: hidden;
  /* Button Styles */
}

.hs-overlay .button {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  text-align: center;
}

.hs-overlay .button .button__icon svg {
  display: block;
  height: 1.25rem;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .hs-overlay .button .button__icon svg {
    height: 1.25rem;
    width: 1.25rem;
  }
}

.hs-overlay .button--icon-right .button__icon {
  order: 1;
}

.hs-overlay--slide-bottom {
  top: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  height: calc(100% - 50px);
  width: 100vw;
  transform: translateY(0);
}

@media screen and (max-width: 414px) {
  .hs-overlay--slide-bottom {
    width: 100vw;
  }
}

.hs-overlay--slide-right, .hs-overlay--slide-left {
  top: 0;
  bottom: 0;
  height: 100%;
  width: clamp(427px, 60vw, 600px);
  transform: translateX(0);
}

@media screen and (max-width: 414px) {
  .hs-overlay--slide-right, .hs-overlay--slide-left {
    width: 100vw;
  }
}

.hs-overlay--slide-right {
  left: 100%;
}

.hs-overlay--slide-left {
  right: 100%;
}

.hs-overlay.open {
  transition: transform 500ms ease 0s, visibility 500ms ease 0s;
  visibility: visible;
}

.hs-overlay.open.hs-overlay--slide-left {
  transform: translateX(100%);
}

.hs-overlay.open.hs-overlay--slide-right {
  transform: translateX(-100%);
}

.hs-overlay.open.hs-overlay--slide-bottom {
  transform: translateY(-100%);
}

button.hs-overlay__close--top {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  height: 30px;
  width: 30px;
  padding: 5px;
  border: none;
  border-radius: 50%;
  align-items: center;
  background: rgba(255, 255, 255, 0.75);
  outline-color: #33475b;
}

button.hs-overlay__close--top svg {
  fill: #7c98b6;
}

button.hs-overlay__close--top:hover svg,
button.hs-overlay__close--top:focus svg {
  fill: #33475b;
}

@media screen and (min-width: 768px) {
  button.hs-overlay__close--top {
    background: transparent;
  }
}

button.hs-overlay__close--bottom {
  position: absolute;
  top: initial;
  right: 16px;
  bottom: 16px;
  padding: 5px;
  border: none;
  background: none;
  color: #33475b;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  opacity: 0;
  outline-color: #33475b;
}

button.hs-overlay__close--bottom:focus {
  opacity: 1;
}

.hs-overlay .payments-iframe-container {
  height: 100%;
  width: 100%;
}

.hs-overlay .payments-iframe-container iframe {
  height: 100% !important;
}

.hs-screen-reader-only {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
body, html {
  scroll-behavior: auto;
}

a[data-hs-anchor="true"] {
  display: block;
  transform: translateY(-88px);
  position: relative;
  z-index: -1;
}
/* Table */
table {
  background-color: rgba(255, 255, 255, 1.0);
  border: 1px solid #022b3a;
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

tbody + tbody {
  border-top: 2px solid #022b3a;
}

/* Table Cells */
th,
td {
  border: 1px solid #022b3a;
  color: #022b3a;
  padding: 0.75rem;
  vertical-align: top;
}

/* Table Header */
thead th,
thead td {
  background-color: rgba(53, 116, 227, 1.0);
  color: #FFFFFF;
  vertical-align: bottom;
}

/* Table footer */
tfoot td {
  background-color: rgba(255, 255, 255, 1.0);
  color: #022b3a;
}
.kl-tooltip {
  position: relative;
}

.kl-tooltip > div {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  min-width: 120px;
  left: -22px;
  width: max-content;
  display: block;
  max-width: 360px;
  border-radius: 6px;
  padding: 20px 16px;
  margin-top: 12px;
  background-color: white;
  z-index: 9;
  box-shadow: 0 8px 40px 0px #e6e6e6;
}

.kl-tooltip > div:after {
  content: ' ';
  position: absolute;
  bottom: 100%;
  /* At the top of the tooltip */
  left: 32px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent white transparent;
}

.kl-tooltip:hover > div {
  visibility: visible;
  opacity: 1;
}

.kl-tooltip--dark > div {
  background-color: black;
}

.kl-tooltip--dark > div h1, .kl-tooltip--dark > div h2, .kl-tooltip--dark > div h3, .kl-tooltip--dark > div h4, .kl-tooltip--dark > div h5, .kl-tooltip--dark > div h6, .kl-tooltip--dark > div p {
  color: white;
}

.kl-tooltip--dark > div:after {
  border-color: transparent transparent black transparent;
}
html {
  font-size: 20px;
}

body {
  font-family: Muli, sans-serif;
  color: #022b3a;
  margin: 0;
  line-height: 1.4;
  word-break: break-word;
}

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

/* Paragraphs */
p {
  font-size: 20px;
  line-height: 1.275;
  margin: 0 0 1.4rem;
}

strong {
  font-weight: 700;
}

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

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

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Muli, Poppins, 'Poppins', sans-serif;
  font-weight: 700;
  margin: 0 0 1.4rem;
}

h1 {
  font-family: Poppins, sans-serif;
  font-size: 60px;
  color: #3574E3;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
}

h2 {
  font-family: Poppins, sans-serif;
  font-size: 48px;
  color: #022b3a;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
}

h3 {
  font-family: Poppins, sans-serif;
  font-size: 30px;
  color: #022b3a;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
}

h4 {
  font-family: Poppins, sans-serif;
  font-size: 26px;
  color: #022b3a;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
}

h5 {
  font-family: Poppins, sans-serif;
  font-size: 22px;
  color: #022b3a;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
}

h6 {
  font-family: Poppins, sans-serif;
  font-size: 12px;
  color: #022b3a;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
}

/* Helper Class */
.kl-helper__content {
  font-family: Muli, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

/* Lists */
ul,
ol {
  margin: 0 0 1.5rem;
  padding: 0 0 0 1.1rem;
}

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

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

/* Code blocks */
code {
  vertical-align: bottom;
}

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

/* Horizontal rules */
hr {
  background-color: #CCC;
  border: none;
  color: #CCC;
  height: 1px;
}

/* Subscripts and superscripts */
sup,
sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Focus styles */
:focus {
  outline: auto;
  outline-color: #3574E3;
}

.disable-focus-styles :focus {
  outline: none;
}
.kl-blog-menu__title {
  font-size: 1rem;
  font-weight: bold;
  padding: 10px;
  background-color: #3574E3;
  color: #ffffff;
  border-top-right-radius: 9px;
  border-top-left-radius: 9px;
}

.kl-blog-menu__list {
  list-style-type: none;
  padding-right: 10px;
  padding-left: 10px;
  font-size: .9rem;
}

.kl-blog-menu__list ul {
  margin-bottom: 15px;
}

.kl-blog-menu__list a {
  color: #022b3a;
  text-decoration: none;
}

.kl-blog-menu__list a:hover {
  text-decoration: underline;
}
/* Blog subscribe */
.blog-subscribe {
  background-color: #F0F5FF;
  padding: 80px 0;
}

.blog-subscribe__wrapper {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .blog-subscribe__wrapper {
    display: block;
  }
}

.blog-subscribe__header {
  flex-basis: 465px;
  flex-grow: 1;
  max-width: 680px;
}

.blog-subscribe__form {
  flex-basis: 450px;
  margin-left: 32px;
}

@media screen and (max-width: 768px) {
  .blog-subscribe__form {
    margin: 32px 0 0;
  }
}
.kl-movable-wrapper {
  position: relative;
}

.kl-movable-wrapper > .kl-movable {
  position: absolute;
  width: 100%;
  left: 50%;
  border-radius: 9px;
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
  background-color: rgba(255, 255, 255, 1.0);
}

.kl-movable-wrapper > .kl-movable .kl-row {
  display: flex;
  padding: 30px 0;
  justify-content: space-evenly;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .kl-movable-wrapper > .kl-movable .kl-row {
    flex-wrap: wrap;
  }
}

.kl-movable-wrapper > .kl-movable .kl-row .kl-column {
  padding: 0 20px;
}

@media screen and (max-width: 767px) {
  .kl-movable-wrapper > .kl-movable .kl-row .kl-column {
    flex: 1 1 100%;
    padding: 20px;
  }
}
.kl-card-grid > div {
  display: flex;
  flex-wrap: wrap;
  margin: -26px;
}

.kl-card-grid__card-wrapper {
  display: flex;
  flex-basis: calc(100% / 3);
  padding: 26px;
}

@media screen and (max-width: 768px) {
  .kl-card-grid__card-wrapper {
    flex-basis: calc(100% / 2);
  }
}

@media screen and (max-width: 520px) {
  .kl-card-grid__card-wrapper {
    flex-basis: calc(100% / 1);
  }
}

.kl-card-grid__card {
  width: 100%;
  border: 0.5px solid rgba(100, 146, 253, 0.2);
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
  background-color: rgba(255, 255, 255, 1.0);
  border-radius: 9px;
  overflow: hidden;
}

.kl-card-grid__image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  height: 260px;
  width: 100%;
}

.kl-card-grid__preheader {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #3574E3;
  display: block;
  margin: 0 0 .5rem;
}

.kl-card-grid__content {
  display: block;
  padding: 20px 24px;
  color: #022b3a;
  text-decoration: none;
}

.kl-card-grid__content h3, .kl-card-grid__content h4 {
  margin: 0 0 .5rem;
}

.kl-card-grid__content p {
  margin: 0;
}

.kl-card-grid__content:hover, .kl-card-grid__content:focus {
  color: #022b3a;
  text-decoration: none;
}

.kl-card-grid--4-columns > div {
  margin: -24px -12px;
}

.kl-card-grid--4-columns .kl-card-grid__card-wrapper {
  flex-basis: calc(100% / 4);
  padding: 24px 12px;
}

@media screen and (max-width: 920px) {
  .kl-card-grid--4-columns .kl-card-grid__card-wrapper {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 768px) {
  .kl-card-grid--4-columns .kl-card-grid__card-wrapper {
    flex-basis: calc(100% / 2);
  }
}

@media screen and (max-width: 520px) {
  .kl-card-grid--4-columns .kl-card-grid__card-wrapper {
    flex-basis: calc(100% / 1);
  }
}

.kl-card-grid--4-columns .kl-card-grid__image {
  height: 220px;
}

.kl-card-grid .kl-card__search-container {
  width: calc(33.33% - 38px);
  flex-direction: column;
  gap: 0.5rem;
}

.kl-card-grid .kl-card__search-container label {
  font-weight: 700;
}

.kl-card-grid .kl-card__search-container input {
  padding: 10px 15px;
  border: 1px solid #dadada;
}

@media screen and (max-width: 768px) {
  .kl-card-grid .kl-card__search-container {
    width: calc(50% - 26px);
  }
}

@media screen and (max-width: 520px) {
  .kl-card-grid .kl-card__search-container {
    width: 100%;
  }
}

.kl-card-grid .kl-card__search__no-match {
  display: none;
  align-items: center;
  justify-content: center;
  background: #efeff1;
  padding: 52px 26px;
  width: calc(100% - 52px);
  border-radius: 3px;
}

.kl-card-grid .kl-card__search__no-match span {
  color: #8a8a8b;
  font-size: 1.25rem;
  font-weight: bold;
}

.kl-card-grid.kl-card-grid--search-active .kl-card-grid__card-wrapper {
  display: none;
  transition: 0.25s ease all 0.25s !important;
  transform: scale(0);
  opacity: 0.65;
  will-change: transform;
}

.kl-card-grid.kl-card-grid--search-active .kl-card-grid__card-wrapper.kl-card-grid--search__item-match {
  display: flex;
  transform: scale(1);
  opacity: 1;
}
.kl-cards-slider {
  position: relative;
  max-width: 848px;
  margin: 0 auto;
}

.kl-cards-slider-wrapper {
  padding: 0 15px;
}

.kl-cards-slider__arrow {
  position: absolute;
  top: 20px;
  display: block;
  width: 30px;
  height: 30px;
  padding: 8px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kl-cards-slider__arrow svg {
  fill: #3A3A3A;
  display: block;
  width: 100%;
}

.kl-cards-slider__arrow--prev {
  left: 0;
  transform: translateX(-50%);
}

.kl-cards-slider__arrow--next {
  right: 0;
  transform: translateX(50%);
}

.kl-cards-slider__card {
  display: none;
  overflow: hidden;
  border: 0.5px solid rgba(100, 146, 253, 0.2);
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
  border-radius: 9px;
}

.kl-cards-slider__card--active {
  display: block;
}

.kl-cards-slider__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #F3F3F3;
  padding: 16px 48px;
}

@media screen and (max-width: 360px) {
  .kl-cards-slider__header {
    display: block;
    padding: 16px 32px;
  }
}

.kl-cards-slider__image {
  margin: 0 15% 0 0;
}

.kl-cards-slider__button {
  display: flex;
}

@media screen and (max-width: 360px) {
  .kl-cards-slider__button {
    margin: 16px 0 0;
  }
}

.kl-cards-slider__content {
  padding: 16px 48px;
  background-color: rgba(255, 255, 255, 1.0);
  margin: 0 -22px;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 360px) {
  .kl-cards-slider__content {
    padding: 16px 32px;
  }
}

@media screen and (max-width: 580px) {
  .kl-cards-slider__content {
    display: block;
  }
}

.kl-cards-slider__content > div {
  margin: 0 22px;
  flex-grow: 1;
  flex-basis: 200px;
}

.kl-cards-slider__content h5 {
  color: #3574E3;
}

.kl-cards-slider__content ul {
  padding-inline-start: 1.1em;
}
.kl-toggler.content-1 {
  display: none;
}

.kl-content-toggle-label {
  color: #e0e0e0;
  margin: 0;
  transition: all .2s ease-in-out;
}

.kl-content-toggle-label.active {
  color: #3574E3;
}

.kl-content-toggle {
  margin: 20px 0;
  display: flex;
  align-items: center;
}

.kl-content-toggle__wrapper {
  position: relative;
  background-color: #e0e0e0;
  width: 50px;
  height: 30px;
  border-radius: 50px;
  cursor: pointer;
  margin: 0 20px;
}

.kl-content-toggle__toggler {
  position: absolute;
  top: 50%;
  left: 5px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #3574E3;
  transition: all .2s ease-in-out;
}

.kl-content-toggle__toggler.right {
  transform: translate(100%, -50%);
}

.kl-content-toggle__toggler.left {
  transform: translate(0, -50%);
}
.kl-custom-anchor {
  scroll-margin-top: 88px;
}
.kl-custom-image {
  display: block;
  position: relative;
}

.kl-custom-image img {
  display: block;
  position: relative;
}

.kl-custom-image__filter {
  position: absolute;
  top: 0;
  bottom: 0;
  transition: all .2s ease-in-out;
  border-color: transparent !important;
  opacity: 1;
}

.kl-custom-image__filter.kl-hidden {
  opacity: 0;
}

.kl-custom-image__text {
  position: absolute;
  display: block;
  width: 100%;
  pointer-events: none;
}

.kl-custom-image__text--vertical-top {
  top: 0;
  bottom: auto;
}

.kl-custom-image__text--vertical-bottom {
  top: auto;
  bottom: 0;
}

.kl-custom-image__text--vertical-center {
  top: 50%;
  transform: translateY(-50%);
}

.kl-custom-image__pointer {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  pointer-events: none;
  background-repeat: no-repeat;
  transition: opacity .2s ease-in-out;
  opacity: 1;
}

.kl-custom-image__pointer.hide {
  opacity: 0;
}

.kl-custom-image.kl-alignment--center img {
  margin: 0 auto;
}

.kl-custom-image.kl-alignment--center .kl-custom-image__filter {
  top: 50%;
  left: 50%;
  bottom: auto;
  transform: translate(-50%, -50%);
}

.kl-custom-image.kl-alignment--right img {
  margin: 0 0 0 auto;
}

.kl-custom-image.kl-alignment--right .kl-custom-image__filter {
  right: 0;
}

.kl-custom-image.kl-alignment--left img {
  margin: 0 auto 0 0;
}

.kl-custom-image.kl-alignment--left .kl-custom-image__filter {
  left: 0;
}

.kl-pointer-true {
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  html, body {
    overflow-x: hidden;
  }
}
.kl-rich-text__preheader {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #3574E3;
  display: block;
  margin: 0 0 .75rem;
}

.kl-rich-text img {
  max-width: 100%;
}

.kl-rich-text h1 {
  color: #022b3a;
}

.kl-rich-text p {
  margin: 0 0 1rem;
}

.kl-rich-text p:last-child {
  margin: 0 0 2rem;
}

.kl-rich-text__buttons {
  margin: -10px;
}

.kl-rich-text__buttons .button, .kl-rich-text__buttons .button_cta {
  margin: 10px;
}

@media screen and (max-width: 480px) {
  .kl-rich-text__buttons .button, .kl-rich-text__buttons .button_cta {
    display: block;
  }
}

.kl-rich-text__form {
  max-width: 600px;
}

.kl-rich-text--center {
  text-align: center;
  margin: 0 auto;
}

.kl-rich-text--center .kl-rich-text__form {
  max-width: 600px;
  margin: 0 auto;
}

.kl-rich-text--right {
  text-align: right;
  margin: 0 0 0 auto;
}

.kl-rich-text--right .kl-rich-text__form {
  margin: 0 0 0 auto;
}


.buttons-cta-all .button {
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
}
.kl-faq {
  background: #FFFFFF;
  border: 3px solid #F3F3F3;
  border-radius: 9px;
}

.kl-faq__entry + .kl-faq__entry {
  border-top: 3px solid #F3F3F3;
}

.kl-faq__entry--active .kl-faq__icon {
  transform: rotate(90deg);
}

.kl-faq__entry--active .kl-faq__icon:before {
  opacity: 0;
}

.kl-faq__header {
  padding: 24px 42px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 480px) {
  .kl-faq__header {
    padding: 24px 16px;
  }
}

.kl-faq__header:hover {
  cursor: pointer;
}

.kl-faq__header h3 {
  margin: 0;
}

.kl-faq__icon {
  position: relative;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-left: 32px;
  transition: transform .2s ease-out;
}

.kl-faq__icon:before {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background-color: #022b3a;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity .2s ease-out;
}

.kl-faq__icon:after {
  content: '';
  display: block;
  height: 100%;
  width: 2px;
  background-color: #022b3a;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.kl-faq__description {
  padding: 0 42px;
  height: 0;
  transition: height .25s ease-out;
  overflow: hidden;
}

@media screen and (max-width: 480px) {
  .kl-faq__description {
    padding: 0 16px;
  }
}

.kl-faq__description .kl-faq__inner {
  margin: 0 0 2rem;
}
.kl-featured-cards__wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: -12px;
}

.kl-featured-cards__column {
  flex-basis: 360px;
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
}

.kl-featured-cards__card-wrapper {
  flex-grow: 2;
  flex-basis: 360px;
  display: flex;
  padding: 12px;
}

.kl-featured-card {
  border: 0.5px solid rgba(100, 146, 253, 0.2);
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
  border-radius: 9px;
  background-color: rgba(255, 255, 255, 1.0);
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

.kl-featured-card__preheader {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #3574E3;
  display: block;
  line-height: 1rem;
  margin: 0 0 .75rem;
}

.kl-featured-card__content h1, .kl-featured-card__content h2, .kl-featured-card__content h3, .kl-featured-card__content h4, .kl-featured-card__content h5, .kl-featured-card__content h6 {
  font-weight: bold;
  margin: 0 0 1rem;
}

.kl-featured-card__content p {
  margin: 0 0 2rem;
}

.kl-featured-card__body {
  padding: 32px 25px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  flex-basis: 250px;
  flex-grow: 99;
}

.kl-featured-card__text {
  flex-grow: 1;
}

.kl-featured-card__image {
  width: 100%;
  flex-basis: 360px;
  flex-grow: 1;
}

.kl-featured-card__image a {
  display: block;
  height: 100%;
}

.kl-featured-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.kl-footer {
  background-color: rgba(2, 43, 58, 1.0);
}

.kl-footer h1, .kl-footer h2, .kl-footer h3, .kl-footer h4, .kl-footer h5, .kl-footer h6, .kl-footer p, .kl-footer a, .kl-footer div, .kl-footer span {
  color: rgba(255, 255, 255, 1.0);
}

.kl-footer__wrapper {
  width: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
}

.kl-footer__legal {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 0.875rem;
  margin: -0.625rem -1.25rem;
}

.kl-footer__legal > span {
  margin: 0.625rem 1.25rem;
  color: rgba(255, 255, 255, 1.0);
}

.kl-footer__legal a {
  color: rgba(255, 255, 255, 1.0);
}

.kl-footer__legal a:hover, .kl-footer__legal a:focus, .kl-footer__legal a:active {
  color: rgba(53, 116, 227, 1.0);
  text-decoration: none;
}

.kl-footer__byline {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 0.75rem;
  margin: -0.625rem -1.25rem;
}

@media screen and (max-width: 680px) {
  .kl-footer__byline {
    justify-content: center;
  }
}

.kl-footer__byline > span {
  margin: 0.625rem 1.25rem;
  color: rgba(255, 255, 255, 1.0);
  text-align: center;
}

.kl-footer__byline a {
  color: rgba(255, 255, 255, 1.0);
}

.kl-footer__byline a:hover, .kl-footer__byline a:focus, .kl-footer__byline a:active {
  color: rgba(53, 116, 227, 1.0);
  text-decoration: none;
}

.kl-footer__content {
  display: flex;
  justify-content: space-between;
  padding: 120px 0;
}

@media screen and (max-width: 1024px) {
  .kl-footer__content {
    padding: 0 0 32px !important;
  }
}

@media screen and (max-width: 680px) {
  .kl-footer__content {
    display: block;
  }
}

.kl-footer__address {
  margin: 32px 0 16px;
}

.kl-footer__address p {
  color: rgba(255, 255, 255, 1.0);
}

.kl-footer__info {
  flex-basis: 250px;
}

.kl-footer__info img {
  display: block;
  width: auto;
  height: auto;
  margin: 0;
}

.kl-footer__info p {
  font-size: 0.875em;
}

.kl-footer__social {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0 -16px;
}

.kl-footer__social span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin: 8px 16px;
}

.kl-footer__social svg {
  display: block;
  width: 25px;
  height: 25px;
  fill: rgba(255, 255, 255, 1.0);
  transition: all .25s ease-in-out;
}

.kl-footer__social a:hover svg {
  fill: rgba(53, 116, 227, 1.0);
}

.kl-footer__menu {
  display: flex;
  flex-wrap: wrap;
  margin: -16px 0;
}

.kl-footer__menu ul ul {
   margin-left: 0;
   margin-bottom: 24px; /* Increased spacing */
}

/* Parent links with submenus - visual distinction */
.footer-parent-header {
    font-weight: 600; /* reduced from 700 */
    font-size: 14px;
    display: block;
    margin-bottom: 12px;
    margin-top: 20px;
    cursor: default;
    line-height: 1.2;
    color: #fff !important; 
    opacity: 0.5; /* Faded parent items */
}

/* Specific fix for first item to not have top margin */
.footer-parent-item:first-child .footer-parent-header {
    margin-top: 0;
}

.footer-parent-item ul li a {
    font-weight: 500 !important;
    /* font-size removed to inherit standard footer size */
    opacity: 1; /* Bright child items */
    margin-bottom: 8px !important;
    line-height: 1.5;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.footer-parent-item ul li a:hover {
    opacity: 0.8;
    transform: translateX(4px);
}

@media screen and (max-width: 680px) {
  .kl-footer__menu {
    margin: 16px -16px 0;
  }
}

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

.kl-footer__menu h3 {
  font-size: 1.125rem;
  font-weight: bold;
  margin: 0 0 2rem;
  color: rgba(255, 255, 255, 1.0);
}

.kl-footer__menu a {
  display: block;
  font-size: 0.875em;
  font-weight: 500;
  line-height: 17px;
  color: rgba(255, 255, 255, 1.0);
  margin: 0 0 1.375em;
}

.kl-footer__menu a:hover, .kl-footer__menu a:focus, .kl-footer__menu a:active {
  color: rgba(53, 116, 227, 1.0);
  text-decoration: none;
}


@media screen and (max-width: 680px) {
  .kl-footer__group {
    margin: 16px;
  }
}
.kl-hero-01 {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 70vh;
  padding: 64px 0;
}

.kl-hero-01__content {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  position: relative;
  padding: 20px;
  padding-right: 50%;
}

@media screen and (min-width: 1380px) {
  .kl-hero-01__content {
    padding: 0px;
  }
}

@media screen and (max-width: 768px) {
  .kl-hero-01__content {
    padding: 20px;
  }
}

@media screen and (min-width: 1240px) {
  .kl-hero-01__content {
    padding: 0;
  }
}

.kl-hero-01__content > div {
  max-width: 430px;
}

@media screen and (max-width: 768px) {
  .kl-hero-01__content > div {
    max-width: none;
  }
}

.kl-hero-01__image {
  position: absolute;
  width: 45%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
  right: 0;
  transition: opacity .2s, width .5s;
}

@media screen and (max-width: 768px) {
  .kl-hero-01__image {
    opacity: .3;
    width: 100%;
  }
}
.kl-hero-02 {
  display: flex;
  padding: 64px 0;
  min-height: 50vh;
}

.kl-hero-02__content {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 1380px) {
  .kl-hero-02__content {
    padding: 0px;
  }
}

@media screen and (max-width: 960px) {
  .kl-hero-02__content {
    display: block;
  }
}

.kl-hero-02__content .kl-rich-text {
  flex-basis: 300px;
  flex-grow: 1;
}

.kl-hero-02__image {
  margin-left: 32px;
  display: flex;
  flex-grow: 1;
  flex-basis: 480px;
  height: 100%;
}

@media screen and (max-width: 960px) {
  .kl-hero-02__image {
    max-width: 720px;
    margin: 32px auto 0;
    height: auto;
  }
}

.kl-hero-02__image img {
  max-width: 100%;
  display: block;
}

.kl-hero-02__image--left {
  justify-content: flex-start;
}

.kl-hero-02__image--center {
  justify-content: center;
}

.kl-hero-02__image--right {
  justify-content: flex-end;
}

.kl-hero-02__image--top {
  align-items: flex-start;
}

.kl-hero-02__image--middle {
  align-items: center;
}

.kl-hero-02__image--bottom {
  align-items: flex-end;
}

@media screen and (max-width: 768px) {
  .kl-hero-02__content h3 {
    font-size: 30px!important;
  }
}
.kl-hero-03 {
  padding: 120px 0;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .kl-hero-03 {
    padding: 64px 0;
  }
}

.kl-hero-03__content {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  position: relative;
}

@media screen and (min-width: 1380px) {
  .kl-hero-03__content {
    padding: 0px;
  }
}

.kl-hero-03__content .kl-rich-text {
  max-width: 50%;
}

@media screen and (max-width: 768px) {
  .kl-hero-03__content .kl-rich-text {
    max-width: 100%;
  }
}

.kl-hero-03__image {
  position: absolute;
  left: calc(50% + 64px);
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .kl-hero-03__image {
    position: static;
    transform: none;
    margin-top: 32px;
  }
}

@media screen and (max-width: 360px) {
  .kl-hero-03__image {
    display: none;
  }
}

.kl-hero-03__image img {
  display: block;
}
.kl-wide-section {
  margin: 0 auto;
  max-width: 1920px;
}

.kl-wide-section__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .kl-wide-section__wrapper {
    flex-direction: column;
    align-items: center;
  }
}

.kl-wide-section__image {
  background-repeat: no-repeat;
  background-position: center center;
}

@media screen and (max-width: 767px) {
  .kl-wide-section__image {
    min-height: 250px;
    flex-basis: 98%;
    width: 98%;
  }
}

.kl-wide-section__text-content {
  width: 80%;
  margin: 0 auto;
}

.kl-wide-section__image, .kl-wide-section__text {
  flex-basis: 49%;
  width: 49%;
  flex-grow: 1;
  flex-shrink: 1;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .kl-wide-section__image, .kl-wide-section__text {
    flex-basis: 100%;
    width: 100%;
  }
}
.kl-logo-slider__slide {
  display: flex;
  height: auto !important;
}

.kl-logo-slider__item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.kl-logo-slider__item a {
  width: 100%;
  display: block;
}

.kl-logo-slider__item img {
  width: 100%;
  display: block;
}
.kl-logos {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .kl-logos {
    flex-wrap: wrap;
  }
}

.kl-logos--1 {
  flex-wrap: wrap;
}

.kl-logos--1 .kl-logos__item {
  flex-basis: calc(100% / 1);
}

.kl-logos--2 {
  flex-wrap: wrap;
}

.kl-logos--2 .kl-logos__item {
  flex-basis: calc(100% / 2);
}

.kl-logos--3 {
  flex-wrap: wrap;
}

.kl-logos--3 .kl-logos__item {
  flex-basis: calc(100% / 3);
}

@media screen and (max-width: 340px) {
  .kl-logos--3 .kl-logos__item {
    flex-basis: calc(100% / 2);
  }
}

.kl-logos--4 {
  flex-wrap: wrap;
}

.kl-logos--4 .kl-logos__item {
  flex-basis: calc(100% / 4);
}

@media screen and (max-width: 480px) {
  .kl-logos--4 .kl-logos__item {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 340px) {
  .kl-logos--4 .kl-logos__item {
    flex-basis: calc(100% / 2);
  }
}

.kl-logos--5 {
  flex-wrap: wrap;
}

.kl-logos--5 .kl-logos__item {
  flex-basis: calc(100% / 5);
}

@media screen and (max-width: 768px) {
  .kl-logos--5 .kl-logos__item {
    flex-basis: calc(100% / 4);
  }
}

@media screen and (max-width: 480px) {
  .kl-logos--5 .kl-logos__item {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 340px) {
  .kl-logos--5 .kl-logos__item {
    flex-basis: calc(100% / 2);
  }
}

.kl-logos--6 {
  flex-wrap: wrap;
}

.kl-logos--6 .kl-logos__item {
  flex-basis: calc(100% / 6);
}

@media screen and (max-width: 768px) {
  .kl-logos--6 .kl-logos__item {
    flex-basis: calc(100% / 4);
  }
}

@media screen and (max-width: 480px) {
  .kl-logos--6 .kl-logos__item {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 340px) {
  .kl-logos--6 .kl-logos__item {
    flex-basis: calc(100% / 2);
  }
}

.kl-logos--7 {
  flex-wrap: wrap;
}

.kl-logos--7 .kl-logos__item {
  flex-basis: calc(100% / 7);
}

@media screen and (max-width: 920px) {
  .kl-logos--7 .kl-logos__item {
    flex-basis: calc(100% / 6);
  }
}

@media screen and (max-width: 768px) {
  .kl-logos--7 .kl-logos__item {
    flex-basis: calc(100% / 4);
  }
}

@media screen and (max-width: 480px) {
  .kl-logos--7 .kl-logos__item {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 340px) {
  .kl-logos--7 .kl-logos__item {
    flex-basis: calc(100% / 2);
  }
}

.kl-logos--8 {
  flex-wrap: wrap;
}

.kl-logos--8 .kl-logos__item {
  flex-basis: calc(100% / 8);
}

@media screen and (max-width: 920px) {
  .kl-logos--8 .kl-logos__item {
    flex-basis: calc(100% / 6);
  }
}

@media screen and (max-width: 768px) {
  .kl-logos--8 .kl-logos__item {
    flex-basis: calc(100% / 4);
  }
}

@media screen and (max-width: 480px) {
  .kl-logos--8 .kl-logos__item {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 340px) {
  .kl-logos--8 .kl-logos__item {
    flex-basis: calc(100% / 2);
  }
}

.kl-logos--9 {
  flex-wrap: wrap;
}

.kl-logos--9 .kl-logos__item {
  flex-basis: calc(100% / 9);
}

@media screen and (max-width: 920px) {
  .kl-logos--9 .kl-logos__item {
    flex-basis: calc(100% / 6);
  }
}

@media screen and (max-width: 768px) {
  .kl-logos--9 .kl-logos__item {
    flex-basis: calc(100% / 4);
  }
}

@media screen and (max-width: 480px) {
  .kl-logos--9 .kl-logos__item {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 340px) {
  .kl-logos--9 .kl-logos__item {
    flex-basis: calc(100% / 2);
  }
}

.kl-logos--10 {
  flex-wrap: wrap;
}

.kl-logos--10 .kl-logos__item {
  flex-basis: calc(100% / 10);
}

@media screen and (max-width: 920px) {
  .kl-logos--10 .kl-logos__item {
    flex-basis: calc(100% / 6);
  }
}

@media screen and (max-width: 768px) {
  .kl-logos--10 .kl-logos__item {
    flex-basis: calc(100% / 4);
  }
}

@media screen and (max-width: 480px) {
  .kl-logos--10 .kl-logos__item {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 340px) {
  .kl-logos--10 .kl-logos__item {
    flex-basis: calc(100% / 2);
  }
}

.kl-logos--11 {
  flex-wrap: wrap;
}

.kl-logos--11 .kl-logos__item {
  flex-basis: calc(100% / 11);
}

@media screen and (max-width: 920px) {
  .kl-logos--11 .kl-logos__item {
    flex-basis: calc(100% / 6);
  }
}

@media screen and (max-width: 768px) {
  .kl-logos--11 .kl-logos__item {
    flex-basis: calc(100% / 4);
  }
}

@media screen and (max-width: 480px) {
  .kl-logos--11 .kl-logos__item {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 340px) {
  .kl-logos--11 .kl-logos__item {
    flex-basis: calc(100% / 2);
  }
}

.kl-logos--12 {
  flex-wrap: wrap;
}

.kl-logos--12 .kl-logos__item {
  flex-basis: calc(100% / 12);
}

@media screen and (max-width: 920px) {
  .kl-logos--12 .kl-logos__item {
    flex-basis: calc(100% / 6);
  }
}

@media screen and (max-width: 768px) {
  .kl-logos--12 .kl-logos__item {
    flex-basis: calc(100% / 4);
  }
}

@media screen and (max-width: 480px) {
  .kl-logos--12 .kl-logos__item {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 340px) {
  .kl-logos--12 .kl-logos__item {
    flex-basis: calc(100% / 2);
  }
}

.kl-logos__item {
  padding: 16px 24px;
}

.kl-logos__item a {
  display: block;
}

.kl-logos__item img {
  width: 100%;
  display: block;
}

@media screen and (max-width: 768px) {
  .kl-logos__item {
    flex-basis: 25%;
  }
}

@media screen and (max-width: 480px) {
  .kl-logos__item {
    flex-basis: 33%;
  }
}

@media screen and (max-width: 340px) {
  .kl-logos__item {
    flex-basis: 50%;
  }
}
.kl-about-modal {
  position: fixed;
  z-index: 12;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  padding: 64px 16px;
  visibility: hidden;
  overscroll-behavior: contain;
}

.kl-about-modal__overlay {
  content: '';
  background-color: black;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12;
  opacity: 0;
  transition: all .25s ease-in-out;
  visibility: hidden;
}

.kl-about-modal__close {
  position: absolute;
  z-index: 13;
  top: 25px;
  right: 25px;
  display: block;
  background: white;
  padding: 4px;
}

@media screen and (max-width: 768px) {
  .kl-about-modal__close {
    top: 0;
    right: 0;
  }
}

.kl-about-modal__close svg {
  display: block;
}

.kl-about-modal__wrapper {
  overflow: hidden;
  position: relative;
  background: white;
  display: flex;
}

@media screen and (max-width: 768px) {
  .kl-about-modal__wrapper {
    display: block;
  }
}

.kl-about-modal__container {
  max-width: 980px;
  width: 100%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  z-index: 13;
  transition: top .25s ease-in-out;
  visibility: hidden;
  opacity: 0;
}

.kl-about-modal:target {
  visibility: visible;
}

.kl-about-modal:target .kl-about-modal__overlay {
  opacity: .5;
  visibility: visible;
}

.kl-about-modal:target .kl-about-modal__container {
  visibility: visible;
  opacity: 1;
}

.kl-about-modal__image {
  width: 330px;
}

@media screen and (max-width: 768px) {
  .kl-about-modal__image {
    width: 100%;
  }
}

.kl-about-modal__image img {
  max-width: 100%;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .kl-about-modal__image img {
    object-fit: unset;
  }
}

.kl-about-modal__content {
  padding: 42px 50px;
  flex-basis: 650px;
}

.kl-about-modal__header {
  margin: 0 0 30px;
}

.kl-about-modal__header h1, .kl-about-modal__header h2, .kl-about-modal__header h3, .kl-about-modal__header h4, .kl-about-modal__header h5, .kl-about-modal__header h6 {
  margin: 0 0 10px;
  font-weight: bold;
}

.kl-about-modal__header h4 {
  color: #3574E3;
}

.kl-about-modal__social {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0 -8px;
}

.kl-about-modal__social span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin: 8px;
}

.kl-about-modal__social svg {
  display: block;
  width: 25px;
  height: 25px;
  fill: #022b3a;
  transition: all .25s ease-in-out;
}

.kl-about-modal__social a:hover svg {
  fill: #3574E3;
  /*fill: $secondary-color;*/
}
.kl-offer-modal {
  position: fixed;
  z-index: 12;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  padding: 64px 16px;
  visibility: hidden;
  overscroll-behavior: contain;
}

.kl-offer-modal__overlay {
  content: '';
  background-color: black;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12;
  opacity: 0;
  transition: all .25s ease-in-out;
  visibility: hidden;
}

.kl-offer-modal__close {
  position: absolute;
  z-index: 13;
  top: 25px;
  right: 25px;
  display: block;
  background: white;
  padding: 4px;
}

@media screen and (max-width: 768px) {
  .kl-offer-modal__close {
    top: 0;
    right: 0;
  }
}

.kl-offer-modal__close svg {
  display: block;
}

.kl-offer-modal__wrapper {
  overflow: hidden;
  position: relative;
  background: white;
  display: flex;
}

@media screen and (max-width: 768px) {
  .kl-offer-modal__wrapper {
    display: block;
  }
}

.kl-offer-modal__container {
  max-width: 980px;
  width: 100%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  z-index: 13;
  transition: top .25s ease-in-out;
  visibility: hidden;
  opacity: 0;
}

.kl-offer-modal:target {
  visibility: visible;
}

.kl-offer-modal:target .kl-offer-modal__overlay {
  opacity: .5;
  visibility: visible;
}

.kl-offer-modal:target .kl-offer-modal__container {
  visibility: visible;
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .kl-offer-modal__close {
    top: 8px;
    right: 8px;
  }
}

.kl-offer-modal__wrapper {
  padding: 48px 64px;
}

@media screen and (max-width: 480px) {
  .kl-offer-modal__wrapper {
    padding: 32px;
  }
}

.kl-offer-modal__wrapper--center {
  align-items: center;
}

.kl-offer-modal__wrapper--bottom {
  align-items: flex-end;
}

.kl-offer-modal__content {
  flex-basis: 400px;
  flex-grow: 1;
}

.kl-offer-modal__form {
  margin-left: 36px;
  flex-basis: 50%;
  flex-grow: 1;
}

@media screen and (max-width: 768px) {
  .kl-offer-modal__form {
    margin: 36px 0 0;
  }
}
.kl-header {
  position: fixed;
  z-index: 12;
  width: 100%;
  box-shadow: 0px 5px 10px rgba(154, 161, 177, 0.1);
  background-color: rgba(255, 255, 255, 1.0);
}

.kl-header-placeholder {
  height: 88px;
}

.kl-navbar {
  height: 88px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 920px) {
  .kl-navbar {
    justify-content: space-between;
  }
  .kl-navbar--active .kl-navbar__content {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }
}

.kl-navbar__logo {
  width: auto;
  display: block;
  margin-right: 42px;
}

.kl-navbar__mobile {
  display: flex;
}

.kl-navbar__mobile .hs_cos_wrapper_type_language_switcher {
  display: none;
}

@media screen and (max-width: 920px) {
  .kl-navbar__mobile .hs_cos_wrapper_type_language_switcher {
    display: block;
  }
}

.kl-navbar__mobile .hs_cos_wrapper_type_language_switcher + .kl-navbar__hamburger {
  margin-left: 32px;
}

.kl-navbar__content {
  flex: 1 1 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 920px) {
  .kl-navbar__content {
    background-color: rgba(255, 255, 255, 1.0);
    position: fixed;
    width: 100%;
    height: calc(100% - 88px);
    left: 0;
    bottom: 0;
    padding: 45px 10%;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    transform: translateY(8px);
    transition: transform .25s ease-in-out, opacity .25s ease-in-out;
  }
}

.kl-navbar__menu {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 920px) {
  .kl-navbar__menu {
    display: block;
    margin: 0 0 24px;
    width: 100%;
  }
}

.kl-navbar__item {
  position: relative;
  margin: 0 32px;
}

.kl-navbar__item--active .kl-navbar__panel {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

@media screen and (max-width: 920px) {
  .kl-navbar__item--active .kl-navbar__panel {
    max-height: 100vh;
  }
}

.kl-navbar__item--active .kl-navbar__button {
  color: #3574E3;
}

.kl-navbar__item--active .kl-navbar__button > span:after {
  visibility: visible;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .kl-navbar__item {
    margin: 0 16px;
  }
}

.kl-navbar__button {
  font-weight: bold;
  font-size: 15px;
  font-family: Mulish, sans-serif;
  line-height: 2em;
  word-break: normal;
  color: #022b3a;
  display: inline-block;
}

@media screen and (max-width: 920px) {
  .kl-navbar__button {
    font-size: 1rem;
  }
}

.kl-navbar__button > span {
  position: relative;
  display: inline-block;
  padding: 8px 0;
}

.kl-navbar__button > span:after {
  content: '';
  width: 0px;
  height: 2px;
  background-color: #3574E3;
  position: absolute;
  left: 0;
  bottom: 2px;
  visibility: hidden;
  transition: width .2s ease-in-out;
}

.kl-navbar__button:hover, .kl-navbar__button:focus, .kl-navbar__button:active, .kl-navbar__button--active {
  text-decoration: none;
  color: #3574E3;
}

.kl-navbar__button:hover > span:after, .kl-navbar__button:focus > span:after, .kl-navbar__button:active > span:after, .kl-navbar__button--active > span:after {
  visibility: visible;
  width: 100%;
}

.kl-navbar__end {
  display: flex;
  align-items: center;
}

.kl-navbar__end > span + a {
  margin-left: 25px;
}

@media screen and (max-width: 920px) {
  .kl-navbar__end > span + a {
    margin-left: 0;
  }
}

.kl-navbar__end > a + a, .kl-navbar__end > a:not(:first-child) {
  margin-left: 25px;
}

@media screen and (max-width: 920px) {
  .kl-navbar__end .hs_cos_wrapper_type_language_switcher {
    display: none;
  }
}

.kl-navbar__end > .button_cta:not(:first-child) {
  margin-left: 25px;
}

.kl-navbar__panel {
  background-color: rgba(255, 255, 255, 1.0);
  visibility: hidden;
  opacity: 0;
  transform: translateY(8px);
  transition: all .25s ease-in-out;
  position: fixed;
  top: 88px;
  left: 0;
  width: 100%;
}

@media screen and (max-width: 920px) {
  .kl-navbar__panel {
    position: static;
    max-height: 0;
    overflow: hidden;
  }
}

.kl-navbar__panel-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 960px;
  margin: 0 auto;
  padding: 32px 0;
  justify-content: space-between;
}

.kl-navbar__panel-wrapper > div {
  flex-basis: none;
}

.kl-navbar__categories {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-basis: 650px;
  flex-grow: 1;
  flex-shrink: 1;
}

@media screen and (max-width: 920px) {
  .kl-navbar__categories p {
    display: none;
  }
}

.kl-navbar__description {
  flex-basis: 250px;
  margin: 0 16px;
  color: #022b3a;
}

@media screen and (max-width: 920px) {
  .kl-navbar__description {
    margin: 0;
    flex-basis: 50%;
  }
}

@media screen and (max-width: 920px) {
  .kl-navbar__description--full {
    flex-basis: auto;
  }
}

.kl-navbar__description h1, .kl-navbar__description h2, .kl-navbar__description h3, .kl-navbar__description h4, .kl-navbar__description h5, .kl-navbar__description h6 {
  color: inherit;
}

.kl-navbar__description h2 {
  font-size: 1.125rem;
  font-weight: bold;
  margin: 0 0 .5rem;
}

.kl-navbar__description h3 {
  font-size: 0.875rem;
  font-weight: bold;
  margin: 0 0 .5rem;
}

.kl-navbar__description p {
  font-size: 0.875rem;
  margin: 0 0 1.75rem;
}

.kl-navbar__description a {
  color: #022b3a;
}

.kl-navbar__description a:hover, .kl-navbar__description a:focus {
  text-decoration: none;
  color: #3574E3;
}

.kl-navbar .hamburger {
  display: none;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  min-width: auto;
}

@media screen and (max-width: 920px) {
  .kl-navbar .hamburger {
    display: block;
  }
}

.kl-navbar .hamburger:focus {
  outline: none;
}

.kl-navbar .hamburger-box {
  width: 24px;
  height: 19px;
  display: inline-block;
  position: relative;
}

.kl-navbar .hamburger-inner {
  display: block;
  top: 50%;
  margin-top: calc(3px / -2);
}

.kl-navbar .hamburger-inner, .kl-navbar .hamburger-inner::before, .kl-navbar .hamburger-inner::after {
  width: 24px;
  height: 3px;
  background-color: #022b3a;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.kl-navbar .hamburger-inner::before, .kl-navbar .hamburger-inner::after {
  content: "";
  display: block;
}

.kl-navbar .hamburger-inner::before {
  top: -8px;
}

.kl-navbar .hamburger-inner::after {
  bottom: -8px;
}

.kl-navbar .hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.kl-navbar .hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.kl-navbar .hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.kl-navbar .hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.kl-navbar .hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.kl-navbar .hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* Navbar submenu */
.kl-navbar-submenu-wrapper {
  position: absolute;
  left: -24px;
  visibility: hidden;
}

@media screen and (max-width: 920px) {
  .kl-navbar-submenu-wrapper {
    position: static;
    visibility: visible;
    display: none;
  }
}

.kl-navbar__item:hover > .kl-navbar-submenu-wrapper {
  visibility: visible;
}

.kl-navbar-submenu {
  background-color: rgba(255, 255, 255, 1.0);
  box-shadow: 0px 5px 10px rgba(154, 161, 177, 0.1);
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
}

@media screen and (max-width: 920px) {
  .kl-navbar-submenu {
    box-shadow: none;
    margin: 12px 0;
    width: auto;
  }
}

.kl-navbar-submenu .kl-navbar-submenu {
  position: absolute;
  top: 0px;
  left: 100%;
  transform: translateX(0);
  margin: 0;
  visibility: hidden;
}

@media screen and (max-width: 920px) {
  .kl-navbar-submenu .kl-navbar-submenu {
    position: static;
    visibility: visible;
    display: none;
    margin-left: 20px;
  }
}

.kl-navbar-submenu__item {
  position: relative;
  width: max-content;
}

.kl-navbar-submenu__item:hover > .kl-navbar-submenu {
  visibility: visible;
}

.kl-navbar-submenu__item a {
  display: block;
  padding: 12px 24px;
  font-weight: bold;
  font-size: 15px;
  font-family: Mulish, sans-serif;
  line-height: 1rem;
  word-break: normal;
  color: #022b3a;
}

.kl-navbar-submenu__item a:hover, .kl-navbar-submenu__item a:focus {
  color: #3574E3;
  text-decoration: none;
}

@media screen and (max-width: 920px) {
  .kl-navbar-submenu__item a {
    padding: 12px 0;
  }
}

.kl-navbar__parent {
  cursor: pointer;
}

@media screen and (min-width: 920px) {
  .kl-navbar__parent:hover > a:after {
    transform: rotate(225deg);
  }
}

.kl-navbar__parent > a {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 920px) {
  .kl-navbar__parent > a {
    pointer-events: none;
  }
}

.kl-navbar__parent > a:after {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  margin-left: 16px;
  border-right: 1px solid #022b3a;
  border-bottom: 1px solid #022b3a;
  transform: rotate(45deg);
  transform-origin: 3px 3px;
  transition: transform .25s ease-in-out;
}

.kl-navbar__parent--active > .kl-navbar-submenu-wrapper,
.kl-navbar__parent--active > .kl-navbar-submenu {
  display: block;
}

.kl-navbar__parent--active > a:after {
  transform: rotate(225deg);
}

.kl-navbar__parent--active > a {
  color: #3574E3;
}

.kl-navbar__parent--active > a > span:after {
  visibility: visible;
  width: 100%;
}
.kl-offer-01 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  padding: 32px 36px 0;
  border: 1px solid rgba(100, 146, 253, 0.2);
  border-radius: 9px;
  background-color: rgba(255, 255, 255, 1.0);
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.1);
}

.kl-offer-01__content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-basis: 320px;
  flex-grow: 1;
  margin-bottom: 32px;
}

.kl-offer-01__preheader {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #3574E3;
  display: block;
  margin: 0 0 1rem;
}

.kl-offer-01__text {
  flex-basis: 420px;
  flex-grow: 1;
  margin-right: 50px;
}

@media screen and (max-width: 480px) {
  .kl-offer-01__text {
    margin: 0;
  }
}

.kl-offer-01__text h1, .kl-offer-01__text h2, .kl-offer-01__text h3, .kl-offer-01__text h4, .kl-offer-01__text h5, .kl-offer-01__text h6 {
  margin: 0 0 1.125rem;
}

.kl-offer-01__button {
  flex-shrink: 0;
}

.kl-offer-01__image {
  flex-basis: 260px;
  margin: 0 auto;
  padding-right: 20px;
}

@media screen and (max-width: 480px) {
  .kl-offer-01__image {
    padding: 0;
  }
}

.kl-offer-01__image img {
  display: block;
  width: 100%;
  max-width: 420px;
}
.kl-pricing {
  display: flex;
  align-items: flex-start;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .kl-pricing {
    display: block;
  }
}

.kl-pricing__card {
  position: relative;
  padding: 36px 32px;
  border: 0.5px solid rgba(100, 146, 253, 0.2);
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.1);
  background-color: rgba(255, 255, 255, 1.0);
  border-radius: 9px;
  flex-basis: 346px;
  flex-grow: 1;
  transition: box-shadow .25s ease-in-out;
}

.kl-pricing__card--featured {
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
}

.kl-pricing__card:hover {
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
}

.kl-pricing__card + .kl-pricing__card {
  margin-left: 72px;
}

@media screen and (max-width: 1024px) {
  .kl-pricing__card + .kl-pricing__card {
    margin-left: 16px;
  }
}

@media screen and (max-width: 768px) {
  .kl-pricing__card + .kl-pricing__card {
    margin: 24px 0 0;
  }
}

.kl-pricing__badge {
  font-family: Muli, sans-serif;
  font-size: 0.625rem;
  font-weight: bold;
  line-height: 1;
  min-width: 120px;
  padding: 10px 12px;
  border-radius: 40px;
  background-color: #EBF1FF;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

.kl-pricing__icon {
  height: 28px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin: 0 0 1.5rem;
}

.kl-pricing__icon img {
  max-height: 100%;
  display: block;
}

.kl-pricing__price {
  color: #3574E3;
}

.kl-pricing__price h1, .kl-pricing__price h2, .kl-pricing__price h3, .kl-pricing__price h4, .kl-pricing__price h5, .kl-pricing__price h6 {
  color: inherit;
}

.kl-pricing__description p {
  font-size: 0.875rem;
  margin: 0 0 0.75rem;
}

.kl-pricing__features {
  text-align: left;
  list-style: none;
  margin: 0 0 2.625rem;
  padding: 0;
}

.kl-pricing__features li {
  font-size: 0.875rem;
  margin: 0 0 1rem;
  display: flex;
}

.kl-pricing__bullet {
  display: block;
  width: 1rem;
  height: 1rem;
  margin: 2px 0.75rem 0 0;
  flex-shrink: 0;
}

.kl-pricing__bullet img {
  display: block;
}

.kl-pricing__button .button_cta {
  width: 100%;
}

.kl-pricing__button .button_cta a {
  padding-left: 0;
  padding-right: 0;
}

.kl-pricing__button a {
  width: 100%;
}

.kl-pricing hr {
  margin: 1.75rem 0;
  color: #F3F3F3;
  background-color: #F3F3F3;
  height: 2px;
}
.kl-pricing-table {
  overflow-x: auto;
}

.kl-pricing-table > table {
  border: none;
  margin: 0;
  background: transparent;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}

@media screen and (max-width: 920px) {
  .kl-pricing-table > table {
    width: 100%;
  }
}

.kl-pricing-table__features {
  position: relative;
  width: 250px;
}

@media screen and (max-width: 920px) {
  .kl-pricing-table__features {
    width: 50%;
  }
}

.kl-pricing-table__plans {
  text-align: left;
  padding: 32px;
  /* This is only for the CTAS	*/
  /* ***** */
}

.kl-pricing-table__plans .button_cta a {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.kl-pricing-table__plans .button {
  width: 100%;
}

.kl-pricing-table__plans h3 {
  font-size: 18px;
}

.kl-pricing-table__plans h4, .kl-pricing-table__plans h5 {
  font-weight: bold;
  color: #3574E3;
}

.kl-pricing-table__plans > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.kl-pricing-table th, .kl-pricing-table td {
  vertical-align: middle;
  border: none;
}

.kl-pricing-table th {
  font-weight: normal;
  background: transparent;
  text-align: left;
}

.kl-pricing-table th p {
  color: #022b3a;
}

.kl-pricing-table th.kl-pricing-table__featured {
  background: #3574E3;
  color: white;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}

.kl-pricing-table th.kl-pricing-table__featured h1, .kl-pricing-table th.kl-pricing-table__featured h2, .kl-pricing-table th.kl-pricing-table__featured h3, .kl-pricing-table th.kl-pricing-table__featured h4, .kl-pricing-table th.kl-pricing-table__featured h5, .kl-pricing-table th.kl-pricing-table__featured p {
  color: white;
}

.kl-pricing-table th.kl-pricing-table__featured .button {
  border-color: white;
  color: white;
}

@media screen and (max-width: 920px) {
  .kl-pricing-table thead .kl-pricing-table__features {
    display: none;
  }
}

.kl-pricing-table tbody tr:first-child .kl-pricing-table__features {
  border-top-left-radius: 9px;
}

@media screen and (max-width: 920px) {
  .kl-pricing-table tbody tr:first-child .kl-pricing-table__features {
    border-top-left-radius: 0;
  }
}

.kl-pricing-table tbody tr:first-child td:before {
  content: '';
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  top: 0;
  right: 0;
  background: #E0E9FF;
}

.kl-pricing-table tbody tr:first-child .kl-pricing-table__featured:before {
  display: none;
}

.kl-pricing-table tbody tr:last-child .kl-pricing-table__featured {
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}

@media screen and (max-width: 920px) {
  .kl-pricing-table tbody tr:last-child .kl-pricing-table__featured {
    border-bottom-left-radius: 0;
  }
}

.kl-pricing-table tbody tr:last-child .kl-pricing-table__features {
  border-bottom-left-radius: 9px;
}

.kl-pricing-table tbody tr + tr .kl-pricing-table__features:after {
  content: '';
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  top: 0;
  right: 0;
  background: #E0E9FF;
}

.kl-pricing-table tbody .kl-pricing-table__features {
  position: relative;
  background: #3574E3;
  color: white;
  padding: 12px 38px 12px 32px;
}

.kl-pricing-table td {
  position: relative;
  text-align: center;
  vertical-align: middle;
  padding: 12px 16px;
}

.kl-pricing-table td img {
  display: block;
  margin: 0 auto;
}

.kl-pricing-table td:after {
  content: '';
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  bottom: 0;
  right: 0;
  background: #E0E9FF;
  z-index: -1;
}

.kl-pricing-table td.kl-pricing-table__featured {
  background: #3574E3;
  color: white;
}

.kl-pricing-table td.kl-pricing-table__featured h3, .kl-pricing-table td.kl-pricing-table__featured h4, .kl-pricing-table td.kl-pricing-table__featured h5, .kl-pricing-table td.kl-pricing-table__featured p {
  color: white;
}

.kl-pricing-table td.kl-pricing-table__featured:after, .kl-pricing-table td.kl-pricing-table__featured:before {
  display: none;
}

.kl-pricing-table__navbar {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  border-radius: 3px;
}

@media screen and (max-width: 920px) {
  .kl-pricing-table__navbar {
    display: flex;
  }
}

@media screen and (max-width: 480px) {
  .kl-pricing-table__navbar {
    display: block;
  }
}

.kl-pricing-table__navbar .kl-pricing-table__featured {
  background: #3574E3;
  border: none;
}

.kl-pricing-table__navbar .kl-pricing-table__featured h1, .kl-pricing-table__navbar .kl-pricing-table__featured h2, .kl-pricing-table__navbar .kl-pricing-table__featured h3, .kl-pricing-table__navbar .kl-pricing-table__featured h4, .kl-pricing-table__navbar .kl-pricing-table__featured h5, .kl-pricing-table__navbar .kl-pricing-table__featured p {
  color: white;
}

.kl-pricing-table__navbar .kl-pricing-table__featured:hover {
  background: #3574E3;
}

.kl-pricing-table__tab {
  flex-basis: 200px;
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  border: 1px solid #e0e9ff;
}

.kl-pricing-table__tab h1, .kl-pricing-table__tab h2, .kl-pricing-table__tab h3, .kl-pricing-table__tab h4, .kl-pricing-table__tab h5, .kl-pricing-table__tab h6, .kl-pricing-table__tab p {
  margin: 0;
}

.kl-pricing-table__tab:hover {
  background: #e0e9ff;
  transition: background .25s ease-in-out;
  cursor: pointer;
}

@media screen and (max-width: 920px) {
  .kl-pricing-table__hide {
    display: none;
  }
}

.kl-pricing-table__tooltip {
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='info-circle' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='white' d='M256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm-36 344h12V232h-12c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12h48c6.627 0 12 5.373 12 12v140h12c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12h-72c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12zm36-240c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32z'%3E%3C/path%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  position: absolute;
  right: 12px;
  top: 15px;
}
.kl-pricing-table-02 {
  overflow-x: auto;
}

.kl-pricing-table-02 > table {
  border: none;
  margin: 0;
  background: transparent;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}

@media screen and (max-width: 920px) {
  .kl-pricing-table-02 > table {
    width: 100%;
  }
}

.kl-pricing-table-02__features {
  width: 250px;
}

@media screen and (max-width: 920px) {
  .kl-pricing-table-02__features {
    width: 50%;
  }
}

.kl-pricing-table-02__plans {
  text-align: left;
  padding: 32px;
  /* This is only for the CTAS	*/
  /* ***** */
}

.kl-pricing-table-02__plans .button_cta a {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.kl-pricing-table-02__plans .button {
  width: 100%;
}

.kl-pricing-table-02__plans h3 {
  font-size: 18px;
}

.kl-pricing-table-02__plans h4, .kl-pricing-table-02__plans h5 {
  font-weight: bold;
  color: #3574E3;
}

.kl-pricing-table-02__plans > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.kl-pricing-table-02 th, .kl-pricing-table-02 td {
  vertical-align: middle;
  border: 1px solid #3574E3;
}

.kl-pricing-table-02 th {
  font-weight: normal;
  background: transparent;
  text-align: center;
}

.kl-pricing-table-02 th p {
  color: #022b3a;
}

.kl-pricing-table-02 thead .kl-pricing-table-02__features {
  border-top: none;
  border-left: none;
}

@media screen and (max-width: 920px) {
  .kl-pricing-table-02 thead .kl-pricing-table-02__features {
    display: none;
  }
}

.kl-pricing-table-02 tbody .kl-pricing-table-02__features {
  position: relative;
  padding: 20px 20px 20px 32px;
}

.kl-pricing-table-02 td {
  position: relative;
  text-align: center;
  vertical-align: middle;
  padding: 12px 12px;
}

.kl-pricing-table-02 td img {
  display: block;
  margin: 0 auto;
}

.kl-pricing-table-02__navbar {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #3574E3;
  border-left: 1px solid #3574E3;
  border-right: 1px solid #3574E3;
}

@media screen and (max-width: 920px) {
  .kl-pricing-table-02__navbar {
    display: flex;
  }
}

@media screen and (max-width: 480px) {
  .kl-pricing-table-02__navbar {
    display: block;
  }
}

.kl-pricing-table-02__tab {
  flex-basis: 200px;
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
}

.kl-pricing-table-02__tab h1, .kl-pricing-table-02__tab h2, .kl-pricing-table-02__tab h3, .kl-pricing-table-02__tab h4, .kl-pricing-table-02__tab h5, .kl-pricing-table-02__tab h6, .kl-pricing-table-02__tab p {
  margin: 0;
}

.kl-pricing-table-02__tab:hover {
  cursor: pointer;
}

.kl-pricing-table-02__tab--active {
  background-color: #3574E3;
  color: white;
}

.kl-pricing-table-02__tab--active h1, .kl-pricing-table-02__tab--active h2, .kl-pricing-table-02__tab--active h3, .kl-pricing-table-02__tab--active h4, .kl-pricing-table-02__tab--active h5, .kl-pricing-table-02__tab--active p {
  color: inherit;
}

.kl-pricing-table-02__tab + .kl-pricing-table-02__tab {
  border-left: 1px solid #3574E3;
}

@media screen and (max-width: 480px) {
  .kl-pricing-table-02__tab + .kl-pricing-table-02__tab {
    border-left: none;
    border-top: 1px solid #3574E3;
  }
}

@media screen and (max-width: 920px) {
  .kl-pricing-table-02__hide {
    display: none;
  }
}

.kl-pricing-table-02__highlight {
  background: #F2F5FB;
}

.kl-pricing-table-02__highlight th {
  font-weight: bold;
}
.kl-features-01 {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .kl-features-01 {
    display: block;
  }
}

.kl-features-01__card {
  flex-basis: 225px;
  flex-grow: 1;
}

.kl-features-01__card h4 {
  margin: 0 0 1rem;
}

.kl-features-01__card p {
  font-weight: 500;
}

.kl-features-01__card + .kl-features-01__card {
  margin-left: 64px;
}

@media screen and (max-width: 768px) {
  .kl-features-01__card + .kl-features-01__card {
    margin: 32px 0 0;
  }
}

.kl-features-01__image {
  min-height: 50px;
  margin: 0 0 24px;
  display: flex;
  align-items: center;
}

.kl-features-01__image img {
  display: block;
  width: auto;
  max-height: 50px;
  margin: 0;
}

.kl-features-01__image > span {
  display: block;
}

.kl-features-01__image svg {
  max-height: 50px;
  width: 50px;
  fill: #3574E3;
}
.kl-features-02 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 -16px;
}

@media screen and (max-width: 530px) {
  .kl-features-02 {
    display: block;
  }
}

.kl-features-02-wrapper {
  overflow: hidden;
}

.kl-features-02__card {
  flex-basis: 225px;
  flex-grow: 1;
  margin: 16px;
  display: block;
}

.kl-features-02__card h4 {
  margin: 0;
  display: inline;
  vertical-align: top;
}

.kl-features-02__card p {
  font-weight: 500;
  margin: 1rem 0 0;
}

.kl-features-02__card-header {
  display: flex;
}

.kl-features-02__image {
  min-height: 24px;
  margin: 0 16px 0 0;
  display: inline-block;
}

.kl-features-02__image img {
  display: block;
  width: auto;
  max-height: 24px;
}

.kl-features-02__image > span {
  display: block;
}

.kl-features-02__image svg {
  max-height: 24px;
  width: 24px;
  fill: #3574E3;
}
.kl-features-03__titles li.active h4, .kl-features-03__titles li h4:hover, .kl-features-03__titles li h4:focus {
  cursor: pointer;
  color: #3574E3;
}

.kl-features-03__titles {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .kl-features-03__titles {
    display: block;
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  .kl-features-03__titles li {
    background-color: #f3f3f3;
    text-align: center;
  }
  .kl-features-03__titles li + li {
    border-top: 1px solid #dadada;
  }
}

.kl-features-03__titles li.active h4:after {
  visibility: visible;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .kl-features-03__titles li.active h4:after {
    visibility: hidden;
  }
}

.kl-features-03__titles li h4 {
  position: relative;
  display: inline-block;
  padding: 8px 0;
  margin: 0;
}

.kl-features-03__titles li h4:after {
  content: '';
  width: 0px;
  height: 2px;
  background-color: #3574E3;
  position: absolute;
  left: 0;
  bottom: 2px;
  visibility: hidden;
  transition: width .2s ease-in-out;
}

.kl-features-03__section {
  background-color: #F3F3F3;
  display: none;
}

.kl-features-03__section.active {
  display: flex;
  flex-wrap: wrap;
}

.kl-features-03__image {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  flex-basis: 360px;
  flex-grow: 1;
  display: flex;
}

.kl-features-03__image--left {
  justify-content: flex-start;
}

.kl-features-03__image--center {
  justify-content: center;
}

.kl-features-03__image--right {
  justify-content: flex-end;
}

.kl-features-03__image--top {
  align-items: flex-start;
}

.kl-features-03__image--middle {
  align-items: center;
}

.kl-features-03__image--bottom {
  align-items: flex-end;
}

.kl-features-03__image--cover {
  align-items: unset;
}

.kl-features-03__image--cover img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
}

.kl-features-03__image--contain img {
  object-fit: contain;
}

.kl-features-03__content {
  padding: 54px 78px;
  flex-basis: 400px;
  flex-grow: 3;
}

@media screen and (max-width: 580px) {
  .kl-features-03__content {
    padding: 30px;
  }
}

.kl-features-03__text h3 {
  margin: 0 0 28px;
  max-width: 480px;
}

.kl-features-03__text p {
  margin: 0 0 64px;
  max-width: 600px;
}

.kl-features-03__buttons {
  display: flex;
  align-items: center;
}

.kl-features-03__primary-cta {
  margin: 0 35px 0 0;
}
.kl-features-04 {
  max-width: 1240px;
  margin: 0 auto;
}

.kl-features-04__wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .kl-features-04__wrapper {
    flex-wrap: wrap;
  }
}

.kl-features-04__content {
  flex: 0 1 420px;
  padding-right: 20px;
}

@media screen and (max-width: 910px) {
  .kl-features-04__content {
    flex: 0 1 500px;
  }
}

.kl-features-04__content-title .kl-rich-text__buttons {
  display: none;
}

@media screen and (max-width: 767px) {
  .kl-features-04__content {
    flex: 1 1 100%;
    padding-right: 0;
  }
}

.kl-features-04__content-list-item {
  border-radius: 9px;
  padding: 20px;
  transition: all .2s ease-in-out;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .kl-features-04__content-list-item {
    flex-wrap: wrap;
  }
}

.kl-features-04__content-list-item:hover, .kl-features-04__content-list-item.active {
  background-color: #3574E3;
  color: #ffffff;
  cursor: pointer;
}

.kl-features-04__content-list-item:hover h3, .kl-features-04__content-list-item.active h3 {
  color: #ffffff;
}

.kl-features-04__content-list-item:hover .kl-features-04__logo-active, .kl-features-04__content-list-item.active .kl-features-04__logo-active {
  display: block;
}

.kl-features-04__content-list-item:hover .kl-features-04__logo-inactive, .kl-features-04__content-list-item.active .kl-features-04__logo-inactive {
  display: none;
}

.kl-features-04__content-list-item .kl-features-04__logo-inactive {
  display: block;
}

.kl-features-04__content-list-item .kl-features-04__logo-active {
  display: none;
}

@media screen and (max-width: 767px) {
  .kl-features-04__content-list-item.active .responsive {
    display: block;
  }
}

.kl-features-04__content-list-item__wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.kl-features-04__content-list-item__text h3 {
  margin-bottom: 0;
}

.kl-features-04__content-list-item__image {
  margin-right: 20px;
  max-width: 50px;
}

.kl-features-04__content-list-item__image img {
  display: block;
}

.kl-features-04__content-list-item.responsive {
  padding: 0;
  flex: 0 0 100%;
  display: none;
}

.kl-features-04__card {
  border: 0.5px solid rgba(100, 146, 253, 0.2);
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
  border-radius: 9px;
  background-color: rgba(255, 255, 255, 1.0);
  width: 100%;
  flex: 0 1 740px;
  overflow: hidden;
}

.kl-features-04__card__preheader {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #3574E3;
  display: block;
  line-height: 1rem;
  margin: 0 0 .75rem;
}

.kl-features-04__card__content h1, .kl-features-04__card__content h2, .kl-features-04__card__content h3, .kl-features-04__card__content h4, .kl-features-04__card__content h5, .kl-features-04__card__content h6 {
  font-weight: bold;
  margin: 0 0 1rem;
}

.kl-features-04__card__content p {
  margin: 0 0 2rem;
}

@media screen and (max-width: 910px) {
  .kl-features-04__card {
    flex: 0 1 660px;
  }
}

@media screen and (max-width: 767px) {
  .kl-features-04__card {
    flex: 1 1 100%;
    display: none;
  }
}

.kl-features-04__card-wrapper {
  display: block;
}

.kl-features-04__card-item {
  flex: 0 0 100%;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  display: none;
}

.kl-features-04__card-item.active {
  display: flex;
}

.kl-features-04__card-image {
  padding: 20px;
}

.kl-features-04__card-image img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0;
}

.kl-features-04__card-text {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(100, 146, 253, 0.2);
  padding: 20px 40px;
}

.kl-features-04__card-buttons a:not(:first-child) {
  margin-left: 10px;
}
.kl-card {
  border: 0.5px solid rgba(100, 146, 253, 0.2);
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
  border-radius: 9px;
  background-color: rgba(255, 255, 255, 1.0);
  width: 100%;
  padding: 32px 25px;
  background-color: rgba(255, 255, 255, 1.0);
}

.kl-card__preheader {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #3574E3;
  display: block;
  line-height: 1rem;
  margin: 0 0 .75rem;
}

.kl-card__content h1, .kl-card__content h2, .kl-card__content h3, .kl-card__content h4, .kl-card__content h5, .kl-card__content h6 {
  font-weight: bold;
  margin: 0 0 1rem;
}

.kl-card__content p {
  margin: 0 0 2rem;
}

.kl-card__image {
  margin: 0 0 1.75rem;
}

.kl-card__form {
  max-width: 600px;
}
.kl-social-sharing {
  display: flex;
}

.kl-social-link {
  margin: 0 2px;
}

.kl-social-link:hover {
  transform: scale(1.05);
}

.kl-social-logos {
  margin: 0 2px;
  height: 25px;
  width: 25px;
  background-size: cover;
}

.kl-social-logos.kl-logo-pinterest {
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5 30.9985C23.7843 30.9985 30.5 24.2828 30.5 15.9985C30.5 7.71426 23.7843 0.998535 15.5 0.998535C7.21573 0.998535 0.5 7.71426 0.5 15.9985C0.5 24.2828 7.21573 30.9985 15.5 30.9985ZM7.10809 12.1458C6.71875 13.0542 6.52518 13.9715 6.52518 14.8954C6.52518 16.0392 6.74074 17.04 7.17408 17.8979C7.60741 18.7558 8.25632 19.3607 9.12079 19.7126C9.26817 19.772 9.40015 19.7742 9.51673 19.7236C9.63331 19.673 9.7081 19.5653 9.7367 19.4047C9.76529 19.3321 9.80928 19.1627 9.86868 18.8988C9.92807 18.6348 9.97206 18.4654 10.0007 18.3928C10.0732 18.1443 10.0161 17.9089 9.82468 17.6889C9.26817 17.0136 8.98881 16.1866 8.98881 15.2033C8.98881 13.547 9.56512 12.1238 10.7155 10.9359C11.866 9.74812 13.3662 9.15421 15.2139 9.15421C16.8702 9.15421 18.1614 9.60515 19.0853 10.507C20.0092 11.4089 20.4711 12.5703 20.4711 13.9935C20.4711 15.8566 20.0927 17.4426 19.3383 18.7558C18.5838 20.069 17.6269 20.7245 16.4677 20.7245C15.7924 20.7245 15.2535 20.4825 14.8509 19.9986C14.4484 19.5147 14.3186 18.9427 14.466 18.2828C14.554 17.8869 14.7014 17.37 14.9059 16.7321C15.1105 16.0942 15.2755 15.5289 15.4008 15.0383C15.5262 14.5478 15.5878 14.1321 15.5878 13.7955C15.5878 13.2522 15.4382 12.8013 15.1369 12.4427C14.8355 12.0842 14.4154 11.9038 13.8721 11.9038C13.1968 11.9038 12.6227 12.2162 12.1453 12.8387C11.668 13.4612 11.4304 14.2421 11.4304 15.1813L11.4524 15.5113C11.4524 15.7158 11.4898 15.9842 11.5624 16.3141C11.635 16.6441 11.7318 16.9256 11.8484 17.161C10.9245 21.061 10.3812 23.3575 10.2206 24.046C10.148 24.3693 10.093 24.7213 10.0556 25.1018C10.0183 25.4824 9.99626 25.8321 9.98966 26.1467C9.98306 26.4612 9.98966 26.789 10.0117 27.1255C10.0337 27.4621 10.0556 27.737 10.0776 27.9504C10.0996 28.1638 10.1216 28.3639 10.1436 28.5553C10.1656 28.7467 10.1766 28.8479 10.1766 28.8633C10.192 28.9359 10.236 28.9798 10.3086 28.9952C10.3812 29.0106 10.4406 28.9886 10.4846 28.9293L10.6166 28.7533C10.7046 28.6499 10.7991 28.5289 10.9025 28.3903C11.0059 28.2518 11.1269 28.078 11.2655 27.8734C11.404 27.6688 11.5448 27.4489 11.6834 27.2135C11.822 26.9781 11.9628 26.7296 12.1013 26.4656C12.2399 26.2017 12.3697 25.9267 12.4863 25.6407C12.6029 25.3548 12.6997 25.0732 12.7722 24.7939L13.6521 21.3184C13.8875 21.7583 14.2944 22.1323 14.8729 22.4402C15.4514 22.7482 16.0717 22.9022 16.7316 22.9022C18.7399 22.9022 20.3787 22.0839 21.6479 20.4495C22.9171 18.8152 23.5506 16.7431 23.5506 14.2355C23.5506 12.2843 22.8027 10.5906 21.307 9.15421C19.8112 7.71783 17.8975 6.99854 15.5658 6.99854C14.1294 6.99854 12.8206 7.2405 11.6394 7.72443C10.4582 8.20835 9.50573 8.83966 8.77984 9.61614C8.05395 10.3926 7.49743 11.2373 7.10809 12.1458Z' fill='%233574E3'/%3E%3C/svg%3E%0A");
}

.kl-social-logos.kl-logo-facebook {
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5 30.9985C23.7843 30.9985 30.5 24.2828 30.5 15.9985C30.5 7.71426 23.7843 0.998535 15.5 0.998535C7.21573 0.998535 0.5 7.71426 0.5 15.9985C0.5 24.2828 7.21573 30.9985 15.5 30.9985ZM17.2508 6.99854H19.9508V10.5985H17.2508C17.0121 10.5985 16.7832 10.6934 16.6144 10.8621C16.4456 11.0309 16.3508 11.2598 16.3508 11.4985V14.1985H19.9508L19.0508 17.7985H16.3508V24.9985H12.7508V17.7985H10.0508V14.1985H12.7508V11.4985C12.7508 10.3051 13.2249 9.16047 14.0688 8.31655C14.9127 7.47264 16.0573 6.99854 17.2508 6.99854Z' fill='%233574E3'/%3E%3C/svg%3E%0A");
}

.kl-social-logos.kl-logo-linkedin {
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5 30.9985C23.7843 30.9985 30.5 24.2828 30.5 15.9985C30.5 7.71426 23.7843 0.998535 15.5 0.998535C7.21573 0.998535 0.5 7.71426 0.5 15.9985C0.5 24.2828 7.21573 30.9985 15.5 30.9985ZM23.5004 17.0051V22.4801H20.3879V17.6051C20.3879 16.4426 20.3691 14.9614 18.7754 14.9614C17.1629 14.9614 16.9191 16.2177 16.9191 17.5301V22.4989H13.8066V12.4864H16.7879V13.8552H16.8254C17.2379 13.0677 18.2504 12.2427 19.7691 12.2427C22.9191 12.2427 23.5004 14.3052 23.5004 17.0051ZM8.74414 12.4863H11.8566V22.4988H8.74414V12.4863ZM8.5 9.29852C8.5 8.30477 9.30625 7.49853 10.3 7.49853C11.2937 7.49853 12.1 8.30477 12.1 9.29852C12.1 10.2923 11.2937 11.1173 10.3 11.1173C9.30625 11.1173 8.5 10.2923 8.5 9.29852Z' fill='%233574E3'/%3E%3C/svg%3E%0A");
}

.kl-social-logos.kl-logo-twitter {
  background-image: url('data:image/svg+xml,<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 31C24.0604 31 31 24.0604 31 15.5C31 6.93959 24.0604 0 15.5 0C6.93959 0 0 6.93959 0 15.5C0 24.0604 6.93959 31 15.5 31ZM22.4785 8L16.5222 14.7714L23 23.9918H18.2356L13.8732 17.7828L8.41155 23.9918H7L13.2466 16.8909L7 8H11.7644L15.8952 13.8795L21.0671 8H22.4785ZM13.956 16.0839L14.5889 16.9692L18.8997 22.9998H21.0677L15.7851 15.6098L15.1522 14.7245L11.0882 9.03921H8.92015L13.956 16.0839Z" fill="%233574E3"/></svg>');
}

.kl-social-logos.kl-logo-email {
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5 30.9985C23.7843 30.9985 30.5 24.2828 30.5 15.9985C30.5 7.71426 23.7843 0.998535 15.5 0.998535C7.21573 0.998535 0.5 7.71426 0.5 15.9985C0.5 24.2828 7.21573 30.9985 15.5 30.9985ZM14.134 9.24854H14.1665H16.8332H16.8656H16.8657C17.7715 9.24853 18.4971 9.24852 19.0836 9.29644C19.6858 9.34564 20.2071 9.44909 20.687 9.69359C21.4553 10.0851 22.08 10.7097 22.4714 11.4781C22.716 11.9579 22.8194 12.4792 22.8686 13.0815C22.9165 13.6679 22.9165 14.3935 22.9165 15.2994V15.2994V15.3319V16.6652V16.6977V16.6977C22.9165 17.6036 22.9165 18.3291 22.8686 18.9156C22.8194 19.5178 22.716 20.0391 22.4714 20.519C22.08 21.2873 21.4553 21.912 20.687 22.3035C20.2071 22.548 19.6858 22.6514 19.0836 22.7006C18.4971 22.7485 17.7716 22.7485 16.8657 22.7485H16.8657H16.8656H16.8332H14.1665H14.134H14.134H14.1339C13.2281 22.7485 12.5026 22.7485 11.9161 22.7006C11.3139 22.6514 10.7926 22.548 10.3127 22.3035C9.54438 21.912 8.91971 21.2873 8.52823 20.519C8.28372 20.0391 8.18028 19.5178 8.13108 18.9156C8.08316 18.3291 8.08316 17.6036 8.08317 16.6977V16.6652V15.3319V15.2994C8.08316 14.3935 8.08316 13.6679 8.13108 13.0815C8.18028 12.4792 8.28372 11.9579 8.52823 11.4781C8.91971 10.7097 9.54438 10.0851 10.3127 9.69359C10.7926 9.44909 11.3139 9.34564 11.9161 9.29644C12.5026 9.24852 13.2281 9.24853 14.134 9.24854H14.134ZM12.0383 10.7915C11.5288 10.8331 11.2269 10.9113 10.9937 11.0301C10.5076 11.2778 10.1124 11.673 9.86474 12.1591C9.74593 12.3922 9.66772 12.6942 9.62609 13.2036C9.58375 13.7218 9.58317 14.3861 9.58317 15.3319V16.6652C9.58317 17.611 9.58375 18.2752 9.62609 18.7935C9.66772 19.3029 9.74593 19.6048 9.86474 19.838C10.1124 20.3241 10.5076 20.7193 10.9937 20.967C11.2269 21.0858 11.5288 21.164 12.0383 21.2056C12.5565 21.248 13.2207 21.2485 14.1665 21.2485H16.8332C17.779 21.2485 18.4432 21.248 18.9614 21.2056C19.4709 21.164 19.7728 21.0858 20.006 20.967C20.4921 20.7193 20.8873 20.3241 21.1349 19.838C21.2537 19.6048 21.332 19.3029 21.3736 18.7935C21.4159 18.2752 21.4165 17.611 21.4165 16.6652V15.3319C21.4165 14.3861 21.4159 13.7218 21.3736 13.2036C21.332 12.6942 21.2537 12.3922 21.1349 12.1591C20.8873 11.673 20.4921 11.2778 20.006 11.0301C19.7728 10.9113 19.4709 10.8331 18.9614 10.7915C18.4432 10.7491 17.779 10.7485 16.8332 10.7485H14.1665C13.2207 10.7485 12.5565 10.7491 12.0383 10.7915ZM10.8758 12.9158C11.1056 12.5712 11.5712 12.4781 11.9159 12.7078L12.5825 13.1523C13.6963 13.8948 14.125 14.1712 14.5623 14.303C15.1737 14.4872 15.8259 14.4872 16.4374 14.303C16.8747 14.1712 17.3034 13.8948 18.4171 13.1523L19.0838 12.7078C19.4285 12.4781 19.8941 12.5712 20.1239 12.9158C20.3536 13.2605 20.2605 13.7261 19.9159 13.9559L19.2492 14.4004L19.1437 14.4707L19.1437 14.4707C18.1722 15.1187 17.5482 15.5349 16.8701 15.7392C15.9764 16.0084 15.0232 16.0084 14.1295 15.7392C13.4515 15.5349 12.8275 15.1187 11.856 14.4707L11.7505 14.4004L11.0838 13.9559C10.7392 13.7261 10.646 13.2605 10.8758 12.9158Z' fill='%233574E3'/%3E%3C/svg%3E%0A");
}
.kl-testimonial-slider {
  position: relative;
}

.kl-testimonial-slider .glide__slides {
  padding-bottom: 20px;
}

.kl-testimonial-slider-wrapper {
  margin: 0 58px;
}

@media screen and (max-width: 420px) {
  .kl-testimonial-slider-wrapper {
    margin: 0 16px;
  }
}

.kl-testimonial-slider .glide__slide {
  height: auto !important;
}

.kl-testimonial-slider .glide__arrow {
  border: none;
  padding: 12px;
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
}

.kl-testimonial-slider .glide__arrow svg path {
  fill: #ffffff;
}

.kl-testimonial-slider .glide__arrow:focus {
  border: none;
  outline: none;
}

.kl-testimonial-slider .glide__arrow--left {
  left: -16px;
  transform: translate(-100%, -50%);
}

@media screen and (max-width: 420px) {
  .kl-testimonial-slider .glide__arrow--left {
    transform: translate(0, -50%);
  }
}

.kl-testimonial-slider .glide__arrow--right {
  right: -16px;
  transform: translate(100%, -50%);
}

@media screen and (max-width: 420px) {
  .kl-testimonial-slider .glide__arrow--right {
    transform: translate(0, -50%);
  }
}

.kl-testimonial-slider .glide__bullets {
  display: flex;
  justify-content: center;
  align-items: center;
}

.kl-testimonial-slider .glide__bullet {
  border: none;
  margin: 0 3px;
  padding: 0;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #e0e0e0;
  transition: all .2s ease-in-out;
}

.kl-testimonial-slider .glide__bullet--active {
  background-color: #3574E3;
  height: 16px;
  width: 16px;
}

.kl-slider-testimonial {
  padding: 24px 36px 36px;
  border: 0.5px solid rgba(100, 146, 253, 0.2);
  box-shadow: 0 3px 15px rgba(154, 161, 177, 0.2);
  border-radius: 9px;
  background-color: rgba(255, 255, 255, 1.0);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.kl-slider-testimonial__footer {
  margin-top: 16px;
}

.kl-slider-testimonial__content {
  font-weight: 500;
}

.kl-slider-testimonial__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 0 20px;
  min-height: 80px;
}

.kl-slider-testimonial__header img {
  display: block;
  margin: 16px 0;
}

.kl-slider-testimonial__author {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.kl-slider-testimonial__author-photo img {
  height: 52px;
  width: 52px;
  object-fit: cover;
  display: block;
  border-radius: 50%;
  margin-right: 16px;
}

.kl-slider-testimonial__author-content {
  font-weight: bold;
}

.kl-slider-testimonial__author-position {
  color: #3574E3;
}

.kl-slider-testimonial__author span {
  font-size: 0.75rem;
  display: block;
}

.kl-slider-testimonial__button {
  margin-top: 16px;
  min-height: 45.2px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.kl-slider-testimonial__button a.button {
  flex: 1 1 100%;
}
.kl-testimonials {
  display: flex;
}

@media screen and (max-width: 920px) {
  .kl-testimonials {
    display: block;
  }
}

.kl-testimonial {
  padding: 18px 25px 25px;
  border: 0.5px solid rgba(100, 146, 253, 0.2);
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
  border-radius: 9px;
  background-color: rgba(255, 255, 255, 1.0);
  flex-grow: 1;
  flex-basis: 300px;
}

.kl-testimonial + .kl-testimonial {
  margin-left: 64px;
}

@media screen and (max-width: 1024px) {
  .kl-testimonial + .kl-testimonial {
    margin-left: 16px;
  }
}

@media screen and (max-width: 920px) {
  .kl-testimonial + .kl-testimonial {
    margin: 16px 0 0;
  }
}

.kl-testimonial__quote {
  margin: 0 0 25px;
}

.kl-testimonial__quote svg {
  fill: #3574E3;
  height: 32px;
  max-height: 32px;
}

.kl-testimonial__content {
  font-weight: 500;
}

.kl-testimonial__footer {
  display: flex;
  align-items: center;
}

.kl-testimonial__footer img {
  display: block;
  object-fit: cover;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  margin: 0 16px 0 0;
}

.kl-testimonial__author {
  font-weight: bold;
}

.kl-testimonial__author span {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #3574E3;
  display: block;
  font-size: 0.75rem;
  margin: 0 0 8px;
}
.kl-timeline__entry {
  position: relative;
  padding-bottom: 50px;
}

.kl-timeline__entry h1, .kl-timeline__entry h2, .kl-timeline__entry h3, .kl-timeline__entry h4, .kl-timeline__entry h5 {
  color: #3574E3;
}

.kl-timeline__entry p {
  margin: 0 0 1rem;
}

.kl-timeline__entry--odd {
  margin-right: 50%;
  padding-right: 50px;
  text-align: right;
}

.kl-timeline__entry--odd:before {
  content: '';
  background-color: #1C2630;
  display: block;
  position: absolute;
  top: 10px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  transform: translateX(4px);
  right: 0;
}

@media screen and (max-width: 580px) {
  .kl-timeline__entry--odd:before {
    transform: translateX(-5px);
    left: 0;
  }
}

.kl-timeline__entry--odd:after {
  content: '';
  background-color: #1C2630;
  display: block;
  position: absolute;
  top: 10px;
  width: 1px;
  height: 100%;
  right: 0;
}

@media screen and (max-width: 580px) {
  .kl-timeline__entry--odd:after {
    left: 0;
  }
}

.kl-timeline__entry--even {
  margin-left: 50%;
  padding-left: 50px;
}

.kl-timeline__entry--even:before {
  content: '';
  background-color: #1C2630;
  display: block;
  position: absolute;
  top: 10px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  transform: translateX(-5px);
  left: -1px;
}

@media screen and (max-width: 580px) {
  .kl-timeline__entry--even:before {
    transform: translateX(-5px);
    left: 0;
  }
}

.kl-timeline__entry--even:after {
  content: '';
  background-color: #1C2630;
  display: block;
  position: absolute;
  top: 10px;
  width: 1px;
  height: 100%;
  left: -1px;
}

@media screen and (max-width: 580px) {
  .kl-timeline__entry--even:after {
    left: 0;
  }
}

.kl-timeline__entry--last:after {
  display: none;
}

@media screen and (max-width: 580px) {
  .kl-timeline__entry {
    margin: 0;
    padding: 0 0 50px 50px;
    text-align: left;
  }
}

@media screen and (max-width: 420px) {
  .kl-timeline__entry {
    padding: 0 0 20px 20px;
  }
}
/***************************************************************************/
/************************   Menu and simple menu   *************************/
/***************************************************************************/
.hs-menu-wrapper ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */
.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

/* Vertical menu */
.hs-menu-wrapper.hs-menu-flow-vertical ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* Flyouts */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: -webkit-box;
    display: -ms-flexbox;
    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;
  }
}

.lang_switcher_class {
  display: flex !important;
}

.lang_list_class {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  padding: 0 !important;
  margin-top: 20px !important;
}

.lang_list_class:before {
  border: none !important;
  background: white;
  box-shadow: 0px 5px 10px rgba(154, 161, 177, 0.1);
}

.lang_list_class:after {
  top: -23px !important;
}

.lang_list_class li {
  word-break: keep-all;
  border-left: none !important;
  border-right: none !important;
}

.lang_list_class li:first-child {
  border-top: none !important;
}

.lang_list_class li:last-child {
  border-bottom: none !important;
}
/* ===== CONTENT LIST STYLES ===== */
:root {
  --neutral-black: #130013;
  --primary-blue: #3574e3;
  --light-blue: #e4edff;
  --light-blue-2: #f0f7ff;
  --grey-3: #425b76;
  --orange: #ff9571;
  --primary-blue-20: rgba(53, 116, 227, 0.2);
  --font-oneup-1: Muli;
  --font-oneup-2: Poppins;
}

.oneup-accordion-section,
.oneupsliders-accordion-section,
.oneupsliders-motivation-container,
.oneupsliders-section-container{
  word-break: normal !important;
}

.oneupsliders-section-description {
    text-align: center;
    max-width: 700px;
    /* 1440/Body 1 - Uses theme typography settings */
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    margin: auto;
    /* font-family will inherit from body or use theme settings */
}

.no-events {pointer-events: none!important;}

.oneupsliders-link, .oneupsliders-link:hover {
    text-decoration: none;
    color: inherit;
    border: none;
 
}
.section-header-oneupsliders {max-width: 850px;}
.oneupsliders-content-list-section {
  padding: 40px 20px;
  min-height: 100%;
  background: linear-gradient(135deg, #f8f9ff 0%, #ffffff 100%);
}

.oneupsliders-content-list-container {
  max-width: 1200px;
  margin: 0 auto;
}

.oneupsliders-content-list-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--neutral-black);
  text-align: center;
  margin-bottom: 16px;
  line-height: 1.2;
}

.oneupsliders-content-list-subtitle {
  font-size: 1.125rem;
  color: var(--grey-3);
  text-align: center;
  margin-bottom: 48px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.oneupsliders-content-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
  margin-bottom: 64px;
}

.oneupsliders-content-card {
  background: white;
  border-radius: 16px;
  padding: 32px;
  box-shadow: 0 4px 24px rgba(53, 116, 227, 0.08);
  border: 1px solid var(--light-blue);
  transition: all 0.3s ease;
}

.oneupsliders-content-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 32px rgba(53, 116, 227, 0.12);
}

.oneupsliders-content-card-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--neutral-black);
  margin-bottom: 12px;
  line-height: 1.3;
}

.oneupsliders-content-card-description {
  font-size: 1rem;
  line-height: 1.6;
  color: var(--grey-3);
  margin-bottom: 24px;
}

.oneupsliders-content-card-link {
  display: inline-block;
  background: var(--primary-blue);
  color: white;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.9rem;
  padding: 12px 24px;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.oneupsliders-content-card-link:hover {
  background: #2c5fd1;
  transform: translateY(-1px);
}

.oneupsliders-content-footer {
  background: white;
  border-radius: 16px;
  padding: 40px;
  border: 1px solid var(--light-blue);
}

.oneupsliders-content-footer-title {
  font-size: 1.875rem;
  font-weight: 600;
  color: var(--neutral-black);
  text-align: center;
  margin-bottom: 32px;
}

.oneupsliders-architecture-info {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 32px;
}

.oneupsliders-architecture-item {
  text-align: center;
}

.oneupsliders-architecture-item h4 {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--primary-blue);
  margin-bottom: 12px;
}

.oneupsliders-architecture-item p {
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--grey-3);
  margin: 0;
}

.oneupsliders-architecture-item code {
  background: var(--light-blue-2);
  color: var(--primary-blue);
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.85rem;
  font-family: 'Courier New', monospace;
}

/* Responsive content list styles */
@media (max-width: 768px) {
  .content-list-section {
    padding: 32px 16px;
  }

  .oneupsliders-content-list-title {
    font-size: 2rem;
  }

  .oneupsliders-content-list-subtitle {
    font-size: 1rem;
    margin-bottom: 32px;
  }

  .oneupsliders-content-grid {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 48px;
  }

  .oneupsliders-content-card {
    padding: 24px;
  }

  .oneupsliders-content-card-title {
    font-size: 1.25rem;
  }

  .oneupsliders-content-footer {
    padding: 32px 24px;
  }

  .oneupsliders-content-footer-title {
    font-size: 1.5rem;
    margin-bottom: 24px;
  }

  .oneupsliders-architecture-info {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

.oneupsliders-section-container {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}

.oneupsliders-section-title {
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 1.3;
  word-wrap: break-word;
  color: black;
  margin: 48px 20px 0;
}

/* Responsive section container styles */
@media (min-width: 768px) {
  .oneupsliders-section-container {
    gap: 40px;
  }

  .oneupsliders-section-title {
    font-size: 2.1rem;
  }
}

@media (min-width: 1024px) {
  .oneupsliders-section-container {
    gap: 48px;
  }

  .oneupsliders-section-title {
    font-size: 2.1rem;
    margin-top: 100px;
  }
}

/* ===== ACCORDION STYLES - MOBILE FIRST ===== */

/* Base styles - Mobile (320px+) */
.oneupsliders-accordion-section {
  background: white;
  padding: 48px 20px;
  min-height: 100%;
}

.oneupsliders-accordion-main-title {
  font-size: 1.875rem;
  font-weight: 600;
  color: var(--neutral-black);
  text-align: center;
  margin-bottom: 56px;
  line-height: 1.3;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.oneupsliders-accordion-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-width: 100%;
  margin: 0 auto;
  align-items: stretch;
}

.oneupsliders-accordion-left {
  width: 100%;
  order: 1;
}

.oneupsliders-accordion-right {
  width: 100%;
  order: 2;
  display: none;
}

.oneupsliders-accordion {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.oneupsliders-accordion-item {
  border-bottom: 1px solid var(--primary-blue);
  margin-bottom: 24px;
}

.oneupsliders-accordion-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.oneupsliders-accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 24px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.oneupsliders-accordion-header:hover {
  color: var(--primary-blue);
}

.oneupsliders-accordion-header h3 {
  font-size: 1.125rem;
  line-height: 1.4;
  font-weight: 600;
  color: var(--neutral-black);
  margin: 0;
  transition: color 0.3s ease;
  flex: 1;
  padding-right: 12px;
}

.oneupsliders-accordion-item.active .oneupsliders-accordion-header h3 {
  color: var(--primary-blue);
}

.oneupsliders-accordion-icon {
  font-size: 1rem;
  font-weight: 300;
  color: var(--neutral-black);
  transition: all 0.3s ease;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.oneupsliders-accordion-item.active .oneupsliders-accordion-icon {
  transform: rotate(180deg);
  color: var(--primary-blue);
}

.oneupsliders-accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding: 0;
}

.oneupsliders-accordion-item.active .oneupsliders-accordion-content {
  max-height: 500px;
  padding-bottom: 20px;
}

.oneupsliders-accordion-content p {
  font-size: 1rem;
  font-family: 'Muli', sans-serif;
  line-height: 1.5;
  margin: 0 0 16px 0;
}

.oneupsliders-accordion-inline-image {
  display: block;
  margin-top: 16px;
  border-radius: 12px;
  overflow: hidden;
  padding: 0 16px;
}

.oneupsliders-accordion-inline-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
  max-height: 233px;
}

.oneupsliders-accordion-image-container {
  position: relative;
  border-radius: 16px;
  padding: 20px;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.oneupsliders-accordion-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.oneupsliders-accordion-image.active {
  opacity: 1;
}

.oneupsliders-accordion-image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

/* Small tablets (480px+) */
@media (min-width: 480px) {
  .oneupsliders-accordion-section {
    padding: 50px 20px;
  }

  .oneupsliders-accordion-main-title {
    font-size: 2rem;
    margin-bottom: 40px;
  }

  .oneupsliders-accordion-header h3 {
    font-size: 1.15rem;
  }

  .oneupsliders-accordion-content p {
    font-size: 1rem;
  }

  .oneupsliders-accordion-image-container {
    height: 350px;
    padding: 24px;
  }
}

/* Tablets (768px+) */
@media (min-width: 768px) {
  .oneupsliders-accordion-section {
    padding: 60px 30px;
  }

  .oneupsliders-accordion-main-title {
    font-size: 2.25rem;
    margin-bottom: 50px;
  }

  .oneupsliders-accordion-container {
    gap: 40px;
  }

  .oneupsliders-accordion-header {
    padding-bottom: 22px;
  }

  .oneupsliders-accordion-header h3 {
    font-size: 1.2rem;
  }

  .oneupsliders-accordion-item.active .oneupsliders-accordion-content {
    padding-bottom: 22px;
  }

  .oneupsliders-accordion-image-container {
    height: 400px;
    padding: 30px;
  }
}

/* Large tablets/Small desktops (1024px+) */
@media (min-width: 1024px) {
  .oneupsliders-accordion-section {
    padding: 70px 40px;
  }

  .oneupsliders-accordion-container {
    flex-direction: row;
    gap: 50px;
    max-width: 1200px;
  }

  .oneupsliders-accordion-left {
    flex: 1;
    max-width: 500px;
    order: 0;
  }

  .oneupsliders-accordion-right {
    flex: 1;
    max-width: 600px;
    order: 0;
    display: block;
  }

  .oneupsliders-accordion-inline-image {
    display: none;
  }

  .oneupsliders-accordion-content p {
    margin: 0;
    font-size: 18px;
  }

  /* .oneupsliders-accordion-item.active .oneupsliders-accordion-header {
    padding-bottom: 16px;
  } */

  .oneupsliders-accordion-item.active .oneupsliders-accordion-content {
    max-height: 200px;
    padding-bottom: 32px;
  }

  .oneupsliders-accordion-header {
    padding-bottom: 15px;
    font-size: 1.25rem;
  }

  .oneupsliders-accordion-header h3 {
    font-size: 20px;
  }

  .oneupsliders-accordion-image-container {
    height: 450px;
    padding: 35px;
  }
}

/* Desktops (1200px+) */
@media (min-width: 1200px) {
  .oneupsliders-accordion-section {
    padding: 80px 40px;
  }

  .oneupsliders-accordion-main-title {
    font-size: 2.625rem;
    margin-bottom: 48px;
    max-width: 760px;
  }

  .oneupsliders-accordion-container {
    gap: 60px;
  }

  .oneupsliders-accordion-right {
    flex: 0 0 600px;
    max-width: 600px;
  }

  .oneupsliders-accordion-image-container {
    width: 600px;
    height: 500px;
    padding: 5px 52px;
  }
}

/* ===== CAROUSEL STYLES ===== */
.oneupsliders-carousel-container {
  width: 100%;
  overflow: hidden;
}

.oneupsliders-carousel-wrapper {
  position: relative;
  overflow-x: visible;
  background: transparent;
  height: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  /*padding: 20px 10px;*/
  padding: 0;
  margin-left: 20px;
}

.oneupsliders-carousel-wrapper::-webkit-scrollbar {
  display: none;
}

.oneupsliders-carousel-track {
  display: flex;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  height: 100%;
  gap: 8px;
  /*padding: 0 16px;*/
   padding: 0;
}

.oneupsliders-carousel-slide {
  width: calc(100vw - 90px);
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: column;
  padding: 0;
  gap: 0;
  background: var(--light-blue-2);
  text-align: center;
  min-height: 400px;
  border-radius: 16px;
  border: 1px solid var(--light-blue);
  overflow: hidden;
  scroll-snap-align: start;
  flex-shrink: 0;
}

.oneupsliders-slide-image {
  height: 200px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px 16px 0 0;
}

.oneupsliders-slide-image img {
  width: 100%;
  height: 100%!important;
  object-fit: contain;
  border-radius: 8px;
}

.oneupsliders-slide-content {
  width: 100%;
  max-width: 100%;
  padding: 0 16px 35px;
  flex: 1;
}

.oneupsliders-slide-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 16px;
  line-height: 1.4;
}

.oneupsliders-slide-description {
  font-size: 0.875rem;
  line-height: 1.4;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  margin-bottom: 0;
}

.oneupsliders-carousel-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 55px 0;
  gap: 4px;
}

.oneupsliders-carousel-dots {
  display: flex;
  gap: 4px;
}

.oneupsliders-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #bbbbbb;
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
  padding: 0;
}

.oneupsliders-dot.active {
  background: var(--primary-blue);
  border-radius: 12px;
  width: 25px;
}

/* Tablet - adjust for 2.3 cards layout */
@media (min-width: 768px) {
  .oneupsliders-carousel-wrapper {
    margin-left: 50px;
    /*padding: 0;*/
  }

  .oneupsliders-carousel-track {
    gap: 20px;
    padding: 0;
  }

  .oneupsliders-carousel-slide {
    min-width: 320px;
    width: 320px;
    min-height: 350px;
    scroll-snap-align: start;
  }

  .oneupsliders-dot.active {
    width: 32px;
  }

  .oneupsliders-slide-title {
    font-size: 26px;
  }

  .oneupsliders-slide-description {
    font-size: 16px;
    margin-bottom: 0;
  }

  .oneupsliders-slide-image {
    height: 260px;
    padding: 24px 32px 0;
  }

  .oneupsliders-slide-content {
    padding: 0 32px 24px;
  }
}

/* Desktop - show 2.3 cards to indicate more */
@media (min-width: 1024px) {
  .oneupsliders-carousel-slide {
    min-width: 460px;
    width: 460px;
    scroll-snap-align: start;
  }

  .oneupsliders-carousel-track {
    /*row-gap: 24px;*/
    gap: 24px;
  }

  .oneupsliders-carousel-wrapper {
    /*margin-left: 100px;*/
  }
}

@media (max-width: 768px) {
  .oneupsliders-carousel-controls {
      margin: 10px 0;
  }
}

/* Auto-play indicator */
.oneupsliders-carousel-container .oneupsliders-progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  background: #3b82f6;
  transition: width 0.1s linear;
  z-index: 5;
}

/* ===== MOTIVATION TRACKER STYLES ===== */

.oneupsliders-motivation-container {
  background: white;
  color: var(--neutral-black);
  padding: 0 20px;
}

.oneupsliders-motivation-header {
  text-align: center;
  margin: 24px 0 32px;
}

.oneupsliders-motivation-header h1 {
  font-size: 1.875rem;
  font-weight: 600;
  margin-bottom: 24px;
  line-height: 1.3;
}

.oneupsliders-motivation-header p {
  font-size: 1.125rem;
  font-family: 'Muli', sans-serif;
  color: var(--grey-3);
  line-height: 1.5;
  max-width: 700px;
}

.oneupsliders-motivation-tracker {
  padding-top: 46px;
}

.oneupsliders-motivation-tracker .oneupsliders-progress-bar {
  position: relative;
  height: 13px;
  background: var(--light-blue);
  border-radius: 4px;
  margin-bottom: 33px;
}

.oneupsliders-progress-fill {
  height: 100%;
  background: #3574e3;
  border-radius: 12px;
  width: 50%;
  transition: width 0.3s ease;
  position: relative;
}

.oneupsliders-progress-fill-circle {
  width: 32px;
  height: 32px;
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
  position: absolute;
  border-radius: 50%;
  background: var(--primary-blue);
  transition: all 0.3s ease;
  z-index: 10;
  cursor: pointer;
}

.oneupsliders-progress-fill-text {
  position: absolute;
  top: -25px;
  left: 0;
  font-family: var(--font-oneup-2);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  z-index: 11;
  color: var(--primary-blue);
  transition: left 0.3s ease, transform 0.3s ease;
}

.oneupsliders-progress-indicators {
  position: absolute;
  top: -45px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
}

.oneupsliders-indicator {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.4;
  color: transparent;
  /* text-align: center; */
  flex: 1;
}

.oneupsliders-indicator.active {
  color: var(--primary-blue);
}

/* Mobile-first: Features cards base styles */
.oneupsliders-features-cards-wrapper {
  width: 100vw;
  margin: 0 -20px;
  overflow-x: hidden;
  position: relative;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.oneupsliders-features-cards-wrapper::-webkit-scrollbar {
  display: none;
}

.oneupsliders-features-cards {
  display: flex;
  transition: transform 0.3s ease;
  gap: 24px;
  margin-bottom: 60px;
  padding: 0 20px;
}

.oneupsliders-motivating-card {
  background: var(--light-blue);
  border: solid 1px var(--primary-blue-20);
  border-radius: 16px;
  padding: 16px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: calc(100vw - 70px);
  width: calc(100vw - 70px);
  flex-shrink: 0;
  opacity: 0.4; 
  scroll-snap-align: center;
}

.oneupsliders-motivating-card.selected {
  opacity: 1;
}

.oneupsliders-motivating-card-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 16px;
}

.oneupsliders-motivating-card-description {
  font-size: 0.875rem;
  line-height: 1.4;
  margin-bottom: 16px;
}

.oneupsliders-motivating-card-image img {
  object-fit: contain;
  width: 100%;
  height: 180px!important;
}

/* Tablet and Desktop: 768px+ */
@media (min-width: 768px) {
  .oneupsliders-motivation-container {
    padding: 0;
    max-width: 100vw;
    overflow: hidden;
  }

  .oneupsliders-motivation-header {
    margin: 64px 24px 80px;
  }

  .oneupsliders-motivation-header h1 {
    font-size: 1.875rem;
    margin-bottom: 32px;
  }

  .oneupsliders-features-cards-wrapper {
    width: 100%;
    margin: 0;
  }

  .oneupsliders-features-cards {
    gap: 16px;
    padding: 0;
    margin-left: 24px;
  }

  .oneupsliders-motivating-card {
    width: 460px;
    min-height: 479px;
    min-width: 460px;
    padding: 24px 32px;
  }
  
  .oneupsliders-motivating-cta-last {
    opacity: 0;
    transition: opacity 2s ease, visibility 2s ease;
    pointer-events: none;
  }

  .oneupsliders-motivating-cta-last.show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  
  .oneupsliders-motivating-card-description-cta {
      color: #FFF;
      text-align: center;
      position: relative;
      z-index: 1;

      /* 1440/H4 */
      font-family: Poppins;
      font-size: 26px;
      font-style: normal;
      font-weight: 600;
      line-height: 140%; /* 36.4px */
  }
  
  .oneupsliders-motivating-cta .hero-buttons {
    position: relative;
    z-index: 1;
    align-items: center;
  }
    
    .oneupsliders-motivating-cta .hero-buttons .btn-sec a {
      line-height: 130%; /* 24px */
    }
  
    .buttons-cta-all .button.button--outlined {
      line-height: 150%!important; /* 24px */
    }
  
  .oneupsliders-motivating-cta {
    position: relative;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
  }
  
  .oneupsliders-motivating-cta-elipse-left {
    position: absolute;
    bottom: -10px;
    left: 15px;
    z-index: 0;
  }
  
   .oneupsliders-motivating-cta-elipse-right {
      position: absolute;
     bottom: 10px;
     right: 0;     
     z-index: 0;
  }
  
  .oneupsliders-motivating-cta-elipse-left svg,.oneupsliders-motivating-cta-elipse-right svg {
    max-width: 100%;
  }

  .oneupsliders-motivating-card-title {
    font-family: var(--font-oneup-2);
    font-size: 26px;
    line-height: 140%;
  }

  .oneupsliders-motivating-card-description {
    color: var(--neutral-black);
    font-family: var(--font-oneup-1);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
  }

  .oneupsliders-motivating-card-image img {
    height: 241px!important;
  }

  .oneupsliders-motivation-tracker .oneupsliders-progress-bar {
    width: 60%;
    margin: 0 auto 72px;
  }

  .oneupsliders-progress-indicators {
    padding: 0;
  }

  .oneupsliders-indicator {
    font-size: 1rem;
  }
}

@media (min-width: 1024px) {
  .oneupsliders-motivation-header {
    max-width: 760px;
    margin: 104px auto 48px;
  }

  .oneupsliders-features-cards {
    margin-left: 100px;
  }
}

/* ===== STATS WITH LOGO STYLES ===== */

.oneupsliders-stats-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  padding: 0 20px;
}

.oneupsliders-stats-logo {
  height: 55px!important;
  margin: inherit;
  object-fit: contain;
}

.oneupsliders-stats-card {
  border: solid 1px var(--neutral-black);
  border-bottom-width: 8px;
  border-radius: 12px;
  padding: 16px 24px;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 400px;
  text-align: left;
}

.oneupsliders-stats-value {
  font-weight: 700;
  font-size: 2.625rem;
  display: flex;
  align-items: center;
  column-gap: 8px;
  margin-bottom: 4px;
  margin-top: 4px;
  line-height: 1.3;
}

.oneupsliders-stats-title {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.4;
  margin: 0!important;
}

.oneupsliders-stats-card-primary {
  border-color: var(--primary-blue);
}

.oneupsliders-stats-card-primary .oneupsliders-stats-value {
  color: var(--primary-blue);
}

.oneupsliders-stats-card-orange {
  border-color: var(--orange);
}

.oneupsliders-stats-card-orange .oneupsliders-stats-value {
  color: var(--orange);
}

@media (min-width: 768px) {
  .oneupsliders-stats-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }

  .oneupsliders-stats-card {
    width: 350px;
    padding: 24px 24px 12px;
  }
}
@media (min-width: 1024px) {
  .oneupsliders-stats-wrapper {
    gap: 27px;
  }

  .oneupsliders-stats-card {
    width: 395px;
    border-bottom-width: 20px;
  }

  .oneupsliders-stats-value {
    font-size: 64px;
    margin-bottom: 40px;
    margin-top: 8px;
  }

  .oneupsliders-stats-title {
    font-family: var(--font-oneup-2);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
  }
}

@media (max-width: 768px) {
  .oneupsliders-stats-wrapper {
    align-items: center;
  }
}

/* ===== TRUSTED LEADING TEAMS STYLES ===== */
.oneupsliders-badge-container {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  width: calc(100vw - 32px);
  transform: scale(1);
  overflow: visible;
}

.oneupsliders-badge-container-logo {
  row-gap: 28px;
}

.oneupsliders-section-title-small {
  font-size: 1rem;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
}

.oneupsliders-badge-wrapper,
.oneupsliders-badge-logo-wrapper {
  display: flex;
  flex-wrap: nowrap;
  column-gap: 24px;
  width: auto;
  will-change: transform; /* Optimize for animations */
}

/* Container to hide overflow and enable smooth scrolling */
.oneupsliders-badge-container .oneupsliders-badge-logo-wrapper,
.oneupsliders-badge-container .oneupsliders-badge-wrapper {
  overflow: visible;
}

/* JavaScript will handle animations */

/* Hide overflow on the container */
/* .oneupsliders-badge-container {
  overflow: hidden;
} */

.oneupsliders-badge {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  border-radius: 100px;
  border: 1px solid var(--primary-blue);
}

.oneupsliders-badge-title {
  width: max-content;
  margin: 0!important;
  color: var(--neutral-black);
  font-family: Muli;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.oneupsliders-badge-icon {
  width: 20px;
  height: 20px;
  color: var(--primary-blue);
  margin-right: 8px;
}

.oneupsliders-badge-logo {
  border: 1px solid var(--light-blue);
  border-radius: 12px;
  padding: 15px 33px;
  height: 80px;

}

.oneupsliders-badge-logo img {
  max-width: unset!important;
}

.oneupsliders-marquee-container {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

.oneupsliders-marquee-set {
  display: flex;
  flex-flow: row nowrap;
  column-gap: 24px;
}

@media (min-width: 768px) {
  .oneupsliders-section-title-small {
    font-size: 1.125rem;
  }
}

@media(max-width: 768px) {
  .oneupsliders-motivating-cta-last {
    display: none!important;
  }
}

/* ===== HORIZONTAL SCROLLING ANIMATIONS (JavaScript-based) ===== */


/* ============================================================
   ONEUP MEGAMENU - module.css
   Last updated: 2026-04-25

   SECTION MAP
   ──────────────────────────────────────────────────────────
   [1]  RESET & BASE              — box-sizing, font-family, shared rules
   [2]  TOP NAVBAR                — nav bar, logo area, desktop nav links
   [3]  DESKTOP NAV BUTTONS       — Sign in / Try free / Book a demo
   [4]  DROPDOWN WRAPPER          — .oneupmenu-dropdowns positioning

   [5]  PRODUCTS DROPDOWN         — desktop Products panel
		[5a] Background split
		[5b] Left panel (product tab buttons)
		[5c] Content pane "TV area" (features grid + side card)
		[5d] Integrations footer bar

   [6]  SOLUTIONS DROPDOWN        — desktop Solutions panel
   [7]  RESOURCES DROPDOWN        — desktop Resources panel
   [8]  COMPANY DROPDOWN          — desktop Company panel

   [9]  MOBILE — SHARED           — shared mobile menu styles, transitions
   [10] MOBILE — LEVEL 1 NAV      — hamburger list
   [11] MOBILE — PRODUCTS L2      — Products submenu (Level 2)
   [12] MOBILE — SOLUTIONS L2     — Solutions submenu (Level 2)
   [13] MOBILE — RESOURCES L2     — Resources submenu (Level 2)
   [14] MOBILE — COMPANY L2       — Company submenu (Level 2)

   [15] BADGE                     — "New" / "Coming Soon" pill badges

   [16] RESPONSIVE BREAKPOINTS
		[16a] ≥ 992px             — force show desktop buttons
		[16b] ≤ 991px             — mobile layout
		[16c] 992px – 1100px      — compact desktop
		[16d] 1101px – 1130px
		[16e] 1131px – 1200px
		[16f] 1201px – 1320px
		[16g] 1441px – 1799px
		[16h] 1800px – 2159px
		[16i] 2160px – 2799px
		[16j] ≥ 2800px
		[16k] ≤ 768px             — small mobile tweaks

   ──────────────────────────────────────────────────────────
   CHANGES 2026-04-25 (further mobile display fixes):
   - [9]  Removed `padding-bottom: 24px` from all mobile panels
		  (Level 1 nav + Level 2/3 panels). With the CTA bar set
		  to `position: sticky; bottom: 0`, sticky's bottom inset
		  is measured from the panel's padding edge, not its border
		  edge — so the 24px padding-bottom left a 24px strip below
		  the buttons where scrolled menu content showed through.
		  Removing the panel padding closes the gap; the buttons'
		  own 1.5rem internal padding still gives them visual
		  breathing room.
   - [13] Resources special (vivid-blue) card was inheriting
		  `height: 244px` from the standard card rule, which
		  clipped the "Listen to the latest episode" button under
		  the bottom edge of the card. Added `height: auto` +
		  `min-height: 290px` so the card grows to fit the tall
		  cover-art image (max 180px) + button + 30px padding.
   - [14] Awards row badges no longer use `flex-shrink: 0` with a
		  fixed `height: 50px` — natural badge widths overflowed
		  the card and wrapped untidily on narrow viewports.
		  Switched to `flex: 1 1 0` distribution with
		  `flex-wrap: nowrap` so all 4–5 badges share the row
		  equally and fill the card width like desktop.

   CHANGES 2026-04-23 (mobile display fixes):
   - [9]  L2/L3 submenus now sit below navbar (top:88px) so the top
		  bar with logo + Book-a-demo + close icon stays visible.
   - [11-14] Removed `margin-top: 24px` from the L2 panels themselves.
		  On a position:fixed element, `top` positions the margin-edge,
		  so `top:88px + margin-top:24px` pushed the panel's visible
		  background to 112px, leaving a 24px strip where the page
		  behind peeked through. Internal spacing for the first item
		  is handled by the back-button header's padding + the
		  `.oneupmenu-products-mobile-options { margin-top: 24px }`
		  rule, which sits between the back button and the first item.
   - [12] Solutions side-card image: added object-fit:contain to stop
		  the logos graphic from being horizontally squished.
   - [13] Resources special card (vivid-blue / "Carrot & Stick"):
		  bumped max-height, added display:block + object-fit:contain
		  and centred the image so it actually renders on mobile.
		  Also changed `p { display:none }` to
		  `p:not(:has(img)) { display:none }` — the image inside the
		  Content rich-text field is wrapped in a `<p>` by HubSpot,
		  so the old rule was hiding the image's own parent.
   - [14] Company awards: fixed `img:first-child` selector (never
		  matched because h4 is first child) → `> img`. Relaxed
		  fixed 50×55 award dimensions to height:50px width:auto
		  with object-fit:contain, added flex-wrap + justify-center.
   - [14] Testimonial: bumped p font-size 13px → 15px with
		  line-height, h5 14px → 15px.
============================================================ */


/* ============================================================
   [1] RESET & BASE
============================================================ */

#oneupsales-megamenu ul,
#oneupsales-megamenu span,
#oneupsales-megamenu h1,
#oneupsales-megamenu h2,
#oneupsales-megamenu h4,
#oneupsales-megamenu h5 {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
}

#oneupsales-megamenu .active { display: block; }

#oneupsales-megamenu {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	font-family: 'Poppins', sans-serif;
}

#oneupsales-megamenu ul,
#oneupsales-megamenu li { list-style: none; }

#oneupsales-megamenu a { text-decoration: none; }

/* Constrain content width across all dropdowns */
.oneupmenu-container {
	max-width: 1240px;
	margin: 0 auto;
}


/* ============================================================
   [2] TOP NAVBAR
============================================================ */

.oneupmenu-main-nav { background: #FBFBFB; }

#oneupsales-megamenu nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 88px; /* ← change navbar height here */
}

/* Desktop nav link list */
.oneupmenu-nav-options {
	display: flex;
	gap: 32px;
	height: 100%;
}

/* Individual nav trigger items */
.oneupmenu-nav-options li {
	display: flex;
	align-items: center;
	gap: 6.5px;
	cursor: pointer;
	height: 100%;
	position: relative;
	border-bottom: 3px solid transparent;
	transition: border-bottom-color 0.3s ease;
}

.oneupmenu-nav-options li span { font-size: 15px; }

.oneupmenu-nav-options li svg { transition: transform 0.3s ease; }

/* Hover state: blue underline + blue text/chevron */
.oneupmenu-nav-options li:hover                { border-bottom-color: #3574E3; }
.oneupmenu-nav-options li:hover span           { color: #3574E3; }
.oneupmenu-nav-options li:hover svg            { color: #3574E3; transform: rotate(180deg); }


/* ============================================================
   [3] DESKTOP NAV BUTTONS
   Sign in link / "Try free" ghost button / "Book a demo" solid button
============================================================ */

/* Sign in link */
.oneupmenu-utility-link {
	font-size: 15px;
	font-weight: 400;
	color: #475569;
	text-decoration: none;
	transition: color .15s ease-in-out;
}
.oneupmenu-utility-link:hover { color: #3574E3; }

/* "Try free" ghost button */
.oneupmenu-login-btn {
	font-size: 15px;
	font-weight: 600;
	color: #3574E3;
	padding: 10px 18px;
	border: 2px solid #3574E3;
	border-radius: 6px;
	line-height: 1;
	transition: all 0.3s ease;
	background: transparent;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
}
.oneupmenu-btn-ghost:hover {
	background: #3574E3;
	color: #fff;
}

/* "Book a demo" solid button */
.oneupmenu-booking-btn {
	font-size: 15px;
	font-weight: 600;
	color: #fff;
	padding: 10px 18px;
	background-color: #012b39;
	border: 2px solid #012b39;
	border-radius: 6px;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	white-space: nowrap;
}
.oneupmenu-booking-btn:hover {
	background-color: #1a3a4a;
	border-color: #1a3a4a;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Mobile persistent CTA (hidden on desktop) */
.oneupmenu-mobile-persistent-cta { display: none; }

/* Mobile icon toggles (hidden on desktop) */
.oneupmenu-hamburger { display: none; }
.oneupmenu-cross     { display: none; }

/* Mobile nav blocks (hidden on desktop) */
.oneupmennu-mobile-nav          { display: none; }
.oneupmenu-nav-options-mobile   { display: none; }
.oneupmenu-nav-buttons-mobile   { display: none; }
.oneupmenu-products-mobile      { display: none; }
.oneupmenu-solutions-mobile     { display: none; }
.oneupmenu-resources-mobile     { display: none; }
.oneupmenu-company-mobile       { display: none; }
/* All mobile-only deep menu panels — hidden at desktop widths.
   .oneupmenu-mobile-submenu covers every dynamic product pane (any menu_id).
   The media query at ≤991px re-shows them as needed. */
.oneupmenu-mobile-submenu { display: none; }


/* ============================================================
   [4] DROPDOWN WRAPPER
   Sits directly below the navbar; contains all four panels.
============================================================ */

.oneupmenu-dropdowns {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	z-index: 9999;
}

/* All four desktop dropdowns share this hidden/shown pattern */
.oneupmenu-products,
.oneupmenu-solutions,
.oneupmenu-resources,
.oneupmenu-company {
	border-top: 1px solid #E4EDFF;
	border-bottom: 1px solid #E4EDFF;
	display: none;
	opacity: 0;
	transform: translateY(0);
	transition: opacity 0.3s ease, transform 0.3s ease;
	background: #fff;
	visibility: hidden;
}

/* JS adds this class to show a dropdown */
.oneupmenu-active-dropdown {
	opacity: 1 !important;
	transform: translateY(0) !important;
	visibility: visible !important;
}


/* ============================================================
   [5] PRODUCTS DROPDOWN
============================================================ */

/* [5a] Two-tone background (blue left / off-white right) */
.oneupmenu-products-bg         { display: flex; }
.oneupmenu-products-bg-left    { width: 457px; height: 495px; background: #F0F7FF; flex-shrink: 0; }
.oneupmenu-products-bg-right   { width: 100%;  height: 495px; background: #FBFBFB; }

/* [5b] Left panel — product tab buttons */
.oneupmenu-products-content {
	position: absolute;
	top: 40px;
	display: flex;
	align-items: start;
	justify-content: space-between;
	width: 100%;
	max-width: 1240px;
}

.oneupmenu-products-left {
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-items: start;
}

/* Product tab button */
.oneupmenu-products-left-btn {
	display: flex;
	align-items: center;
	gap: 17px;
	border: 0;
	background: transparent;
	cursor: pointer;
	color: #062B3A;
	font-size: 18px;
	font-weight: 500;
	padding: 8px 20px 8px 8px;
	border-radius: 8px;
}

/* Active/hovered tab button */
.oneupmenu-products-left-btn:hover,
.oneupmenu-btn-active {
	background: #E4EDFF;
	color: #3574E3;
	width: 100%;
}
.oneupmenu-products-left-btn:hover > .oneupmenu-products-angle,
.oneupmenu-btn-active > .oneupmenu-products-angle { color: #3574E3; }

/* Small icon box inside tab button */
.oneupmenu-products-left-icon {
	width: 32px; height: 32px;
	display: flex; align-items: center; justify-content: center;
	background: #E4EDFF;
	border-radius: 4px;
}
.oneupmenu-products-left-icon img { max-width: 20px; max-height: 20px; width: auto; height: auto; }

/* Larger icon box used in Company links */
.oneupmenu-products-left-icon-2 {
	width: 44px; height: 44px;
	display: flex; align-items: center; justify-content: center;
	background: #E4EDFF;
	border-radius: 4px;
}
.oneupmenu-products-left-icon-2 img { max-width: 24px; max-height: 24px; width: auto; height: auto; }

/* [5c] "TV area" — features grid + side card
   The "TV" label comes from the original class naming (.oneupmenu-products-tv).
   It describes the layout: a two-column feature grid on the left,
   and a dark promo card on the right.
*/
.oneupmenu-products-tv {
	display: flex;
	align-items: start;
	gap: 32px;
}

.oneupmenu-products-tv-title {
	font-size: 18px;
	font-weight: 500;
	color: #425B76;
	display: block;
}

/* When the side panel is hidden, the feature grid expands to fill the full pane width */
.oneupmenu-products-tv--no-panel {
	display: block; /* override flex so the grid takes full width */
}
.oneupmenu-products-tv--no-panel .oneupmenu-products-tv-wrapper {
	grid-template-columns: repeat(3, 1fr); /* 3 cols when no side card */
	max-width: 700px;
}

/* Feature grid (2 columns) */
.oneupmenu-products-tv-wrapper {
	display: grid;
	grid-template-columns: repeat(2, 220px);
	gap: 32px;
	margin-top: 24px;
}

.oneupmenu-products-tv-wrapper > a {
	display: flex; align-items: start; gap: 6px;
	cursor: pointer;
	padding: 8px;
	border-radius: 5px;
}
.oneupmenu-products-tv-wrapper > a:hover { background: #E4EDFF; }

.oneupmenu-products-tv-wrapper h4, .oneupmenu-products-tv-wrapper span {
	font-family: Poppins;
	font-size: 16px; font-weight: 500;
	color: #062B3A;
	line-height: 150%;
	display: block;
}

.oneupmenu-products-tv-wrapper p {
	font-size: 13px;
	color: #425B76;
	line-height: 130% !important;
	margin-top: 4px !important;
	margin-bottom: 0 !important;
}

/* Dark promo side card (shared by Products, Solutions, and Company) */
.oneupmenu-products-tv-right {
	background: #062B3A;
	width: 311px; height: 311px;
	border-radius: 8px;
	padding: 20px 27px 0 27px;
	position: relative;
}
.oneupmenu-products-tv-right h4, .oneupmenu-products-tv-right span {
	font-size: 18px; font-weight: 600;
	color: #fff;
	line-height: 23.4px;
	display: block;
}
.oneupmenu-products-tv-right button {
	font-size: 14px; font-weight: 500; line-height: 22.4px;
	background: transparent;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 5px;
	padding: 13px 25px;
	cursor: pointer;
	margin: 16px 0;
	transition: all 0.3s ease;
}
.oneupmenu-products-tv-right button:hover { background: #3574E3; border-color: #3574E3; }

/* Solutions side card uses a blue background instead */
.oneupmenu-solutions .oneupmenu-products-tv-right               { background: #3371DD; }
.oneupmenu-solutions .oneupmenu-products-tv-right button:hover  { background: #fff; color: #062B3A; border-color: #fff; }

/* Optional per-pane side card colour overrides.
   The default side card colour is #062B3A (dark).
   Add a rule here if a specific pane needs a different colour, e.g.:
	 .oneupmenu-products-dashboard-container .oneupmenu-products-tv-right { background-color: #3574E3; }
   This is the only intentionally hardcoded ID remaining — purely cosmetic. */
.oneupmenu-products-dashboard-container .oneupmenu-products-tv-right              { background-color: #3574E3; }
.oneupmenu-products-dashboard-container .oneupmenu-products-tv-right button:hover { background: #fff; color: #062B3A; border-color: #fff; }

/* Side card image sits at bottom-centre */
.oneupmenu-products-tv-right img {
	position: absolute;
	bottom: 0; left: 50%;
	transform: translateX(-50%);
}

/* [5d] Integrations footer bar */
.oneupmenu-products-bottom {
	margin-top: 32px;
	background: #F0F7FF;
	border: 1px solid #E4EDFF;
	border-radius: 8px;
	padding: 12px 20px 5px 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.oneupmenu-products-bottom > div {
	display: flex; align-items: center; gap: 27px;
}
.oneupmenu-products-bottom h4, .oneupmenu-products-bottom span.h4-replace {
	font-size: 18px;
	font-weight: 500;
	color: #062B3A;
	line-height: 21.6px;
	display: block;
}
.oneupmenu-products-bottom a {
	font-size: 15px; font-weight: 500;
	color: #3574E3; line-height: 22.5px;
	cursor: pointer;
	display: flex; align-items: center; gap: 16px;
	transition: all 0.3s ease;
	border-bottom: 1px solid transparent;
	padding-bottom: 4px;
}
.oneupmenu-products-bottom a:hover { border-bottom-color: #3574E3; }

.oneupmenu-products-integrations { display: flex; align-items: start; gap: 16px; }

/* Hide ALL content pane containers by default.
   The first pane gets display:block via Jinja loop.first in the HTML template.
   JS handles switching on hover from there.
   Using an explicit shared class avoids brittle attribute selectors. */
.oneupmenu-pane-container { display: none; }


/* ============================================================
   [6] SOLUTIONS DROPDOWN
============================================================ */

.oneupmenu-solutions { padding: 40px 0; }

.oneupmenu-solutions-content {
	display: flex;
	align-items: start;
	justify-content: space-between;
	gap: 40px;
}

.oneupmenu-solutions-item-title { position: relative; left: 5px; }

.oneupmenu-solutions-item {
	display: flex; flex-direction: column;
	align-items: start;
	gap: 31px;
	width: 250px;
}

.oneupmenu-solutions-item h4, .oneupmenu-solutions-item span {
	font-size: 18px;
	font-weight: 500;
	color: #425B76;
	line-height: 21.6px;
	display: block;
}

.oneupmenu-solutions-item a { color: #062B3A; line-height: 24px; }

.oneupmenu-solutions-item > div:first-child {
	display: flex; align-items: center; gap: 10px;
}

.oneupmenu-solutions-item-links {
	display: flex; flex-direction: column;
	align-items: start; gap: 5px;
}

.oneupmenu-solutions-item-links a {
	padding: 8px;
	border-radius: 5px;
	width: 100%;
	font-family: Poppins;
	font-size: 16px; font-weight: 400;
	line-height: 150%;
}
.oneupmenu-solutions-item-links a:hover { background: #E4EDFF; }


/* ============================================================
   [7] RESOURCES DROPDOWN
============================================================ */

.oneupmenu-resources { padding: 40px 0; }

/* Card wrapper */
.oneupmenu-resources-item-card-wrapper { display: flex; gap: 40px; }

/* Standard resource card */
.oneupmenu-resources-item-card {
	background: #F0F7FF;
	width: 310px;
	border-radius: 8px;
	padding: 36px 32px;
}
.oneupmenu-resources-item-card p {
	margin: 32px 0;
	color: #022B3A;
	font-family: Poppins;
	font-size: 16px; font-weight: 400;
	line-height: 160%;
}
.oneupmenu-resources-item-card a {
	font-size: 15px; font-weight: 600;
	background: #3574E3; color: #fff;
	padding: 10px 24px;
	border-radius: 5px;
	display: inline-block;
	transition: all 0.3s ease;
}
.oneupmenu-resources-item-card a:hover { scale: 1.05; background: #3371DD; }

/* Special "vivid blue" resource card (set card.is_special = true in module) */
.oneupmenu-resources-item-card.special-card {
	background: #0089E9;
	padding: 30px;
}
.oneupmenu-resources-item-card.special-card p {
	color: #fff;
	font-size: 20px; font-weight: 600;
	line-height: 28px;
	margin: 8px 0;
}
.oneupmenu-resources-item-card.special-card a {
	background: transparent; color: #fff;
	border: 2px solid #fff;
	padding: 10px 20px;
}
.oneupmenu-resources-item-card.special-card a:hover {
	background: #fff; color: #3574E3;
	scale: 1;
}


/* ============================================================
   [8] COMPANY DROPDOWN
============================================================ */

.oneupmenu-company { padding: 40px 0; }

.oneupmenu-company-content {
	display: flex; align-items: start; justify-content: space-between;
}

.oneupmenu-company-items {
	display: flex; flex-direction: column;
	align-items: start; gap: 26px;
}

/* Single company link row */
.oneupmenu-company-item {
	display: flex; align-items: center; gap: 12px;
	border-radius: 5px;
	padding: 8px;
	cursor: pointer;
	width: 100%;
}
.oneupmenu-company-item:hover { background: #E4EDFF; }

.oneupmenu-company-item h4, .oneupmenu-company-item span {
	font-family: Poppins;
	font-size: 16px; font-weight: 500;
	color: #062B3A;
	line-height: 140%;
	margin-bottom: 0 !important;
	display: block;
}
.oneupmenu-company-item p {
	font-size: 14px; line-height: 19.6px;
	color: #425B76;
	margin-bottom: 0 !important;
	margin-top: 2px !important;
}
.oneupmenu-company-item a { display: flex; gap: 12px; }

/* Side cards area */
.oneupmenu-company-cards { display: flex; gap: 40px; align-items: stretch; }

.oneupmenu-company-awards { display: flex; gap: 14px; }

/* Awards card */
.oneupmenu-resources-item-card-1 {
	width: 370px;
	min-height: 270px;
	height: auto;
	border: 1px solid #E4EDFF;
	background: #F7F9FB;
	border-radius: 8px;
	display: flex; flex-direction: column;
	align-items: center; justify-content: center;
	gap: 24px;
	padding: 25px 10px;
}
.oneupmenu-resources-item-card-1 h4, .oneupmenu-resources-item-card-1 span {
	font-size: 20px; font-weight: 600;
	line-height: 26px;
	color: #2D2340;
	display: block;
}

/* Testimonial card */
.oneupmenu-resources-item-card-2 {
	width: 370px;
	min-height: 270px;
	height: auto;
	border-radius: 8px;
	background: #062B3A;
	padding: 46px 29px;
}
.oneupmenu-resources-item-card-2 p {
	color: #fff;
	font-family: Poppins;
	font-size: 16px; font-weight: 400;
	line-height: 140%;
}
.oneupmenu-resources-item-card-2-user {
	display: flex; align-items: center; gap: 8px;
	margin-top: 32px;
}
.oneupmenu-resources-item-card-2-user h5,
.oneupmenu-resources-item-card-2-user p {
	font-size: 16px; font-weight: 400; color: #fff;
}
.oneupmenu-resources-item-card-2-user span {
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	display: block;
}
.oneupmenu-resources-item-card-2-user p { margin-top: 2px; opacity: 0.8; }


/* ============================================================
   [9] MOBILE — SHARED
   All mobile menus (Levels 1-3) share these positioning rules.
   FIXED 2026-04-23: Level 2 & 3 now sit below the navbar (top:88px)
   just like Level 1, so the top bar with the OneUp logo,
   Book-a-demo CTA and close (X) icon stays visible at all times.
   Previously they used top:0 + height:100vh which covered the navbar.
============================================================ */

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

	.color-none { color: inherit !important; }

	.oneupmenu-main-nav { background: #fff; }

	.oneupmenu-container { padding: 0 20px; }

	/* Hide desktop-only elements */
	.oneupmenu-nav-options        { display: none; }
	.oneupmenu-nav-buttons        { display: none !important; }

	/* Show mobile icon toggles */
	.oneupmenu-hamburger {
		display: flex; align-items: center; justify-content: center;
		min-width: 32px;
	}
	.oneupmenu-cross {
		display: none; /* shown via JS */
		align-items: center; justify-content: center;
		min-width: 32px;
	}
	.oneupmenu-hamburger img,
	.oneupmenu-cross img { display: block; margin: 0 auto; height: 24px; }

	/* Persistent CTA next to hamburger */
	.oneupmenu-mobile-persistent-cta {
		display: inline-flex;
		align-items: center;
		margin-left: auto;
		margin-right: 12px;
	}
	.oneupmenu-mobile-persistent-cta .oneupmenu-booking-btn {
		padding: 8px 16px; font-size: 14px;
	}

	/* Hamburger/cross toggle classes added by JS */
	.oneupmenu-cross.oneupmenu-cross-active           { display: flex !important; }
	.oneupmenu-hamburger.oneupmenu-hamburger-hidden   { display: none !important; }

	/* Shared: ALL mobile panels */
	.oneupmenu-mobile-nav,
	.oneupmenu-products-mobile,
	.oneupmenu-solutions-mobile,
	.oneupmenu-resources-mobile,
	.oneupmenu-company-mobile,
	.oneupmenu-mobile-submenu { /* covers ALL dynamic deep menus regardless of pane ID */
		position: fixed;
		left: 0; width: 100%;
		background: #fff;
		display: none;
		opacity: 0;
		transform: translateY(-10px);
		transition: opacity 0.3s ease, transform 0.3s ease;
		visibility: hidden;
		z-index: 9998;
		overflow-y: auto;
		overflow-x: hidden; /* prevents horizontal scroll caused by the full-bleed nav buttons */
		box-sizing: border-box;
		flex-direction: column;
		justify-content: space-between;
		padding-right: 20px;
		padding-left: 20px;
	}

	/* Level 1 nav — below the navbar.
	   NOTE 2026-04-25: padding-bottom removed. Sticky CTA bar's
	   `bottom: 0` is measured from the padding edge, so a 24px
	   padding-bottom would leave a 24px strip below the buttons
	   where scrolled menu content showed through. */
	.oneupmenu-mobile-nav {
		top: 88px; /* match navbar height */
		height: calc(100vh - 88px);
		height: calc(100dvh - 88px);
	}

	/* Level 2 & 3 — ALSO sit below the navbar now (was: top:0 full-screen).
	   This keeps the top bar (logo + Book-a-demo + X close icon) visible at
	   every menu level so the user can always see where they are and can
	   close the menu from any level via the X icon.
	   NOTE 2026-04-25: padding-bottom removed for the same reason as
	   Level 1 above — sticky CTA bar's `bottom: 0` is relative to the
	   padding edge, so any padding-bottom leaves a strip below the
	   buttons where scrolled menu content peaks through. */
	.oneupmenu-products-mobile,
	.oneupmenu-solutions-mobile,
	.oneupmenu-resources-mobile,
	.oneupmenu-company-mobile,
	.oneupmenu-mobile-submenu { /* .oneupmenu-mobile-submenu covers all dynamic pane deep menus */
		top: 88px;
		height: calc(100vh - 88px);
		height: calc(100dvh - 88px);
		z-index: 9999;
	}

	/* JS adds this class to show any mobile panel */
	.oneupmenu-mobile-nav.oneupmenu-mobile-nav-active,
	.oneupmenu-products-mobile.oneupmenu-mobile-nav-active,
	.oneupmenu-solutions-mobile.oneupmenu-mobile-nav-active,
	.oneupmenu-resources-mobile.oneupmenu-mobile-nav-active,
	.oneupmenu-company-mobile.oneupmenu-mobile-nav-active,
	.oneupmenu-mobile-submenu.oneupmenu-mobile-nav-active { /* covers all pane IDs */
		display: flex;
		opacity: 1;
		transform: none;
		visibility: visible;
	}

	/*
	 * Sticky bottom CTA buttons in all mobile panels.
	 *
	 * HORIZONTAL SCROLL FIX: Previously used width: calc(100% + 40px) with
	 * margin-left: -20px to escape the parent's 20px padding on both sides.
	 * This created a child element wider than the panel, which caused a
	 * horizontal scrollbar on some mobile browsers even with overflow-x: hidden
	 * on the parent. The fix uses margin-right: -20px alongside margin-left: -20px
	 * and width: auto — the element then spans exactly the full panel width
	 * (content-width + 40px padding = 100vw) without creating any real overflow.
	 */
	.oneupmenu-nav-buttons-mobile {
		display: flex;
		flex-direction: column;
		gap: 0.75rem;
		align-items: stretch;
		width: auto;
		margin-left: -20px;
		margin-right: -20px;
		background: #fff;
		padding: 1.5rem 20px;
		box-sizing: border-box;
		margin-top: auto;
		position: sticky;
		bottom: 0;
		z-index: 10;
		box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
	}
	.oneupmenu-nav-buttons-mobile .oneupmenu-utility-link {
		text-align: center; padding: 12px; font-weight: 600;
	}

	/* Back-button header in Level 2/3 panels */
	.oneupmenu-product-name {
		font-size: 15px;
		color: #3574E3;
		line-height: 24px;
		display: flex; align-items: center; gap: 10px;
		position: sticky;
		top: 0; z-index: 100;
		width: 100%; background: #fff;
		padding: 16px 0;
		margin-bottom: 0;
	}
	.oneupmenu-product-name svg { rotate: 90deg; }

	/* Prevent body scroll when any mobile menu is open */
	html:has(.oneupmenu-mobile-nav-active) { overflow: hidden; }
	.oneupmenu-mobile-nav-active { margin: 0; }


	/* ============================================================
	   [10] MOBILE — LEVEL 1 NAV
	============================================================ */

	.oneupmenu-nav-options-mobile {
		display: flex;
		flex-direction: column;
		align-items: start;
		gap: 32px;
		margin-top: 16px;
	}
	.oneupmenu-nav-options-mobile li {
		font-size: 18px; color: #062B3A; line-height: 21px;
		display: flex; align-items: center; justify-content: space-between;
		width: 100%;
	}
	.oneupmenu-nav-options-mobile svg { rotate: -90deg; }


	/* ============================================================
	   [11] MOBILE — PRODUCTS (Level 2)

	   NOTE 2026-04-23: margin-top was removed. On a position:fixed
	   element `top` positions the MARGIN edge, so top:88px +
	   margin-top:24px shifted the visible panel down by 24px and
	   left the page behind visible through that strip. The back-
	   button header (padding:16px 0) + .oneupmenu-products-mobile-
	   options (margin-top:24px) already provide the internal spacing
	   for the first item, so we don't need extra margin on the panel.
	============================================================ */

	.oneupmenu-products-mobile-options {
		display: flex; flex-direction: column;
		align-items: start; gap: 24px;
		margin-top: 24px;
	}

	/* Individual product option row */
	.oneupmenu-products-mobile-option {
		display: flex; align-items: center; justify-content: space-between;
		width: 100%;
	}
	.oneupmenu-products-mobile-option h4, .oneupmenu-products-mobile-option span {
		font-size: 16px;
		font-weight: 500;
		color: #062B3A;
		line-height: 120%;
		display: block;
		font-weight: 800;
	}
	.oneupmenu-products-mobile-option a > div,
	.oneupmenu-products-mobile-option > div {
		display: flex; align-items: center; gap: 10px;
	}

	/* Icon box */
	.oneupmenu-products-mobile-option-img {
		width: 32px; height: 32px;
		display: flex; align-items: center; justify-content: center;
		background: #E4EDFF; border-radius: 4px;
	}

	/* Integrations strip */
	.oneupmenu-products-mobile-integrations {
		background: #F0F7FF;
		border: 1px solid #E4EDFF;
		border-radius: 8px;
		padding: 16px;
		margin-top: 28px;
	}
	.oneupmenu-products-mobile-integrations h4 { font-size: 18px; font-weight: 500; color: #062B3A; }
	.oneupmenu-products-mobile-integrations p  { font-size: 15px; font-weight: 500; color: #3574E3; display: flex; align-items: center; gap: 10px; }
	.oneupmenu-products-mobile-integrations svg { rotate: -90deg; }
	.oneupmenu-products-mobile-integrations-img {
		display: flex; align-items: center;
		flex-wrap: nowrap; overflow-x: auto;
		gap: 16px; margin: 16px 0; padding-bottom: 4px;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}
	.oneupmenu-products-mobile-integrations-img::-webkit-scrollbar { display: none; }

	/* Dark promo card at bottom of Level 2/3 product panels */
	.oneupmenu-products-mobile-card {
		width: 100%; box-sizing: border-box;
		min-height: 272px;
		background: #062B3A;
		position: relative;
		margin-top: 16px; margin-bottom: 80px;
		border-radius: 8px;
		padding: 18px 0 0 22px;
		overflow: hidden;
	}
	.oneupmenu-products-mobile-card.oneupmenu-products-special-card { margin-bottom: 16px; }

	.oneupmenu-products-mobile-card h4, .oneupmenu-products-mobile-card span { font-size: 15px; font-weight: 800 !important; color: #fff; line-height: 19.5px; display: block; }
	.oneupmenu-products-mobile-card a  {
		font-size: 14px; font-weight: 500; color: #fff;
		border: 2px solid #fff; line-height: 19px;
		padding: 12px 25px; display: inline-block;
		border-radius: 5px; margin-top: 18px;
	}
	.oneupmenu-products-mobile-card img {
		position: absolute; bottom: -20px; left: 50%;
		transform: translateX(-50%);
		width: 260px; height: 154px;
	}


	/* ============================================================
	   [12] MOBILE — SOLUTIONS (Level 2)

	   FIXED 2026-04-23: Side-card image was being horizontally squished
	   because the shared .oneupmenu-products-mobile-card img rule forces
	   width:260px height:154px. Added object-fit:contain so images with
	   a different aspect ratio (e.g. the logo collage uploaded as the
	   Solutions side panel image) letterbox cleanly inside the box
	   instead of stretching.
	============================================================ */

	.oneupmenu-solutions-mobile .oneupmenu-products-mobile-card img {
		bottom: 0;
		object-fit: contain; /* ← preserve aspect ratio of side-card image */
	}
	.oneupmenu-solutions-mobile .oneupmenu-products-mobile-card { width: 100%; margin-top: 32px; }
	.oneupmenu-solutions-mobile .oneupmenu-products-mobile-options { gap: 31px; }

	.oneupmenu-solutions-item { padding: 0 16px; gap: 15px; }
	.oneupmenu-solutions-item-links { gap: 0; left: -5px; position: relative; }

	.oneupmenu-outcomes-mobile {
		background: #3574E3; border-radius: 8px; width: 100%;
	}
	.oneupmenu-outcomes-mobile h4 { color: #fff; font-size: 18px; font-weight: 500; }
	.oneupmenu-outcomes-mobile a  { color: #fff; font-size: 15px; font-weight: 400; }


	/* ============================================================
	   [13] MOBILE — RESOURCES (Level 2)

	   FIXED 2026-04-23: Special (vivid-blue) resource card image — e.g.
	   the "Carrot & Stick" podcast cover — was rendering as a blank
	   blue square. The image needed display:block, a larger max-height,
	   centred alignment and object-fit:contain to actually show up.
	============================================================ */

	.oneupmenu-resources-mobile .oneupmenu-solutions-item { padding: 0; }

	/* Standard resource card on mobile */
	.oneupmenu-resources-mobile .oneupmenu-products-mobile-card {
		width: 100%; height: 244px;
		border-radius: 8px;
		background: #F0F7FF; border: 2px solid #E2EEFC;
		padding: 16px;
	}
	.oneupmenu-resources-mobile .oneupmenu-products-mobile-card img {
		position: static; transform: none;
		width: 110px; height: 48px;
	}
	.oneupmenu-resources-mobile .oneupmenu-products-mobile-card p {
		font-size: 14px; font-weight: 400;
		color: #062B3A; line-height: 22.5px; margin-top: 16px;
	}
	.oneupmenu-resources-mobile .oneupmenu-products-mobile-card a {
		font-size: 15px; font-weight: 600;
		background: #3574E3; color: #fff;
		padding: 10px 24px; border-radius: 5px;
	}

	/* Special (vivid blue) resource card on mobile.
	   FIX 2026-04-25 (revised): The image is in HubSpot's rich-text Content
	   field, which wraps it in a `<p>` that gets default browser margins
	   (~16px top + bottom). Real content height is therefore:
		 60px (padding) + 16px (p mt) + 180px (img) + 20px (img mb) + 16px (p mb)
		 + ~44px (button) ≈ 336px — well above the previous 290px min-height.
	   Also override the parent rule's `overflow: hidden` so the button can't
	   be clipped, and give the card a larger margin-bottom so there's enough
	   scroll buffer above the sticky CTA bar to bring the button fully into
	   view. */
	.oneupmenu-resources-mobile .oneupmenu-products-mobile-card.oneupmenu-products-special-card {
		background: #0089E9; border: none;
		height: auto;
		min-height: 340px;
		overflow: visible;
		margin-bottom: 40px;
		display: flex; flex-direction: column; align-items: center; /* was flex-start — centre so the image + button look balanced */
		padding: 30px;
	}
	.oneupmenu-resources-mobile .oneupmenu-products-mobile-card.oneupmenu-products-special-card h4,
	.oneupmenu-resources-mobile .oneupmenu-products-mobile-card.oneupmenu-products-special-card p:not(:has(img)) {
		/* Hide only text-only paragraphs. Paragraphs that wrap an
		   image (HubSpot's rich-text editor wraps inserted images in
		   `<p style="text-align:center">...<img>...</p>`) stay visible
		   so the image inside them renders. */
		display: none;
	}
	.oneupmenu-resources-mobile .oneupmenu-products-mobile-card.oneupmenu-products-special-card a {
		background: transparent; border: 2px solid #fff; color: #fff;
		width: auto; display: inline-block; text-align: center; margin-top: auto;
	}
	.oneupmenu-resources-mobile .oneupmenu-products-mobile-card.oneupmenu-products-special-card img {
		display: block;                /* ← was rendering as inline / collapsing */
		width: auto; height: auto;
		max-width: 100%;
		max-height: 180px;             /* ← was 120px, too small for tall cover art */
		margin: 0 auto 20px;           /* centred horizontally */
		align-self: center;            /* ← was flex-start, image hugged the edge */
		position: static; transform: none;
		object-fit: contain;           /* ← preserve aspect ratio */
	}

	/* Alternate card style (vivid blue, used in Resources L2) */
	.oneupmenu-products-mobile-card-2 {
		background: #0089E9; width: 100%; height: 264px;
		padding: 16px; border-radius: 8px; margin-bottom: 80px;
	}
	.oneupmenu-products-mobile-card-2 img { width: 160px; height: 145px; }
	.oneupmenu-products-mobile-card-2 h4  { font-size: 18px; font-weight: 600; color: #fff; }
	.oneupmenu-products-mobile-card-2 a   {
		font-size: 15px; font-weight: 600;
		background: transparent; color: #fff;
		border: 2px solid #fff; padding: 10px 20px;
		border-radius: 5px; display: inline-block; margin-top: 16px;
	}


	/* ============================================================
	   [14] MOBILE — COMPANY (Level 2)

	   FIXED 2026-04-23:
	   - Awards card now uses .oneupmenu-resources-item-card-1 +
		 .oneupmenu-company-awards (matching the fallback branch and
		 the desktop structure), not a .oneupmenu-products-mobile-card
		 with Tailwind utility classes.
	   - Rating image selector: was `img:first-child` but h4 is the
		 first child, so the rule never matched. Changed to `> img`
		 and relaxed dimensions with object-fit:contain.
	   - Award badges: was locked to width:50px height:55px which
		 distorted badges with different aspect ratios. Now
		 height:50px width:auto object-fit:contain. Added flex-wrap
		 and justify-content:center so 4 badges sit neatly on a
		 narrow viewport.
	   - Testimonial p 13px → 15px with line-height, h5 14px → 15px.
	============================================================ */

	.oneupmenu-company-mobile .oneupmenu-company-items { margin-top: 20px; gap: 24px; }
	.oneupmenu-company-mobile .oneupmenu-solutions-item a > div {
		display: flex; align-items: center; gap: 10px;
	}

	/* Awards card on mobile */
	.oneupmenu-company-mobile .oneupmenu-resources-item-card-1 {
		width: 100%;
		box-sizing: border-box;
		min-height: 230px;
		height: auto;
		margin: 16px 0;
		padding: 20px 16px;
		gap: 16px;
	}
	.oneupmenu-company-mobile .oneupmenu-resources-item-card-1 h4 {
		text-align: center;
		font-size: 15px; font-weight: 500;
		line-height: 130%;
	}
	/* Rating image (direct img child — e.g. G2 4.9/5). Previously selected
	   with img:first-child, which never matched because h4 is first. */
	.oneupmenu-company-mobile .oneupmenu-resources-item-card-1 > img {
		max-width: 180px;
		max-height: 60px;
		width: auto; height: auto;
		object-fit: contain;
	}
	/* Award badges row.
	   FIX 2026-04-25: Was wrapping with natural badge widths and not
	   filling the card. Switched to nowrap + space-between with each
	   badge taking an equal share via flex:1 1 0 + width:100%, so the
	   row fills the card width like it does on desktop. */
	.oneupmenu-company-mobile .oneupmenu-resources-item-card-1 .oneupmenu-company-awards {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
		gap: 6px;
		width: 100%;
	}
	.oneupmenu-company-mobile .oneupmenu-resources-item-card-1 .oneupmenu-company-awards img {
		flex: 1 1 0;
		min-width: 0;
		width: 100%;
		height: auto;
		max-height: 50px;
		object-fit: contain;
	}

	/* Testimonial card on mobile */
	.oneupmenu-company-mobile .oneupmenu-resources-item-card-2 {
		width: 100%; box-sizing: border-box; padding: 20px;
		height: auto; margin-bottom: 0;
	}
	.oneupmenu-company-mobile .oneupmenu-resources-item-card-2 p  {
		font-size: 15px;     /* was 13px — too small, didn't fill space */
		line-height: 150%;
	}
	.oneupmenu-company-mobile .oneupmenu-resources-item-card-2 h5 {
		font-size: 15px;     /* was 14px */
	}

	/* All product deep menus — generic rule applies to ANY pane ID.
	   Previously these were hardcoded as .oneupmenu-tv-mobile and
	   .oneupmenu-dashboard-mobile, which broke when new IDs were added. */
	.oneupmenu-mobile-submenu .oneupmenu-products-tv-wrapper { grid-template-columns: 1fr; gap: 4px; }
	.oneupmenu-mobile-submenu .oneupmenu-products-tv-wrapper > a { margin-bottom: 0; }

} /* end @media ≤ 991px */


/* ============================================================
   [15] BADGE — "New" / "Coming Soon" pill
============================================================ */

.oneupmenu-badge {
	font-size: 10px;
	background: #E6F8F0; color: #0D7F55;
	padding: 5px 12px !important;
	border-radius: 100px;
	margin-left: 12px;
	text-transform: uppercase;
	font-weight: 700;
	vertical-align: middle;
	display: inline-flex; align-items: center; justify-content: center;
	line-height: normal;
	letter-spacing: 0.8px;
	white-space: nowrap;
}

.oneupmenu-badge.oneupmenu-badge-coming-soon {
	background: #FFF8E1;
	color: #B7791F;
}


/* ============================================================
   [16] RESPONSIVE BREAKPOINTS
============================================================ */

/* [16a] ≥ 992px — force show desktop nav buttons */
@media screen and (min-width: 992px) {
	#oneupsales-megamenu .oneupmenu-nav-buttons {
		display: flex !important;
		align-items: center !important;
		gap: 14px !important;
	}
}

/* [16b] Small mobile tweaks (≤ 768px) */
@media (max-width: 768px) {
	.oneupmenu-solutions-item h4, .oneupmenu-solutions-item span,
	.oneupmenu-products-tv-wrapper h4,
	.oneupmenu-company-item h4 {
		font-size: 18px; font-weight: 500; line-height: 120%;
	}
	.oneupmenu-solutions-item span { font-weight: 800 !important;}
	.oneupmenu-company-mobile .oneupmenu-resources-item-card-1 h4 {
		text-align: center; font-size: 15px; font-weight: 500; line-height: 130%;
	}
	.oneupmenu-solutions-item-links      { gap: 0; }
	.oneupmenu-solutions-item            { gap: 15px; }
	.oneupmenu-solutions-item-links      { left: -5px; position: relative; }
	.oneupmenu-resources-mobile .oneupmenu-products-mobile-card { height: 100%; }
	.oneupmenu-products-mobile-card-2    { height: 100%; }
	.oneupmenu-products-mobile-card      { padding: 18px; }
	.oneupmenu-products-mobile-integrations h4 { font-size: 18px; font-weight: 500; line-height: 120%; }
	.oneupmenu-products-mobile-integrations span.prev-head { font-size: 18px; font-weight: 800 !important; display: block; line-height: 120%; }
	.oneupmenu-company-mobile .oneupmenu-resources-item-card-2 { margin-bottom: 0; height: auto; }
	.oneupmenu-products-mobile-integrations-img img { margin: initial; }
	.oneupmenu-products-tv-wrapper       { gap: 5px; }
	.oneupmenu-products-tv-wrapper h4    { font-size: 16px; font-weight: 500; line-height: 150%; }
	.oneupmenu-products-mobile-card.oneupmenu-products-special-card { min-height: 290px; margin-bottom: 20px !important; }
	.oneupmenu-products-mobile-card,
	.oneupmenu-products-mobile-card-2,
	.oneupmenu-resources-mobile .oneupmenu-products-mobile-card { margin-bottom: 0; }
}

/* [16c] Compact desktop: 992px – 1100px */
@media screen and (min-width: 992px) and (max-width: 1100px) {
	.oneupmenu-login-btn, .oneupmenu-booking-btn     { padding: 8px 16px; }
	.oneupmenu-nav-options                           { gap: 18px; }
	.oneupmenu-resources-item-card a,
	.oneupmenu-resources-item-card.special-card a    { padding: 8px 16px; }
	.oneupmenu-products-left-btn                     { gap: 12px; padding-right: 10px; font-size: 15px; }
	.oneupmenu-products-bg-left                      { width: 300px; }
	.oneupmenu-products-tv                           { gap: 6px; justify-content: space-between; }
	.oneupmenu-products-tv-wrapper                   { gap: 6px; grid-template-columns: repeat(2, 200px); }
	.oneupmenu-products-tv-right                     { width: 270px; height: 270px; padding: 16px; overflow: hidden; }
	.oneupmenu-products-tv-right img                 { width: 267px; height: 149px; bottom: -20px; }
	.oneupmenu-products-bottom                       { padding-right: 18px; padding-left: 20px; }
	.oneupmenu-products-content                      { gap: 40px; }
	.oneupmenu-products-bottom > div                 { gap: 20px; }
	.oneupmenu-products-integrations                 { gap: 8px; }
}

/* [16d] 1101px – 1130px */
@media screen and (min-width: 1101px) and (max-width: 1130px) {
	.oneupmenu-products-bg-left  { width: 340px; }
	.oneupmenu-products-tv       { gap: 10px; }
	.oneupmenu-products-tv-wrapper { gap: 10px; }
	.oneupmenu-products-left-btn { gap: 14px; padding-right: 12px; font-size: 16px; }
	.oneupmenu-products-tv-right { width: 290px; height: 290px; padding: 16px; overflow: hidden; }
	.oneupmenu-products-tv-right img { width: 282px; height: 157px; bottom: -10px; }
}

/* [16e] 1131px – 1200px */
@media screen and (min-width: 1131px) and (max-width: 1200px) {
	.oneupmenu-products-bg-left    { width: 360px; }
	.oneupmenu-products-left-btn   { gap: 14px; padding-right: 12px; }
	.oneupmenu-products-tv         { gap: 18px; }
	.oneupmenu-products-tv-wrapper { gap: 18px; }
	.oneupmenu-products-tv-right   { width: 290px; height: 290px; padding: 16px; overflow: hidden; }
	.oneupmenu-products-tv-right img { width: 282px; height: 157px; bottom: -10px; }
}

/* [16f] 1201px – 1320px */
@media screen and (min-width: 1201px) and (max-width: 1320px) {
	.oneupmenu-products-bg-left    { width: 400px; }
	.oneupmenu-products-tv         { gap: 18px; }
	.oneupmenu-products-tv-wrapper { gap: 18px; }
}

/* [16g–j] Large monitors — widen the blue left panel */
@media screen and (min-width: 1441px) and (max-width: 1799px)  { .oneupmenu-products-bg-left { width: 35%; } }
@media screen and (min-width: 1800px) and (max-width: 2159px)  { .oneupmenu-products-bg-left { width: 37%; } }
@media screen and (min-width: 2160px) and (max-width: 2799px)  { .oneupmenu-products-bg-left { width: 41%; } }
@media screen and (min-width: 2800px)                          { .oneupmenu-products-bg-left { width: 42%; } }
/* Blog header */
.blog-header {
  background-color: rgba(255, 255, 255, 1.0);
  padding: 82px 0;
  /* Blog header - author listing */
}

.blog-header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .blog-header__inner {
    display: block;
  }
}

.blog-header--author {
  background-color: transparent;
}

.blog-header--author .blog-header__inner {
  justify-content: flex-start;
  flex-wrap: nowrap;
}

@media screen and (max-width: 768px) {
  .blog-header--author .blog-header__inner {
    display: block;
  }
}

.blog-header__title {
  margin: 0 0 15px;
  max-width: 380px;
  flex-basis: 380px;
  flex-shrink: 0;
}

@media screen and (max-width: 768px) {
  .blog-header__title {
    max-width: none;
  }
}

.blog-header__title span {
  color: #3574E3;
}

.blog-header__preheader {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #3574E3;
  display: block;
  margin: 0 0 .75rem;
}

.blog-header__image {
  margin-left: 32px;
}

@media screen and (max-width: 768px) {
  .blog-header__image {
    margin: 0 auto;
    max-width: 360px;
  }
}

.blog-header__image img {
  width: 100%;
}

.blog-header__image-featured {
  margin: 0 0 40px;
}

.blog-header__image-featured img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}

.blog-header__author {
  flex-basis: 720px;
}

@media screen and (max-width: 768px) {
  .blog-header__author {
    margin: 32px 0 0;
  }
}

.blog-header__avatar {
  display: block;
  height: 360px;
  width: 100%;
  margin-right: 64px;
  max-width: 360px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .blog-header__avatar {
    margin: 0 auto;
  }
}

@media screen and (max-width: 360px) {
  .blog-header__avatar {
    height: 300px;
  }
}

.blog-header__author-social-links {
  margin: 0 -8px;
}

.blog-header__author-social-links a {
  display: inline-block;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  margin: 0 8px;
  position: relative;
}

.blog-header__author-social-links svg {
  fill: #022b3a;
  height: 100%;
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.blog-filter {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  padding: 32px 0;
}

.blog-tags {
  list-style: none;
  padding: 0;
  margin: -7px;
  max-width: 680px;
}

.blog-tags li {
  display: inline-block;
  margin: 7px;
}

.blog-tags__link {
  background-color: rgba(53, 116, 227, 1.0);
  border: 1px solid rgba(53, 116, 227, 1.0);
  border-radius: 5px;
  color: rgba(255, 255, 255, 1);
  padding: 15px 25px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  text-transform: none;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  cursor: pointer;
  line-height: 1.1;
  letter-spacing: 0.03em;
  white-space: normal;
  word-break: break-word;
  text-align: center;
  text-decoration: none;
  position: relative;
  transition: all 0.15s linear;
  /* To affect HubSpot CTAs */
  padding: 12px 18px;
  border-radius: 4px;
  text-transform: uppercase;
  line-height: 1;
  font-size: 0.75rem;
  background-color: transparent;
  color: #dadada;
  border: 1px solid #dadada;
}

.blog-tags__link:hover, .blog-tags__link:focus, .blog-tags__link:active {
  background-color: rgba(59, 102, 201, 1.0);
  border-color: rgba(59, 102, 201, 1.0);
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
  transform: scale(1.05);
}

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

.blog-tags__link a {
  color: rgba(255, 255, 255, 1);
}

.blog-tags__link a:hover {
  color: white;
  text-decoration: none;
}

.blog-tags__link--current {
  background-color: #3574E3;
  border: none;
  color: white;
}

.blog-search {
  flex-basis: 100%;
  width: 100%;
  margin: 32px 0 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
}

/* Blog listing */
.blog-index, .blog-more-posts {
  display: flex;
  flex-wrap: wrap;
  padding: 32px 0;
}

.blog-index:after, .blog-more-posts:after {
  content: "";
  flex: auto;
}

.blog-index__post-wrapper, .blog-more-posts__post-wrapper {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 100%;
  padding: 24px;
}

@media screen and (min-width: 768px) {
  .blog-index__post-wrapper, .blog-more-posts__post-wrapper {
    flex-basis: calc(100% / 2);
  }
}

@media screen and (min-width: 1000px) {
  .blog-index__post-wrapper, .blog-more-posts__post-wrapper {
    flex-basis: calc(100% / 3);
  }
}

.blog-index__post, .blog-more-posts__post {
  display: flex;
  flex-direction: column;
  border: 0.5px solid rgba(100, 146, 253, 0.2);
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
  /*border-radius: px;*/
  border-radius: 4px;
  height: 100%;
  overflow: hidden;
}

.blog-index__post img, .blog-more-posts__post img {
  height: auto;
  max-width: 100%;
}

.blog-index__post-content, .blog-more-posts__post-content {
  padding: 30px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-grow: 1;
}

.blog-index__post-content h3, .blog-more-posts__post-content h3 {
  margin: 0 0 1rem;
}

.blog-index__post-content h3 a, .blog-more-posts__post-content h3 a {
  color: #022b3a;
}

.blog-index__post-content h3 a:hover, .blog-index__post-content h3 a:visited, .blog-more-posts__post-content h3 a:hover, .blog-more-posts__post-content h3 a:visited {
  color: #022b3a;
}

.blog-index__post-preheader, .blog-more-posts__post-preheader {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #3574E3;
  display: block;
  margin: 0 0 .75rem;
}

.blog-index__post-meta, .blog-more-posts__post-meta {
  display: flex;
  margin: 32px 0 0;
  color: #C6C6C6;
  font-size: .75rem;
  text-transform: uppercase;
}

.blog-index__post-meta span, .blog-more-posts__post-meta span {
  display: inline-block;
}

.blog-index__post-date, .blog-more-posts__post-date {
  margin-left: 54px;
}

.blog-index__post-image, .blog-more-posts__post-image {
  display: block;
  background-image: url('https://www.oneupsales.com/hubfs/raw_assets/public/@marketplace/kalungi_com/Atlas_Pro_SaaS_Website_Theme/images/grayscale-mountain.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 63%;
    }

.blog-index__author h2, .blog-more-posts__author h2 {
  margin: 32px 0 1.5rem;
}

.blog-index__author hr, .blog-more-posts__author hr {
  height: 2px;
  background-color: #DCDCDC;
}

/* Blog pagination */
.blog-pagination {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 3rem;
}

.blog-pagination__link {
  font-family: Muli, sans-serif;
  font-weight: bold;
  color: #022b3a;
  font-size: 1rem;
  line-height: 1;
  margin: 0 16px;
  text-decoration: none;
}

.blog-pagination__link:hover, .blog-pagination__link:focus {
  color: #3574E3;
  text-decoration: none;
}

.blog-pagination__link--active {
  color: #3574E3;
}

.blog-pagination__ellipsis {
  color: #022b3a;
  font-size: 1rem;
  line-height: 1;
}

/* Blog post */
.blog-header--post {
  min-height: 520px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.blog-post {
  margin: 0 auto;
  padding: 4.5rem 0;
}

.blog-post__meta {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  justify-content: space-between;
}

.blog-post__meta a {
  color: #C6C6C6;
  transition: color .25s ease-in;
}

.blog-post__meta a:hover {
  color: #3574E3;
  text-decoration: none;
}

.blog-post__bio {
  display: flex;
  align-items: center;
}

.blog-post__timestamp {
  color: #C6C6C6;
}

.blog-post__divider {
  margin: 64px 0 52px;
}

.blog-post__avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  margin-right: 38px;
}

.blog-post__preheader {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #3574E3;
  display: block;
  margin: 0 0 1rem;
}

.blog-post__title {
  margin: 0 0 1rem;
  max-width: 680px;
}

.blog-post__summary {
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0 0 2.5rem;
  max-width: 680px;
}

.blog-post__body-wrapper {
  max-width: 680px;
  margin: 0 auto;
}

.blog-post__body-wrapper-2 {
  max-width: 800px;
}

.blog-post__body-wrapper-2-menu {
  max-width: 700px;
}

.blog-post__menu {
  width: 280px;
}

.blog-post__menu-content {
  border: 0.5px solid rgba(100, 146, 253, 0.2);
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
  border-radius: 9px;
  background-color: rgba(255, 255, 255, 1.0);
  width: 100%;
}

.blog-post__menu-content__preheader {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #3574E3;
  display: block;
  line-height: 1rem;
  margin: 0 0 .75rem;
}

.blog-post__menu-content__content h1, .blog-post__menu-content__content h2, .blog-post__menu-content__content h3, .blog-post__menu-content__content h4, .blog-post__menu-content__content h5, .blog-post__menu-content__content h6 {
  font-weight: bold;
  margin: 0 0 1rem;
}

.blog-post__menu-content__content p {
  margin: 0 0 2rem;
}

.blog-post__menu-form > div {
  display: none;
}

.blog-post__menu-form.local .local-form {
  display: block;
}

.blog-post__menu-form.global .global-form {
  display: block;
}

@media screen and (max-width: 1290px) {
  .blog-post__menu-form {
    display: none;
  }
}

.blog-post__menu.absolute-bottom {
  position: absolute;
  transform: translateX(-100%);
  bottom: 0;
  top: auto;
  padding-right: 20px;
}

.blog-post__menu.absolute-bottom.right {
  right: 0;
  transform: translateX(100%);
  padding-right: 0;
  padding-left: 20px;
}

.blog-post__menu.absolute {
  position: absolute;
  transform: translateX(-100%);
  padding-right: 20px;
}

.blog-post__menu.absolute.right {
  right: 0;
  transform: translateX(100%);
  padding-right: 0;
  padding-left: 20px;
}

.blog-post__menu.sticky {
  position: fixed;
  top: 100px;
  transform: translateX(-100%);
  padding-right: 20px;
}

.blog-post__menu.sticky.right {
  left: 50%;
  transform: translateX(calc(700px/2));
  padding-left: 20px;
  padding-right: 0;
}

@media screen and (max-width: 1290px) {
  .blog-post__menu.sticky.right {
    left: auto;
    transform: none;
    padding: 0;
    margin-bottom: 40px;
  }
}

.blog-post__menu.absolute .kl-social-sharing, .blog-post__menu.absolute.right .kl-social-sharing, .blog-post__menu.sticky .kl-social-sharing, .blog-post__menu.absolute-bottom .kl-social-sharing {
  margin-bottom: 40px;
}

.blog-post__menu.absolute .button, .blog-post__menu.absolute .hs-button, .blog-post__menu.absolute.right .button, .blog-post__menu.absolute.right .hs-button, .blog-post__menu.sticky .button, .blog-post__menu.sticky .hs-button, .blog-post__menu.absolute-bottom .button, .blog-post__menu.absolute-bottom .hs-button {
  width: 100%;
}

.blog-post__menu.absolute .kl-rich-text__form, .blog-post__menu.absolute.right .kl-rich-text__form, .blog-post__menu.sticky .kl-rich-text__form, .blog-post__menu.absolute-bottom .kl-rich-text__form {
  max-width: 1290px;
}

@media screen and (max-width: 1290px) {
  .blog-post__menu.absolute, .blog-post__menu.absolute.right, .blog-post__menu.sticky, .blog-post__menu.absolute-bottom {
    position: relative;
    width: 100%;
    height: auto;
    top: auto;
    right: auto;
    transform: none;
    padding: 0;
    margin-bottom: 40px;
  }
  .blog-post__menu.absolute .button, .blog-post__menu.absolute .hs-button, .blog-post__menu.absolute.right .button, .blog-post__menu.absolute.right .hs-button, .blog-post__menu.sticky .button, .blog-post__menu.sticky .hs-button, .blog-post__menu.absolute-bottom .button, .blog-post__menu.absolute-bottom .hs-button {
    width: auto;
  }
}

.blog-post__body-contents-wrapper {
  position: relative;
}

.blog-post__body img {
  max-width: 100%;
}

.blog-post__tags {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.blog-post__tag-link {
  color: #3574E3;
  background-color: #e6edff;
  border-radius: 3px;
  font-size: 0.75rem;
  padding: 5px 10px;
  margin: 0 8px 8px 0;
}

/* Blog related posts */
.blog-more {
  padding: 2rem 0;
}

.blog-more--centered h2 {
  text-align: center;
}

/* Blog comments */
.blog-comments {
  margin: 0 auto;
  max-width: 680px;
}

.blog-comments form {
  max-width: 100%;
}

.blog-comments .hs-submit {
  text-align: center;
}

.blog-comments .comment-reply-to {
  border: 0 none;
  outline: none;
}

.blog-comments .comment-reply-to:hover {
  background-color: transparent;
  text-decoration: underline;
  color: #022b3a;
}

/**/

#progressBar {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 5px;
  background-color: #3574E3;
  z-index: 9999;
  border-radius: 10px;
}

#progressBarParent {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 5px;
  background-color: #E1E1E1;
  z-index: 1;
  border-radius: 10px;
  width: 100%;
}

.oneupsales-blog-image img {
  max-width: 100%;
  border-radius: 5px;
}

.sticky-blog-col {
  position: sticky!important;
  top: 70px;
}


/* Latest Blog Css */
.blog-latest .blog-header {
  background: #F8FAFC;
  padding: 0;
}

.blog-latest .blog-header h1 {
  font-weight: 600;
  text-align: left;
  color: #022B3A;
  position: relative;
  text-transform: capitalize;
}

.blog-latest .blog-header .header-content p {
  styleName: Article 1440/p;
  font-weight: 400;
  line-height: 28.5px;
  text-align: left;
  font-size: 19px;
  position: relative;
  max-width: 450px;
}

.header-content {
  position: relative;
}

.header-content:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(https://www.oneupsales.com/hubfs/blur_bg.png);
  left: -53px;
  top: 0;
  filter: blur(8px);
  background-size: contain;
  border-radius: 50%;
}


.blog-latest .blog-header .header-content {
  width: 50%;
  padding: 100px 0 80px;
}

.blog-latest  .latest-post {
  width: 50%;
  margin-bottom: -280px;
}

.blog-newsleeter {
  width: 50%;
  padding: 20px 0;
}

.blog-newsleeter h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
}

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

.blog-newsleeter ul li {
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  line-height: 28.8px;
  color: #132D39;
  position: relative;
  padding-left: 30px;
  margin-right: 30px;
  font-family: Poppins, sans-serif!important;
}

.blog-newsletter-wrap:after {
  clear: both;
  content: "";
  width: 100%;
}


.blog-latest .blog-index__post.blog-index-editors-picks{
  padding: 15px;
}

.blog-latest .blog-index__post {
  padding: 20px;
  position: relative;
  background: #fff;
  border: 1px solid #BDDCFE;
}

.blog-latest .blog-index__post .blog-index__post-image {
  border-radius: 4px;
  position: relative;
  transition: all 0.3s ease;
  background-size: 100%;
}
.blog-latest .blog-index__post .blog-index__post-image:hover {
  background-size: 120%;
}

.blog-latest .blog-index__post .blog-index__post-image .blog-index__post-preheader {
  background: #062B3A;
  display: inline-block;
  position: absolute;
  left: 30px;
  top: 30px;
  color: #fff;
  font-family: Mulish;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.08px;
  text-align: left;
  padding: 8px 16px;
  border-radius: 4px;
}
.blog-latest .blog-index__post-content h3 a, .blog-latest .blog-more-posts__post-content h3 a {
  text-decoration: none;
}


.blog-latest .blog-index__post h3 {
  font-size: 36px;
  font-weight: 600;
  line-height: 46.8px;
}

.blog-latest .blog-index__post-meta span {
  font-size: 16px;
  margin-right: 20px;
  margin-left: 0;
  color: #022B3A;
  text-transform: capitalize;
}

.blog-latest .blog-index__post-meta span.reading-minutes {
  text-transform: lowercase;
}

.blog-newsleeter ul li:before {
  content: "";
  background-image: url(https://www.oneupsales.com/hubfs/Check.png);
  position: absolute;
  width: 20px;
  height: 20px;
  content: "";
  background-size: 9px;
  left: 0;
  top: 4px;
  background-color: #E4EDFF;
  border-radius: 50px;
  background-position: center center;
  background-repeat: no-repeat;
}
.blog-latest .blog-index__post-content .blog-index__post-preheader {
  padding: 6.3px 12.6px 6.3px 12.6px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.06px;
  text-align: left;
  display: inline-block;
  background: #E4EDFF;
  margin-bottom:5px;
}



.blog-latest .blog-index__post-content {
  padding: 18px 0 0 0;
}
.blog-list-title {
  text-align: center;
  margin-top: 150px;
}

.blog-list-title h2 {
  font-size: 48px;
  font-weight: 600;
  line-height: 72px;
  text-align: center;
}
.blog-list-title {
  text-align: center;
  margin-top: 20px;
}

.blog-list-title h2 {
  font-size: 48px;
  font-weight: 600;
  line-height: 72px;
  text-align: center;
}

.blog-latest .blog-filter {
  border: 1px solid #BDDCFE;
  padding: 10px;
  justify-content: unset;
  position: relative;
  min-height: 60px;
  border-radius: 4px;
}

.blog-latest .blog-tags li a.blog-tags__link {
  border: none;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  font-size: 16px;
  text-transform: capitalize;
  color: #022B3A;
  padding: 8px 16px;
}
.search-open .blog-latest .blog-tags {
  opacity: 0;
  display: none;
}


.blog-latest .blog-tags {
  width: 100%;
  max-width: 100%;
  z-index:1;
}

.blog-latest .blog-tags li 
.blog-latest .blog-tags__link--current {
  color: #fff;
}

.blog-latest .blog-tags li a.blog-tags__link.blog-tags__link--current,
.blog-latest .blog-tags li a.blog-tags__link:hover {
  color: #fff;
}
.blog-latest a.custom_search_btn {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 19a8 8 0 100-16 8 8 0 000 16zM21 21l-4-4' stroke='%23C6C6C6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  z-index:2;
}

.blog-latest .blog-search .hs_cos_wrapper {
  position: relative;
  width: 0;
  right: 0;
  transition: all 0.3s ease;
  top: 6px;
  opacity: 0;
  visibility: hidden;
}

.search-open .blog-latest a.custom_search_btn {
  background-image: url(https://www.oneupsales.com/hubfs/close_search.png);
  background-size: 17px;
  background-repeat: no-repeat;
  margin-top: 4px;
}

.blog-latest .blog-search {
  margin: 0;
}
.blog-latest .blog-index {
  margin: 0 -10px;
}

.blog-latest .blog-index .blog-index__post h3 {
  font-size: 24px;
  line-height: 31.2px;
}

.blog-latest .blog-index__post-meta {
  margin: 0;
}

.blog-latest .blog-index .blog-index__post {
  border: 1px solid #BDDCFE;
}


.blog-latest .blog-index__post-wrapper {
  padding: 10px 10px 0 10px;
}

.blog-latest .blog-pagination {
  justify-content: center;
  margin-bottom:120px;
}

.blog-latest a.next-link img {
  transform: rotateY(180deg);
}

.blog-latest .blog-pagination a img {
  width: 24px;
  height: 24px;
  object-fit: cover;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -3px;
}

.blog-latest .blog-pagination-left .prev-link, 
.blog-latest .blog-pagination-right .next-link {
  border: 1px solid #BDDCFE;
  border-radius: 4px;
  padding: 8px 10px;
}

.blog-latest .blog-pagination a {
  font-size: 18px;
  font-weight: 400;
  line-height: 28.8px;
  text-align: right;
  color: #022B3A;
  padding: 0 5px;
  margin: 0 5px;
  text-decoration: none;
}

.blog-latest .blog-pagination-left .prev-link:hover, .blog-latest .blog-pagination-right .next-link:hover {
  background: #3574E3;
}

.blog-latest .blog-pagination-left .prev-link:hover img, .blog-latest .blog-pagination-right .next-link:hover img {
  filter: brightness(0) invert(1);
}

.blog-latest .blog-pagination-left .prev-link:hover, .blog-latest .blog-pagination-right .next-link:hover {
  background: #3574E3;
}

.blog-latest .blog-pagination-left .prev-link:hover img, .blog-latest .blog-pagination-right .next-link:hover img {
  filter: brightness(0) invert(1);
}

.popular-post-wrap {
  padding: 180px 0 80px;
}

.popular-post-wrap .blog-list-title {
  margin: 0;
}

.blog-index-popular .left-col {
  width: 50%;
}

.blog-index-popular  .right-col {
  width: 50%;
}

.blog-index-popular {
  display: flex;
}

.blog-index-popular .left-col .blog-index__post-preheader img {
  width: 25px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -5px;
}


.blog-latest .blog-index__post .blog-index__post-image:hover {
  background-size: 120%;
}

.blog-latest .blog-index__post-content h3 a, .blog-latest .blog-more-posts__post-content h3 a {
  text-decoration: none;
}


.search-open .blog-latest .blog-search .hs_cos_wrapper {
  opacity: 1;
  visibility: visible;
  width: 100%;
}

.hs-search-field__suggestions a:focus, .hs-search-field__suggestions a:hover {
    background-color: #e4edff!important;
    outline: none;
    color: #3574e3;
    text-decoration: none;
}

.blog-latest .blog-search .hs_cos_wrapper .hs-search-field {
  max-width: 100%;
}

.blog-latest .hs-search-field__bar:not(.hs-search-field__bar--button-inline):after {
  right: auto;
  left: 10px;
}

.blog-latest .hs-search-field input[type=text] {
  padding-left: 46px;
  border: none;
}

.blog-filter select.blog-tags__select {
  display: none;
}

.hs-search-field__suggestions{
    width: 100%;
    left: 0;
    right: 0;
    max-width: 100%!important;
    z-index: 1;
}



.blog-index-popular .right-col {
    display: flex;
    flex-direction: column;
  }
.blog-index-popular .left-col, .blog-index-popular .right-col{
     flex: 1;
}


.blog-index-popular .blog-latest .blog-index__post-wrapper {
    height: 100%;
}

.blog-newsleeter .form-area form {
    display: flex;
    align-items: flex-start;
}

.blog-newsleeter .form-area form input[type=email] {
    padding: 11px 15px;
    font-size: 16px;
    border-radius: 4px;
    border-color: #BDDCFE;
}

.blog-newsleeter .form-area form input.hs-button.primary.large {
    padding: 13px 23px;
    line-height: 1;
    font-size: 14px;
    font-weight: 600;
}

.blog-newsleeter .form-area form .hs-form-field {
    margin: 0 10px 0px 0;
    width: 335px;
    position: relative;
    max-width: calc(100% - 120px);
}
.blog-newsleeter .hs_error_rollup ul.hs-error-msgs.inputs-list {
    top: 80px;
}


.blog-newsleeter .form-area form .hs-form-field > label {
    display: none;
}
.blog-newsleeter ul.hs-error-msgs.inputs-list {
    position: absolute;
    left: 0;
    top: 30px;
}

.blog-newsleeter ul.hs-error-msgs.inputs-list li:before {
    display: none;
}

.blog-newsleeter ul.hs-error-msgs.inputs-list label {
    font-size: 16px;
    color: #ef6b51;
    font-weight: normal;
}

.blog-newsleeter ul.hs-error-msgs.inputs-list li {
    padding-left: 0;
}



@media (min-width:768px){
  .blog-index-popular .blog-index__post-wrapper{
    flex-basis: 0;
  }
  
  .blog-index-popular .right-col a.blog-index__post-image {
    width: 50%;
    padding-bottom: 28%;
  }

  .blog-index-popular .right-col .blog-index__post-content {
    width: 50%;
    padding: 0 15px;
  }

  .blog-index-popular .right-col .blog-index__post {
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .blog-index-popular .right-col .blog-index__post-content h3 {
    font-family: Poppins;
    font-size: 17.55px;
    font-weight: 600;
    line-height: 22.81px;
    text-align: left;
    margin-bottom: 10px;
  }
  
  .blog-index__post.blog-index-editors-picks .blog-index__post-content h3 {
    padding-bottom: 5px;
    margin-bottom:0px;
  }

  .blog-latest .right-col .blog-index__post-meta span {
    font-size: 10.23px;
    line-height: 15.35px;
    margin-right: 5px;
  }


  .blog-latest .right-col .blog-index__post-meta {
    flex-wrap: wrap;
  }
}
@media (max-width:920px){
  .blog-latest .blog-header .header-content {
    width: 100%;
  }

  .blog-latest .latest-post {
    width: 100%;
    margin: 0;
  }

  .blog-latest .blog-header__inner {
    flex-direction: column;
  }

  .blog-newsleeter {
    width: 100%;
  }

  .blog-list-title {
    margin-top: 40px;
  }

  .blog-index-popular .left-col {
    width: 100%;
  }

  .blog-index-popular {
    flex-direction: column;
  }

  .blog-index-popular .right-col {
    width: 100%;
  }

  ul.blog-tags select.blog-tags__select {
    display: none;
  }
  
  
  .blog-index-popular .left-col h3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 70px;
    margin-bottom: 5px;
  }
  


  .blog-latest ul.blog-tags {
    display: none;
  }
  

  .blog-filter select.blog-tags__select {
    display: block;
    max-width: calc(100% - 48px);
    border: none;
    font-size: 20px;
    padding: 0;
    z-index: 1;
    padding: 3px;
  }
  
  .search-open .blog-latest .blog-search{
    z-index: 3;
  }
  
  .blog-latest .blog-index__post-wrapper {
    padding: 0 10px 20px;
  }

  .blog-latest .header-content  .blog-index__post-wrapper {
    padding: 0;
  }

  .blog-latest .blog-index__post h3 {
    font-size: 24px;
    line-height: 31.2px;
  }
  .blog-latest .left-col .blog-index__post {
    height: auto!important;
  }

  .blog-index-popular .right-col {
    height: auto!important;
  }
  
}
@media (max-width:768px){
  .popular-post-wrap {
    padding: 40px 0 40px;
  }
  
  .blog-latest .blog-header h1 {
    font-size: 26px;
  }
  .blog-list-title h2 {
    font-size: 26px;
  }
  .blog-latest .blog-index__post-content h3 a, .blog-latest .blog-more-posts__post-content h3 a,
  .blog-latest .blog-index__post h3{
    font-size: 18px;
    line-height: 130%;
  }
  
  .blog-newsleeter h3 {
    font-size: 16px;
    font-family: Poppins, sans-serif;
  }
  
  .blog-newsleeter ul li {
    font-size: 16px;
    font-family: Poppins, sans-serif;
  }
  
  .blog-latest .blog-index__post-wrapper {
    padding: 0 0px 20px;
  }
  
  .blog-latest .blog-index__post-meta span {
    font-size: 12px;
    line-height: 110%;
  }
  
  .blog-latest .blog-index {
      margin: 0 0;
  }
  
  .blog-filter select.blog-tags__select {
    font-size: 16px;
    padding: 6px;
  }
  
  .blog-list-title {
    margin-top: 0px;
  }
  
  .blog-latest .blog-header .header-content
  {
    padding: 80px 0 60px;
  }
  
}

/* end latest blog css */
.kl-documentation {
  padding: 80px 20px;
}

.kl-documentation__container {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: flex-start;
}

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

@media screen and (max-width: 680px) {
  .kl-documentation__container {
    display: block;
  }
}

.kl-documentation__toc {
  width: 250px;
  position: -webkit-sticky;
  /* for Safari */
  position: sticky;
  top: 88px;
  height: calc(100vh - 88px);
  overflow-y: scroll;
  padding: 16px 16px 0 0;
  margin-right: 20px;
}

.kl-documentation__toc-documentation {
  width: 250px;
  position: relative;
  top: none;
  height: auto;
  overflow-y: auto;
  margin-right: 20px;
  padding: 16px;
}

.kl-documentation__toc-documentation ul {
  list-style: none;
  padding: 0;
}

.kl-documentation__toc-documentation ul li a {
  display: block;
  padding: 10px;
  border-radius: 5px;
  transition: all .2s ease-in-out;
  text-decoration: none;
  color: #3574E3;
}

.kl-documentation__toc-documentation ul li a:hover {
  background-color: #3574E3;
  color: #ffffff;
}

@media screen and (max-width: 680px) {
  .kl-documentation__toc {
    position: static;
    width: 100%;
    padding: 16px 0 0;
    margin: 0;
    overflow-y: auto;
    border-bottom: 1px solid #ececec;
    height: auto;
  }
}

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

.kl-documentation__toc li {
  margin-bottom: 16px;
}

@media screen and (max-width: 680px) {
  .kl-documentation__toc li {
    margin-bottom: 8px;
  }
}

.kl-documentation__toc a {
  color: #022b3a;
}

.kl-documentation__contents {
  padding: 16px 0;
  width: calc(100% - 269px);
}

@media screen and (max-width: 680px) {
  .kl-documentation__contents {
    width: 100%;
  }
}

.kl-documentation__module {
  position: relative;
  margin: 0 0 32px;
  padding: 0 0 32px;
  scroll-margin-top: 88px;
}

.kl-documentation__module:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #ececec;
}

.kl-documentation__module-preview {
  margin: 0 0 32px;
}

.kl-documentation__fields {
  table-layout: fixed;
  width: 100%;
  margin: 0;
}

.kl-documentation__fields .depth0 {
  background-color: #f5f5f5;
}

.kl-documentation__fields thead th {
  font-size: 14px;
  padding: 12px;
  font-weight: bold;
  text-align: left;
  color: black;
  background-color: #d7ddec;
}

.kl-documentation__fields th, .kl-documentation__fields td {
  border: 1px solid #c0cbe4;
  padding: 6px 12px;
  font-size: 12px;
}

.kl-documentation .content-wrapper {
  padding: 0 20px !important;
}
/* Error pages */
.kl-error-page {
  padding: 100px 0;
  text-align: center;
}

.kl-error-page__preheader {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #3574E3;
  display: block;
  margin: 0 0 0.5rem;
}

.kl-error-page__heading {
  margin: 0 0 1rem;
}

/* System pages */
.systems-page__content {
  margin: 0 auto;
  max-width: 620px;
  padding: 120px 20px;
}

.systems-page .success {
  color: #34A853;
  font-weight: bold;
  font-size: 2rem;
  text-align: center;
}

.systems-page h1 {
  margin: 0 0 4rem;
  text-align: center;
}

@media screen and (max-width: 360px) {
  .systems-page h1 {
    margin: 0 0 2rem;
    font-size: 2rem;
  }
}

.systems-page--membership {
  background-image: url(https://www.oneupsales.com/hubfs/raw_assets/public/@marketplace/kalungi_com/Atlas_Pro_SaaS_Website_Theme/images/Hero-Background-2.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.systems-page--membership h1 {
  margin: 0 0 1rem;
}

.systems-page--membership p {
  margin: 0 0 3rem;
  text-align: center;
}

.systems-page--membership form .hs-submit input, .systems-page--membership form input[type="submit"] {
  width: 100%;
}

.systems-page--subscription-confirmation h1 {
  display: none;
  margin: 0 0 1.5rem;
}

.systems-page--subscription-confirmation h2 {
  color: #3A3A3A;
  font-size: 1rem;
  margin: 0;
}

.systems-page--subscription-confirmation .page-header {
  text-align: center;
  margin: 0 0 2rem;
}

.systems-page--subscription-preferences .page-header {
  text-align: center;
  margin: 0 0 2rem;
}

.systems-page--subscription-preferences h1 {
  margin: 0 0 1.5rem;
}

.systems-page--subscription-preferences h2 {
  color: #3A3A3A;
  font-size: 1rem;
  margin: 0;
}

.systems-page--subscription-preferences .email-prefs {
  padding: 32px;
  border: 1px solid #DAE3F9;
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.1);
  border-radius: 10px;
}

.systems-page--subscription-preferences .email-prefs p, .systems-page--subscription-preferences .email-prefs span, .systems-page--subscription-preferences .email-prefs label {
  font-size: 0.875rem;
  line-height: 1rem;
  vertical-align: text-top;
  font-weight: normal;
}

@media screen and (max-width: 360px) {
  .systems-page--subscription-preferences .email-prefs {
    padding: 18px;
  }
}

.systems-page--subscription-preferences input[type="checkbox"] {
  margin-right: 12px;
}

.systems-page__preheader {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #3574E3;
  display: block;
  margin: 0 0 0.5rem;
  text-align: center;
}

.systems-page form {
  position: relative;
}

.systems-page form .hs-form-field {
  position: relative;
}

.systems-page form .form-input-validation-message ul {
  padding: 0;
}

.systems-page form .form-input-validation-message label {
  color: #929292;
  font-size: 0.875rem;
  font-weight: normal;
}

.systems-page form .hs-login-widget-show-password,
.systems-page form .hs-register-widget-show-password,
.systems-page form .hs-reset-widget-show-password {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #3574E3;
}

.systems-page form .hs-login-widget-show-password:hover, .systems-page form .hs-login-widget-show-password:focus,
.systems-page form .hs-register-widget-show-password:hover,
.systems-page form .hs-register-widget-show-password:focus,
.systems-page form .hs-reset-widget-show-password:hover,
.systems-page form .hs-reset-widget-show-password:focus {
  color: #3574E3;
  text-decoration: none;
}

.systems-page form #hs_login_reset {
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  margin: 1rem 0 0;
  z-index: 1;
  color: #3574E3;
  font-size: 0.875rem;
  font-weight: bold;
  width: 100%;
  text-align: center;
}

.systems-page form input {
  max-width: 100%;
}

.systems-page .form-container {
  max-width: 380px;
  margin: 0 auto 3rem;
}

.systems-page .form-container .label {
  display: block;
  font-size: 0.875rem;
  font-weight: bold;
  margin: 0 0 0.75rem;
}

#email-prefs-form .header {
  background-color: transparent;
}

/* Password prompt */
.password-prompt input[type=password] {
  display: block;
  height: auto !important;
  margin-bottom: 1.4rem;
}

/* Backup unsubscribe */
.backup-unsubscribe h3 {
  font-size: 0.875rem;
  font-weight: bold !important;
  line-height: 1rem;
  margin: 0 0 0.75rem;
}

.backup-unsubscribe #email-prefs-form {
  padding: 42px 32px;
  border: 1px solid #DAE3F9;
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.1);
  border-radius: 10px;
}

.backup-unsubscribe #email-prefs-form div {
  padding-bottom: 0 !important;
}

@media screen and (max-width: 360px) {
  .backup-unsubscribe #email-prefs-form {
    padding: 32px 18px;
  }
}

.backup-unsubscribe input[type=email] {
  margin-bottom: 1.5rem;
  padding: 0.7rem !important;
  font-size: 0.875rem !important;
  border: 1px solid #DADADA;
}

/* Search pages */
.hs-search-field {
  max-width: 750px;
}

.hs-search-field input[type=text] {
  padding-right: 48px;
}

.hs-search-field__bar:not(.hs-search-field__bar--button-inline) {
  position: relative;
}

.hs-search-field__bar:not(.hs-search-field__bar--button-inline):after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 19a8 8 0 100-16 8 8 0 000 16zM21 21l-4-4' stroke='%23C6C6C6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
}

.hs-search-field__suggestions {
  background-color: #FFF;
  max-width: 360px;
  position: absolute;
  right: 0;
  top: 100%;
  transform: translateY(8px);
  border-radius: 9px;
  width: 100%;
}

.hs-search-field__suggestions a, .hs-search-field__suggestions #results-for {
  padding: 8px 16px;
}

.hs-search-field--open .hs-search-field__suggestions {
  border: 1px solid #dedede !important;
}

.kl-search-results {
  padding: 80px 0;
}

.hs-search-results {
  margin-top: 3.5rem;
}

.hs-search-results__featured-image {
  margin-bottom: 1rem;
}

.hs-search-results__featured-image img {
  display: block;
  max-width: 100%;
  width: 100%;
}

.hs-search-results__title {
  color: #022b3a;
  font-size: 1.5rem;
  font-weight: bold;
  font-family: Muli, sans-serif;
}

.hs-search-results__title:hover, .hs-search-results__title:focus {
  color: #3574E3;
  text-decoration: none;
}

.hs-search-results__description {
  padding-top: 1.25rem;
  margin: 0 0 2.5rem;
}

.hs-search-results__pagination a {
  color: #022b3a;
  font-family: Muli, sans-serif;
  font-weight: bold;
}

.hs-search-results__listing {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px !important;
}

.hs-search-results__listing li {
  flex-basis: calc(100% / 2);
  padding: 0 20px !important;
}

@media screen and (max-width: 620px) {
  .hs-search-results__listing li {
    flex-basis: 100%;
  }
}

.hs-search-highlight {
  font-weight: bold;
}
/* Variables */
/* No scroll class */
.no-scroll {
  overflow: hidden;
}

/* Inline CTA class */
.kl-inline-cta {
  position: relative;
  background-color: #3574E3;
  display: flex;
  justify-content: flex-start;
  padding: 40px;
  border-radius: 8px;
  background-image: url("https://www.kalungi.com/hubfs/Kalungi%20Website/Tools/inline_cta_background.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right bottom;
}

@media screen and (max-width: 767px) {
  .kl-inline-cta {
    background-size: cover;
  }
  .kl-inline-cta:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .85;
    background-color: #3574E3;
    z-index: 0;
  }
}

.kl-inline-cta__content {
  flex: 0 0 50%;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .kl-inline-cta__content {
    flex: 0 0 100%;
  }
}

.kl-inline-cta__content .kl-rich-text span, .kl-inline-cta__content .kl-rich-text h1, .kl-inline-cta__content .kl-rich-text h2, .kl-inline-cta__content .kl-rich-text h3, .kl-inline-cta__content .kl-rich-text h4, .kl-inline-cta__content .kl-rich-text h5, .kl-inline-cta__content .kl-rich-text h6, .kl-inline-cta__content .kl-rich-text p {
  color: #ffffff;
}

.kl-inline-cta__content .kl-rich-text .kl-rich-text__buttons .button_cta a {
  background-color: #ffffff;
  color: #3574E3;
  border-color: #ffffff;
  margin-left: 0;
}

.kl-inline-cta__content .kl-rich-text .kl-rich-text__buttons .button_cta:hover a {
  background-color: #3574E3;
  color: #ffffff;
}

.kl-inline-cta__content .kl-rich-text .kl-rich-text__buttons .button {
  background-color: #ffffff;
  border-color: #ffffff;
}

.kl-inline-cta__content .kl-rich-text .kl-rich-text__buttons .button span {
  color: #3574E3;
}

.kl-inline-cta__content .kl-rich-text .kl-rich-text__buttons .button:hover {
  background-color: #3574E3;
}

.kl-inline-cta__content .kl-rich-text .kl-rich-text__buttons .button:hover span {
  color: #ffffff;
}

/* Helper class */
.kl-helper {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  transform: translateY(-1px);
  cursor: pointer;
}

.kl-helper.text.dotted {
  border-bottom: 2px dotted #022b3a;
}

.kl-helper.text.dashed {
  border-bottom: 2px dashed #022b3a;
}

.kl-helper.text.underline {
  border-bottom: 2px solid #022b3a;
}

.kl-helper.text.double {
  border-bottom: 2px double #022b3a;
}

.kl-helper__content {
  border: 0.5px solid rgba(100, 146, 253, 0.2);
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
  border-radius: 9px;
  background-color: rgba(255, 255, 255, 1.0);
  width: 100%;
  padding: 12px;
  position: absolute;
  opacity: 0;
  z-index: 99;
  min-width: 300px;
  max-width: 400px;
  text-align: left;
  pointer-events: none;
  transition: all .2s ease-in-out;
}

.kl-helper__content__preheader {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #3574E3;
  display: block;
  line-height: 1rem;
  margin: 0 0 .75rem;
}

.kl-helper__content__content h1, .kl-helper__content__content h2, .kl-helper__content__content h3, .kl-helper__content__content h4, .kl-helper__content__content h5, .kl-helper__content__content h6 {
  font-weight: bold;
  margin: 0 0 1rem;
}

.kl-helper__content__content p {
  margin: 0 0 2rem;
}

.kl-helper__content.right {
  right: 100%;
}

.kl-helper__content.left {
  left: 100%;
}

.kl-helper__content.responsive-right {
  top: 100%;
  right: 100%;
}

.kl-helper__content.responsive-left {
  top: 100%;
  left: 100%;
}

.kl-helper__content.responsive-center {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.kl-helper__image {
  position: relative;
  height: 20px;
  width: 20px;
  padding: 5px;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%233574E3' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  cursor: pointer;
}

.kl-helper:hover .kl-helper__content {
  opacity: 1;
}

.kl-helper.info .kl-helper__content {
  background-color: #3574E3;
  color: #ffffff;
}

.kl-helper.info .kl-helper__image {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%233574E3' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E");
}

.kl-helper.info-dark .kl-helper__content {
  background-color: #000000;
  color: #ffffff;
}

.kl-helper.info-dark .kl-helper__image {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000000' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E");
}

.kl-helper.info-light .kl-helper__content {
  background-color: #ffffff;
  color: #000000;
}

.kl-helper.info-light .kl-helper__image {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FFFFFF' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E");
}

.kl-helper.question .kl-helper__content {
  background-color: #3574E3;
  color: #ffffff;
}

.kl-helper.question .kl-helper__image {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%233574E3' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z'/%3E%3C/svg%3E");
}

.kl-helper.question-dark .kl-helper__content {
  background-color: #000000;
  color: #ffffff;
}

.kl-helper.question-dark .kl-helper__image {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000000' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z'/%3E%3C/svg%3E");
}

.kl-helper.question-light .kl-helper__content {
  background-color: #ffffff;
  color: #000000;
}

.kl-helper.question-light .kl-helper__image {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FFFFFF' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z'/%3E%3C/svg%3E");
}