/*========= main =========*/

/*---- slick-slider -----*/
@charset 'UTF-8';.slick-loading .slick-list{background:#fff url(ajax-loader.gif) center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(fonts/slick.eot);src:url(fonts/slick.eot?#iefix) format('embedded-opentype'),url(fonts/slick.woff) format('woff'),url(fonts/slick.ttf) format('truetype'),url(fonts/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir=rtl] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}
/*# sourceMappingURL=slick-theme.min.css.map */

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
/*# sourceMappingURL=slick.min.css.map */

/*-------*/

/*----- fonts ----*/
@font-face {
  font-family: 'Inter';
  src: url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-Regular.eot');
  src: url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-Regular.eot#iefix') format('embedded-opentype'),
    url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-Regular.woff2') format('woff2'),
    url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-Regular.woff') format('woff'),
    url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-Regular.ttf') format('truetype'),
    url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-Regular.svg#Inter-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-Medium.eot');
  src: url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-Medium.eot#iefix') format('embedded-opentype'),
    url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-Medium.woff2') format('woff2'),
    url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-Medium.woff') format('woff'),
    url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-Medium.ttf') format('truetype'),
    url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-Medium.svg#Inter-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-SemiBold.eot');
  src: url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-SemiBold.eot#iefix') format('embedded-opentype'),
    url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-SemiBold.woff2') format('woff2'),
    url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-SemiBold.woff') format('woff'),
    url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-SemiBold.ttf') format('truetype'),
    url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-SemiBold.svg#Inter-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-Bold.eot');
  src: url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-Bold.eot#iefix') format('embedded-opentype'),
    url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-Bold.woff2') format('woff2'),
    url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-Bold.woff') format('woff'),
    url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-Bold.ttf') format('truetype'),
    url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-Bold.svg#Inter-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-ExtraBold.eot');
  src: url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-ExtraBold.eot#iefix') format('embedded-opentype'),
    url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-ExtraBold.woff2') format('woff2'),
    url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-ExtraBold.woff') format('woff'),
    url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-ExtraBold.ttf') format('truetype'),
    url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-ExtraBold.svg#Inter-ExtraBold') format('svg');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-Black.eot');
  src: url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-Black.eot#iefix') format('embedded-opentype'),
    url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-Black.woff2') format('woff2'),
    url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-Black.woff') format('woff'),
    url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-Black.ttf') format('truetype'),
    url('https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/eatapp-2024/fonts/Inter-Black.svg#Inter-Black') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/*---------------*/

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

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

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

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

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

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

body {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

b,
strong {
  font-weight: bolder;
}

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

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

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

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

legend {
  padding: 0;
}

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

progress {
  vertical-align: baseline;
}

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

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

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

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

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

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

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

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

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

/*
 * Add the correct display in Edge and Firefox.
 */

details {
  display: block;
}

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

summary {
  display: list-item;
}

/* CSS variables */

:root {
  --column-gap: 2.13%;
}

/* Mobile layout */

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

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

/* Desktop layout */

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

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

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

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

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

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

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

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

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

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

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

  .row-fluid .span1 {
    width: calc(8.33% - var(--column-gap) * 0.9166);
  }
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 0px;
}

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

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

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

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

body {
  line-height: 1.4;
  overflow-wrap: break-word;
}

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

/* Paragraphs */

p {
  font-size: 1rem;
  margin: 0 0 1.25rem;
}
p:last-child {
  margin: 0px;
}
/* Anchors */

a {
  cursor: pointer;
  transition: all 0.3s;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1.4rem;
}

/* Lists */

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

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

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

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

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

/* Horizontal rules */

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

/* Image alt text */

img {
  font-size: 0.583rem;
  word-break: normal;
}
button,
.button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

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

/* No button */

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

/* Custom CSS
======================*/

.btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 22px;
  margin: 45px 0px 0px;
}
a.cta_button {
  display: inline-block;
  line-height: 26px;
  font-weight: 600;
  box-sizing: border-box !important;
  border: 3px solid;
  border-radius: 6px;
  padding: 12.5px 30px;
  font-size: 20px;
}
a.cta_button.cta-with-arrow {
  position: relative;
  padding: 12.5px 59px 12.5px 25px;
}
a.cta_button.cta-with-arrow::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 28px;
  top: 18px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
a.cta_button.cta-with-arrow:hover::before {
  right: 24px;
}

/*----*/
a.green-cta-without-arrow {
  font-size: 20px;
  line-height: 24px;
  padding: 16.5px 38.98px;
  border: 0;
  min-width: 190px;
}


/* @media (max-width: 1800px) { */
a.cta_button {
  padding: 9.5px 30px;
  font-weight: 500;
}
a.cta_button.cta-with-arrow {
  padding: 9.5px 59px 9.5px 25px;
}
a.cta_button.cta-with-arrow::before {
  height: 13px;
  top: 17px;
  width: 13px;
}
a.green-cta-without-arrow {
  min-width: unset;
}
/* } */

/* @media(max-width: 1600px){ */
a.green-cta-without-arrow {
  font-size: 14px;
  line-height: 22px;
  border: 0;
  font-weight: 400;
  padding: 9px 20px;
}

/* } */

/*----- arrow-btn -----*/
a.right-arrow {
  padding: 12px 16px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  color: #fff;
  font-family: Inter;
  background-color: #128849;
  min-width: 200px;
  text-align: center;
  justify-content: center;
}
a.right-arrow img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}
a.right-arrow:hover{
  background-color: #24A95F;
}

@media (max-width: 1199px) {
  a.cta_button {
    font-size: 16px;
  }
}
@media (max-width: 991px){
  a.cta_button.cta-with-arrow {
    padding: 9.5px 36px 9.5px 11px;
  }
  .btn-group {
    gap: 15px;
    margin: 32px 0 0;
  }
  a.cta_button.cta-with-arrow:before {
    right: 20px;
  }
  a.cta_button.cta-with-arrow:hover::before {
    right: 16px;
  }
}

@media (max-width:767px){
  a.cta_button {
    font-size: 12px;
    line-height: 15px;
    padding: 9px 20px;
    border: 2px solid;
    min-width: 122px;
    text-align: center;
  }
  .btn-group {
    gap: 10.4px;
    margin: 29.36px 0 0px;
  }
  a.cta_button.cta-with-arrow {
    padding: 9.5px 40px 9.5px 15px;
  }
  a.cta_button.cta-with-arrow:before {
    top: 14px;
  }
  a.right-arrow img {
    margin-top: 1px;
  }

}
/* Fields */

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

/* Labels */

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

/* Help text */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.7rem;
  width: 100%;
}

form textarea {
  resize: vertical;
}

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

/* Inputs - checkbox/radio */

form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

form .inputs-list > li {
  display: block;
  margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
  cursor: pointer;
  margin-right: 0.35rem;
}

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

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

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

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

/* Inputs - file picker */

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

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

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

/* GDPR */

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

/* Validation */

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

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

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

/* Submit button */

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

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}


/* Custom CSS */

body fieldset .input {
  margin-right: 0px !important;
}
body fieldset.form-columns-2,
body fieldset.form-columns-3 {
  display: flex;
  gap: 12px;
}
@media (max-width: 767px) {
  body fieldset.form-columns-2, 
  body fieldset.form-columns-3 {
    gap: 0px;
    flex-wrap: wrap;
  }
  body fieldset.form-columns-2 > *, body fieldset.form-columns-3 > * {
    width: 100% !important;
  }
}
/* Table */

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

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}

/* Header DND sections */

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

/* Header container */

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

.header__row-1 {
  padding-top: 1rem;
}

.header__row-1,
.header__row-2 {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

@media (max-width: 1150px) and (min-width: 767px) {
  .header__column {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .header__container {
    flex-direction: column;
    padding: 1rem 0 0;
  }

  .header__column {
    position: relative;
  }

  .header__row-1 {
    padding-top: 0;
  }

  .header__row-2 {
    justify-content: center;
    padding: 0;
  }
}

/* Navigation skipper */

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

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

/* Logo */

.header__logo {
  align-items: center;
  display: flex;
  height: auto;
  margin-right: auto;
  max-width: 200px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .header__logo {
    margin: 0 auto;
    width: 100%;
  }
}

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

.header__logo .logo-company-name {
  font-size: 1.167rem;
  margin-top: 0.7rem;
}

.header__logo--main {
  padding-top: 1rem;
}

/* Search bar */

.header__search {
  padding: 0 1rem;
  width: auto;
}

.header__search .hs-search-field__input {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+);
  background-position: center right 15px;
  background-repeat: no-repeat;
  height: 45px;
  padding: 0 0.7rem;
}

.header__search .hs-search-field--open .hs-search-field__input {
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  max-width: 100%;
}

.header__search .hs-search-field--open .hs-search-field__suggestions {
  background-color: #FFF;
  border: 2px solid #D1D6DC;
  border-radius: 0 0 6px 6px;
  border-top-width: 1px;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.header__search .hs-search-field__suggestions li {
  border-top: 1px solid #D1D6DC;
  font-size: 0.875rem;
}

.header__search .hs-search-field__suggestions li a {
  color: #494A52;
  padding: 0.35rem 0.7rem;
  text-decoration: none;
  transition: background-color 0.3s;
}

.header__search .hs-search-field__suggestions #results-for {
  display: none;
}

@media (min-width: 767px) {
  .header__search form {
    align-items: center;
    display: flex;
    flex-direction: row;
  }

  .header__search label {
    margin: 0 1rem 0 0;
  }

  .header__search .hs-search-field__input {
    width: auto;
  }
}

@media (max-width: 767px) {
  .header__search {
    border-top: 2px solid #CED4DB;
    order: 1;
    padding: 1.05rem;
  }
}

/* Language switcher */

.header__language-switcher {
  cursor: pointer;
  padding-right: 1.4rem;
}

.header__language-switcher .lang_switcher_class {
  position: static;
}

.header__language-switcher .lang_list_class {
  border: 2px solid;
  border-radius: 3px;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2);
  display: block;
  left: calc(100% - 24px);
  opacity: 0;
  min-width: 100px;
  padding-top: 0;
  text-align: left;
  top: 100%;
  transition: opacity 0.3s;
  visibility: hidden;
}

.header__language-switcher:hover .lang_list_class,
.header__language-switcher:focus .lang_list_class {
  opacity: 1;
  transition: opacity 0.3s;
  visibility: visible;
}

.header__language-switcher .lang_list_class:before {
  left: 70%;
  top: -25px;
}

.header__language-switcher .lang_list_class:after {
  left: 70%;
  top: -22px;
}

.header__language-switcher .lang_list_class.first-active::after {
  top: -22px;
  transition: 0.3s;
}

.header__language-switcher .lang_list_class li {
  border: none;
  font-size: 18px;
  padding: 0.35rem 0.7rem;
}

.header__language-switcher .lang_list_class li:first-child {
  border-radius: 6px 6px 0 0;
  border-top: none;
}

.header__language-switcher .lang_list_class li:last-child {
  border-bottom: none;
  border-radius: 0 0 6px 6px;
}

.header__language-switcher .lang_list_class li:hover {
  transition: background-color 0.3s;
}

.header__language-switcher--label {
  display: flex;
  position: relative;
}

.header__language-switcher--label-current {
  align-items: center;
  display: flex;
  font-size: 0.75rem;
  margin-bottom: 0.175rem;
  margin-left: 0.7rem;
}

.header__language-switcher--label-current:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #494A52;
  content: "";
  display: block;
  height: 0px;
  margin-left: 0.7rem;
  margin-top: 0.175rem;
  width: 0px;
}

@media (max-width: 767px) {
  .header__language-switcher {
    border-top: 2px solid #CED4DB;
    padding-left: 1.05rem;
    padding-right: 0;
  }

  .header__language-switcher .lang_list_class {
    border: none;
    box-shadow: unset;
    display: block;
    left: 30px;
    opacity: 1;
    padding: 0 1.05rem;
    top: 0;
    visibility: visible;
  }

  .header__language-switcher .lang_list_class li {
    background-color: inherit;
    font-size: 0.917rem;
  }

  .header__language-switcher--label-current {
    display: none;
  }

  .header__language-switcher .globe_class {
    background-image: none;
  }

  .header__language-switcher .lang_list_class li:hover{
    background-color: inherit;
  }

  .header__language-switcher .lang_list_class:before,
  .header__language-switcher .lang_list_class:after {
    content: none;
  }
}

/* Navigation */

#nav-toggle {
  display: none;
}

/* Mobile toggles */

@media (max-width: 767px) {
  .header__navigation,
  .header__search,
  .header__language-switcher {
    display: none;
    width: 100%;
  }

  .header__navigation.open,
  .header__search.open,
  .header__language-switcher.open {
    background-color: #F8FAFC;
    display: block;
    left: 0;
    min-height: calc(100vh - 115px);
    position: absolute;
    right: 0;
    top: 75px;
    z-index: 2;
  }

  .header__navigation--toggle,
  .header__search--toggle,
  .header__language-switcher--toggle,
  .header__close--toggle {
    cursor: pointer;
    position: relative;
  }

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

  .header__navigation--toggle.open,
  .header__search--toggle.open,
  .header__language-switcher--toggle.open {
    display: block;
    margin-left: 0;
    margin-right: auto;
  }

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

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

  .header__navigation--toggle {
    /*     background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oYW1idXJnZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9ImhhbWJ1cmdlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iR3JvdXAiIHN0cm9rZT0iIzQ5NEE1MiIgc3Ryb2tlLXdpZHRoPSIzIj4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgeD0iMS41IiB5PSI5LjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTUiIHg9IjEuNSIgeT0iMTcuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
    background-size: cover;
    height: 25px;
    width: 25px; */
  }

  .header__navigation--toggle:after {
    content: "Menu";
  }

  .header__language-switcher--toggle {
    background-image: url(//static.hsappstatic.net/cos-LanguageSwitcher/static-1.1/img/globe.png);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__language-switcher--toggle:after {
    content: "Language";
  }

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

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

  .header__close--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE5cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5jbG9zZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZyBpZD0iY2xvc2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgLTEuMDAwMDAwKSIgc3Ryb2tlPSIjNDk0QTUyIiBzdHJva2Utd2lkdGg9IjMiPiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMTAuNTAwMDAwKSByb3RhdGUoLTQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0xMC4wMDAwMDAsIC0xMC41MDAwMDApICIgeD0iLTAuNSIgeT0iMTAuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCAxMC41MDAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtMTAuNTAwMDAwKSAiIHg9Ii0wLjUiIHk9IjEwLjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 110%;
    display: none;
    height: 25px;
    margin-right: 0;
    width: 25px;
  }

  .header__close--toggle.show {
    display: block;
  }
}

/* Custom CSS
============================*/

header {
  /*   box-shadow: 0px 3px 6px #00000029; */
  position: relative;
  border-bottom: 1px solid #128849;
  box-shadow: none;
}
header.header--no-navigation {
  border-bottom: 0px;
  padding: 30px 0px;
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0px;
  background-color: transparent;
  z-index: 9;
}

header .content-wrapper {
  max-width: 1240px;
}
header.header--no-navigation .content-wrapper {
  max-width: 1240px;
}
header .dnd-section > .row-fluid {
  max-width: 100% !important;
}
header .hs_cos_wrapper_type_logo img {
  max-width: 100px !important;
  vertical-align: bottom;
}
header.header--no-navigation .hs_cos_wrapper_type_logo img {
  max-width: 60px !important;
}
.header-top-row-0-vertical-alignment > .row-fluid {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-top-row-0-vertical-alignment > .row-fluid > * {
  width: auto;
  margin-left: 0px;
}
.header-top-row-0-vertical-alignment > .row-fluid > *:nth-child(2) {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-top-row-0-vertical-alignment > .row-fluid > *:nth-child(2) > *:nth-child(2) {
  margin-left: 110px;
}
.header-top-row-0-vertical-alignment > .row-fluid > *:nth-child(2) > *:nth-child(2) div > span.hs_cos_wrapper_type_rich_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 29px;
}
header .btn {
  border-radius: 36px;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  padding: 11.5px 37.5px;
}
header .btn.watc-demo {
  background-color: rgb(18 136 73 / 15%);
}
.body-wrapper {
  overflow: hidden;
}

/* @media (max-width: 1800px) { */
header {
}
header .content-wrapper {
  max-width: 1280px;
}
header .hs_cos_wrapper_type_logo img {
  max-width: 80px !important;
}
.header-top-row-0-vertical-alignment > .row-fluid > :nth-child(2) > :nth-child(2) div > span.hs_cos_wrapper_type_rich_text {
  gap: 20px;
}
header .btn { 
  font-size: 16px;
  line-height: 18px;
  padding: 11px 30.5px;
}
.header-top-row-0-vertical-alignment > .row-fluid > :nth-child(2) > :nth-child(2) {
  margin-left: 75px;
}


/* } */
@media (max-width: 1430px) {
  .submenu {
    left: auto;
    right: 0px;
  }
}
@media (max-width: 1348px) {
  header .content-wrapper {
    padding: 0 35px;
  }
}
@media (max-width: 1199px) {
  .header-top-row-0-vertical-alignment > .row-fluid > :nth-child(2) > :nth-child(2) {
    margin-left: 30px;
  }
}
@media (max-width: 991px) {
  .header-top-row-0-vertical-alignment > .row-fluid > :nth-child(2) > :nth-child(2) {
    margin-left: 20px;
  }
  .header-top-row-0-vertical-alignment > .row-fluid > :nth-child(2) > :nth-child(2) div > span.hs_cos_wrapper_type_rich_text {
    gap: 10px;
  }
  header .hs_cos_wrapper_type_logo img {
    max-width: 70px !important;
  }
  header .btn {
    font-size: 14px;
    line-height: 16px;
    padding: 11px 20px;
  }
}
@media (max-width: 767px) {
  .header-top-row-0-vertical-alignment > .row-fluid > :nth-child(2) > :nth-child(2) {
    display: none;
  }
  header .hs_cos_wrapper_type_logo img {
    max-width: 60px !important;
  }
  .header--toggle.header__navigation--toggle {
    position: absolute;
    right: 35px;
    top: 19px;
  }
  .header--toggle.header__navigation--toggle span {
    width: 35px;
    height: 2px;
    display: block;
    border-radius: 30px;
    margin: 7px 0px;
  }
  .menu--mobile {
    display: none;
    position: absolute;
    width: 100%;
    background-color: #ffffff;
    top: 100%;
    left: 0px;
    z-index: 9;
    box-shadow: 0px 2px 5px -3px rgba(0, 0, 0, 0.2);
    padding: 0px 0px 15px;
  }
  header.header--no-navigation {
    padding: 20px 0;
  }
  header.header--no-navigation .header__logo {
    justify-content: center;
  }
  header.header--no-navigation .hs_cos_wrapper_type_logo img {
    max-width: 54px!important;
  }
}


/**** css for book a demo page *****/
header.header--no-navigation.new__request--demo-2024 {
  padding-block: 12px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transition: all 0.3s;
}

header.new__request--demo-2024 a.cta_button {
  border-radius: 8px;
  background: var(--Primary-Green-200, #99D3AD);
  padding: 8px 16px;
  border: 0;
  color: var(--Neutral-Grey-900, Grey 900);
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.5px;
  transition: all .3s;
}
header.new__request--demo-2024 a.cta_button:hover {
  background-color: #c1e4cd;
}
.sticky__header header.new__request--demo-2024 {
  background-color: #fff;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
  box-shadow: 0 3px 4px 0 rgba(48, 48, 48, .14), 0 4px 5px 0 rgba(48, 48, 48, .12), 0 1px 10px 0 rgba(48, 48, 48, .02);
}


@media (max-width:767px){
  header.header--no-navigation.new__request--demo-2024 .dnd-section>.row-fluid {
    justify-content: space-between;
  }
}
/* Menu and simple menu */

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

/* Horizontal menu */

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

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

/* Vertical menu */

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

/* Flyouts */

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

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

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

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

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

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

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

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

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

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

/* For content that needs to be visually hidden but stay visible for screenreaders */

.show-for-sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}

/*---- slick-slider ----*/
.slick-list {margin: 0px -15px;}
.slick-slide {margin: 0px 15px;}
.slick-dots, .slick-dots li {display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.slick-dots {padding: 0px;list-style: none;margin: 50px 0px 0px;gap: 12px;}
.slick-dots li button {-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;border: 2px solid;border-radius: 50%;height: 25px;width: 25px;opacity: .31;opacity: 0.31;font-size: 0px;padding: 0px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: transparent;}
.slick-dots li button::before {content: "";width: 13px;height: 13px;border-radius: 50%;display: inline-block;opacity: 0;}
.slick-dots li.slick-active button, .slick-dots li:hover button, .slick-dots li.slick-active button::before, .slick-dots li:hover button::before {  opacity: 1;}
button.slick-prev, button.slick-next {position: absolute;top: calc(50% - 23px);-webkit-transform: translateY(-25%);-ms-transform: translateY(-25%);transform: translateY(-25%);z-index: 9;font-size: 0;background-color: #3E864F;border: 0px;width: 30px;height: 30px;padding: 0;border-radius: 50%;opacity: .3;}
button.slick-prev {left: -25px;}
button.slick-next {right: -25px;}
button.slick-prev.slick-disabled, button.slick-next.slick-disabled {opacity: 0;}
button.slick-next::before,
button.slick-prev::before {content: "";position: absolute;width: 14px;height: 14px;border-top: 2px solid #fff;border-right: 2px solid #fff;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);top: 8.5px;left: 6px;}
button.slick-prev::before {border-top: 0px solid #fff;border-right: 0px solid #fff;border-bottom: 2px solid #fff;border-left: 2px solid #fff;left: 10px;}
.mobile-slider-inner, .savetime-reeater {padding: 0px 25px;}
.mobile-slider-inner .slick-track,
.savetime-reeater .slick-track, .guest-btm-outer .slick-track {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.guest-btm-outer button.slick-next, .guest-btm-outer button.slick-prev {background-color: #fff;}
.guest-btm-outer button.slick-prev::before, .guest-btm-outer button.slick-next::before {border-color: #000000;}

/* Footer Section 
=============================*/
.footer {border: 3px solid;border-radius: 70px 70px 0px 0px;padding: 80px 0px;position: relative;}
.footer h4 {font-size: 30px;line-height: 36px;font-weight: 600;margin: 0px 0px 25px;}
.footer-row-0-vertical-alignment > .row-fluid {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin: 0 auto;}
.footer-row-0-vertical-alignment > .row-fluid > * {width: auto;margin-left: 0px;}
.footer-row-0-vertical-alignment > .row-fluid > *:nth-child(2) {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row !important;flex-direction: row !important;gap: 85px;width: 85%;justify-content: space-between !important;}
.footer-row-0-vertical-alignment > .row-fluid > *:nth-child(1) {-webkit-box-pack: justify !important;-ms-flex-pack: justify !important;justify-content: space-between !important;width: 10%;}
.footer-row-0-vertical-alignment > .row-fluid > *:nth-child(2) > *:last-child > .row-fluid {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;gap: 85px;}
.footer ul {padding: 0;list-style: none;margin: 0px;}
.footer ul li {margin: 0px 0px 18px;}
.footer ul li:last-child {margin: 0px 0px 0px;}
.footer ul li a {line-height: 23px;}
.footer .footer-column-1-row-0-margin {margin-top: 0px !important;margin-bottom: 0px !important;}
footer .widget_1671275209218-flexbox-positioning {align-items: flex-start !important;}
.footer-row-0-vertical-alignment > .row-fluid > *:nth-child(2) > *:last-child > .row-fluid > * {width: auto;  margin-left: 0px !important;}
.footer-row-0-vertical-alignment > .row-fluid > *:nth-child(2) > *:last-child > .row-fluid > *:last-child {text-align: left;}
.footer-row-0-vertical-alignment>.row-fluid>:nth-child(2)>:last-child>.row-fluid>:last-child ul {display: flex;align-items: center;}
.footer-row-0-vertical-alignment>.row-fluid>:nth-child(2)>:last-child>.row-fluid>:last-child ul li {  margin: 0 15px 0 0;display: inline-flex;align-items: center;justify-content: center;}
.footer-row-0-vertical-alignment>.row-fluid>:nth-child(2)>:last-child>.row-fluid>:last-child ul li:last-child {  margin-right: 0;}
.footer-row-0-vertical-alignment>.row-fluid>:nth-child(2)>:last-child>.row-fluid>:last-child ul li a img {vertical-align: bottom;  max-width: 30px;width: 100%;height: 30px;object-fit: contain;}
.footer-row-0-vertical-alignment > .row-fluid > *:first-child > *:last-child div {text-align: left !important;}

/*----------- responsive ------------*/

/* @media (max-width: 1800px) { */
.footer h4 {  font-size: 24px;  line-height: 32px;}
.footer-row-0-vertical-alignment > .row-fluid > *:first-child > *:last-child div {  font-size: 18px !important;}
.footer-row-0-vertical-alignment > .row-fluid > *:nth-child(2),
.footer-row-0-vertical-alignment > .row-fluid > *:nth-child(2) > *:last-child > .row-fluid {  gap: 50px;}
/*---- updated footer ----*/
.footer-row-0-vertical-alignment>.row-fluid>:first-child {  width: 15%;}
.footer-row-0-vertical-alignment>.row-fluid>:nth-child(2) {  width: 82%;  gap: 24px;}
.footer-row-0-vertical-alignment>.row-fluid>:nth-child(2)>:last-child>.row-fluid>:last-child ul li a img {  width: 20px;  height: 20px;}
/* } */

@media(max-width: 1199px){
  .footer {    padding: 80px 0;  }
  .footer-row-0-vertical-alignment > .row-fluid {-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 auto;}
  .footer-row-0-vertical-alignment > .row-fluid > * {max-width: 100%;-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;width: 100%;}
  .footer-row-0-vertical-alignment > .row-fluid > *:nth-child(1) .span12 {-webkit-box-align: start !important;-ms-flex-align: start !important;align-items: flex-start !important;  }
  .footer-row-0-vertical-alignment > .row-fluid > *:nth-child(1) {margin-bottom: 30px;  }
  .footer-row-0-vertical-alignment > .row-fluid > *:nth-child(2) {gap: 0;-ms-flex-wrap: wrap;flex-wrap: wrap;}
  .footer-row-0-vertical-alignment > .row-fluid > *:nth-child(2) > * {max-width: 24%;-webkit-box-flex: 0;-ms-flex: 0 0 24%;flex: 0 0 24%;margin-right: 0%;}
  .footer-row-0-vertical-alignment > .row-fluid > *:nth-child(2) > *:last-child {margin-right: 0;}
  footer .row-fluid-wrapper .row-fluid > * > *:nth-child(2) div {font-size: 18px !important;  }
  /*----- updated footer -----*/
  .footer-row-0-vertical-alignment>.row-fluid>:nth-child(2)>:last-child>.row-fluid {gap: 25px;flex-wrap: wrap;}
  .footer-row-0-vertical-alignment>.row-fluid>:nth-child(2)>:last-child>.row-fluid>* {width: 100%;}
  .footer-row-0-vertical-alignment>.row-fluid>:nth-child(2)>:last-child>.row-fluid>:last-child ul li {margin-right: 10px;}
}
@media(max-width: 991px){
  .footer-row-0-vertical-alignment > .row-fluid > *:nth-child(2) > * {max-width: calc(100% / 2);-ms-flex: 0 0 calc(100% / 2);flex: 0 0 calc(100% / 2);margin-bottom: 30px;}
  .footer-row-0-vertical-alignment > .row-fluid > *:nth-child(2) > *:nth-child(2n) {margin-right: 0;}
  .footer-row-0-vertical-alignment > .row-fluid > *:nth-child(2) > *:last-child > .row-fluid {    flex-direction: column;gap: 30px;}
  .footer-row-0-vertical-alignment > .row-fluid > *:nth-child(2) > *:last-child > .row-fluid > *:last-child ul {display: flex;gap: 20px;}
  .footer-row-0-vertical-alignment > .row-fluid > *:nth-child(2) > *:last-child > .row-fluid > *:last-child ul li {margin: 0px;}
  .footer-row-0-vertical-alignment > .row-fluid > *:nth-child(2) > *:last-child > .row-fluid > *:last-child {text-align: left;}
  .footer-row-0-vertical-alignment > .row-fluid > *:first-child > *:last-child {display: none;}
  .footer-copy-text {display: block !important;}  .footer ul li a {font-size: 18px;}
}

@media(max-width: 767px){
  .footer {border: 2px solid;  }
  footer.footer img {max-width: 89px !important;width: 100%;object-fit: contain;}
  .footer-row-0-vertical-alignment > .row-fluid > *:nth-child(2) > * {max-width: 100%;-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;margin-bottom: 52px;}
  .footer-row-0-vertical-alignment > .row-fluid > *:nth-child(2) {display: -webkit-box;display: -ms-flexbox;display: flex;  }
  .footer-row-0-vertical-alignment > .row-fluid > *:nth-child(2) > *:last-child {margin-bottom: 0;}
  .footer {padding: 46px 0 35px;border-radius: 0;}
  .footer .content-wrapper {padding-left: 52px;  }
  .footer-row-0-vertical-alignment > .row-fluid > *:first-child {margin-bottom: 52px;  }
  .footer h4 {font-size: 21px;line-height: 25px;margin-bottom: 20px;  }
  .footer ul li a {font-size: 16px;line-height: 30px;display: inline-block;}
  .footer ul li {margin: 0 0 5px;  } 
  .footer-row-0-vertical-alignment > .row-fluid {margin-bottom: 80px;}
  .footer span {font-size: 16px;}
  footer .row-fluid-wrapper .row-fluid > * > *:nth-child(2) div {text-align: left !important;}

  /*----- updated footer ----*/
  .footer-row-0-vertical-alignment>.row-fluid>:nth-child(2)>:last-child>.row-fluid {gap: 52px;}
  .slick-dots {margin: 20px 0 0;gap: 8px;}
  .slick-dots li button {height: 11px;width: 11px;  }
  .slick-dots li button::before {height: 5px;width: 5px;  }
}
/*=========================*/
/* Blog post */
.blog-post {margin: 0 auto;max-width: 960px;}
.blog-post__meta {  margin-bottom: 1.4rem;}
.blog-post__meta a {  text-decoration: underline;}
.blog-post__timestamp {  display: block;}
.blog-post__tags svg {  height: auto;  margin-right: 0.35rem;  width: 15px;}
.blog-post__tag-link {  font-size: 0.875rem;}
/* Blog related posts */
.blog-related-posts {  background-color: #F8FAFC;}
.blog-related-posts h2 {  text-align: center;}
.blog-related-posts__list {  display: flex;  flex-wrap: wrap;}
.blog-related-posts__post {  flex: 0 0 100%;  padding: 1rem;}

@media screen and (min-width: 768px) {
  .blog-related-posts__post {flex: 0 0 calc(100% / 2);  }
}
@media screen and (min-width: 1000px) {
  .blog-related-posts__post {flex: 0 0 calc(100% / 3);  }
}
.blog-related-posts__image {height: auto;  max-width: 100%;}
.blog-related-posts__title {  margin: 0.7rem 0;}
/* Blog comments */
.blog-comments {  margin: 0 auto;  max-width: 680px;}
.blog-comments .hs-submit {  text-align: center;}
.blog-comments .comment-reply-to {  border: 0 none;}
.blog-comments .comment-reply-to:hover, .blog-comments .comment-reply-to:focus {  background-color: transparent;  text-decoration: underline;}

/*-------- new blog style --------*/
article.blog-post {  display: flex;  align-items: flex-start;  max-width: 100%;  padding-top: 80px;}
article.blog-post > .blog-post-left {  max-width: 18%;  flex: 0 0 100;  padding-right: 30px;}
article.blog-post > .blog-post-body-outer {  max-width: 82%;  flex: 0 0 100%;}
article.blog-post>.blog-post-body-outer .table-of-content {  padding-left: 68px;  padding-bottom: 0;  padding-top: 0;}
h2.toggle {  display: none;}
.toggle-content-outer ol li, .toggle-content-outer ul li {  list-style: none;}
.toggle-content-outer ol {  padding: 0;  margin-bottom: 0;}
.toggle-content-outer ol li:last-child {  margin-bottom: 0;}
.toggle-content-outer ol li a {  font-size: 22px;  line-height: 26px;  font-weight: 600;  color: #4e4e4e;  display: inline-block;  margin-bottom: 35px;  position: relative;  padding-left: 8px;}
.toggle-content-outer ol li a.sm-scroll {  color: #128849;}
.toggle-content-outer ol li a::before {  content: '';  display: block;  position: absolute;  left: 0;  top:0;  width: 2px;  height: 100%;  background-color: transparent;}
.toggle-content-outer ol li a.sm-scroll::before{  background-color: #128849;}
.toggle-content-outer ol li a:hover {  color: #128849;}
.free-ct {  margin-top: 35px;}
.free-ct a {  font-size: 22px;  line-height: 26px;  font-weight: 600;  position: relative;}
.free-ct a::before {  content: '';  display: block;  position: absolute;  height: 12px;  position: absolute;  right: -20px;  top: -2px;  transform: translateX(-50%) rotate(225deg);  transform-origin: 10px 12px;  transition: all .3s;  width: 12px;  border-color: transparent transparent #128849 #128849;  border-style: solid;  border-width: 3px;  bottom: 0px;}
.blog-post__body.table-of-content .key-takeaways-outer {  padding: 60px 70px;  background-color: rgba(18, 136,73, 0.07);  border-radius: 8px;}
.blog-post__body.table-of-content .key-takeaways-outer h3 {  font-size: 35px;  line-height: 42px;  font-weight: 600;  margin-bottom: 38px;}
.blog-post__body.table-of-content .key-takeaways-outer ul {  padding-left: 0px;}
.blog-post__body.table-of-content .key-takeaways-outer ul li {  font-size: 22px;  line-height: 26px;  color: #4e4e4e;  font-weight: 400;  margin-bottom: 30px;  list-style: none;  padding-left: 48px;  position: relative;}
.blog-post__body.table-of-content .key-takeaways-outer ul li::before {  content: '';  display: block;  position: absolute;  width: 24px;  height: 24px;  border: 7px solid #128849;  background-color: transparent;  border-radius: 50%;  left: 0;  top: 2px;}
article.blog-post>.blog-post-body-outer .table-of-content > *:nth-child(2) {  margin-top: 70px;  display: inline-block;  width:100%;}
.blog-post__body.table-of-content {  padding: 70px 0 100px;}
.blog-post__body.table-of-content p {  font-size: 22px;  line-height: 35px;  color: #4e4e4e;  font-weight: 400;}
.blog-post__body.table-of-content p a {  display: inline;  font-weight: 500;}
.blog-post__body.table-of-content p img,
.blog-post__body.table-of-content li img{  vertical-align: bottom;  width: 100%;  object-fit: cover;  border-radius: 4px;  margin: 15px 0;}
.blog-post__body.table-of-content h2 {  font-size: 35px;  line-height: 42px;  margin-bottom: 20px;  font-weight: 600;  color: #4e4e4e;}
.blog-post__body.table-of-content h3 {  font-size: 30px;  line-height: 35px;  margin-bottom: 25px;  font-weight: 600;  color: #4e4e4e;}
.blog-post__body.table-of-content ul, .blog-post__body.table-of-content ol{  padding-left: 0;  position: relative;  margin: 30px 0;}
.blog-post__body.table-of-content ul li, .blog-post__body.table-of-content ol li {  padding-left: 20px;  list-style: none;  position: relative;  font-size: 22px;  line-height: 35px;  font-weight: 400;  color: #4e4e4e;}
.blog-post__body.table-of-content ul li p, .blog-post__body.table-of-content ol li p{  display: inline-block;}
.blog-post__body.table-of-content ul li::before {  content: '';  display: block;  position: absolute;  width: 8px;  height: 8px;  background-color: #128849;  left: 0;  top: 12px;  border-radius: 50%;}
.blog-post__body.table-of-content ol,
.article-source-inner ol {  counter-reset: section;}
.article-source-inner ol {  padding: 0px; }
.article-source-inner ol li {  padding-left: 20px;  list-style: none;  position: relative;  font-size: 16px;  line-height: 25px;  color: #4e4e4e;}
.blog-post__body.table-of-content ol li,
.article-source-inner ol li {  padding-left: 0px !important;  margin-bottom: 12px;}
.blog-post__body.table-of-content ol li::before,
.article-source-inner ol li::before {  counter-increment: section;  content: counter(section) ". ";  left: 0;  position: absolute;  color: #128849;  position: static;  margin: 0 0px 3px 0;}
.article-source-inner p {  font-size: 16px;  font-weight: 400;  line-height: 25px;  color: #4e4e4e;}
/*---- table ----*/
.blog-post__body.table-of-content table {  max-width: 884px;  width: 100%;  border: 1px solid #8b8b8b;  border-radius: 8px;  margin: 50px 0;}
.blog-post__body.table-of-content table tr:nth-child(1) th {  font-size: 18px;  line-height: 21px;  font-weight: 600;  color: #4e4e4e;  padding: 14px 24px;  text-align: left;}
.blog-post__body.table-of-content table tr:nth-child(1) {  background-color: #99d3ad;}
.blog-post__body.table-of-content table tr td{  font-size: 18px;  line-height: 21px;  color: #4e4e4e;  padding: 12px 24px;  vertical-align: middle;}
/*--------------*/
.article-source .top-bar {  display: flex;  justify-content: space-between;  align-items: center;}
.article-source .top-bar .title {  font-size: 35px;  line-height: 42px;  font-weight: 600;  color: #4e4e4e;}
.article-source .top-bar .dropdown-text {  font-size: 22px;  line-height: 26px;  color: #4e4e4e;  position: relative;  padding-right: 40px;  cursor: pointer;}
.article-source .top-bar .dropdown-text::before {  content: '';  display: block;  position: absolute;  width: 15px;  height: 15px;  border: 3px solid;  right: 0;  bottom: 10px;  transform: translateX(-50%) rotate(135deg);  border-color: transparent transparent #128849 #128849;  transform-origin: 10px 12px;  transition: 0.3s all;  top: 5px;}
.article-source .top-bar .dropdown-text.arrow-position-change::before {  transform: translateX(-50%) rotate(-45deg);  transform-origin: 10px 12px;  top: 0;}
.article-source-inner {  padding: 60px 0 20px;}
.article-source-inner ul {  list-style: none;  padding: 0;  padding: 20px 0;}
.article-source-inner ul li {  position: relative;  padding-left: 48px;  margin-bottom: 36px;  font-size: 22px;  line-height: 26px;  color: #128849;  font-weight: 500;}
.article-source-inner ul li::before {  content: '';  display: block;  position: absolute;  width: 24px;  height: 24px;  left: 0;  border: 7px solid #c4c4c4;  border-radius: 50%;  top: 2px;}
.article-source-inner ul li:last-child {  margin-bottom: 0;}
.article-source {  padding: 35px 20px 35px 0px;  border-top: 0.5px solid #707070;  border-bottom: 0.5px solid #707070;  margin-top: 100px;  width: calc(100% - 68px);  margin-left: auto;}
.blog-post-body-outer .integration-faq-new-23, .hs-blog-post article.blog-post .integration-faq-outer{  padding: 175px 0 100px 68px;}
.hs-blog-post article.blog-post .integration-faq-outer{  padding-left:0 !important;}
.blog-post-body-outer .integration-faq-new-23 .accordion-container .set a i, .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a i{  width: 50px;  height: 50px;  right: -100px;  top: -14px;}
.blog-post-body-outer .integration-faq-new-23 .accordion-container .set a i::before,
.hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a i::before{  width: 13px;}
.blog-post-body-outer .integration-faq-new-23 .accordion-container .set a i::after,
.hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a i::after{  height: 13px;}
.blog-post-body-outer .integration-faq-new-23 .integration-title h2,
.section.post-body .integration-title h2{  font-size: 35px;  line-height: 42px;  margin-bottom: 75px;  color: #128849;}
.blog-post-body-outer .integration-faq-new-23 .accordion-container .set a, .section.post-body .accordion-container .set a{  font-size: 22px;  line-height: 26px;}
.blog-post-body-outer .integration-faq-new-23 .accordion-container .content, .section.post-body .accordion-container .content{  padding: 46px 0;}
.blog-post-body-outer .integration-faq-new-23 .accordion-container .content p,
.section.post-body .accordion-container .content p{  font-size: 22px;  line-height: 35px;  max-width: 824px;}
.blog-post-body-outer .integration-faq-new-23 .accordion-container .set a,
.section.post-body .accordion-container .set a{  padding: 0 29px 46px 0;}
.blog-post-body-outer .integration-faq-new-23 .accordion-container .set, .section.post-body .accordion-container .set{  margin-bottom: 46px;}
.body-container--blog-post .content-wrapper,
.section.post-body .page-center{  max-width: 1489px;}
.blog-post__body.table-of-content table tr:first-child th:nth-child(2) {  border-left: 1px solid;  border-right: 1px solid;}

/*----- updates ------*/
.table .free-ct a:after {  border-color: transparent transparent #128849 #128849;  border-style: solid;  border-width: 2px;  content: "";  display: block;  height: 8px;  right: -20px;  top: -2px;  transform: translateX(-50%) rotate(225deg);  transform-origin: 10px 12px;  transition: all .3s;  display: inline-block;  width: 8px;  margin-bottom: 18px;  margin-left: 8px;  display: inline-block;}
.table .free-ct a:before{  display:none;}
.table .free-ct a {  display: inline-block;  line-height: 8px;}
/*--- live updates ----*/
.cta_button.simple-link-cta{  border:0;}
.blog-post-body-outer .cta_button.blog-copy-cta {  border-radius: 0px !important;  text-align: left !important;  padding: 68px 44px 87px !important;  background-color: #128849 !important;  display: inline-block;}
.blog-post-body-outer .cta_button.blog-copy-cta .cta-heading {  font-size: 43px !important;  line-height: 52px !important;  color: #FFFFFF !important;  margin: 0px 0px 20px !important;}
.blog-post-body-outer .cta_button.blog-copy-cta .cta-content {  padding: 0px !important;  box-shadow: none !important;  border-radius: 0px;  background-color: transparent;  text-align: left;}
.blog-post-body-outer .cta_button.blog-copy-cta span.cta-text {  font-weight: 500;  font-size: 22px;  line-height: 27px;  color: #FFFFFF !important;  text-align: left;}
.blog-post-body-outer .cta_button.blog-copy-cta .cta-content .cta_button {  font-weight: 600 !important;  font-size: 22px !important;  line-height: 27px;  color: #FFFFFF;  padding: 0 !important;  margin-top: 20px !important;  background-color: transparent !important;}

/*----- faq-module-style -----*/
.hs-blog-post article.blog-post .integration-faq-outer{  padding: 175px 0 100px;}
.section.post-body .page-center{  max-width: 1489px;}
.section.post-body .integration-title{  max-width: 1000px;}
.hs-blog-post article.blog-post .integration-faq-outer .integration-title h2{  color: #1c1c1c;  font-size: 55px;  line-height: 66px;  margin-bottom: 70px;}
.hs-blog-post article.blog-post .integration-faq-outer .accordion-container{  padding: 30px 0;  max-width: 1000px;}
.hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a{  padding: 0px 29px 76px 0px;  font-size: 35px;  line-height: 42px;  color: #4e4e4e;  font-weight: 600;  display: flex;  justify-content: space-between;  align-items: center;  border: 0;}
.hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set{  background: #FFFFFF;  border-radius: 0;  margin-bottom: 76px;  border-bottom: 2px solid #ebebeb;}
.hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a i{  font-size: 22px;  margin: 0;  font-weight: 400;  font-size: 40px;  line-height: 39px;  display: flex;  align-items: center;  justify-content: center;  width: 102px;  height: 102px;  border-radius: 50%;  background-color: #128849;  color: #fff;  position: absolute;  right: -160px;  top: -18px;}
.hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a.active{
  background-color: transparent;  padding-bottom:0;}
.hs-blog-post article.blog-post .integration-faq-outer .accordion-container .content p{  font-weight: 400;  font-size: 24px;  line-height: 45px;  padding: 0;  border: 0;  max-width: 788px;  color: #767676;}
.hs-blog-post article.blog-post .integration-faq-outer .accordion-container .content{  border: 0;  padding: 41px 0 42px 0;}
.hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set:last-child{  margin-bottom: 0;}
.hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a i::before, .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a i::after{  content: "";  display: inline-block;  width: 19px;  height: 3px;  background-color: #fff;  position: absolute;}
.hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a i::after{  width: 3px;  height: 18px;  transition: all 0.3s;}
.hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a.active i::after{  transform: rotate(90deg);  opacity: 0;}
.hs-blog-post article.blog-post .integration-faq-outer .mobile-text{  display: none;}
.toggle-content-outer > ol ol {  padding-left: 12px;}
.toggle-content-outer > ol ol li a{  font-size: 14px;  line-height: 20px;  font-weight: 500;}
span#hs_cos_wrapper_added_sub_heading {  display: none;}
.hs-blog-post .article-source-inner {  padding: 40px 0 20px;}
.hs-blog-post .blog-post__body.table-of-content ol li:last-child, .hs-blog-post .blog-post__body.table-of-content ul li:last-child {  margin-bottom: 0;}
.hs-blog-post .blog-post__body.table-of-content ul li:last-child p:last-child {  margin-bottom: 0;}
.hs-blog-post .blog-post__body.table-of-content ol, .blog-post__body.table-of-content ul {  margin: 0 0 20px;}

/*------ desktop-table-scroll ------*/
.compare-table-outer.desktop-scroll {  overflow-x: auto;  white-space: nowrap;  margin-bottom: 20px;}
.blog-post__body.table-of-content .desktop-scroll table tr:first-child th {  border-left: 1px solid #0f2113;}
.blog-post__body.table-of-content .desktop-scroll table tr:first-child th:first-child {  border-left: 0;}
/*--- blog-narration ---*/
.inner-audio-wrap {  margin-bottom: 20px;  border: 1px solid #ccc;  padding: 20px;}
/*---- blog details changes -----*/
body.new-blog-2023 .blog-detail__2024 .blog-post-body-outer {  max-width: calc(100% - 216px - 40px);}
body.new-blog-2023 .blog-detail__2024 .blog-post__body.table-of-content p img {  width: 100% !important;}
.blog-detail__2024 .b-author2023-outter {  max-width: 980px;  margin: 80px auto 0;}
.blog-detail__2024 .b-author2023-outter .inner-heading h2, .blog-detail__2024 .b-author2023-outter .inner-heading p {  color: #3c3c3c;  font-size: 20px !important;  font-style: normal;  font-weight: 600;  letter-spacing: -.5px;  line-height: 28px !important;  margin-bottom: 16px;}
.blog-detail__2024 .b-author2023-inner .inner-image-name-wrap {  display: flex;  align-items: center;  gap: 12px;  margin-bottom: 16px;}
body.new-blog-2023 .blog-detail__2024 .b-author2023-inner .inner-image-name-wrap::before {  display: none !important;}
.blog-detail__2024 .b-author2023-inner .inner-image-name-wrap .img a {  display: inline-block;}
.blog-detail__2024 .b-author2023-inner .inner-image-name-wrap img {  height: 48px;  width: 48px;  border-radius: 50%;  vertical-align: bottom;  object-fit: cover;}
.blog-detail__2024 .b-author2023-inner .inner-image-name-wrap .author-name a,
.blog-detail__2024 .b-author2023-inner .inner-image-name-wrap .author-name p{  font-family: Inter;  font-size: 16px;  font-style: normal;  font-weight: 500;  line-height: 24px;  color: #1c1c1c;}
.blog-detail__2024 .b-author2023-outter .bio p {  font-size: 14px;  font-weight: 400;  line-height: 24px;  letter-spacing: 0.25px;}
body.new-blog-2023 .blog-detail__2024 .blog-post__body.table-of-content p:last-child {  margin-bottom: 0;}
body.new-blog-2023 .blog-detail__2024 .related-posts-outter>.content-wrapper {  max-width: 1200px !important;}
body.new-blog-2023 .auther-review-2024 .author-wrapper > a {  padding: 0;  position: static !important;  display: inline-block;  width: 100%;}
body.new-blog-2023 .auther-review-2024 .author-wrapper > a::before {  display: none !important;}
/*--- sidebar btn ----*/
body.new-blog-2023 .blog-detail__2024 article.blog-post>.blog-post-left .table .free-ct a {  width: 100%;  padding: 13.2px 16px;  text-align: center;  line-height: 1;  font-size: 14px;  font-style: normal;  font-weight: 600;  letter-spacing: .5px;  background-color: #128849;  color: #fff;  border-radius: 8px;}
body.new-blog-2023 .blog-detail__2024 article.blog-post>.blog-post-left .table .free-ct a:hover {  background-color: #24a95f;}
body.new-blog-2023 .blog-detail__2024 .blog-post__body.table-of-content p,
body.new-blog-2023 .blog-detail__2024 .blog-post__body.table-of-content ol li, 
body.new-blog-2023 .blog-detail__2024 .blog-post__body.table-of-content ul li{  font-size: 18px;  line-height: 32px;  font-weight: 400 !important;}
.blog-detail__2024 .b-author2023-inner .inner-image-name-wrap .autor-title p {  color: #979797;  font-size: 12px;  font-weight: 400;  line-height: 16px;  letter-spacing: 0.4px;}

/*--- updated blog detail design ----*/
.blog-detail__2024 article.blog-post {  padding-top: 48px;  max-width: 980px;}
body.new-blog-2023 .blog-detail__2024 .blog-post-body-outer {  max-width: calc(100% - 280px - 60px);}
body.new-blog-2023 .blog-detail__2024 article.blog-post>.blog-post-left {  max-width: 280px;  padding-right: 10px;  padding-bottom: 130px;}
body.new-blog-2023 .blog-detail__2024 article.blog-post>.blog-post-left .head {  padding: 0;}
body.new-blog-2023 .blog-detail__2024 article.blog-post>.blog-post-left .table ul {  padding-left: 0;}
body.new-blog-2023 .blog-detail__2024 .blog-post__body.table-of-content p a{  margin-bottom: 0;}
body.new-blog-2023 .blog-detail__2024 .blog-post__body.table-of-content h3 {  font-size: 24px;  line-height: 32px;}
body.new-blog-2023 .blog-detail__2024 .blog-post-body-outer .integration-faq-new-23 .accordion-container .content p, 
body.new-blog-2023 .hs-blog-post .blog-detail__2024 article.blog-post .integration-faq-outer .accordion-container .content p {  font-size: 18px !important;  line-height: 32px;}
body.new-blog-2023 .blog-detail__2024 .blog-post__body.table-of-content .key-takeaways-outer ul li {  font-size: 16px;  line-height: 28px;}
.blog-detail__2024 .b-author2023-inner .social {  margin-top: 16px;}
.blog-detail__2024 .b-author2023-inner .social a {  display: inline-flex;}
.blog-detail__2024 .b-author2023-outter.auther-review-2024 {  margin-top: 38px;}
body.new-blog-2023 .blog-detail__2024 .social-share-outter {  padding: 40px 0;  text-align: center;  max-width: 980px;  margin: 0 auto;}
body.new-blog-2023 .blog-detail__2024 .social-share-outter .share-wrapper {  justify-content: center;}
body.new-blog-2023 .blog-detail__2024 .social-share-outter .share-wrapper > * {  display: inline-flex;  align-items: center;  justify-content: center;}
body.new-blog-2023 .related-posts-outter {  padding: 20px 0 40px;}
body.new-blog-2023 .blog-detail__2024 .related-posts-outter>.content-wrapper {  max-width: 980px !important;}
body.new-blog-2023 .blog-detail__2024 article.blog-post>.blog-post-left .table li a {  display: inline-block;  padding: 0;  margin: 0;}
body.new-blog-2023 .blog-detail__2024 article.blog-post>.blog-post-left .table li a.sm-scroll {  padding: 8px;}
body.new-blog-2023 .blog-detail__2024 article.blog-post>.blog-post-left .table ul > li > a {  margin-bottom: 16px;}
body.new-blog-2023 .blog-detail__2024 article.blog-post>.blog-post-left .table ul ul {  padding-left: 8px;}
.blog-detail__2024 .blog-post-banner-2024 .updated-time-mobile span.date {  display: inline-block;  padding-right: 15px;  position: relative;}
.blog-detail__2024 .blog-post-banner-2024 .updated-time-mobile span.date::before {  content: "";  display: block;  position: absolute;  right: 1px;  top: 50%;  transform: translateY(-50%);  width: 5px;  height: 5px;  background-color: #3c3c3c;  border-radius: 50%;}

/*-------- responsive ---------*/

/* @media(max-width: 1800px){ */
article.blog-post {  padding-top: 60px;}
.body-container--blog-post .content-wrapper {  max-width: 1200px !important;}
.toggle-content-outer ol li a {  font-size: 20px;  line-height: 24px;  margin-bottom: 30px;}
.free-ct a {  font-size: 20px;  line-height: 24px;}
.free-ct a:before {  width: 10px;  height: 10px;  border-width: 2px;  top: -7px;  right: -18px;}
.free-ct {  margin-top: 30px;}
.blog-post__body.table-of-content .key-takeaways-outer {  padding: 50px 60px;}
.blog-post__body.table-of-content .key-takeaways-outer h3 {  font-size: 30px;  line-height: 36px;  margin-bottom: 35px;}
.blog-post__body.table-of-content .key-takeaways-outer ul li {  font-size: 20px;  line-height: 24px;  margin-bottom: 25px;}
.blog-post__body.table-of-content .key-takeaways-outer ul li:before {  width: 20px;  height: 20px;  border-width: 6px;}
.blog-post__body.table-of-content .key-takeaways-outer ul li:last-child {  margin-bottom: 0;}
article.blog-post>.blog-post-body-outer .table-of-content>:nth-child(2) {  margin-top: 0px;}
.blog-post__body.table-of-content p {  font-size: 20px;  line-height: 30px;}
.blog-post__body.table-of-content h2 {  font-size: 30px;  line-height: 36px;}
.blog-post__body.table-of-content h3 {  font-size: 26px;  line-height: 32px;  margin-bottom: 20px;}
.blog-post__body.table-of-content ol, .blog-post__body.table-of-content ul {  margin: 25px 0;}
.blog-post__body.table-of-content ol li, 
.blog-post__body.table-of-content ul li {  font-size: 20px;  line-height: 35px;}
.article-source {  margin-top: 80px;}
.article-source .top-bar .title {  font-size: 30px;  line-height: 40px;}
.article-source .top-bar .dropdown-text {  font-size: 20px;  line-height: 24px;  padding-right: 35px;}
.article-source .top-bar .dropdown-text:before {  border-width: 2px;  width: 12px;  height: 12px;  right: -8px;  top:0;}
.article-source {  padding: 30px 20px 30px 0;}
.article-source .top-bar .dropdown-text.arrow-position-change::before {  right: -18px;  top: -4px;}
.article-source-inner ul li {  font-size: 20px;  line-height: 24px;  margin-bottom: 30px;}
.article-source-inner ul li::before {  width: 20px;  height: 20px;  border-width: 6px;}
.article-source-inner ul {  margin-bottom: 0;}
.blog-post-body-outer .integration-faq-new-23, .hs-blog-post article.blog-post .integration-faq-outer{  padding: 150px 0 80px 68px;}
.blog-post-body-outer .integration-faq-new-23 > .content-wrapper {  padding: 0;}
/*---- faq module -----*/
.hs-blog-post article.blog-post .integration-faq-outer .accordion-container{  max-width: 72%;}
.hs-blog-post article.blog-post .integration-faq-outer .page-center{  max-width: 1130px;}
.hs-blog-post article.blog-post .integration-faq-outer{  padding: 120px 0;}
.hs-blog-post article.blog-post .integration-faq-outer .integration-title h2{  font-size: 42px;  line-height: 48px;  margin-bottom: 30px;  font-weight: 500;}
.hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a{  font-size: 27px;  padding-bottom: 60px;  font-weight: 500;}
.hs-blog-post article.blog-post .integration-faq-outer .accordion-container .content p{  font-size: 19.5px;  line-height: 36px;  max-width: 650px;}
.hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set{  margin-bottom: 60px;}
.hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a i{  width: 60px;  height: 60px;}
.hs-blog-post article.blog-post .integration-faq-outer .accordion-container .content{  padding: 22px 0 32px;}
/*---------------------*/
/* } */
/* @media(max-width: 1600px){ */
.free-ct a, .toggle-content-outer ol li a {  font-size: 15px;  line-height: 24px;  margin-bottom: 15px;  word-break: break-word;}
article.blog-post>.blog-post-body-outer {  max-width: 60%;  border-left: 0.5px solid #707070;}
.blog-post__body.table-of-content .key-takeaways-outer h3 {  font-size: 26px;  line-height: 30px;  margin-bottom: 30px;  font-weight: 500;}
.blog-post__body.table-of-content .key-takeaways-outer ul li {  font-size: 16px;  line-height: 24px;  margin-bottom: 20px;  padding-left: 35px;  font-weight: 500;}
.blog-post__body.table-of-content .key-takeaways-outer ul li:before {  height: 18px;  width: 18px;  border-width: 5px;  margin-bottom: 0;  top: 5px;}
.blog-post__body.table-of-content .key-takeaways-outer {  padding: 40px 50px;  margin-bottom: 60px;}
.blog-post__body.table-of-content p {  font-size: 16px;  line-height: 25px;}
.body-wrapper.hs-blog-post {  overflow: unset;}
article.blog-post>.blog-post-left {  max-width: 17%;  position: sticky;  top: 90px;  padding-bottom: 110px;  max-height: 100vh;  overflow-y: auto;}
.blog-post__body.table-of-content h2 {  font-size: 26px;  line-height: 30px;  margin-bottom: 10px;  font-weight: 500;}
.blog-post__body.table-of-content h3 {  font-size: 22px;  line-height: 30px;  margin-bottom: 15px;  font-weight: 500;}
.blog-post__body.table-of-content ol, .blog-post__body.table-of-content ul {  margin: 20px 0;}
.blog-post__body.table-of-content ol li, .blog-post__body.table-of-content ul li {  font-size: 16px;  line-height: 26px;  padding-left: 20px;}
.blog-post__body.table-of-content ul li:before {  height: 6px;  width: 6px;  top: 10px;}
.blog-post__body.table-of-content table {  margin: 30px 0;}
.article-source {  margin-top: 70px;  width: calc(100% - 50px);}
.hs-blog-post article.blog-post .article-source {  margin-top: 30px;  width: calc(100% - 0px);}
.article-source .top-bar .title {  font-size: 26px;  line-height: 34px;  font-weight: 500;}
article.blog-post>.blog-post-body-outer .table-of-content {  padding-left: 50px;}
.article-source .top-bar .dropdown-text {  font-size: 17px;  line-height: 22px;  padding-right: 15px;}
.article-source-inner ul li {  font-size: 16px;  line-height: 24px;  margin-bottom: 20px;  padding-left: 35px;  font-weight: 400;}
.article-source-inner ul li::before {  width: 18px;  height: 18px;  border-width: 5px;}
.article-source-inner ul {  padding-bottom: 0;  padding-top: 0;}
.article-source-inner {  padding-bottom: 0;}
.blog-post-body-outer .integration-faq-new-23, .hs-blog-post article.blog-post .integration-faq-outer{  padding: 80px 0 60px 50px;}
.hs-blog-post article.blog-post .integration-faq-outer{  padding: 40px 0 0px 50px;}
.blog-post-body-outer .integration-faq-new-23 .integration-title h2, .hs-blog-post article.blog-post .integration-faq-outer .integration-title h2{  font-size: 32px;  line-height: 40px;  margin-bottom: 20px;}
.blog-post-body-outer .integration-faq-new-23 .accordion-container .content p, .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .content p{  font-size: 16px !important;  line-height: 24px;}
.hs-blog-post article.blog-post .integration-faq-outer .accordion-container .content p a,
.blog-post-body-outer .integration-faq-new-23 .accordion-container .content p a{  display: inline-block;  padding: 0;  font-size: 16px;  color: #128849;  font-weight: 500;  text-decoration: none;}
.hs-blog-post article.blog-post .integration-faq-outer .accordion-container .content p span {  color: #767676 !important;}
.blog-post-body-outer .integration-faq-new-23 .accordion-container .set a, .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a{  font-size: 20px;  line-height: 24px;}
.blog-post-body-outer .integration-faq-new-23 .accordion-container .set, .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set{  margin-bottom: 30px;}
.blog-post-body-outer .integration-faq-new-23 .accordion-container .set a, .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a{  padding: 0 29px 30px 0;}
.blog-post-body-outer .integration-faq-new-23 .accordion-container .content, .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .content{  padding: 30px 0;}
.blog-post-body-outer .integration-faq-new-23 .accordion-container .set a i:before, .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a i:before{  width: 12px;  height: 2px;}
.blog-post-body-outer .integration-faq-new-23 .accordion-container .set a i:after, .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a i:after{  height: 12px;  width: 2px;}
.blog-post__body.table-of-content table tr:first-child th {  font-size: 14px;  line-height: 20px;  font-weight: 500;  border:0;}
.blog-post__body.table-of-content table tr td{  font-size: 14px;  line-height: 20px;  font-weight: 300;  vertical-align: middle;}
.blog-post-body-outer .integration-faq-new-23 .accordion-container, .hs-blog-post article.blog-post .integration-faq-outer .accordion-container{  max-width: 100%;}
.free-ct a:before {  top: -11px;  height: 9px;  width: 9px;  right: -14px;}
/*------ faq module ------*/
.hs-blog-post article.blog-post .integration-faq-outer .accordion-container .content p{  font-size: 18px;  line-height: 32px;}
/*--------------------*/
/* } */

@media(max-width: 1199px){
  article.blog-post>.blog-post-left {    max-width: 30%;    padding-right: 20px;  }
  article.blog-post>.blog-post-body-outer {    max-width: 70%;  }
  article.blog-post>.blog-post-body-outer .table-of-content {    padding-left: 40px;  }
  .blog-post__body.table-of-content .key-takeaways-outer {    padding: 40px;  }
  .article-source {    width: calc(100% - 40px);  }
  .blog-post-body-outer .integration-faq-new-23,  .hs-blog-post article.blog-post .integration-faq-outer{    padding: 100px 0 40px 40px;  }
  .blog-post-body-outer .integration-faq-new-23 .accordion-container .set a,
  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a{    font-size: 20px;    line-height: 24px;  }
  .blog-post-body-outer .integration-faq-new-23 .accordion-container .content p,  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .content p{    font-size: 20px;    line-height: 30px;  }
  .blog-post-body-outer .integration-faq-new-23 .accordion-container .content,  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .content{    padding: 32px 0;  }
  .blog-post-body-outer .integration-faq-new-23 .accordion-container .set a,  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a{    padding-bottom: 32px;  }
  .blog-post-body-outer .integration-faq-new-23 .accordion-container .set,  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set{    margin-bottom: 32px;  }
  .blog-post-body-outer .integration-faq-new-23 .accordion-container .set a.active,  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a.active{    padding-bottom: 0;  }
  .blog-post-body-outer .integration-faq-new-23 .accordion-container .set a i::before,  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a i::before{    width: 12px;    height: 2px;  }
  .blog-post-body-outer .integration-faq-new-23 .accordion-container .set a i::after,  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a i::after{    height: 12px;    width: 2px;  }
  .blog-post-body-outer .integration-faq-new-23 .accordion-container,  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container{    padding: 30px 0;  }
  /*----- faq module ------*/
  .hs-blog-post article.blog-post .integration-faq-outer{    padding: 40px 0 0;  }
  .hs-blog-post article.blog-post .integration-faq-outer .integration-title h2{    font-size: 42px;    line-height: 56px;  }
  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a{    font-size: 24px;    line-height: 36px;    padding-bottom: 40px;  }
  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .content p{    font-size: 20px;    line-height: 30px;  }
  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a i{    width: 60px;    height: 60px;    top: -15px;    right:0;  }
  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set{    margin-bottom: 40px;  }
  /*--- bl0g-detail changes ----*/
  .blog-detail__2024 .b-author2023-outter {    margin-top: 60px;  }
}

@media(max-width: 991px){
  article.blog-post {    flex-wrap: wrap;    padding-top: 50px;  }
  article.blog-post>.blog-post-left {    max-width: 100%;    padding-right: 0;    margin-bottom: 40px;    position: static;    padding-bottom: 0;    max-height: unset;    overflow-y: hidden;    display: none;  }
  article.blog-post>.blog-post-body-outer {    max-width: 100%;    border:0;  }
  article.blog-post>.blog-post-body-outer .table-of-content {    padding-left: 0;    border-left: 0;  }
  .blog-post__body.table-of-content .key-takeaways-outer ul li {    font-size: 18px;    line-height: 24px;  }
  .blog-post__body.table-of-content p {    font-size: 18px;    line-height: 30px;  }
  .blog-post__body.table-of-content h3 {    font-size: 24px;    line-height: 30px;  }
  .blog-post__body.table-of-content ol li, 
  .blog-post__body.table-of-content ul li {    font-size: 18px;    line-height: 34px;  }
  .blog-post__body.table-of-content table {    margin: 40px 0;  }
  .article-source {    width: 100%;    margin-top: 50px;  }
  .article-source .top-bar .title {    font-size: 28px;    line-height: 36px;  }
  .article-source .top-bar .dropdown-text {    font-size: 18px;    line-height: 22px;    padding-right: 30px;  }
  .article-source .top-bar .dropdown-text:before {    width: 10px;    height: 10px;    top: 0px;  }
  .article-source .top-bar .dropdown-text.arrow-position-change::before {    top: -4px;  }
  .article-source-inner {    padding: 40px 0 20px;  }
  .article-source-inner ul li {    font-size: 18px;    line-height: 22px;    margin-bottom: 20px;  }
  .article-source-inner ul li::before {    top: 0;  }
  .blog-post-body-outer .integration-faq-new-23,
  .hs-blog-post article.blog-post .integration-faq-outer{    padding: 60px 0 30px;  }
  .blog-post-body-outer .integration-faq-new-23 .integration-title h2,
  .hs-blog-post article.blog-post .integration-faq-outer .integration-title h2{    font-size: 30px;    line-height: 36px;    margin-bottom: 40px;  }
  .blog-post-body-outer .integration-faq-new-23 .accordion-container .content p,
  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .content p{    font-size: 18px;    line-height: 26px;  }
  /*---- new blog detail changes -----*/
  body.new-blog-2023 .blog-detail__2024 .blog-post-body-outer {    max-width: 100%;  }
  .blog-detail__2024 .b-author2023-outter {    margin-top: 40px;    padding-left: 20px;    padding-right: 20px;  }
  body.new-blog-2023 .blog-detail__2024 .related-posts-outter {    padding-top: 50px;  }
  body.new-blog-2023 .blog-detail__2024 .social-share-outter {    padding-left: 20px;    padding-right: 20px;  }
  body.new-blog-2023 .blog-detail__2024 article.blog-post {    padding-bottom: 0;  }
}

@media(max-width: 767px){
  .body-container--blog-post .content-wrapper {    padding: 0 24px;  }
  article.blog-post>.blog-post-left {    max-width: 100%;    padding-right: 0;    margin-bottom: 50px;    display: none;  }
  article.blog-post>.blog-post-body-outer {    max-width: 100%;  }
  article.blog-post {    flex-wrap: wrap;    padding-top: 30px;  }
  .toggle-content-outer ol li a {    font-size: 18px;    line-height: 21px;    margin-bottom: 25px;  }
  .free-ct {    margin-top: 25px;  }
  .free-ct a {    font-size: 18px;    line-height: 21px;  }
  .free-ct a:before {    border-width: 2px;    height: 8px;    width: 8px;    top: -10px;    bottom: auto;    right: -12px;  }
  article.blog-post>.blog-post-body-outer .table-of-content {    border: 0;    padding-left: 0;  }
  .blog-post__body.table-of-content .key-takeaways-outer {    padding: 38px 25px;    margin-bottom: 45px;  }
  .blog-post__body.table-of-content .key-takeaways-outer h3 {    font-size: 24px;    line-height: 29px;    margin-bottom: 36px;  }
  .blog-post__body.table-of-content .key-takeaways-outer ul li {    font-size: 17px;    line-height: 24px;    margin-bottom: 15px;    font-weight: 500;    padding-left: 50px;  }
  .blog-post__body.table-of-content .key-takeaways-outer ul li:before {    width: 20px;    height: 20px;    border: 5px solid #128849;    top: 3px;  }
  .blog-post__body.table-of-content .key-takeaways-outer ul li:last-child {    margin-bottom: 0;  }
  .blog-post__body.table-of-content .key-takeaways-outer ul {    margin-bottom: 0;  }
  .blog-post__body.table-of-content p {    font-size: 16px;    line-height: 25px;  }
  .blog-post__body.table-of-content p img,  .blog-post__body.table-of-content li img{    max-height: 200px;  }
  .blog-post__body.table-of-content h2 {    font-size: 22px !important;    line-height: 26px !important;    margin-bottom: 25px;  }
  .blog-post__body.table-of-content h3 {    font-size: 18px;    line-height: 25px;    margin-bottom: 20px;  }
  .blog-post__body.table-of-content ol li,   .blog-post__body.table-of-content ul li {    font-size: 16px;    line-height: 25px;  }
  .blog-post__body.table-of-content ul li{    padding-left: 0;    margin-bottom: 12px;  }
  .blog-post__body.table-of-content ol,   .blog-post__body.table-of-content ul {    margin: 20px 0;  }
  .blog-post__body.table-of-content ul li p,  .blog-post__body.table-of-content ol li p{    display:inline;  }
  .blog-post__body.table-of-content ul li:before {    width: 5px;    height: 5px;    top: 8px;    position: static;    display: inline-block;    margin: 0 8px 3px 0;  }
  .blog-post__body.table-of-content table {    margin: 30px 0;  }
  .blog-post__body.table-of-content table tr:first-child th {    font-size: 16px;    line-height: 20px;    padding: 16px 18px;    border: 0;  }
  .blog-post__body.table-of-content table tr td{    font-size: 16px;    line-height: 20px;    padding: 7px 18px;    vertical-align: middle;  }
  .article-source {    margin-top: 50px;    width: 100%;    padding: 24px 0px 24px 0;  }
  .article-source .top-bar .title {    font-size: 18px;    line-height: 21px;  }
  .article-source .top-bar .dropdown-text {    font-size: 10px;    line-height: 12px;    padding-right: 28px;  }
  .article-source .top-bar .dropdown-text:before {    border-width: 2px;    height: 9px;    width: 9px;    top: -3px;    right: 14px;  }
  .blog-post-body-outer .integration-faq-new-23,
  .hs-blog-post article.blog-postn .integration-faq-outer{    padding: 60px 0 30px;  }
  .blog-post-body-outer .integration-faq-new-23 > .content-wrapper,
  .hs-blog-post article.blog-post .integration-faq-outer .page-center{    padding: 0;  }
  .blog-post-body-outer .integration-faq-new-23 .integration-title h4,
  .hs-blog-post article.blog-post .integration-faq-outer .integration-title h4{    font-size: 22px;    line-height: 26px;    margin-bottom: 30px;    font-weight:500;  }
  .blog-post-body-outer .integration-faq-new-23 .accordion-container .set a,
  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a{    font-size: 16px;    line-height: 28px;    max-width: 300px;    padding-bottom: 28px;  }
  .blog-post-body-outer .integration-faq-new-23 .accordion-container .content,  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .content{    padding: 28px 0;  }
  .blog-post-body-outer .integration-faq-new-23 .accordion-container .content p,  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .content p{    font-size: 16px;    line-height: 25px;    padding: 0;  }
  .blog-post-body-outer .integration-faq-new-23 .accordion-container .set,  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set{    margin-bottom: 28px;  }
  .blog-post-body-outer .integration-faq-new-23 .accordion-container .set a.active,  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a.active{    padding-bottom: 0;  }
  .article-source-inner {    padding: 30px 0 20px;  }
  .article-source-inner ul li {    font-size: 18px;    line-height: 24px;    margin-bottom: 15px;  }
  .article-source-inner ul li:before {    border: 5px solid;    width: 20px;    height: 20px;    top: 2px;  }
  .article-source-inner ul {    margin-bottom: 0;  }
  .article-source .top-bar .dropdown-text.arrow-position-change::before {    right: -14px;    top: -7px;  }
  .blog-post-body-outer .integration-faq-new-23 .accordion-container .set a i,  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a i{    right: 0;    width: 30px;    height: 30px;    top: 0;  }
  .blog-post-body-outer .integration-faq-new-23 .accordion-container .set a i::before,  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a i::before{    width: 10px;  }
  .blog-post-body-outer .integration-faq-new-23 .accordion-container .set a i::after,  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a i::after{    height: 10px;  }
  /*---- updates -----*/
  .table .free-ct a:after {    margin-bottom: 19px;  }
  /*----- faq module -------*/
  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container{    max-width: 100%;  }
  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a i{    right: 0;  }
  /*-------*/
  .hs-blog-post article.blog-post .integration-faq-outer{    padding: 50px 0 30px;  }
  .hs-blog-post article.blog-post .integration-faq-outer .page-center{    padding: 0;  }
  .hs-blog-post article.blog-post .integration-faq-outer .integration-title h4{    font-size: 22px !important;    line-height: 26px !important;    color: #128849;    margin-bottom: 29px;    font-weight:500;  }
  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a{    font-size: 16px;    line-height: 22px;    padding-bottom: 28.76px;    max-width: 85%;    font-weight: 600;  }
  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a i{    width: 33px;    height: 33px;    top: -4px;  }
  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a i::before{    width: 10px;    height: 2px;  }
  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a i::after{    width: 2px;    height: 10px;  }
  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set{    margin-bottom: 28.76px;  }
  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .content p{    font-size: 16px;    line-height: 25px;    max-width: 85%;    color: #767676;    padding: 20px 0 40px 0;  }
  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container{    padding: 20px 0;  }
  .hs-blog-post article.blog-post .integration-faq-outer .mobile-text{    display: block;  }
  .hs-blog-post article.blog-post .integration-faq-outer .deskttop-text{    display: none;  }
  .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .content{    padding: 0;  }
  /*------------------------*/
  /*----- cta -------*/
  .blog-post-body-outer .cta_button.blog-copy-cta {    border-radius: 0;    padding: 20px 16px !important;    margin: 60px -16px 20px!important;    margin-left: 0 !important;    margin-right: 0 !important;  }
  .blog-post-body-outer .cta_button.blog-copy-cta .cta-heading {    font-size: 30px !important;    line-height: 34px !important;  }
  .blog-post-body-outer .cta_button.blog-copy-cta .cta-content .cta_button {    font-size: 18px !important;    line-height: 24px !important;  }
  /*--- blog narration ----*/
  .inner-audio-wrap {    padding: 10px;  }
  /*---- blog-detail changes ----*/
  .blog-detail__2024 .b-author2023-outter .inner-heading h2, .blog-detail__2024 .b-author2023-outter .inner-heading p {    color: #1c1c1c;  }
  .blog-detail__2024 .b-author2023-outter {    margin-top: 20px;  }
  body.new-blog-2023 .blog-detail__2024 .blog-post__body.table-of-content p,  body.new-blog-2023 .blog-detail__2024 .blog-post__body.table-of-content ol li,   body.new-blog-2023 .blog-detail__2024 .blog-post__body.table-of-content ul li{    font-size: 16px;  }
  /*--- updated blog detail-page ----*/
  body.new-blog-2023 .blog-detail__2024 .related-posts-outter {    padding-top: 20px;  }
  .blog-detail__2024 .blog-post-banner-2024 .breadcrum {    margin-bottom: 15px;  }
}
@media(max-width:480px){
  .compare-table-outer {    overflow-x: auto;    white-space: nowrap;    margin-bottom: 20px;  }
  .compare-table-inner {    overflow-x: auto;  }
}

/*---------- new blog 2023 --------------*/
/*----- blog-header ------*/
body.new-blog-2023 .header-container-wrapper .new-header-2023 > .page-center {  margin: 0 auto;}
body.new-blog-2023 .eatapp-header-global-sec.new-header-2023 .mneu-main-header.desktop-menu .eat-app-menu-section > ul {  margin: 0;}
body.new-blog-2023 .eatapp-header-global-sec.new-header-2023 .eat-app-logo img {  height: auto;}
body.new-blog-2023 .eatapp-header-global-sec.new-header-2023 a.cta_button {  border: 0;}
body.new-blog-2023 .eat-app-menu-section ul {  padding-left: 0;}
body.new-blog-2023 .eatapp-header-global-sec.new-header-2023 .menu-video-sec h4 {  color: #111;}
body.new-blog-2023 .hs-blog-post .b-post23-outter .mid p#hubspot-topic_data {  margin-bottom: 10px;}

/*------- body-content -------*/
body.new-blog-2023 article.blog-post {  justify-content: space-between;}
body.new-blog-2023 .blog-post-body-outer {  max-width: 580px;  border-left: 0;}
body.new-blog-2023 .blog-post__body.table-of-content h2 {  font-size: 32px;  font-style: normal;  font-weight: 600;  line-height: 48px;  letter-spacing: -0.5px;  color: #3c3c3c;  margin-bottom: 20px;}
body.new-blog-2023 .blog-post__body.table-of-content h1 {  font-weight: 800;  line-height: 64px;  letter-spacing: -0.5px;  font-size: 40px;  color: #1c1c1c;}
body.new-blog-2023 .blog-post__body.table-of-content h4 {  font-size: 20px;  font-weight: 600;  line-height: 28px;  letter-spacing: -0.5px;  color: #3c3c3c;}
body.new-blog-2023 .blog-post__body.table-of-content h5 {  font-size: 16px;  font-weight: 500;  line-height: 24px;  color: #1c1c1c;}
body.new-blog-2023 .blog-post__body.table-of-content p {  font-size: 16px;  font-style: normal;  font-weight: 500 !important;  line-height: 28px;  color: #3c3c3c;  margin-bottom: 20px;}
body.new-blog-2023 .blog-post__body.table-of-content p a {  font-weight: 600 !important;}
body.new-blog-2023 .blog-post__body.table-of-content p a:hover {  color: #128849;}
body.new-blog-2023 .blog-post__body.table-of-content ul li, body.new-blog-2023 .blog-post__body.table-of-content ol li{  font-size: 16px;  font-style: normal;  font-weight: 500;  line-height: 28px;  color: #3C3C3C;  padding-left: 20px;}
body.new-blog-2023 .blog-post__body.table-of-content ul li::before, body.new-blog-2023 .blog-post__body.table-of-content ol li::before{  background-color: #3c3c3c;  left: 6px;  width: 5px;  height: 5px;  top: 12px;}
body.new-blog-2023 .blog-post__body.table-of-content ol li::before {  background-color: transparent;  color: #3c3c3c;}
body.new-blog-2023 .blog-post__body.table-of-content ul, body.new-blog-2023 .blog-post__body.table-of-content ol{  padding-left: 24px;  position: relative;  margin-bottom: 32px;}
body.new-blog-2023 .blog-post__body.table-of-content ul::before, body.new-blog-2023 .blog-post__body.table-of-content ol::before{  content: '';  display: block;  position: absolute;  width: 8px;  height: 100%;  border-radius: 2px;  background-color: #C1E4CD;  left: 0;}
body.new-blog-2023 .blog-post__body.table-of-content .key-takeaways-outer {  padding: 24px;  border-radius: 16px;  border: 1px solid #4CB576;  background-color: #fff;  margin-bottom: 32px;}
body.new-blog-2023 .blog-post__body.table-of-content .key-takeaways-outer h3 {  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 28px;  letter-spacing: -0.5px;  color: #3C3C3C;  margin-bottom: 20px;}
body.new-blog-2023 .blog-post__body.table-of-content .key-takeaways-outer ul {  padding-left: 0;  margin: 0;}
body.new-blog-2023 .blog-post__body.table-of-content .key-takeaways-outer ul::before {  display: none;}
body.new-blog-2023 .blog-post__body.table-of-content .key-takeaways-outer ul li {  font-weight: 400;}
body.new-blog-2023 .blog-post__body.table-of-content .key-takeaways-outer ul li::before {  background-color: #3c3c3c;  border: 0;}
body.new-blog-2023 .blog-post__body.table-of-content li img, body.new-blog-2023 .blog-post__body.table-of-content p img, body.new-blog-2023 .blog-post__body.table-of-content img{  margin: 12px 0;  border-radius: 16px;}
body.new-blog-2023 .blog-post__body.table-of-content > span > img{  margin-top: 0;  margin-bottom: 20px;}
body.new-blog-2023 .blog-post__body.table-of-content h3 {  font-size: 24px;  font-style: normal;  font-weight: 600 !important;  line-height: 32px;  letter-spacing: -0.5px;  color: #3c3c3c;  margin-bottom: 20px;}
body.new-blog-2023 .blog-post-body-outer .cta_button.blog-copy-cta {  margin: 32px 0;}
body.new-blog-2023 .blog-post__body.table-of-content h3 {  font-size: 24px;  font-style: normal;  font-weight: 600 !important;  line-height: 32px;  letter-spacing: -0.5px;  color: #3c3c3c;  margin-bottom: 20px;}
body.new-blog-2023 .blog-post-body-outer .cta_button.blog-copy-cta {  margin: 12px 0 12px !important;  padding: 24px !important;  background-color: #E5F4EB !important;  border: 2px solid #C1E4CD;  border-radius: 16px !important;  width: 100%;  transition: all 0.3s;  margin-bottom: 32px !important;}
body.new-blog-2023 .blog-post-body-outer > .table-of-content > span p .cta_button.blog-copy-cta{  margin-top: 32px !important;  margin-bottom: 12px !important;}
body.new-blog-2023 .blog-post-body-outer .cta_button.blog-copy-cta .cta-heading {  font-size: 20px !important;  font-style: normal;  font-weight: 600 !important;  line-height: 28px !important;  letter-spacing: -0.5px !important;  color: #3c3c3c !important;}
body.new-blog-2023 .blog-post-body-outer .cta_button.blog-copy-cta span.cta-text {  font-size: 16px;  font-style: normal;  font-weight: 500;  line-height: 28px;  color: #3c3c3c !important;}
body.new-blog-2023 .blog-post-body-outer .cta_button.blog-copy-cta .cta-content .cta_button {  background-color: #128849 !important;  border-radius: 8px !important;  padding: 8px 16px !important;  font-size: 14px !important;  font-style: normal;  font-weight: 600 !important;  line-height: 24px;  letter-spacing: 0.5px;  width: 100% !important;  transition: all 0.3s;  height: unset;}
body.new-blog-2023 .blog-post-body-outer .cta_button.blog-copy-cta .cta-content .cta_button:hover {  background-color: #24A95F !important;}
body.new-blog-2023 .blog-post__body.table-of-content .hs-embed-wrapper {  margin: 20px auto !important;}
body.new-blog-2023 .cta_button.simple-link-cta:hover {  color: #128849;}
/*----- keytakeaways -----*/
body.new-blog-2023 .blog-post__body.table-of-content .key-takeaways-outer ul li:before, body.new-blog-2023 .blog-post__body.table-of-content .key-takeaways-outer ol li:before {  display: none;}
body.new-blog-2023 .blog-post__body.table-of-content .key-takeaways-outer ol li, body.new-blog-2023 .blog-post__body.table-of-content .key-takeaways-outer ul li {  list-style: auto;}
body.new-blog-2023 .blog-post__body.table-of-content .key-takeaways-outer ol, body.new-blog-2023 .blog-post__body.table-of-content .key-takeaways-outer ul {  margin-bottom: 0;}
body.new-blog-2023 .blog-post__body.table-of-content .key-takeaways-outer ol:before, body.new-blog-2023 .blog-post__body.table-of-content .key-takeaways-outer ul:before {  display: none;}
/*---- keytakeaways li ------*/
body.new-blog-2023 .blog-post__body.table-of-content .key-takeaways-outer ul {  padding-left: 24px;}
body.new-blog-2023 .blog-post__body.table-of-content .key-takeaways-outer ul li {  list-style: disc;  padding-left: 0;}
body.new-blog-2023 .blog-post__body.table-of-content .key-takeaways-outer ul li p,body.new-blog-2023 .blog-post__body.table-of-content .key-takeaways-outer ol li p{  margin: 0;  display: block;}
/*----- simple-cta -----*/
body.new-blog-2023 .cta_button.simple-link-cta {  padding: 8px 16px !important;  background-color: #128849 !important;  border-radius: 8px !important;  height: auto !important;  font-size: 14px !important;  font-style: normal;  font-weight: 600 !important;  line-height: 24px;  letter-spacing: 0.5px;  margin-bottom: 12px;  width: 100%;  text-align: center;  color: #fff;  display: inline-block;}
body.new-blog-2023 .cta_button.simple-link-cta span {  font-size: 14px !important;  font-style: normal;  font-weight: 600;  line-height: 24px;  color: #fff;}
body.new-blog-2023 .cta_button.simple-link-cta:hover {  background-color: #24A95F !important;  color: #fff !important;}
/*----faq ------*/
body.new-blog-2023 .hs-blog-post article.blog-post .integration-faq-new-23, body.new-blog-2023 .blog-post-body-outer .integration-faq-new-23{  padding: 0;}
body.new-blog-2023 .hs-blog-post article.blog-post .integration-faq-new-23 .deskttop-text h2,
body.new-blog-2023 article.blog-post .integration-faq-new-23 .deskttop-text h2{  font-size: 32px;  font-style: normal;  font-weight: 600;  line-height: 48px;  letter-spacing: -0.5px;}
body.new-blog-2023 .hs-blog-post article.blog-post .integration-faq-new-23 .accordion-container, 
body.new-blog-2023 article.blog-post .integration-faq-new-23 .accordion-container{  padding: 0;}
body.new-blog-2023 .blog-post-body-outer .integration-faq-new-23 .accordion-container .set a, 
body.new-blog-2023 .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a {   font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 32px;  letter-spacing: -0.5px;  color: #3c3c3c;  padding-right: 0;}
body.new-blog-2023 .blog-post-body-outer .integration-faq-new-23 .accordion-container .set a i::before, body.new-blog-2023 .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a i::before, body.new-blog-2023 .blog-post-body-outer .integration-faq-new-23 .accordion-container .set a i::after, body.new-blog-2023 .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a i::after{  display: none;}
body.new-blog-2023 .blog-post-body-outer .integration-faq-new-23 .accordion-container .set a i, 
body.new-blog-2023 .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a i {  position: static !important;  width: 20px !important;  height: 20px !important;  border-radius: 0 ;  background-image: url(https://3390327.fs1.hubspotusercontent-na1.net/hubfs/3390327/EAtapp-2022/images/Blog/Icon-button.png);  background-position: center;  background-repeat: no-repeat;  background-size: contain;  background-color: transparent;  max-width: 20px !important;  flex: 0 0 100% !important;  transform: rotate(180deg);  margin-left: 16px;}
body.new-blog-2023 .blog-post-body-outer .integration-faq-new-23 .accordion-container .content, 
body.new-blog-2023 .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .content {  padding: 16px 0 0;}
body.new-blog-2023 .blog-post-body-outer .integration-faq-new-23 .accordion-container .content p, 
body.new-blog-2023 .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .content p {  font-size: 16px !important;  font-style: normal;  font-weight: 500;  line-height: 28px;  color: #979797;  max-width: 99%;}
body.new-blog-2023 .blog-post-body-outer .social-share-outter {  padding: 20px 0;  border-top: 1px solid #DADADA;}
body.new-blog-2023 .blog-post-body-outer .integration-faq-new-23 .accordion-container .set a.active i, body.new-blog-2023 .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a.active i {  transform: rotate(0deg);}
body.new-blog-2023 .blog-post-body-outer .integration-faq-new-23 .accordion-container .set, body.new-blog-2023 .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set {  border-bottom: 0;  margin-bottom: 20px;}
body.new-blog-2023 .blog-post-body-outer .integration-faq-new-23 .accordion-container .set a, body.new-blog-2023 .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a{  padding: 0 0px 20px 0;}
body.new-blog-2023 .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a.active{  padding-bottom: 0;}

/*------------------*/
/*------- left-sidebar --------*/
body.new-blog-2023 .blog-post-body-outer > .table-of-content {  padding-left: 0;}
body.new-blog-2023 article.blog-post > .blog-post-left {  max-width: 216px;  padding-right: 20px;  top: 114px;}
body.new-blog-2023 article.blog-post > .blog-post-left .head {  font-size: 16px;  font-style: normal;  font-weight: 500;  line-height: 24px;  color: #3c3c3c;  margin-bottom: 16px;  padding: 0 8px;}
body.new-blog-2023 article.blog-post > .blog-post-left .table li a {  font-size: 14px;  font-style: normal;  font-weight: 400;  line-height: 20px;  letter-spacing: 0.25px;  padding: 8px;  color: #6F6F6F;  margin-bottom: 4px;}
body.new-blog-2023 article.blog-post > .blog-post-left .table li a.sm-scroll {  font-weight: 500;  color: #3c3c3c;  background-color: #F3F3F3;  border-radius: 8px;  width: 100%;}
body.new-blog-2023 article.blog-post > .blog-post-left .table li a.sm-scroll::before {  display: none;}
body.new-blog-2023 article.blog-post>.blog-post-left .table .free-ct {  margin-top: 16px;}
body.new-blog-2023 article.blog-post>.blog-post-left .table .free-ct a {  display: inline-block;  font-size: 14px;  font-style: normal;  font-weight: 600;  line-height: 18px;  letter-spacing: 0.5px;  padding: 0 8px;  margin-bottom: 0;}
body.new-blog-2023 article.blog-post>.blog-post-left .table .free-ct a::after {  display: none;}
/*-------------------*/
/*---------- related posts -----------*/
body.new-blog-2023 .related-posts-outter > .content-wrapper {  max-width: 980px !important;}
body.new-blog-2023 .related-posts-outter > .content-wrapper .headings {  font-size: 32px;  font-style: normal;  font-weight: 600;  line-height: 48px;  letter-spacing: -0.5px;  color: #3c3c3c;  margin-bottom: 20px;}
body.new-blog-2023 .related-posts-outter {  padding: 52px 0 32px;}
body.new-blog-2023 .related-posts-inner {  display: flex;  flex-wrap: wrap;  gap: 19px;}
body.new-blog-2023 .related-posts-inner > * {  max-width: calc(100% / 3 - 12.66px);  flex: 0 0 100%;}
body.new-blog-2023 .related-posts-inner > * .bh-hor img {  width: 100%;  height: 175px;  object-fit: cover;  border-radius: 8px;}
body.new-blog-2023 .related-posts-inner > * .bh-hor a {  display: inline-flex;  width: 100%;  border-radius: 8px;  flex-direction: column;  gap: 20px;}
body.new-blog-2023 .related-posts-inner > * .bh-hor .content h5,
body.new-blog-2023 .related-posts-inner > * .bh-hor .content h4,
body.new-blog-2023 .related-posts-inner > * .bh-hor .content .h4,
body.new-blog-2023 .related-posts-inner > * .bh-hor .content h3{  font-size: 20px;  font-style: normal;  font-weight: 500;  line-height: 28px;  letter-spacing: -0.5px;  color: #3c3c3c;  margin-bottom: 8px;}
body.new-blog-2023 .related-posts-inner > * .bh-hor .content p {  font-size: 16px;  font-style: normal;  font-weight: 500;  line-height: 28px;  color: #6f6f6f;  padding: 0;}
body.new-blog-2023 .related-posts-inner>* .bh-hor .content {  display: block !important;  border: 0;}
body.new-blog-2023 .related-posts-outter .content-wrapper {  max-width: 980px;}
/*-------------*/
/*--------- cta-section --------*/
body.new-blog-2023 .cta-section-outer .page-center {  margin: 0 auto;}
body.new-blog-2023 .cta-section-outer .add-content h2 {  max-width: 980px;}
body.new-blog-2023 .cta-section-outer .cta-repeater .single-cta:nth-child(1) a {  border: 0;  color: #fff;  font-size: 14px;  letter-spacing: 0.5px;}
body.new-blog-2023 .cta-section-outer .cta-repeater .single-cta:nth-child(2) a {  font-size: 14px;  border: 0;}
body.new-blog-2023 .cta-section-outer::after {  bottom: 4px;}
body.new-blog-2023 .cta-section-outer {  overflow: hidden;}
.cta-section-outer .cta-repeater .single-cta a {  text-align: center;}

/*--- blog table ----*/
.blog-detail__2024 .responsive-table {overflow: auto;padding-bottom: 10px;margin-bottom: 30px;}
.blog-detail__2024 .responsive-table table {margin-bottom: 0;margin-top: 0;}
.blog-detail__2024 .blog-post__body .responsive-table table p {font-size: 14px !important;line-height: 20px !important;}
.blog-detail__2024 .blog-post__body .responsive-table table td {padding: 12px;}

/*-------- responsive ---------*/

@media(max-width: 1199px){
  /*----- header -----*/
  body.new-blog-2023 .header-container-wrapper .new-header-2023>.page-center {    width: 95%;  }
  /*------ body content -------*/
  body.new-blog-2023 article.blog-post {    gap: 20px;  }
  body.new-blog-2023 .body-container--blog-post .content-wrapper {    padding: 0 20px;  }
  body.new-blog-2023 .blog-post-body-outer {    max-width: 55%;  }
  /*------ related posts -------*/
  body.new-blog-2023 .related-posts-inner>* {    max-width: calc(100% / 3 - 12.8px);  }
}
@media(max-width: 1199px) and (min-width: 992px){
  body.new-blog-2023 .body-container--blog-post .content-wrapper {    padding: 0 20px !important;  }
  body.new-blog-2023 .body-container--blog-post.blog-detail__2024 .content-wrapper {    padding: 0 !important;  }
}
@media(max-width: 991px){
  /*------ header -------*/
  body.new-blog-2023 .header-container-wrapper .new-header-2023>.page-center {    width: 100%;  }
  /*----- body content ------*/
  body.new-blog-2023 article.blog-post {    padding: 50px 20px;  }
  body.new-blog-2023 .blog-post-body-outer {    max-width: 100%;  }
  body.new-blog-2023 .blog-post-body-outer .cta_button.blog-copy-cta {    width: 100%;  }
  /*------ related posts ------*/
  body.new-blog-2023 .related-posts-outter {    padding: 0px 0px 60px;  }
  body.new-blog-2023 .related-posts-outter > .content-wrapper {    padding: 0 20px !important;  }
  body.new-blog-2023 .related-posts-inner>* .bh-hor .content h5,  body.new-blog-2023 .related-posts-inner>* .bh-hor .content h4,  body.new-blog-2023 .related-posts-inner > * .bh-hor .content .h4,  body.new-blog-2023 .related-posts-inner>* .bh-hor .content h3{    min-height: 56px;  }
}
@media(max-width: 767px){
  /*------ blog-header ------*/
  body.new-blog-2023 .header-container-wrapper .new-header-2023>.page-center {    padding: 0 16px;  }
  body.new-blog-2023 .header-container-wrapper {    background-color: transparent !important;    box-shadow: none !important;    position: absolute !important;    width: 100% !important;    z-index: 9999!important;  }
  /*----- blog-footer ------*/
  body.new-blog-2023 .footer-2023 {    padding: 0 !important;  }
  /*------- body-content ------*/
  body.new-blog-2023 article.blog-post {    padding: 24px 20px;  }
  body.new-blog-2023 .blog-post__body.table-of-content h2 {    font-size: 24px !important;    line-height: 36px !important;    margin-bottom: 20px;  }
  body.new-blog-2023 .blog-post__body.table-of-content h4 {    font-size: 20px;    line-height: 28px;    font-weight: 600;    margin-bottom: 20px;  }
  body.new-blog-2023 .blog-post__body.table-of-content h5 {    font-size: 16px;    font-weight: 500;    line-height: 24px;    margin-bottom: 20px;  }
  body.new-blog-2023 .blog-post__body.table-of-content ol,   body.new-blog-2023 .blog-post__body.table-of-content ul {    padding-left: 22px;  }
  body.new-blog-2023 .blog-post__body.table-of-content ol li, 
  body.new-blog-2023 .blog-post__body.table-of-content ul li {    padding-left: 16px;    margin-bottom: 6px;  }
  body.new-blog-2023 .blog-post__body.table-of-content ol li:before,   body.new-blog-2023 .blog-post__body.table-of-content ul li:before {    position: absolute;    left: 2px;  }
  body.new-blog-2023 .blog-post__body.table-of-content ol,   body.new-blog-2023 .blog-post__body.table-of-content ul {    margin: 24px 0;  }
  body.new-blog-2023 .blog-post__body.table-of-content h3 {    font-size: 20px !important;    line-height: 28px;    color: #1C1C1C;  }
  body.new-blog-2023 .blog-post__body.table-of-content li img,   body.new-blog-2023 .blog-post__body.table-of-content p img,  body.new-blog-2023 .blog-post__body.table-of-content img{    width: 100% !important;    max-height: unset;    height: auto;  }
  body.new-blog-2023 .hs-blog-post article.blog-post .integration-faq-outer .deskttop-text {    display: block;  }
  body.new-blog-2023 .hs-blog-post article.blog-post .integration-faq-outer .mobile-text {    display: none;  }
  body.new-blog-2023 .blog-post-body-outer .integration-faq-new-23,   body.new-blog-2023 .hs-blog-post article.blog-post .integration-faq-new-23 {    margin-top: 24px;  }
  body.new-blog-2023 .hs-blog-post article.blog-post .integration-faq-new-23 .deskttop-text h2,   body.new-blog-2023 article.blog-post .integration-faq-new-23 .deskttop-text h2 {    margin-bottom: 20px;  }
  body.new-blog-2023 .blog-post-body-outer .integration-faq-new-23 .accordion-container .set a,   body.new-blog-2023 .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a {    font-size: 20px;    line-height: 28px;    max-width: 100%;    color: #1c1c1c;    padding-bottom: 24px;    padding-right: 0;  }
  body.new-blog-2023 .blog-post-body-outer .integration-faq-new-23 .accordion-container .content, 
  body.new-blog-2023 .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .content {    padding: 0;  }
  body.new-blog-2023 .blog-post-body-outer .integration-faq-new-23 .accordion-container .content p,   body.new-blog-2023 .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .content p {    padding: 20px 0 0;    max-width: 98%;  }
  body.new-blog-2023 .blog-post-body-outer .integration-faq-new-23 .accordion-container .set,  body.new-blog-2023 .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set {    margin-bottom: 0px;  }
  body.new-blog-2023 .blog-post-body-outer .integration-faq-new-23 .accordion-container .set a.active,   body.new-blog-2023 .hs-blog-post article.blog-post .integration-faq-outer .accordion-container .set a.active {    padding-bottom: 0px;  }
  body.new-blog-2023 .social-share-outter .head p {    font-weight: 600;  }
  body.new-blog-2023 .social-share-outter .head p strong {    font-weight: 600;  }

  /*----- ol listing -----*/
  body.new-blog-2023 .blog-post__body.table-of-content > span > ol li::before {    position: static;  }
  body.new-blog-2023 .blog-post__body.table-of-content .key-takeaways-outer ol,  body.new-blog-2023 .blog-post__body.table-of-content .key-takeaways-outer ul{    padding-left: 18px;  }

  /*----- simple cta ----*/
  body.new-blog-2023 .cta_button.simple-link-cta {    margin-bottom: 4px;  }

  /*------- related posts -------*/
  body.new-blog-2023 .related-posts-outter {    padding: 0px 0 24px;  }
  body.new-blog-2023 .related-posts-outter > .content-wrapper {    padding: 0 0px !important;  }
  body.new-blog-2023 .related-posts-outter>.content-wrapper .headings {    color: #1c1c1c;    padding: 0px 20px;    font-size: 32px !important;    font-style: normal;    font-weight: 600;    letter-spacing: -.5px;    line-height: 48px !important;  }
  body.new-blog-2023 .related-wrapper {    overflow: auto;    padding-bottom: 20px;  }
  body.new-blog-2023 .related-posts-inner {    width: 918px;    padding: 0px 20px;  }
  body.new-blog-2023 .related-posts-inner>* .bh-hor .content h5,  body.new-blog-2023 .related-posts-inner>* .bh-hor .content h4,  body.new-blog-2023 .related-posts-inner > * .bh-hor .content .h4,  body.new-blog-2023 .related-posts-inner>* .bh-hor .content h3{    min-height: unset;    color: #1c1c1c;  }
  body.new-blog-2023 .cta-section-outer .add-content h2 {    font-size: 28px !important;    line-height: 36px !important;  }
  body.new-blog-2023 .cta-section-outer:after {    bottom: 30px;  }
  body.new-blog-2023 .blog-post-body-outer .cta_button.blog-copy-cta {    margin: 4px 0px 24px !important;  }
  body.new-blog-2023 .blog-post-body-outer > .table-of-content > span p .cta_button.blog-copy-cta{    margin-top: 24px !important;    margin-bottom: 4px !important;  }
  body.new-blog-2023 .b-post23-outter span.date::before, body.new-blog-2023 .author-wrapper > *:nth-child(1)::before {    right: 10px !important;  }
  body.new-blog-2023 .author-wrapper > *:nth-child(1),  body.new-blog-2023 .b-post23-outter .date-minute > *:nth-child(1) {    padding-right: 20px !important;  }
  body.new-blog-2023 .ctable-outter .table-wrap > .row.even {    padding: 16px 8px;  }
  body.new-blog-2023 .ctable-outter .table-wrap {    padding: 0px 8px !important;  }
  body.new-blog-2023 .related-posts-inner > * {    max-width: 280px;  }
  body.new-blog-2023 .blog-post__body.table-of-content .freading-outter ul li {    padding-left: 20px;  }
  body.new-blog-2023 .blog-post__body.table-of-content .freading-outter ul li:before {    left: 6px;  }
  body.new-blog-2023 .blog-post-body-outer .cta_button.blog-copy-cta span {    font-size: 16px;    line-height: 24px;    margin-bottom: 10px;  }

  /*--- blog table ---*/
  .blog-detail__2024 .blog-post__body .responsive-table table p {font-size: 14px !important;}
}
@media(min-width: 1200px){
  body.new-blog-2023 .header-container-wrapper .new-header-2023>.page-center{    padding: 0 20px;  }
}
/*----- about and contact page ----*/
/*   Banner */
.privacy-terms-2024 .blog-page-banner-main {  background-color: #E5F4EB;  padding: 200px 0 140px; }
.privacy-terms-2024 .row-fluid {  max-width: 100%;}
body.privacy-terms-2024 .row-fluid .blog-page-banner-main .page-center {  max-width: 1200px !important;  padding: 0 20px;  width: 100%;}
.privacy-terms-2024 .blog-page-banner-main .blog-banner-title h1 {  font-size: 40px;  line-height: 64px;  color: #1c1c1c;}
@media(max-width: 1199px){
  body.privacy-terms-2024 .row-fluid .blog-page-banner-main .page-center {    width: 95%;    padding: 0;  }
}
@media(max-width: 991px){
  body.privacy-terms-2024 .row-fluid .blog-page-banner-main .page-center {    width: 100%;    padding: 0 20px;  }
  .privacy-terms-2024 .blog-page-banner-main {    padding: 140px 0 80px;  }
}
@media(max-width: 767px){
  .privacy-terms-2024 .blog-page-banner-main {    padding: 120px 0 60px;  }
  body.privacy-terms-2024 .row-fluid .blog-page-banner-main .page-center {    padding: 0 16px;  }
  .privacy-terms-2024 .blog-page-banner-main h1 {    font-size: 36px !important;    line-height: 44px !important;  }
}