/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary variables that control standard elements
in the pages. This is also the file that loads all of the other themed CSS
styleshets into just this one in each of themed templates.
*********************************************************************************
****************************************************************************** */






















































































/* ******************************************************************************
*********************************************************************************
The intention of this file is to reset most of the different browser, built-in
CSS styles, so that it is an empty canvas for the themed specific stylesheets.
*********************************************************************************
****************************************************************************** */

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

.body-wrapper {
  display: flex;
  flex-direction: column;
}
/* ******************************************************************************
*********************************************************************************
The intention of this file is to makes browsers render all elements more
consistently and in line with modern standards.
It precisely targets only the styles that need normalizing.
*********************************************************************************
****************************************************************************** */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

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

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

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

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

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

body {
  margin: 0;
}

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

main {
  display: block;
}

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

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

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

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

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

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

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

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

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

a {
  background-color: transparent;
}

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

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

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

body b,
body strong {
  font-weight: 700;
}

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

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

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

img {
  border-style: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

progress {
  vertical-align: baseline;
}

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

textarea {
  overflow: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

details {
  display: block;
}

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

summary {
  display: list-item;
}

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

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

template {
  display: none;
}

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

[hidden] {
  display: none;
}
.text-color-brand {
  color: #39a1b2 !important;
}

.bg-white {
  background: #fff;
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
Drag and Drop (DND) sections look when editing content in the page editor.
*********************************************************************************
****************************************************************************** */


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

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

.banner-area .dnd-section {
  padding: 0;
}

.dnd-section .widget-type-cell {
  padding-left: 20px;
  padding-right: 20px;
}

footer .footer__container,
body .conent-wrapper,
body .page-center,
body .container{
  padding:0 30px;     
}

@media (max-width: 767px) {
  .dnd-section .widget-type-cell {
    padding-left: 0px;
    padding-right: 0px;
  }
  .row-fluid-wrapper .dnd-section {
    padding: 0 !important;
    margin: 0 !important;
  }
}

@media(max-width:640px){

  .footer__container,
  .conent-wrapper,
  .page-center,
  .container,
  main  .dnd-section > .row-fluid   {
    max-width:100%;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
fonts apppear throughout your site.
*********************************************************************************
****************************************************************************** */

@font-face {
  font-family: "TisaOT";
  src: url("https://8963072.fs1.hubspotusercontent-na1.net/hubfs/8963072/raw_assets/public/eWebinar%20v2%20Theme/fonts/TisaOT/TisaOT.woff2") format("woff2"),
       url("https://8963072.fs1.hubspotusercontent-na1.net/hubfs/8963072/raw_assets/public/eWebinar%20v2%20Theme/fonts/TisaOT/TisaOT.woff") format("woff"),
       url("") format("ttf");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "TisaOT";
  src: url("https://8963072.fs1.hubspotusercontent-na1.net/hubfs/8963072/raw_assets/public/eWebinar%20v2%20Theme/fonts/TisaOT/TisaOT-Ita.woff2") format("woff2"),
       url("https://8963072.fs1.hubspotusercontent-na1.net/hubfs/8963072/raw_assets/public/eWebinar%20v2%20Theme/fonts/TisaOT/TisaOT-Ita.woff") format("woff"),
       url("") format("ttf");
   font-style: italic;
   font-weight: 400;
   font-display: swap;
}

@font-face {
  font-family: "TisaOT";
  src: url("https://8963072.fs1.hubspotusercontent-na1.net/hubfs/8963072/raw_assets/public/eWebinar%20v2%20Theme/fonts/TisaOT/TisaOT-Medi.woff2") format("woff2"),
       url("https://8963072.fs1.hubspotusercontent-na1.net/hubfs/8963072/raw_assets/public/eWebinar%20v2%20Theme/fonts/TisaOT/TisaOT-Medi.woff") format("woff"),
       url("") format("ttf");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "brandon-grotesque";
  src: url("https://8963072.fs1.hubspotusercontent-na1.net/hubfs/8963072/raw_assets/public/eWebinar%20v2%20Theme/fonts/BrandonGrotesque/Brandon_med_it.woff2") format("woff2"),
       url("https://8963072.fs1.hubspotusercontent-na1.net/hubfs/8963072/raw_assets/public/eWebinar%20v2%20Theme/fonts/BrandonGrotesque/Brandon_med_it.woff") format("woff"),
       url("") format("opentype");
  font-style: italic;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "SFProDisplay";
  src: url("https://8963072.fs1.hubspotusercontent-na1.net/hubfs/8963072/raw_assets/public/eWebinar%20v2%20Theme/fonts/SFProDisplay/SF-Pro-Display-Light.woff") format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SFProDisplay";
  src: url("https://8963072.fs1.hubspotusercontent-na1.net/hubfs/8963072/raw_assets/public/eWebinar%20v2%20Theme/fonts/SFProDisplay/SF-Pro-Display-Regular.woff") format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SFProDisplay";
  src: url("https://8963072.fs1.hubspotusercontent-na1.net/hubfs/8963072/raw_assets/public/eWebinar%20v2%20Theme/fonts/SFProDisplay/SF-Pro-Display-Medium.woff") format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SFProDisplay";
  src: url("https://8963072.fs1.hubspotusercontent-na1.net/hubfs/8963072/raw_assets/public/eWebinar%20v2%20Theme/fonts/SFProDisplay/SF-Pro-Display-Semibold.woff") format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SFProDisplay";
  src: url("https://8963072.fs1.hubspotusercontent-na1.net/hubfs/8963072/raw_assets/public/eWebinar%20v2%20Theme/fonts/SFProDisplay/SF-Pro-Display-Bold.woff") format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SFProDisplay";
  src: url("https://8963072.fs1.hubspotusercontent-na1.net/hubfs/8963072/raw_assets/public/eWebinar%20v2%20Theme/fonts/SFProDisplay/SF-Pro-Display-Heavy.woff") format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v14/rP2Hp2ywxg089UriCZ2IHTWEBlwu8Q.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v14/rP2Hp2ywxg089UriCZOIHTWEBlw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v14/rP2Hp2ywxg089UriCZ2IHTWEBlwu8Q.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v14/rP2Hp2ywxg089UriCZOIHTWEBlw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v14/rP2Hp2ywxg089UriCZ2IHTWEBlwu8Q.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v14/rP2Hp2ywxg089UriCZOIHTWEBlw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v14/rP2Hp2ywxg089UriCZ2IHTWEBlwu8Q.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v14/rP2Hp2ywxg089UriCZOIHTWEBlw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v14/rP2Hp2ywxg089UriCZ2IHTWEBlwu8Q.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v14/rP2Hp2ywxg089UriCZOIHTWEBlw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v14/rP2Hp2ywxg089UriCZ2IHTWEBlwu8Q.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v14/rP2Hp2ywxg089UriCZOIHTWEBlw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html {
  font-size: 16px;
  line-height: 1.5;
}

body {
  font-family: DM Sans, sans-serif;
  font-size: 1rem;
  color: #494a52;
  line-height: 1.6rem;
  text-rendering: optimizeLegibility!important;
  -webkit-font-smoothing: antialiased!important;
}

p, .p {
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: DM Sans, sans-serif;
  line-height: 1.5;
  font-size: 20px;
  font-weight: 400;
}
p:last-child {
  margin-bottom: 0;
}
.marketing-page .p1{
  font-size: 23px;
}
.marketing-page .p2{
  font-size: 18px;
  line-height: 1.65;
}
.marketing-page .p3{
  font-size: 16px;
}
.marketing-page .p4{
  font-size: 14px;
}
.marketing-page .text-bold{
  font-weight: 700;
}
.marketing-page .text-sm{
  font-size: 14px;
}
.marketing-page .text-md{
  font-size: 20px;
}

/* Anchor Links */
a {
  color: #0270E0;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}


/* Headings */
h1,
p.h1,
.marketing-page .h1,
h2,
p.h2,
.marketing-page .h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.25;
  font-weight: 700;
  font-family: TisaOT, serif;
  word-break: break-word;
  color: #494a52;
}

h1, .h1 {
  font-size: 48px;
  font-weight: 800;
}

h2, .h2 {
  font-size: 40px;
  font-weight: 700;
}

h3, .h3 {
  font-size: 28px;
  font-weight: 600;
}
h4, .h4 {
  font-size: 24px;
  font-weight: 500;
}

h5 {
  font-size: 17px;
  font-weight: 400;
}

h6 {
  font-size: 14px;
  font-weight: 400;
}

code {
  vertical-align: bottom;
}

ul,
ol {
  margin-bottom: 1.5rem;
}

ol:last-child,
ul:last-child {
  margin-bottom: 0;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-top: 0;
  margin-bottom: 0;
}

strong {
  font-weight: 700;
}

blockquote {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-left: 2px solid #A9A9A9;
  padding-left: 15px;
}

blockquote, blockquote span, blockquote p, blockquote .p {
  line-height: 2.5rem !important;
  font-size: 30px;
  font-weight: 700;
  font-style: italic;
}


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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}



.disable-focus-styles :focus {
  outline: none;
}

@media (max-width: 767px) {
  html {
    /*     font-size: 12.0px */
  }

  h1{
    line-height: 40px;
  }

  h2 {
    line-height: 1.1;
  }

  h3{
    font-weight: 400;
  }

  blockquote {
    margin-left: 5px;
    margin-right: 5px;
    border-left-width: 8px;
  }

  blockquote, blockquote span, blockquote p, blockquote .p {
    line-height: 2rem !important;
    font-size: 22px;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your forms looks
throughout your site. Styles for form fields, buttons, inputs, etc.
*********************************************************************************
****************************************************************************** */

form {
  max-width: 767px;
  font-family: DM Sans, sans-serif;
}

.hs-button {
  margin: 0;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-align: center;
  transition: all 0.15s linear;
  background-color: #494A52;
  border-color: #494A52;
  color: #fff;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  padding: 10px 25px;
  

  line-height: 25.6px;
  font-family: DM Sans;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  margin: 10px 0 15px;
  text-decoration: none;
  white-space: normal;
}

.hs-button:hover, .hs-button:focus {
  background-color: #21222a;
  border-color: #21222a;
  
  color: #fff;
}

.hs-button:active {
  background-color: #71727a;
  border-color: #71727a;
}


.hs-form label {
  font-size: .83rem;
  color: #33475b;
  display: block;
  float: none;
  width: auto;
  margin-bottom: 4px;

  font-size: 15px;
  color: #0e282d;
  line-height: 19px;
  font-weight: 300;
}

.marketing-page .hs-form p,
.hs-form p {
  font-size: 0.83rem;
  line-height: 1.2;
}

.hs-error-msgs label {
  font-size: 0.83rem;
  margin-top: .5rem;
  color: #f2545b;
}


input.hs-search-field__input, input#hs-pwd-widget-password,
.hs-input {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  color: #33475b;
  background-color: #ffffff;
  border: 1px solid #D1D6DC;
  box-sizing: border-box;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  line-height: 25.6px;
  background-color: transparent;
  font-size: 14px;
  width: 100%;
  font-weight: 100;
  padding: 7px 15px;
  font-family: DM Sans;
  z-index: 9;

}

h3.form-title {
  font-family: DM Sans;
  font-size: 21px;
  font-weight: 300;
}

.btn, .hs-button, .button--primary {
  outline: none;
  text-decoration: none !IMPORTANT;
}

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

.hs-input[type=file] {
  background-color: #fff;
  padding: initial;
  border: initial;
  line-height: initial;
  box-shadow: none;
}

.hs-input:-moz-placeholder {
  color: #bfbfbf;
}

.hs-input::-webkit-input-placeholder {
  color: #bfbfbf;
}

.hs-input input,
.hs-input textarea {
  transition: border 0.2s linear;
}
.hs-input:focus {
  outline: none;
  border-color: rgba(82, 168, 236, 0.8);
}

textarea.hs-input {
  height: auto;
}

select[multiple].hs-input {
  height: inherit;
}

/* Force single column fields to full width inside of fieldsets */
fieldset.form-columns-1 .hs-input:not([type=radio]):not([type=checkbox]) {
  width: 100% !important;
}

input.hs-input.error,
div.field.error input,
div.field.error textarea,
div.field.error .chzn-choices,
textarea.hs-input.error,
select.hs-input.error {
  border-color: #c87872;
}
input.hs-input.error:focus,
div.field.error input:focus,
div.field.error textarea:focus,
div.field.error .chzn-choices:focus,
textarea.hs-input.error:focus,
select.hs-input.error:focus {
  border-color: #b9554d;
}

.actions {
  padding: 0;
}

.inputs-list {
  margin: 5px 0;
  width: 100%;
  padding-left: 0;
}
.inputs-list > li {
  display: block;
  padding: 0;
  width: 100%;
  padding-top: 0;
}
.inputs-list label {
  display: block;
  float: none;
  width: auto;
  padding: 0;
  line-height: 18px;
  text-align: left;
  white-space: normal;
  font-weight: normal;
}
.inputs-list:first-child {
  padding-top: 6px;
}
.inputs-list > li + li {
  padding-top: 2px;
}
.inputs-list label > input,
.inputs-list label > span {
  vertical-align: middle;
}

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

.field {
  margin-bottom: 30px;
}

.hs-field-desc {
  color: #7c98b6;
  margin: 0px 0px 6px;
  font-size: 14px;
}

.hs-form-required {
  color: red;
}

.hs-richtext {
  margin-bottom: 3px;
  line-height: 1.2;
  font-size: 1rem;
}
.hs-richtext hr {
  text-align: left;
  margin-left: 0;
  width: 91%;
}

.grecaptcha-badge {
  margin: 0 auto;
}

.email-correction, .email-validation {
  padding-top: 3px;
  font-size: 12px;
}
.email-correction a,
.email-validation a {
  cursor: pointer;
}
@media (max-width: 400px),
  (min-device-width: 320px) and (max-device-width: 480px) {
    .email-correction form .form-columns-2 .hs-form-field,
    .email-correction form .form-columns-3 .hs-form-field,
    .email-validation form .form-columns-2 .hs-form-field,
    .email-validation form .form-columns-3 .hs-form-field {
      float: none;
      width: 100%;
    }
    .email-correction form .form-columns-2 .hs-form-field .hs-input,
    .email-correction form .form-columns-3 .hs-form-field .hs-input,
    .email-validation form .form-columns-2 .hs-form-field .hs-input,
    .email-validation form .form-columns-3 .hs-form-field .hs-input {
      width: 90%;
    }
    .email-correction form .form-columns-2 .hs-form-field input[type=checkbox],
    .email-correction form .form-columns-2 .hs-form-field input[type=radio],
    .email-correction form .form-columns-3 .hs-form-field input[type=checkbox],
    .email-correction form .form-columns-3 .hs-form-field input[type=radio],
    .email-validation form .form-columns-2 .hs-form-field input[type=checkbox],
    .email-validation form .form-columns-2 .hs-form-field input[type=radio],
    .email-validation form .form-columns-3 .hs-form-field input[type=checkbox],
    .email-validation form .form-columns-3 .hs-form-field input[type=radio] {
      width: 24px;
    }
}

.hs-button,
.hs-form-field input[type=text],
.hs-form-field input[type=email],
.hs-form-field input[type=phone],
.hs-form-field input[type=number],
.hs-form-field input[type=tel],
.hs-form-field input[type=date],
.hs-form-field textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.hs-default-font-element,
.hs-main-font-element {
  font-family: DM Sans, sans-serif;
}

ul.no-list.hs-error-msgs label {
  color: #FF7470;
}

input#hs-pwd-widget-password {
  height: auto !important;
}

input.email-edit.hs-input {
    width: 100% !important;
    font-size: 14px !important;
    padding: 0 0 12px !important;
    padding: 7px 15px !important;
}

.legal-consent-container label.hs-error-msg {
  display: none;
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
menu items appear, including the link and hover effects.
*********************************************************************************
****************************************************************************** */

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

.hs-menu-item a {
  display: block;
  padding: 0.5rem 1rem;
  color: rgba(0, 0, 0, 0.5);
  text-decoration: none;
}

.hs-menu-item:hover a,
.hs-menu-item:focus a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.7);
}

.hs-menu-item.active a {
  color: rgba(0, 0, 0, 0.9);
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
tables look throughout your site.
*********************************************************************************
****************************************************************************** */

table {
  margin-bottom: 1rem;
  border: 1px solid #655a52;
  border-radius: 2px;
}

thead th,
thead td {
  padding: 0.75rem;
  vertical-align: top;
  border: 0;
}

tbody td {
  padding: 0.75rem;
  vertical-align: top;
  border-bottom: 1px solid #655a52;
}

tbody + tbody {
  border-top: 1px solid #655a52;
}
.hs-form .hs-button,
a.rounded-button {
  display: inline-flex;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  text-transform: inherit;
  border-color: transparent;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  border: none;
  padding: 11px 25px;
  transition: transform 0.2s ease-out;
  position: relative;
  overflow: hidden;
  white-space: nowrap !important;
}
.hs-form .hs-button,
.hs-form .hs-button:hover,
.hs-form .hs-button:focus,
a.rounded-button,
a.rounded-button:hover,
a.rounded-button:focus {
  color: #f56565;
  background-color: #fff;
}
@media (max-width: 464px) {
  .hs-form .hs-button,
  a.rounded-button {
    padding: 11px 20px;
  }
}
a.rounded-button p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.hs-form .hs-button:hover,
a.rounded-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 3px 9px -2px rgb(0 0 0 / 20%);
}
.brand-button a.cta_button:not(.underlined-button-arrow),
.brand-button a.cta_button:hover:not(.underlined-button-arrow),
.brand-button a.cta_button:focus:not(.underlined-button-arrow) {
  background-color: #39a1b2 !important;
  color: #fff !important;
}
a.cta_button > p {
  color: inherit !important;
}
a.brand-button,
a.brand-button:hover,
a.brand-button:focus {
  background-color: #39a1b2;
  color: #fff;
}
.white-button a.cta_button:not(.underlined-button-arrow),
.white-button a.cta_button:hover:not(.underlined-button-arrow),
.white-button a.cta_button:focus:not(.underlined-button-arrow) {
  background-color: #fff !important;
  color: #ff7470 !important;
}
a.white-button,
a.white-button:hover,
a.white-button:focus {
  background-color: #fff;
  color: #ff7470;
}
.white-border-cta{
  border: 3px solid #FFACA9 !important;
}
a.large-button {
    padding: 16px 50px;
}
a.large-button p {
  font-size: 20px;
  line-height: 28px;
}
.hover-btn-effect:hover{
  transform: translateY(-1px);
  box-shadow: 0 3px 9px -2px rgba(0,0,0,.2);
}

.red-button a.cta_button:not(.underlined-button-arrow),
.red-button a.cta_button:hover:not(.underlined-button-arrow),
.red-button a.cta_button:focus:not(.underlined-button-arrow),
.red-button .hs-button,
.red-button .hs-button:hover,
.red-button .hs-button:focus {
  background-color: #f56565 !important;
  color: #fff !important;
}
a.red-button,
a.red-button:focus,
a.red-button:hover {
  background: transparent;
  color: #fff;
  border: 3px solid #FFFFFF66;
  overflow: hidden;
  padding: 0;
}
a.red-button p {
  background: linear-gradient(0deg, #FF7470, #FF7470), linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));
  padding: 11px 25px;
}
.black-button a.cta_button:not(.underlined-button-arrow),
.black-button a.cta_button:hover:not(.underlined-button-arrow),
.black-button a.cta_button:focus:not(.underlined-button-arrow) {
  color: white !important;
  background-color: #000 !important;
}
a.black-button,
a.black-button:hover,
a.black-button:focus {
  color: white;
  background-color: #000;
}
.green-text-button .hs-button,
.green-text-button .hs-button:hover,
.green-text-button .hs-button:focus {
  color: #39a1b2 !important;
  background-color: #fff !important;
}
a.green-text,
a.green-text:hover,
a.green-text:focus,
a.green-text-button,
a.green-text-button:hover,
a.green-text-button:focus {
  color: #39a1b2;
  background-color: #fff;
}
.cta-button {
  display: flex;
  justify-content: center;
  margin-top: 32px;
  gap: 10px;
}
.cta-button > span {
  background-color: transparent !important;
}
.underlined-button a {
  position: relative;
  display: inline-flex;
  border: none;
  border-radius: 0;
  padding:5px 0 1px;
  margin-bottom: 12px;
  color: #f56565;
}
.underlined-button a:hover,
.underlined-button a:focus {
  color: #f56565;
}
.underlined-button-arrow:hover {
  font-weight: 500;
}


.underlined-button a:after {
  position: absolute;
  content: "";
  height: 10px;
  position: absolute;
  bottom: -12px;
  width: 110%;
  display: inline-block;
  cursor: pointer;
  left: -5%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image:url('https://8963072.fs1.hubspotusercontent-na1.net/hubfs/8963072/download-1.png');
}
.underlined-button a > span {
  float: left;
  color:#fe5f5a;
  margin:0;
}
.underlined-button a > img {
  max-width: 16px;
  margin: 0 0 0 10px;
  display: inline;
  object-fit: contain;
}


.underlined-button-arrow {
  position: relative;
  text-decoration: none !important;
  color: #ff4b45 !important;
  font-family: DM Sans;
  font-weight: 300;
}

.underlined-button-arrow:before {
  content: "";
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAyoAAAAhCAYAAAA25l+ZAAAAAXNSR0IArs4c6QAAEFZJREFUeAHtnV+oXFcVxtc+58zMvZPWJKTW9kZKRYp/EMEXhUIV+1CwID6ZhzTFJEhKwRZbFXzMi+CTxfZBqEWDVB+qT1KkT1qwvosPthaE+mBt1KakbXLvnH/b71tnn5lJ+ie3Mbkz98539HStvdba+5z5zdzJ/mafMxNMmwiIgAhcIwIxxmAPPFDYvn2FnT9f2GirsJgPrBwUVtSF1djzAraBzQtr2sKyrLCWFnuLWKBFLItd3Cy3gHZEfOojFxkPXSyinaEdp23krMvhBLyO9ew/v8/HAuqmuZB1fh/r2zgKa2Kk7fyAnJ8L24hHWsRCqonet2vHEGZxnGFItThx/J9tWMTcIhYQ646FId0POC73+bY3Yx/31jv/g04ouWwLIWL8Pt5ZxrgxzrPBCXc+Ldup3utiO8t7tvU+EbWBdRwLNTEg7m3Ue3/E8L9gM4snHhHmUevHhI92QJw2erzzp2OmeubNGj+O9+F5oe1x74/ctLbB04PxWtiUC+yLfG/Z1/00Dn0LDSo45lwOMc/Nxf24Kd6kWvbt+4Wm89us9r4ZbF2ncVBXMM7+2Eu2q9oy2GoAmzU23qptBDs5UNuhQ004fbrG2NpEQAREYE8S6P7B25MPTQ9KBJafQDx9mhP6gV24MMTZDswuYs8GmMAPMVEZWBsRh+Ue6oHVtKltTfLZjzFLY7QDzJc5SUcMvtfDb1kz1+bkvuuHmt6nnY6HcdBmf69FvJv8o01BEDk2BUPXP1qBWSkn+9pEQAR2kAA0LIUcBQsFTn2pb50gYp451rybH1mHmoiaeev1jCHf95vavjb1taya1bTd8VibMc42RBhthn7REIPN0KZoo2CLsbK2qS1PfpF3saaobQDBZuPKyrK28Rg1eWV33VWHI0co/LSJgAjsUQISKnv0iV3FhxVPnRrYhzaHdqEZWjUeWgM7wIS/5Y4JP/eIyTwn3lnyI4VAjh2TfuayrKuZTvo5+feJP3I+BiblqDH2w0TdQhoTfoTvsV4wUBiwjjbFAqxP7G2ID6wZ1yYCIiACInCVBHylsBNgED4QTAYBFCiCep8CLqBNyxxFEgSR94FljHlL+Utru3iE0DLUZqyFpchyUUbRxdxcnCJsvoY5Hs9jsINi5luL3FqXZ81NTWU3fJzj1Vgp46qgNhFYeQISKiv/ErgyAL+c5+GHIQDwqf96PbTNYuSTf4qAqhnhTZgTfFhMwkPorMc4KW+7di8AQuzqOXGPmPCz7T7G4CTeJ/Sc8BviiHFMxoLH5tqMz/L4JJ912kRABERABERg1xPA5IyrY50Iila6+HKxAyEU0HaxRAEEIdTXMT8TXmUnwJJQCgFt5HvRxbYLKOQzxNuUp/BqMX6OOC2Pk6c86wusZDV1aYNBZRX7sH9WWlF0PtsbG6UuSdz1L8GleQASKkvzVOAthJcBvf33kb0xHFk+GVkJQdCLAQqBBpN+FwSc1CcBQGHQYrLvQoCTfu5JALhwwIQ/ctLvOyf39DHhRz//dD+1DW1O/Huh4YLCBcJIn/wv0YtEpyICIiACIiACu4AAJphJLMVk2YaQcUGVhJELKI93ORdlFFQp72OgD8WZzccgqEJbupjqRRdr6PdCjpYCjAKLfpZ82hziqsSe511+377SHn+8xGWU+NxT2zIRWFmh8q6iIKs7IVBjlSDLIQxgAwRCBlHQwlIcUBRwMs+JfJusT+454Uc7pryLBPguCC7PpbavFMxy+OtY2edjmf4odC4iIAIiIAIiIAKrRwCTMN5bBVEEcUOR5IKJAoh+L5jcRyxOpuJpvo79epFEMcXLBD02J6z6Gh6LK1cUYVnT9WvgM05Bxb2CoOpXrUYXSntrUNrtt3PVaiUuD9yxibFfPnTixMiGWC3INjnJX4OaxcoBLx2ytelqAcWAof1uwsDjFAdYHeDerRSspVWCtfcUBRQSuBB0XkjgfPiNPdpEQAREQAREQAREQAREYFcRmImqJJxc/HD1qhdSAUKq91Pc2xRCxhz2uAX/vxBT/8Qc+a924Ka/hMce21wmEB9IqMQHjx60LfsiHsAdEAk3YT+EBwgb9rsQmK4sQGhwdcHvP4AgwSqD7iFYpqdd5yICIiACIiACIiACIiACMwL4EnyuEv0B+4/Dmaefm2UW511RqMSTxz6BG6dP4aTvxml+VisRi3uydGQREAEREAEREAEREAERuN4EcL/OH22QfzP89BcvX+9jvd/47ylU4on7v2Cx+T5WTb6meyfeD6FyIiACIiACIiACIiACIrC3CECsvIafVvtyOHPmpUU9sncIFf8tivLCD3C51nclUBb1tOi4IiACIiACIiACIiACIrBYAsHCi/axOz6zqJv3L7mhPB4/fotN3n4Bl3d9TyJlsS8MHV0EREAEREAEREAEREAEFkkgWvyUvfLyfYs6h6lQiSdP3mix/B0EyucXdTI6rgiIgAiIgAiIgAiIgAiIwFIR+PqizsaFin91cDP5DUTK5xZ1IjquCIiACIiACIiACIiACIjAshEIdy3qjLoVlZPH7sPSzj2LOgkdVwREQAREQAREQAREQAREYPkIYEHjAG4PObCIM8twYPy4ov1wEQfXMUVABERABERABERABERABJacwKC9eRFnmFlWfQWrKYcXcXAdUwREQAREQAREQAREQAREYMkJRP6Y+85vhTW2sBtkdv7h6ogiIAIiIAIiIAIiIAIiIAIfiEDd3IkfgQ/WFmft3nv/E44caT5Q/6ssDvH40RdjtE9eZX91EwEREAEREAEREAEREAERWBEC+CHI1iy+bjGctWBn8bCxx9e8ncFnPM9gIWpuu+3f+A2W+mrRhPiNo+fwbV8Hr3YA9RMBERABERABERABERABERCBywngl+X504znXMhQ1MyLmwBBw3Zsztp68Zq1a/8OTz5ZzY8R4unTmb3yys34DZXDFvINsxb3q8QNDPtRqCTYwPtXbsV9LIfmO8oXARHYmwS6NxXDG0WoLMQa7wH1zBraiAXkPd63UePxZOf7Gi4w5Ti0hjwtaz3et2FDi7r5Nmpa9sGexbbzA2pSzPsnPyLbx92iLqIP/Zi17rOdY4/5rM18PteOLT4lQt88i5ZhZ7vO4dc4QoH+sDnabYrnJfwR4skWsP1WFp1f9HYyy01SbDCYxdivqoA/baO68+tRsBr+EHs9TLbBmcPPJpnbAu0sy6wMuO+wznCu+DHhCj5iTYsc4gF+jDkYw1puTYMYfIPvsbkcYwDldTl81rPNuPuwIRRdOxYeC7CWIQ+bsY7tVOe+1yNGyxz33nc7wGsKMRvgeess+/E4MSJ2WY0xhloL2GFRC5gzfghqEwEREAER2D0EfP4R7A38WzBdqdn2m7p/O1hWblibQdBQyFDAUNRAzBj8iBh8/EOxvnuQ6ExF4NoSwB8UJ9YlpkslJm+Y6MOyjSko2jO/r2G8y6M+IB/RJ0MM1nO0KY5vvvD4bFyMiXyOeIsa9zke+2CPeWezjKKg85u8tmHKW1tZNaDAqGw8rjEBr+zQoQpLtJisaxOB3UcAH7wVdv78ADsFDsXNAIJsaGECMZMNrI3wKWxSLqJNkWNtJ3qide3OzvwMcdayr+fYj77HRhgjjWPwfUzUe4x9mJtrIx/DCO8NHsfXfk5/eHn3EdcZi4AIiMD1JbBtobLd04gPHj1oZX4Yn28exhv2houZNokZ/3axsIE36I/ozXm7RFXXE/BrImOcdCIgTBDnxB4Wk/RgE0waYBGfr3HBwBrUMjerL/EaZawTD6xr2xKfPGN8xJjjuFnDsdHO2beyArZCPC+xZ6UNsG8Wpe3bV2qS3z9TsiIgAtsl4OLq1VeHVpZDK4qRC6usGrmociGUj/A+NHLh02QQOC3EUA4BBNtGtCF6KIpoA9r0XQjBN+ZYw3jKT2Mpx3afN3yrTxpDq1PbfQZVJwIicD0JXHOhsp2Tjc88k9vvn70Fn/Eetrr5Dq6vOLKdfqrZWQIQBvzEnkIAk3ef7G/hHzsKBU78t7pJP6zHkHebxEAf6/uyzbEoBGILm3WWoiDCbxHLkx1ADLT1BJe0TGy9hL1hYhsb5f9zM9bOktPRREAERGB3E4gPPQShc25kbw9H+GCGQmcNV/aN8G82hA0Ek9X4DbZeOCFHodS0/PpS+Mwn0UNLQUVrrEs+hZPHYtfH6xmbtfFFP6zRJgIisKIEMA+9uBChMs87Hr//qzE2v52PrbrfXT4UIAQgAnqBYGi7aKBAgO9iIdJPooG1vYBI4oH9vQ/rsi1c5w8BEDYthyiwYsvaZuIrBAF1vTBgn4MHJ7Z//0SXAK36K1GPXwREQAQWRwBXXgQ7cWJkQ4ilFiIoXsSedcKGwsmFDgVQg71vw/rvPSTR1F2OPstHvzy96xvmfAqkGHDp+pxQwj+Ui3v0OrIIiEDAzfcLFyp8GuKJY9/ChPpHeFPiTZEL3wAl4tOhTgBE28QJdaLBMOEPmOjTdrGUgwjw3Fyd5xlnbFpP4YF2EgmeG2xZUW366kGAACmKrcu/8WDhQHQCIiACIiACIrBiBPzqj+efX8eXWWBV6MKa1YN1K9p1F0Jt5P24EDe0vlKU2kn8XBKniEIdRdJMHKGdxmDMBVQnlHDZHb+4QpsIrDwBzMdfWAqhwmcinjp2q1XxHiwRfwl/9Ly/5cP4g97vzxKuDUMMOyb9gcIhXsQnHxcRgrULEA/wYX31ADcWhxY3CPPmYb/5OImFJBiyXmhQLNQYaziXR82NN26GJ56gSNEmAiIgAiIgAiIgAjtKIJ46NXBxNKzWrWrW8UEmRFCJS++KTtxQJGUUPr34yZCH3wsexkOKzYujGMeYLyVRRNGU+kNwcZK1ow9SBxOBbRDAi/InemFuA5RKREAEREAEREAERGAvEvBL7B59dM3efHPdBhRHWDVqIGLyfB0fHneCyNoxLruDQOLqD2IG0WNoU+y0FEBJGHmcNb46hBoKIuwW4LNfGC/L1TN78bnca48p5Ha3hMpee1b1eERABERABERABERgSQn4JXXPPTfGl+qMsXKEy+mwalQ1Y8uxYmSwLoSQ85UhCByuCrmfVoRcGKV4oGCin3IUShFtX12KY6wU6TK6JX0dXOm0cH/KS/bzX35aQuVKpJQXAREQAREQAREQARHYdQT8MjoziJmLEEVYKQp5J2y4UhSwStRQ1MCGJIwoeih+2mRdNCV/XhBRGPW1sFolurYvDYiTTYjNO8OZX/1ZQuXastVoIiACIiACIiACIiACK0Qg/R7SPhdEBjHUQBRRyDQQQS5oKIbQ5mpQ3+7FENvTlaCU74WQGcZEjH0hmlbhXiKspJzDatuJ8LOn/RuBJVRW6A9JD1UEREAEREAEREAERGB3EoiPPLJu5etjuwgxFCpeFrfPV4N4yRyFTy9qWgijLEDkID8VRFxZovCBjfRdFKF/8nnJHGKLEkMQJA3O5ddWjL8dnnrqbP8MSaj0JGRFQAREQAREQAREQAREYIUJXCKGYoSQqZMg4qpOgzYFDUUQxJCLI4qltBLUrwC5ZT3jFEfwvQZ+9N8nwrfuhrcgTP6B/N+w/8mG4dnw5NP/uhz9/wB3Pdge5H11+gAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  height: 10px;
  position: absolute;
  bottom: -12px;
  width: 110%;
  display: inline-block;
  cursor: pointer;
  left: -5%;
  background-position: 50%;
  background-size: 100% 100%;
}

.underlined-button-arrow:after {
  content: "";
  background: center / contain no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAeCAYAAABqpJ3BAAAAAXNSR0IArs4c6QAAAb1JREFUWAnVmCFPxDAUgN/rCJzFgUWhcGgUoODkQSCwn4A7Ry44HD9hEAg5eeDgByBwCILCgsMgRsL26Cv0Mi67pNf12q3iuuzW9vvatXstQoBE8d4qZNkZEK0A4hNE0REmV482KGhTqEoZiuMF+E6fAWh+WA9iCoLaeN6/G94zvBCGz7l7LP9q/4PnmolakOOADjsbkzbkX2AcoaWEfwExNwDAj1IPCwnvApgk7xDRjpy8qQsJ75NYQ6v3Xb736v3XN4u54cQOJsCsLiSCCriQCC5QVaIWAlUkaiNgK4HU683C68sJ5HAgp9UiV1TrxKsT4TZeXt8zp/iFp24j4JmYP3ZAfRVTKQHV8/xPk5IMBLN0i4m9f4ldd5OQCheuK51+fTKWilq33I6ApeVjEHgqA6y36TfsoAUVQ2FHxVSyuuYto4UViLujNgJGcdEIPAvUYhIbwfOW82/tZ3Cdgo+AMfyY/XJQgarwPArBBFzAs0DEP74T7e+uyzZvqu7GmNv7CJSeCxV70HArqYv4X4XKzoU0zYTwXMy/gIYdzS3gwwiUnQtZwgcRUDHMTLQpz4UeJMCnylGs2ZyLssAPGlj7o2BW2TQAAAAASUVORK5CYII=");
  margin: auto auto auto 16px;
  color: #ff4b45;
  height: 10px;
  width: 16px;
  padding: 9px;
  position: relative;
  top: 2px;
}

@media (max-width: 767px) {
  .rounded-button-mobile,
  a.rounded-button p {
    font-size: 14px !important;
    padding: 10px 20px !important;
  }
  a.white-button {
    padding: 11px 20px !important;
  }
  a.white-button p {
    padding: 0 !important;
  }
}
@media(min-width:992px){
  a.rounded-button p {
    font-size: 18px !important;
    padding: 12px 32px;
  }
  a.white-button {
    padding: 13px 32px;
  }
  a.white-button p {
    font-size: 18px !important;
    padding: 0;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your landing pages
look if there is anything specific to your landing pages.
*********************************************************************************
****************************************************************************** */

/* .marketing-page p,
.marketing-page li {
  font-size: 20px;
  line-height: 1.5;
} */

.marketing-page .signup-form .hs-form .hs-fieldtype-text label {
  display: none;
}

.marketing-page .small-p p {
  font-size: 16px;
  line-height: 25.6px;
}

.cta_wrap > div,
.cta_wrap > span,
.cta-wrapper,
.cta-wrapper > div,
.cta-wrapper > span {
  min-height: 42px;
}


.marketing-page .cta_button p,
.marketing-page .rounded-button p,
.marketing-page .underlined-button p {
  line-height: 20px;
}

.marketing-page h1 + p,
.marketing-page h2 + p,
.marketing-page h3 + p {
  margin-top: 20px;
}

.marketing-page p + h1,
.marketing-page p + h2,
.marketing-page p + h3 {
  margin-top: 30px;
}

.marketing-page .module-banner h1 + p,
.marketing-page .module-banner h2 + p,
.marketing-page .module-banner h3 + p {
  margin-top: 16px;
}

.extend-modules .module-faq {
    background-color: rgba(222, 236, 239, 1);
}
.extend-modules .module-faq {
  z-index: 1;
  padding-bottom: 150px;
}

.module-banner p {
  font-size: 20px;
}

@media (max-width: 767px) {

  body .marketing-page h1,
  body .marketing-page .h1 {
    font-size: 30px;
    line-height: 40px;
  }

  body .marketing-page li,
  body .marketing-page h1 + p,
  body .marketing-page h2 + p,
  body .marketing-page h3 + p,
  body .marketing-page p {
    font-size: 18px;
    line-height: 30px;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your landing pages
look if there is anything specific to your landing pages.
*********************************************************************************
****************************************************************************** */

form .hs-input {
  border-radius: 6px;
}

.landing-page .hs-form .hs-fieldtype-text label {
  display: none;
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your landing pages
look if there is anything specific to your landing pages.
*********************************************************************************
****************************************************************************** */

audio, canvas, embed, iframe, img, object, svg, video {
  display: block;
  vertical-align: middle;
}
img, video {
  max-width: 100%;
  height: auto;
}
iframe.default-preview {
  border-radius: 6px;
  overflow: hidden;
}

.animated-arrow-down {
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
}

.animated-arrow-down span,
.animated-arrow-down h5 {
  font-style: italic;
  color: #000;
  font-family: "brandon-grotesque";
  margin-bottom: 0;
  white-space: nowrap;
}

.animated-arrow-down img {
  margin: 10px auto 0 auto;
  padding-left: 15px;
}

.animated-arrow-down .arrow {
  width: 45px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  outline: none;
}

.animated-arrow-down .arrow svg {
  transition-duration: 250ms;
  --transition-duration: 250ms;
}

.animated-arrow-down h5 {
  font-size: 20px;
}

html:not(.hs-inline-edit) .mobile-flex {
  display: none !important;
}

html:not(.hs-inline-edit) .mobile-block {
  display: none !important;
}

.dropdownSelect {
  position: relative;
  width: 100%;
}
.dropdownSelect::after {
  content: " ";
  position: absolute;
  right: 1rem;
  top: 1rem;
  transform: rotate(0deg);
  transition-duration: 0.2s;
  width: 16px;
  height: 16px;
  background: url(https://8963072.fs1.hubspotusercontent-na1.net/hubfs/8963072/Icons/arrow-down.svg) no-repeat;
  background-position: center;
  background-size: contain;
}
.dropdownSelect.focus::after {
  transform: rotate(180deg);
}
.dropdownSelect select {
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    width: 100%;
    outline: 0;
    padding: 0.75rem;
    color: #5a5b61;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    border: 1px solid rgba(0, 0, 0, 0.54);
}

@media (max-width: 767px) {
  html:not(.hs-inline-edit) .mobile-flex {
    display: flex !important;
  }

  html:not(.hs-inline-edit) .mobile-block {
    display: block !important;
  }

  html:not(.hs-inline-edit) .mobile-hidden {
    display: none !important;
  }
}

.videopop.ram:before {
  content: 'x';
  color: #fff;
  position: absolute;
  top: 0.75rem;
  right: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
}

/* Style Senja embed on the edit mode */
.mce-content-body .hs-embed-wrapper.senja-embed-container iframe {
  max-width: 1120px !important;
  left: 50% !important;
  transform: translateX(-50%);
}
/* Style for the Senja embed */
.senja-embed-container {
  max-width: calc(100% - 40px) !important;
}
.senja-embed-container .sj-card-wall {
  max-width: 1200px !important;
  margin: 0 auto;
  padding: 0 !important;
}
.senja-embed-container .sj-masonry {
  height: 100% !important;
  display: flex;
  justify-content: space-between;
}
.senja-embed-container .sj-masonry-item {
  width: calc(33.333333% - 30px) !important;
  position: relative !important;
  left: unset !important;
  top: unset !important;
  display: flex;
  justify-content: center;
  height: 100%;
}
.senja-embed-container .sj-masonry-item .sj-star-rating {
  gap: 0.35rem;
  margin-bottom: 0.5rem;
}
.senja-embed-container .sj-masonry-item .sj-star-rating svg {
  width: 24px !important;
  height: 24px !important;
}
.senja-embed-container .sj-masonry-item .quote  {
  font-size: 23px;
  font-weight: 400;
  line-height: 1.5;
}
.senja-embed-container .sj-masonry-item .quote > *  {
  opacity: 1;
}
.senja-embed-container .senja-embed .sj-masonry-item :is(.gap-2) {
  gap: 0;
}
.senja-embed-container .senja-embed .sj-masonry-item .sj-avatar-container {
  margin-right: 15px;
}
.senja-embed-container .senja-embed .sj-masonry-item .sj-avatar-container img {
  border-radius: 50%;
  height: 40px !important;
  width: 40px !important;
  object-fit: cover;
  opacity: 1;
}
.senja-embed-container .senja-embed .sj-masonry-item .sj-mini-quote-name {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #5a5b61;
  opacity: 1 !important;
}
.senja-embed-container .senja-embed .sj-masonry-item .sj-mini-quote-name .sj-mini-quote-tagline {
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  opacity: 1;
}
.senja-embed-container .senja-embed .sj-masonry-item :is(.max-w-\[200px\]) {
  max-width: 240px;
}
@media (min-width: 1200px) {
  .senja-embed-container {
    max-width: 100% !important;
  }
}
@media (max-width: 991px) {
  .senja-embed-container .sj-masonry {
    height: 100% !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .senja-embed-container .sj-masonry-item {
    width: 80% !important;
  }
}
@media (max-width: 767px) {
  .senja-embed-container .sj-masonry-item {
    width: 98% !important;
  }
}
/* End style for the Senja embed */
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your headers look
when it comes to the logo, search field, language switcher and navigation.
You will also find the mobile menu styles below.
*********************************************************************************
****************************************************************************** */

header.header {
  background-color: #F8FAFC;
  margin: 0 auto;
}

.header__container {
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 10px;
}

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

.header__row-1 {
  padding-top: 20px;
}

.header__menu--flex {
  display: flex;
}
#nav-toggle {
  display: none;
}

/* Styles for the Logo */

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

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

.header__logo .logo-company-name {
  font-size: 28px;
  margin-top: 7px;
}

.header__logo--tablet {
  display: none;
}

.header__logo--main {
  padding-top: 20px;
}

/* Styles for the Search Bar */

.header__search {
  width: auto;
  padding: 0 22px;
}

.header__search .hs-search-field__input {
  box-sizing: border-box;
  background-color: white;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: center right 15px;
  color: #494a52;
  border: 1.79px solid #D1D6DC;
  border-radius: 6px;
  font-family: DM Sans, sans-serif;
  font-weight: 300;
  font-size: 22px;
  padding: 0 15px;
  height: 45px;
}

.header__search .hs-search-field--open .hs-search-field__input {
  border: 1.79px solid #D1D6DC;
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  background-color: white;
}

.header__search .hs-search-field__input::placeholder {
  color: transparent;
}

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

.header__search .hs-search-field__suggestions li {
  border-top: 1px solid #D1D6DC;
  font-family: DM Sans, sans-serif;
  font-size: 22px;
}

.header__search .hs-search-field__suggestions li a {
  color: #494a52;
  text-decoration: none;
  padding: 3px 15px;
  transition: background-color 0.3s;
}

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

/* Styles for the Language Switcher Component */

.header__language-switcher {
  padding-right: 35px;
  cursor: pointer;
}

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

.header__language-switcher .lang_list_class {
  display: block;
  visibility: hidden;
  opacity: 0;
  font-family: DM Sans, sans-serif;
  font-size: 0.8rem;
  color: #494a52;
  top: 42px;
  left: calc(100% - 24px);
  padding-top: 0;
  min-width: 100px;
  text-align: left;
  transition: opacity 0.3s;
  border: 1.79px solid #D1D6DC;
  border-radius: 6px;
  box-shadow: 0 2px 9px 0 rgba(0,0,0,0.2)
}

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

.header__language-switcher .lang_list_class:before {
  top: -24px;
  left: 70%;
  border-bottom-color: #D1D6DC;
  border-radius: 6px;
}

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

.header__language-switcher .lang_list_class.first-active::after {
  top: -22px;
  border-bottom-color: #EBEFF3;
  transition: 0.3s;
}

.header__language-switcher .lang_list_class li {
  border: none;
  padding: 10px 15px;
  font-size: 18px;
}

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

.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 {
  background-color: #EBEFF3;
  transition: background-color 0.3s;
}

.header__language-switcher .lang_list_class li a {
  font-family: DM Sans, sans-serif;
  color: #494a52;
}

.header__language-switcher .lang_list_class li a:hover {
  color: #494a52;
}

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

.header__language-switcher--label-current {
  font-size: 18px;
  margin-left: 10px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}
.header__language-switcher--label-current:after {
  content: "";
  display: block;
  height: 0px;
  width: 0px;
  margin-top: 3px;
  margin-left: 10px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #494a52;
}

/* Tablet Styles */

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

  .header__logo--main {
    display: none;
  }

  .header__logo--tablet {
    display: block;
  }
}

/* Mobile Styles */

@media (max-width: 767px) {
  .header .content-wrapper{
    padding: 0;
  }
  .header__container {
    flex-direction: column;
    padding: 20px 0 0;
  }

  .header__container form {
    max-width: 100%;
  }

  .header__logo {
    width: 100%;
    margin: 0 auto;
  }

  .header__navigation,
  .header__search,
  .header__language-switcher {
    display: none;
    width: 100%;
  }

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

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

  .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-right: auto;
    margin-left: 0;
  }

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

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

  .header__column {
    position: relative;
  }

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

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

  .header__navigation--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oYW1idXJnZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9ImhhbWJ1cmdlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iR3JvdXAiIHN0cm9rZT0iIzQ5NEE1MiIgc3Ryb2tlLXdpZHRoPSIzIj4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgeD0iMS41IiB5PSI5LjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTUiIHg9IjEuNSIgeT0iMTcuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    height: 25px;
    width: 25px;
    cursor: pointer;
  }

  .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;
    width: 25px;
    height: 25px;
  }

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

  .header__language-switcher {
    border-top: 2px solid #CED4DB;
    padding-right: 0;
    padding-left: 30px;
  }

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

  .header__language-switcher .lang_list_class li {
    background-color: inherit;
    font-size: 22px;
  }
  .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;
  }

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

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

  .header__search {
    order: 1;
    padding: 30px;
    border-top: 2px solid #CED4DB;
  }

  .header__search .hs-search-field__input {
    padding-left: 15px;
  }

  .header__search .hs-search-field__suggestions li {
    padding: 10px 0;
  }

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

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

}

/*----------*/
header.header {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 550;
}

/* Higher than widget & hubspot */
body.mobile-open header.header {
  z-index: 9999999999;
}

header.header .header__container {
  padding: 0;
  position: relative;
}

header.header .header__container > .inrRow {
  display: block;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 15px 0;
}

.custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-2:nth-child(1) li.hs-menu-depth-3:first-child > ul li.active > a,
.custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children ul li.active > a {
  color: #ff7470;
}

.custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children li > a i img {
/*   -webkit-filter: grayscale(100%);
  filter: grayscale(100%); */
  width: 100%;
}

.custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children li > a:hover i img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children li.active > a i img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) > ul > li.active > a span:after,
.custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children.product li.hs-menu-depth-4.active > a span:after {
  color: #475767;
}

.header_logo {
  padding-top: .3125rem;
  padding-bottom: .3125rem;
  font-size: 1.25rem;
  line-height: inherit;
  flex-grow: unset;
}

.header_logo .logo-mobile {
  display: none;
}

.header_logo a {
  display: block;
  width: auto;
}

.header_logo a img {
  position: relative;
  margin: auto;
  left: 0;
  max-width: 156px;
}

header.header .header_right {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  padding: 0 0.4rem;
}

.header_links {
  display: flex;
  margin-left: auto;
  gap: 10px;
  margin-top: 0px;
  align-items: center;
}

.custom-menu-primary ul {
  margin: 0;
}

.header_right {
}

.trigger {
  display: none;
}


.sign_link a {
  position: relative;
  font-size: 18px;
  line-height: 19px;
  font-weight: 600;
  opacity: 1;
  margin-right: 15px;
  transition: color .3s;
  margin: 0;
  display: block;
  padding: .5rem 1rem;
  border: 2px solid white;
  border-radius: 999px;

}



.login_link a {
  transition: color .3s;
  display: block;
  padding: .5rem;
  padding-left: 0;
  margin: 0;
  font-size: 18px;
  line-height: 19px;
  font-weight: 600;
}

.header_links a {
  text-decoration: none;
}

/*------ mega menu------*/


.custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a:after {
  content: '';
  background-image: url(https://8963072.fs1.hubspotusercontent-na1.net/hubfs/8963072/raw_assets/public/eWebinar%20v2%20Theme/images/chevron-down-solid.svg);
  display: inline-block;
  margin-left: 10px;
  width: 0.75rem;
  height: 10px;
  transition: 100ms ease;
  background-size: cover;
}

.lp header.header .header__container > .inrRow {
  padding: 20px 0;
}

.custom-menu-primary .hs-menu-wrapper li.product li.hs-menu-depth-2.submenulevel2>ul>li.watchourdemonow {
  align-items: center;
  background: #ff7470;
  border-radius: 99px;
  display: flex;
  font-weight: 700;
  justify-content: space-between;
  padding: 10px 20px;
  color: #fff;
  margin-top: 1rem;
}
.custom-menu-primary .hs-menu-wrapper li.product li.hs-menu-depth-2.submenulevel2>ul>li.watchourdemonow h3 {
  color: #fff;
  width: 100%;
  margin: 0;
  font-size: 22px;
  line-height: 38px;
  font-weight: 600;
  padding-left: 10px;
}
.custom-menu-primary .hs-menu-wrapper li.product li.hs-menu-depth-2.submenulevel2>ul>li.watchourdemonow a {
  color: #ff7470;
  cursor: pointer;
  border: 3px solid rgba(255, 255, 255, 0.4);
  border-radius: 99px;
  padding: 0;
  white-space: nowrap;
}
.custom-menu-primary .hs-menu-wrapper li.product li.hs-menu-depth-2.submenulevel2>ul>li.watchourdemonow a span {
  padding: 8px 20px;
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));
  border-radius: 99px;
  min-width: 14rem;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
}

@media(min-width:992px){
  header.header .header_right {
    display: flex !important;
  }
  .custom-menu-primary.mmenu {
    display: none;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a:after {
    display: none;
  }

  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1 > a > span,
  .custom-menu-primary .hs-menu-wrapper > ul.active-branch > li > a > span {
    opacity: 1;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.active > a > span,
  .custom-menu-primary .hs-menu-wrapper > ul.active-branch > li:hover > a > span,
  .custom-menu-primary .hs-menu-wrapper > ul.active-branch > li.active-branch > a > span {
    opacity: 1;
    font-weight: 600;
  }

  .header_right .custom-menu-primary {
    margin-left: 2.5rem;
    margin-top: 0px;
  }

  .header_wrap .spacer {
    margin-top: 75px;
  }

  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-1 > ul {
    display: block;
  }

  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-1 > ul > li {
    width: 100%;
  }

  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1 > a {
    transition: color .3s;
    padding: 0;
    padding-left: .25rem;
    padding-right: .25rem;
    font-size: 16px;
    line-height: 45px;
    font-weight: 600;
    margin-right: 30px;
  }

  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1 > a,
  .product-category,
  .login_link a, .sign_link a {
    font-size: 17px;
  }

  .custom-menu-primary .hs-menu-wrapper li.product  li.hs-menu-depth-2 > a {
    display: none;
  }

  .custom-menu-primary .hs-menu-wrapper li.product li.hs-menu-depth-2 > ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    gap: 0;
  }
  .custom-menu-primary .hs-menu-wrapper li.product li.hs-menu-depth-2 > ul > li.features,
  .custom-menu-primary .hs-menu-wrapper li.product li.hs-menu-depth-2 > ul > li.integrations {
    display: flex;
    width: 100%;
    border-radius: 19px;
    padding: 0 0 0 17rem;
  }

  .custom-menu-primary .hs-menu-wrapper li.product li.hs-menu-depth-2.submenulevel2>ul {
    padding: 0 !important;
    background: none!important;
  }
  .custom-menu-primary .hs-menu-wrapper li.product li.hs-menu-depth-2.submenulevel2>ul>li.watchourdemonow {
    align-items: center;
    background: #ff7470;
    border-radius: 99px;
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    padding: 10px 20px;
    color: #fff;
    margin-top: 1rem;
  }
  .custom-menu-primary .hs-menu-wrapper li.product li.hs-menu-depth-2.submenulevel2>ul>li.watchourdemonow h3 {
    color: #fff;
    width: 100%;
    margin: 0;
    font-size: 18px;
    line-height: 38px;
    font-weight: 600;
    padding-left: 10px;
  }
  .custom-menu-primary .hs-menu-wrapper li.product li.hs-menu-depth-2.submenulevel2>ul>li.watchourdemonow a {
    color: #ff7470;
    cursor: pointer;
    border: 3px solid rgba(255, 255, 255, 0.4);
    border-radius: 99px;
    padding: 0;
  }
  .custom-menu-primary .hs-menu-wrapper li.product li.hs-menu-depth-2.submenulevel2 > ul > li.watchourdemonow a i {
    display: none;
  }
  .custom-menu-primary .hs-menu-wrapper li.product li.hs-menu-depth-2.submenulevel2>ul>li.watchourdemonow a span {
    padding: 8px 20px;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));
    border-radius: 99px;
    min-width: 14rem;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
  }
  .custom-menu-primary .hs-menu-wrapper li.product li.hs-menu-depth-2 > ul > li > ul {
    display: flex !important;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 !important;
    padding: 30px 20px;
  }
  .custom-menu-primary .hs-menu-wrapper li.product li.hs-menu-depth-2 > ul > li > ul > li {
    width: 50%;
    padding: 0 !important;
    gap: 0 !important;
  }
  .custom-menu-primary .hs-menu-wrapper li.product li.hs-menu-depth-2 > ul > li > ul > li > a {
    font-size: 14px !important;
    display: flex;
    align-items: center !important;
    width: 100%;
  }

  .custom-menu-primary .hs-menu-wrapper li.product li.hs-menu-depth-2.submenulevel2 > ul {
    padding: 1rem .5rem;
  }

  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-2 > ul > li.hs-menu-depth-3 {
    width: 100%;
    padding: 0 .5rem;
  }
  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-2 > ul > li.hs-menu-depth-3 > div {
    position: absolute;
    left: 15px;
    width: 17rem;
    padding: 20px 30px;
    height: 158px;
    border-radius: 19px;
  }
  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-2 > ul > li.hs-menu-depth-3:not(.active) > div {
    z-index: 2;
  }
  .feature-categories {
    background: #fff;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .integration-categories {
    top: 174px;
    width: 15rem;
    left: 14px;
    background: #fff;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
  }
  .product-group.active > div {
    background: #eff5f7;
    border-top-left-radius: 19px;
    border-bottom-left-radius: 19px;
  }

  .custom-menu-primary .hs-menu-wrapper li.product li.hs-menu-depth-2 > ul > li > ul {
    display: none !important;
  }
  .custom-menu-primary .hs-menu-wrapper li.product li.hs-menu-depth-2 > ul > li.active > ul {
    display: flex !important;
    position: relative;
    border-radius: 19px;
  }
  .custom-menu-primary .hs-menu-wrapper li.product li.hs-menu-depth-2 > ul > li.active > ul:before {
    content: " ";
    background: rgb(239, 245, 247);
    height: 70%;
    position: absolute;
    left: -2rem;
    width: 3rem;
    top: 0;
    z-index: 1;
    border-top-left-radius: 19px;
    border-bottom-left-radius: 19px;
  }
  .custom-menu-primary .hs-menu-wrapper li.product li.hs-menu-depth-2 > ul > li.integrations.active > ul:before {
    top: auto;
    bottom: 0;
  }

  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-2 > ul > li.hs-menu-depth-3 > div > h3 {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    color: #4a4a4a!important;
    font-size: 22px;
    line-height: 34px;
    font-weight: 700;
    cursor: pointer;
  }
  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-2 > ul > li.hs-menu-depth-3 > div > h3:after {
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: #5A5B61;
  }
  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-2 > ul > li.hs-menu-depth-3 > div > a {
    display: flex;
    align-items: center;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    color: #ff7470 !important;
  }
  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-2 > ul > li.hs-menu-depth-3 > div > a > i > img{
    max-width: 18px;
  }

  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-2 > ul > li.hs-menu-depth-3 > div > a > i {
    width: 24px;
    margin-right: 0.5rem;
  }
  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-2 > ul > li.hs-menu-depth-3 > ul {
    background: #eff5f7;
    border-bottom-right-radius: 19px;
    border-top-right-radius: 19px;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    height: 100%;
    justify-content: flex-start;
    padding: 20px;
  }
  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-2 > ul > li.hs-menu-depth-3 > ul > li {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 10px;
    justify-items: center;
    padding: 15px;
    width: 50%;
  }

  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-2:nth-child(1) > ul > li.hs-menu-depth-3 > ul {
    display: block;
    width: 100%;
    margin-top: 0.5rem;
  }

  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-2:nth-child(1) > ul > li.hs-menu-depth-4 {
    display: block;
    width: 100%;
  }

  .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) > ul {
    padding: 1rem;
  }

  .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) > ul > li.hs-menu-depth-2 {
    display: block;
    width: 100%;
  }

  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-1 > ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    transition: 0.3s ease;
    width: 100%;
  }

  .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) > ul > li.hs-menu-depth-2 > a {
    align-items: center !important;
  }

  .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) li > a i {
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    background: none !important;
    margin-right: 1rem;
  }
  .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) li > a i img {
    filter: none !important;
  }

  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.hs-item-has-children.resources > ul {
    display: none;
    width: 52rem;
    background: #fff;
    border-radius: 19px;
    box-shadow: 2px 2px 1rem rgba(0,0,0,.3);
    padding: 15px;
    margin: 0;
    top: 45px;
    left: -22.75rem;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.hs-item-has-children.resources.active_menu > ul {
    display: block;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.hs-item-has-children.resources > ul:before{
    left: 24.5rem !important;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.hs-item-has-children.resources > ul > li {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.hs-item-has-children.resources > ul > li:first-child {
    border-top-right-radius: 19px;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.hs-item-has-children.resources > ul > li:last-child {
    border-bottom-right-radius: 19px;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.hs-item-has-children.resources > ul > li:first-child:not(.active),
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.hs-item-has-children.resources > ul > li:last-child:not(.active) {
    position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.hs-item-has-children.resources > ul > li:first-child:not(.active):before,
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.hs-item-has-children.resources > ul > li:last-child:not(.active):before {
    content: " ";
    position: absolute;
    height: 120px;
    width: 30px;
    left: calc(19rem - 12px);
    z-index: 2;
    background: #fff;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.hs-item-has-children.resources > ul > li:first-child:not(.active):after,
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.hs-item-has-children.resources > ul > li:last-child:not(.active):after {
    content: " ";
    position: absolute;
    height: 120px;
    width: 30px;
    left: calc(19rem - 12px);
    z-index: 10;
    background: #eff5f7;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.hs-item-has-children.resources > ul > li:first-child:not(.active):after {
    border-top-left-radius: 19px;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.hs-item-has-children.resources > ul > li:last-child:not(.active):after {
    border-bottom-left-radius: 19px;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.hs-item-has-children.resources > ul > li.resources-group > div {
    height: 120px;
  }
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li.resources-group {
    display: flex !important;
    flex-direction: row !important;
    background: rgb(239, 245, 247);
  }
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li.resources-group > div {
    width: calc(19rem - 12px);
    padding: 10px 30px;
    border-radius: 0;
  }
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li.resources-group.active > div {
    border-radius: 19px;
  }
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li.resources-group:has(+ .active) > div {
    border-bottom-right-radius: 19px;
  }
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li.resources-group.active + li > div {
    border-top-right-radius: 19px;
  }
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li.resources-group:not(.active) > div {
    z-index: 2;
  }
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li.resources-group > div > h3 {
    display: flex;
    flex-wrap: wrap;
    color: #4a4a4a;
    font-size: 20px;
    line-height: 34px;
    font-weight: 700;
    cursor: pointer;
    margin: 0;
    white-space: nowrap;
  }
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li.resources-group > div > h3:after {
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: #5A5B61;
    display: block;
    width: 100%;
  }
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li.resources-group > div > a {
    display: none;
  }
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li.resources-group .browse-btn{
    display: flex;
    color: #ff7470;
    font-weight: 700;
    padding: 0;
    font-size: 16px;
    align-items: center;
  }
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li.resources-group .browse-btn img{
    max-width: 18px;
    margin-top: 3px;
  }
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li.resources-group > ul > li > a {
    font-size: 16px;
    font-weight: 700;
  }
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li.resources-group > div > a > i {
    width: 24px;
    height: 24px;
    margin-right: 0.5rem;
  }
  .blog-categories {
    background: #fff;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .blog-categories h3::after{
    content:"Best practices, updates + more.";
  }
  .webinartemplates-categories h3::after{
    content: "Landing pages, email series, etc.";
  }
  .webinarlibrary-categories h3::after{
    content:"Webinar examples and templates.";
  }
  .helpcenter-categories h3::after{
    content: "How-to's and video tutorials.";
  }
  .webinartemplates-categories {
    width: 15rem;
    background: #fff;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
  }
  .webinarlibrary-categories {
    width: 15rem;
    background: #fff;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
  }
  .helpcenter-categories {
    width: 15rem;
    background: #fff;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
  }
  .resources-group.active > div {
    background: #eff5f7;
    border-top-left-radius: 19px;
    border-bottom-left-radius: 19px;
  }
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li > ul > li {
    width: 100%;
    padding: 0 !important;
    gap: 0 !important;
  }
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li > ul > li > a {
    font-size: 16px !important;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    color: inherit !important;
    line-height: normal !important;
    padding: 1rem 0.75rem !important;
  }
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li > ul > li > a {
    display: none;
  }
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li.active > ul {
    display: flex;
    position: relative;
    border-radius: 19px;
    background: rgb(239, 245, 247);
  }
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li.active > ul > li > a {
    display: flex !important;
  }
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li > ul > li > ul > li > a {
    padding: 0 !important;
  }
  .custom-menu-primary .hs-menu-wrapper li.resources ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    gap: 0;
  }
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li.resources-group > ul {
    background-color: rgb(239, 245, 247);
    position: absolute;
    top: 15px;
    left: 19.25rem;
    right: 15px;
    z-index: 1;
  }
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li.resources-group > ul > li.link-all-posts a {
    color: #ff7470 !important;
    font-weight: 700;
  }
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li.resources-group > ul > li.link-all-posts a > i > img{
    max-width: 18px;
    margin-top: 3px;
  }
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li.resources-group > ul > li.link-all-posts > a > i {
    width: 24px !important;
    height: 24px !important;
    margin-right: 0.5rem;
  }
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li.resources-group > ul > li > a {
    border-radius: 0.5rem;
    line-height: 1.5 !important;
  }
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li.resources-group.active > ul {
    padding: 30px 20px;
    z-index: 100;
  }
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li.resources-group:first-child:not(.active) > ul {
    border-top-left-radius: 19px;
    border-top-right-radius: 19px;
  }
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li.resources-group:last-child:not(.active) > ul {
    border-bottom-left-radius: 19px;
    border-bottom-right-radius: 19px;
  }
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li.blog,
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li.webinartemplates,
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li.webinarlibrary,
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li.helpcenter{
    display: flex;
    width: 100%;
    border-radius: 19px;
    padding: 0;
  }

  .custom-menu-primary .hs-menu-wrapper li.product li.hs-menu-depth-2 > ul > li > div > h3,
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li.resources-group > div > h3 {
    color: #589fb0 !important;
    display: flex;
    align-items: center;
  }
  .custom-menu-primary .hs-menu-wrapper li.product li.hs-menu-depth-2 > ul > li.active > div > h3,
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li.resources-group.active > div > h3 {
    pointer-events: none;
    color: #4a4a4a !important;
  }
  .custom-menu-primary .hs-menu-wrapper li.resources > ul > li.resources-group > div > h3 > i {
    width: 32px;
    margin-right: 1rem;
  }

  /*----- mega menu ----*/


  .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) > ul > li.hs-menu-depth-2 > a,
  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-3.watchourdemonow > a,
  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-3.allintegrations > a,
  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-2:nth-child(1) li.hs-menu-depth-4 > a {
    padding: 1rem 0.75rem;
    font-weight: 700;
    font-size: 13px;
    line-height: 50px;
    border-radius: .5rem;
    display: flex;
    align-items: flex-start;
  }

  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-2:first-child > ul > li.hs-menu-depth-3 > a > i {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    margin-right: 1rem;
  }

  .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) > ul > li.hs-menu-depth-2 > a i,
  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-2.watchourdemonow > a i,
  .custom-menu-primary .hs-menu-wrapper .product li.hs-menu-depth-2.discover  li.hs-menu-depth-3 > a i ,
  .custom-menu-primary .hs-menu-wrapper .product li.hs-menu-depth-2.topintegrations  li.hs-menu-depth-3 > a i,
  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-3.watchourdemonow > a i,
  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-3.allintegrations > a i,
  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-2:nth-child(1) li.hs-menu-depth-4 > a i {
/*     background-color: #efeff4;
    border-radius: 9999px; */
    background: none !important;
    display: flex;
    align-items: center;
    flex: none;
    margin-right: 1rem;
    padding: 0;
    height: 32px;
    width: 32px;
  }
  .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) > ul > li.hs-menu-depth-2 > a i {
/*     background-color: #efeff4 !important; */
    border-radius: 9999px;
    width: 3rem;
    height: 3rem;
    padding: 0.6rem;
  }
  .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) li > a i img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    width: 100%;
  }
  .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) li > a:hover i img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
  }

  .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) > ul > li.hs-menu-depth-2 > a span,
  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-3.watchourdemonow > a span,
  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-3.allintegrations > a span,
  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-2:nth-child(1) li.hs-menu-depth-4 > a span {
    width: auto;
    display: block;
    font-size: 16px;
    line-height: 1.2;
  }

  .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) > ul > li.hs-menu-depth-2 > a span:after,
  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-3.allintegrations > a span:after {
    content: '';
    display: block;
    margin-top: 3px;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    width: 100%;
  }

  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.active_menu > ul {
    display: block;
  }

  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.active_menu > a:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1 {
    position: relative;
  }

  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.active_menu > ul {
    display: block;
  }

  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.hs-item-has-children > ul.hs-menu-children-wrapper {
    background: #fff;
    border-radius: 19px;
    box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.3);

  }
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.hs-item-has-children > ul.hs-menu-children-wrapper:before {
    content: " ";
    border-right: 14px solid transparent;
    border-left: 14px solid transparent;
    border-image: initial;
    border-bottom: 12px solid rgb(255, 255, 255);
    border-top: none;
    left: 2.5rem;
    position: absolute;
    top: -10px;
  }

  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.hs-item-has-children > ul {
    box-shadow: 0 0 2px rgb(0,0,0,0.3);
    top: 45px;
    left: -1rem;
    width: 22rem;
    font-size: .875rem;
  }

  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.hs-item-has-children.product > ul {
    width: 44rem;
    background: #fff;
    border-radius: 19px;
    box-shadow: 2px 2px 1rem rgba(0,0,0,.3);
    padding: 15px;
    margin: 0;
    top: 45px;
    left: -3rem;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.hs-item-has-children.product > ul:before{
    left: 4rem;
  }

  .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) > ul > li.hs-menu-depth-2.onboarding > a span:after {
    content: "Personalized onboarding at scale for customers, contractors, or staff.";
  }
  .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) > ul > li.hs-menu-depth-2.saascustomersuccess > a span:after {
    content: "Tech-touch customer onboarding and training that feels high-touch.";
  }
  .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) > ul > li.hs-menu-depth-2.training > a span:after {
    content: "Automate your training webinars while meeting individual needs.";
  }
  .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) > ul > li.hs-menu-depth-2.realestatetechmls > a span:after {
    content: "Onboard, train, and upsell agents at scale with a personal touch.";
  }
  .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) > ul > li.hs-menu-depth-2.rollouts > a span:after {
    content: "Put the rollout of new products and services on autopilot.";
  }
  .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) > ul > li.hs-menu-depth-2.realestatebrokerage > a span:after {
    content: "Training and onboarding that actually fits into agents' hectic schedules.";
  }
  

/*   .custom-menu-primary .hs-menu-wrapper .product li.hs-menu-depth-4 >a span:after {
    overflow: hidden;
    height: 3.6rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  } */

  .custom-menu-primary .hs-menu-wrapper .product li.hs-menu-depth-4.why-ewebinar >a span:after {
    content: "Find out why we’re here to make webinars fun and interactive.";
  }
/*   .custom-menu-primary .hs-menu-wrapper .product li.hs-menu-depth-4.features >a span:after {
    content: "Live chat, real-time interactions, and more features that make us unique.";
  } */

/*   .custom-menu-primary .hs-menu-wrapper .product li.hs-menu-depth-4.zoom >a span:after {
    content: "Repurpose your Zoom recordings as eWebinars with one click.";
  } */
/*   .custom-menu-primary .hs-menu-wrapper .product li.hs-menu-depth-4.thinkific >a span:after {
    content: "Sell your courses 24/7 and send attendees directly to your check out.";
  } */
  .custom-menu-primary .hs-menu-wrapper .product li.hs-menu-depth-4.product-hunt >a span:after {
    content: "Branded interaction and website widget for your big launch day.";
  }

  .custom-menu-primary .hs-menu-wrapper .product li.hs-menu-depth-4.integrations >a span:after {
    content: "eWebinar easily connects with the apps you already use, whether to track leads or promote your products.";
  }

/*   .custom-menu-primary .hs-menu-wrapper .product li.hs-menu-depth-4.hubspot >a span:after {
    content: "Automatically add eWebinar registrants and attendees to a HubSpot email audience of your choice.";
  } */

/*   .custom-menu-primary .hs-menu-wrapper .product li.hs-menu-depth-3.webinar-quick-ewebinar-overview-and-demo-2592 >a span:after {
    content: "Experience an eWebinar for yourself. We think you’ll be delighted!";
  } */

  .custom-menu-primary .hs-menu-wrapper .product li.features > div > h3:after {
    content: "Live chat, real-time interactions, flexible scheduling, and more features that make us unique.";
  }
  .custom-menu-primary .hs-menu-wrapper .product li.integrations > div > h3:after {
    content: "Works with your favorite CRMs, marketing automation software, Zapier + more.";
  }
/*   .custom-menu-primary .hs-menu-wrapper .product li.integrations >a span:after {
    content: "Works with your favorite CRMs, marketing solutions, Zapier + more.";
  } */

/*   .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) > ul > li.hs-menu-depth-2.customerstories > a span:after {
    content: "Don’t take our word for it. See what our customers say.";
  }
  .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) > ul > li.hs-menu-depth-2.realestatebrokerageandmls > a span:after {
    content: "Training that agents can actually fit into their hectic schedules.";
  }
  .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) > ul > li.hs-menu-depth-2.realestatetech > a span:after {
    content: "Onboard, train, and upsell agents anytime they’re available.";
  }
  .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) > ul > li.hs-menu-depth-2.saascustomersuccess > a span:after {
    content: "Deliver personalized onboarding and training at scale without doing it live.";
  }
  .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) > ul > li.hs-menu-depth-2.saassalesandleadgen > a span:after {
    content: "Self-service interactive demos that prospects can join without getting on a call.";
  }
  .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) > ul > li.hs-menu-depth-2.coursecreatorsandcoaches > a span:after {
    content: "Sell your courses 24/7, even in your sleep.";
  } */
/*   .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) > ul > li.hs-menu-depth-2.webinartemplates > a span:after {
    content: "Use our free templates for sales, marketing, and customer success webinars instead of building the experience from scratch.";
  } */
/*   .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) > ul > li.hs-menu-depth-2.webinarlibrary > a span:after {
    content: "Browse our library of free automated webinars to learn something new and get ideas for your own webinars.";
  } */
/*   .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) > ul > li.hs-menu-depth-2.blog > a span:after {
    content: "Learn strategies for how to get the most out of your automated webinars and find out about new features and product updates.";
  } */
  .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) > ul > li.hs-menu-depth-2.profitledpodcast > a span:after {
    content: "Accelerate your business with proven growth strategies from the people who have done it before.";
  }

/*   .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) > ul > li.hs-menu-depth-2.helpcenter > a span:after {
    content: "Search our collection of helpful articles and tutorial videos explaining how to create, set up, and manage all of your eWebinars.";
  } */

  .sign_link a:hover::after {
    opacity: 0.8;
  }
  li.hs-menu-item.hs-menu-depth-1.hs-item-has-children.usecases ul li{
    width: 50% !important;
  }
}

.header_auth_btn{
  display: flex;
  gap: 10px;
}

/* @media(max-width:991px) and (min-width:768px){
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1 > a {
    margin: 0;
  }

  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.hs-item-has-children > ul {
    left: 25%;
    transform: translateX(-25%);
  }
} */


/* Start Code override usecase Menu */

li.hs-menu-item.hs-menu-depth-1.hs-item-has-children.usecases ul {
    width: 42rem !important;
    flex-wrap: wrap;
}


li.hs-menu-item.hs-menu-depth-1.hs-item-has-children.usecases.active_menu > ul{
  display: flex !important;
}

/* End Code override usecase Menu */

@media(max-width:1023px) and (min-width:992px){
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1 > a {
    font-size: 16px;
    padding: 0 0.25rem;
    margin-right: 15px;
  }
  .product-category,
  .login_link a, .sign_link a {
    font-size: 16px;
  }
}
@media(max-width:1200px) and (min-width:1024px){
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1 > a {
    font-size: 16px;
    padding: 0 0.25rem;
    margin-right: 20px;
  }
  .product-category,
  .login_link a, .sign_link a {
    font-size: 16px;
  }
}
@media(max-width:1023px){
  header.header .header__container {
    max-width: 100%;
    padding: 0;
    left: auto;
  }

}

@media(max-width: 991.99px){

/*  Landing-page  */

  .header_wrap .spacer {
    margin-top: 55px;
  }
  .ew-add-logo-here-sec {
    width: 100%;
    float: left;
    text-align: center;
  }


/*  End  */

  .hs-tools-menu.hs-collapsed {
    top: 70px!important;
  }

  .custom-menu-primary.dsmenu {
    display: none;
  }

  body.mobile-open {
    overflow: hidden;
  }

  .mobile-open header.header {
    background: #fff;
  }

  header.header .header__container > .inrRow {
    flex-wrap: wrap;
    position: relative;
    padding: 0;
  }

  .header_logo {
    padding: 20px 0;
    margin: 0 auto 0 30px;
    padding-right: 9px;
    position: relative;
    z-index: 40;
  }

  .header_logo a img {
    max-width: 132px;
  }

  .lp header.header .header__container > .inrRow {
    padding: 10px 0;
  }

  .trigger {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    right: 20px;
/*     -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out; */
    cursor: pointer;
    z-index: 50;
  }
  .trigger img {
    position: absolute;
  }
  .trigger .close {
    opacity: 0;
    transform: scale(0);
  }

  .mobile-open .header_logo #hs_cos_wrapper_logo_unique_name {
    display: none;
  }
  .mobile-open .header_logo .logo-mobile {
    display: block;
  }

  body.not(.mobile-open) header.header {
    transition: 5s ease-in-out;
  }

  body.not(.mobile-open) header.header .open {
    transition: 2s ease-in-out;
  }
  .mobile-open .open {
    opacity: 0;
    transform: scale(0);
    transition: 0.5s ease-in-out;
  }
  .mobile-open .close {
    opacity: 1;
    transform: scale(1);
    transition: 0.5s ease-in-out;
  }

  .header_logo a img {
    left: 0;
  }

  .header_logo {
    padding-right: 0;
  }

  header.header .header_right {
    width: 100%;
    padding: 0 20px;
    margin-top: 0;
    height: calc(100vh - 40px);
    overflow-y: auto;
    display: block;
    background: #fff;
    display: none;
    flex-flow: column;
  }

  .custom-menu-primary {
    margin-top: 20px;
    width: 100%;
  }

  .custom-menu-primary .hs-menu-wrapper ul {
    display: block;
  }

  .custom-menu-primary .hs-menu-wrapper > ul > li {
    border-bottom: 1px solid rgba(173, 170, 170, 0.3)
  }

  .custom-menu-primary .hs-menu-wrapper > ul > li > a {
    line-height: 40px;
    font-size: 20px;
    font-weight: 700;
    transition: color .3s;
    padding: 12px 10px;
    font-family: DM Sans;
    color: rgba(90, 91, 97, 1) !important;
  }

  .custom-menu-primary .hs-menu-wrapper ul.hs-menu-children-wrapper {
    display: none;
  }

  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a:after {
    position: relative;
    top: -2px;
  }

  .custom-menu-primary .hs-menu-wrapper .hs-item-has-children.active_menu > ul.hs-menu-children-wrapper {
    display: block;
  }

  .custom-menu-primary .hs-menu-wrapper .hs-item-has-children > ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper {
    display: block !important;
  }

  .custom-menu-primary .hs-menu-wrapper .hs-item-has-children ul li > a > i {
    border-radius: 9999px;
  }

  .custom-menu-primary .hs-menu-wrapper .product li.hs-menu-depth-2.discover > a ,
  .custom-menu-primary .hs-menu-wrapper .product li.hs-menu-depth-2.topintegrations > a {
    padding: 0 15px;
    font-size: .875rem;
    text-transform: uppercase;
    background: transparent;
    line-height: 1.2;
    color: #66b1ba!important;
    margin: 10px 0;
  }

  .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) > ul > li.hs-menu-depth-2 > a,
  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-2.watchourdemonow > a,
  .custom-menu-primary .hs-menu-wrapper .product li.hs-menu-depth-2.discover  li.hs-menu-depth-3 > a,
  .custom-menu-primary .hs-menu-wrapper .product li.hs-menu-depth-2.topintegrations  li.hs-menu-depth-3 > a {
    padding: 0.5rem 0rem;
    font-weight: 700;
    font-size: 14px;
    line-height: 50px;
    border-radius: .5rem;
    display: flex;
    align-items: center;
  }

  .custom-menu-primary .hs-menu-wrapper .hs-item-has-children ul li > a i,
  .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) > ul > li.hs-menu-depth-2 > a i,
  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-2.watchourdemonow > a i,
  .custom-menu-primary .hs-menu-wrapper .product li.hs-menu-depth-2.discover  li.hs-menu-depth-3 > a i ,
  .custom-menu-primary .hs-menu-wrapper .product li.hs-menu-depth-2.topintegrations  li.hs-menu-depth-3 > a i,
  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-3.watchourdemonow> a i,
  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-2:nth-child(1) li.hs-menu-depth-4 > a i {
    display: flex;
    align-items: center;
    flex: none;
    margin-right: 1rem;
    padding: .5rem;
    height: 2rem;
    width: 2rem;
  }

  .custom-menu-primary .hs-menu-wrapper .hs-item-has-children ul li > a i {
    background-color: rgba(239,239,244,1.0) !important;
  }


  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-2.watchourdemonow > a span,
  .custom-menu-primary .hs-menu-wrapper .product li.hs-menu-depth-2.discover  li.hs-menu-depth-3 > a span,
  .custom-menu-primary .hs-menu-wrapper .product li.hs-menu-depth-2.topintegrations  li.hs-menu-depth-3 > a span {
    width: auto;
    display: block;
    font-size: 16px;
    line-height: 1.2;
  }

  .custom-menu-primary .hs-menu-wrapper .product.active_menu > ul.hs-menu-children-wrapper li.hs-menu-depth-3 {
    padding: 0 15px;
  }

  .custom-menu-primary .hs-menu-wrapper .product.active_menu > ul.hs-menu-children-wrapper li.hs-menu-depth-3:last-child {
    margin-bottom: 10px;
  }

  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-2.watchourdemonow {
    padding: 0 15px;
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-color: #f6f6f9;
    margin-top: 8px;
  }
  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-2.watchourdemonow h3 {
    display: none;
  }

  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-2.watchourdemonow > a.active,
  .custom-menu-primary .hs-menu-wrapper .product li.hs-menu-depth-2.discover li.hs-menu-depth-3.active > a {
    color: rgba(255,116,112,1.0);
  }

  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-2.watchourdemonow > a:hover,
  .custom-menu-primary .hs-menu-wrapper .product li.hs-menu-depth-2.discover li.hs-menu-depth-3 > a:hover {
    background: rgba(57,161,178,.1);
  }

  .custom-menu-primary .hs-menu-wrapper .product li.hs-menu-depth-2.topintegrations li.hs-menu-depth-3 > a:hover {
    background: rgba(255,116,112,.1);
  }

  .custom-menu-primary .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper {
    box-shadow: 0 0 2px rgb(0,0,0,0.3);
    padding-top: 10px;
    z-index: 10;
  }

  .header_links {
    display: block;
    width: 100%;
  }
  .header_auth_btn{
    background: rgba(88, 159, 176, 1);
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 17px 0;
    border-radius: 40px;
    margin: 50px 0;
  }

  .header_links a {
    text-transform: inherit;
    font-size: 18px;
    line-height: 17px;
    font-weight: 700;
    transition: color 0.3s ease 0s;
    font-family: DM Sans;
    padding: 0px 1rem;
  }

  .sign_link a {
    border: 2.1px solid rgba(255, 255, 255, 0.4);
    border-radius: 70px;
    padding: 10px 28px;
  }
  .sign_link a:after {
    background-repeat: no-repeat;
    height: 10px;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: inline-block;
    cursor: pointer;
    left: 0;
    background-position: 20px 0;
    background-size: auto;
  }

  .custom-menu-primary .hs-menu-wrapper ul li .child-trigger {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 50px;
    cursor: pointer;
  }

  .custom-menu-primary .hs-menu-wrapper ul > li {
    position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.product > ul > li a {
    display: flex;
    align-items: center;
  }
  .custom-menu-primary .hs-menu-wrapper ul li ul li {
    width: 100%;
  }
  .custom-menu-primary .hs-menu-wrapper ul li.child-open > a {
    font-weight: 500;
    color: #000;
  }

  .custom-menu-primary .hs-menu-wrapper ul li.child-open > a::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-2 > a span {
    font-weight: 300;
  }

  .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:not(.product) > ul > li,
  .custom-menu-primary .hs-menu-wrapper ul > li li.hs-menu-depth-3 {
    padding: 0 15px;
  }
  .custom-menu-primary .hs-menu-wrapper ul > li.product li.hs-menu-depth-3 > h3 {
    display: none;
  }

  .spacer {
    padding-bottom: 0;
  }

  .custom-menu-primary .hs-menu-wrapper a{
    color: #475767;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a:after {
    background-image: url(https://8963072.fs1.hubspotusercontent-na1.net/hubfs/8963072/raw_assets/public/eWebinar%20v2%20Theme/images/down_arrow.svg);
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper{
    flex-wrap: wrap;
  }

  .custom-menu-primary .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children li > a i img {
/*     -webkit-filter: grayscale(100%);
    filter: grayscale(100%); */
    width: 100%;
  }
}

@media(max-width:640px){
  .custom-menu-primary .hs-menu-wrapper li.hs-menu-depth-2.watchourdemonow > a span,
  .custom-menu-primary .hs-menu-wrapper .product li.hs-menu-depth-2.discover li.hs-menu-depth-3 > a span,
  .custom-menu-primary .hs-menu-wrapper .product li.hs-menu-depth-2.topintegrations li.hs-menu-depth-3 > a span {
    font-size: 14px;
    font-weight: 300;
  }

  /* Hide widget if hubspot opens */
  html.hs-messages-widget-open .ewebinar__FloatIn {
   display: none;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
footer looks when it comes to spacing and other general styles.
*********************************************************************************
****************************************************************************** */

.footer {
  background-color: transparent;
  text-align: center;
  width: 100%;
  float: left;
  margin-top: 5rem;
}
.footer__container {
  margin: 0 auto;
}
.footer__copyright {
  font-family: DM Sans, sans-serif;
  font-size: .7rem;
  margin: .5rem 0;
}

/*-*/

body.modal_form_open {
  overflow: hidden;
}

.modal_overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  visibility: hidden;
  z-index: 499;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  background-color: #000;
  transition: opacity .15s linear,visibility .15s linear;
}

.modal_form_open .modal_overlay {
  opacity: 0.5;
  visibility: visible;
  pointer-events: all;
}

.popup_formWrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
  transition: opacity .15s linear;
}

.popup_formWrap.hide {
  display: none;
}

.popup_formWrap.fade {
  opacity: 1;
}

.popup_formBox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
  transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out,-webkit-transform .3s ease-out;
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
  position: relative;
  z-index: 500;
  z-index: 500;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}


.popup_formWrap.fade .popup_formBox {
  transform: none;
}

.modal-content {
  width: 100%;
}

.modal-content_iner {
  width: 100%;
  position: relative;
  border-radius: 30px;
}

.popup_formBox .modal_title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px);
  align-items: center;

}

.popup_formBox .modal_title img.inline-block {
  display: inline-block!important;
  margin-right: 20px;
}

.popup_formBox .modal_title > div {
  display: inline;
}

.popup_formWrap .modal_title .iner {
  margin: 10px 20px;
  display: flex;
  align-items: center;
}

.popup_formWrap .modal_title .iner span span {
  font-family: DM Sans;
  font-size: 21px;
  font-weight: 300;
}

.popup_formBox .modal_body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}

.popup_formBox .modal_body .modal_body_iner {
  padding: 15px 20px;
}

.popup_formWrap .modal_body .form_wrap  {
  margin-bottom: 0.75rem;
  position: relative;
}

.popup_formWrap .submitted-message {
  padding-bottom: 3.75rem;
}

.popup_formBox .field > label {
  margin-bottom: .5rem;
}

.popup_formBox .hs_ewebinars_need > label {
  margin-bottom: .75rem;
}

.popup_formBox .hs_email {
  margin-bottom: 24px;
}

.popup_formBox .hs_ewebinars_need {
  margin-bottom: 20px;
}

.popup_formBox .hs_message {
  margin-bottom: 16px;
}

.popup_formBox .hs_message > label {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.popup_formBox .hs_firstname > label,.popup_formBox .hs_email > label {
  display: none;
}

.popup_formWrap form .hs-form-field textarea {
  height: 116px;
}

.popup_formWrap form .actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}



.popup_formWrap form .actions input.hs-button {
  margin: 0;
}

.popup_formBox button.btnClose {
  position: absolute;
  top: 30px;
  right: 30px;
  padding: 0;
  line-height: inherit;
  color: inherit;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
}

.popup_formWrap .cancl_btn {
  font-family: DM Sans;
  font-size: .875rem;
  font-weight: 300;
  line-height: 18px;
  cursor: pointer;
  position: absolute;
  bottom: 6px;
  left: 0;
}


@media (min-width: 576px) {
  .popup_formBox {
    min-height: calc(100% - 3.5rem);
    max-width: 500px;
    margin: 1.75rem auto;
  }

}

/*---*/

.footer_main {
  padding-top: 60px;
  font-size: 16px;
  line-height: 25.6px;
}


.footer_main .footer__container .row-fluid.row:after,
.footer_main .footer__container .row-fluid.row:before {
  content: none;
}

.footer_main .footer__container .row-fluid.row {
  display: flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}

.footer_main .adrs_info {
  font-weight: 300;
  font-style: normal;
  font-size: 13px;
  text-align: left;
  font-family: DM Sans;
}

.footer_main .adrs_info p {
  margin: 0;
  font-weight: 300;
  line-height: 1.4;
  font-size: 14px;
  line-height: 22px;
}

.footer_main .adrs_info p a {
  text-decoration: underline;
}

.footer_menu a {
  padding: 0;
  text-align: left;
}

.footer_menu ul {
  margin: 0;
  display: block;
  width: 100%;
}

.footer_menu .hs-menu-wrapper > ul > li > a {
  font-family: DM Sans;
  font-weight: 300;
  font-style: normal;
  font-size: 20px;
}

.footer_menu ul ul > li > a {
  font-family: DM Sans;
  font-weight: 300;
  font-style: normal;
  font-size: 18px;
  display: inline;
}


.footer_menu .hs-menu-wrapper > ul ul > li {
  display: block;
  padding-top: 8px;
  min-width: 140px;
}
.footer_menu .hs-menu-wrapper > ul > li.support ul > li.supportatewebinar\.com  > a {
  white-space: nowrap;
}
.footer_menu .hs-menu-wrapper > ul .social_icons ul > li {
  min-width: 100%;
}

.footer_menu ul ul {
  display: block;
  margin: 10px 0 0;
}

.footer_menu ul ul > li {
  text-align: left;
}

.footer_menu .hs-menu-wrapper > ul ul > li > a:hover {
  text-decoration: underline;
}

.footer_logo {
  text-align: left;
  line-height: 0;
}

.footer_logo img {
  margin-bottom: 60px;
  margin-left: 0;
}

.footer_logo span {
  display: block;
  vertical-align: middle;
}

.footer .footer_right {
  padding: 0 !important;
}
.footer .footer_right .span3.social {
  width: calc(25% - 35px);
}

.footer_bottom,
.footer_bottom_mobile {
  border-top: 1px solid rgba(0, 0, 0, 0.3) !important;
}

.header__language-switcher {
  margin-top: 0.5rem;
  padding-top: 8px;
  color: #475767;
}

.header__language-switcher--label-current {
  font-weight: 300;
  font-size: 16px;
}

.header__language-switcher .lang_list_class li {
  font-size: 16px !important;
}

body .header__language-switcher .lang_list_class li:hover {
  background-color: #dddddd !important;
}

.header__language-switcher .globe_class {
  margin-top: 4px;
}

.header__language-switcher .lang_list_class {
  left: calc(100% - 44px) !important;
}

.breachlock-stamp {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: flex-end;
  margin: 3rem 0;
}
.breachlock-stamp img {
  max-width: 120px;
}
.footer_bottom_mobile_info{
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 12px;
}
li.hs-menu-item.hs-menu-depth-2.supportatewebinar\.com.mailto-support-ewebinar\.com {
    text-wrap: nowrap;
}

@media(min-width:992px){
/*   .footer_left.span4, .footer_right.span6 {
    margin-left: 8.333333% !IMPORTANT;
  } */
}

/* @media (min-width:768px) and (max-width:1024px){
  .footer_logo img {
    margin-bottom: 25px;
    margin-left: -6px;
    max-width: 220px;
  }
  .footer_left img{
    margin: auto;
    max-width: 500px;
  }
  .footer_right{
    width: 100% !important;
    margin-top: 2rem;
  }
} */


@media(max-width:991px){

  .footer_logo {
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 0 15px;
  }

  .footer_right.span6 {
    display: none;
  }

  .footer_left.span4 {
    display: block;
    width: 100%;
    text-align: center;
  }

  .footer_main .adrs_info {
    text-align: center;
  }
  .footer_right {
    margin-top: 20px;
    width: 100% !important;
}
}

@media(max-width:768px){
  .footer{
    margin-top:0;
  }
  .footer_main{
    padding: 10px 20px;
  }
  .footer__container{
    padding: 0 !important;
  }
  .footer_right{
    margin-top: 30px;
    margin-bottom: 2rem;
  }
  .footer_main .footer__container .row-fluid.row{
    gap: 20px;
    position: relative;
    padding: 3rem 0 0;
  }
  .footer_menu .hs-menu-wrapper>ul>li>a {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
  }
  .footer_menu .hs-menu-wrapper>ul ul>li {
    padding: 0;
  }
  .footer_menu .hs-menu-wrapper>ul ul>li>a {
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
  }
  .footer .footer_right .span3 {
    margin-bottom: 0.5rem;
  }
  .footer .footer_right .span3.social {
    position: absolute;
    top: 0;
    width: 100%;
  }
  .footer .footer_right .span3.social .footer_menu .hs-menu-wrapper>ul>li>a {
    display: none;
  }
  .footer .footer_right .span3.social .footer_menu .hs-menu-wrapper>ul>li ul {
    margin: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
  .footer .footer_right .span3.social .footer_menu .hs-menu-wrapper>ul>li ul li {
    padding: 0;
    min-width: auto;
    width: 20px;
  }
  .footer .footer_right .span3.social .footer_menu .hs-menu-wrapper>ul>li ul li a {
    display: block;
    width: 20px;
  }
  .footer .footer_right .span3.social .footer_menu .hs-menu-wrapper>ul>li ul li a span {
    display: none;
  }
  .footer_bottom_mobile {
    padding: 2rem 0;
  }
  .footer_main .adrs_info p {
    font-size: 12px;
    line-height: 15px;
    gap: 0 !important;
  }
  .footer_main .adrs_info p:first-child {
    margin-bottom: 8px;
    max-width: 185px;
  }
  .footer_bottom_mobile .breachlock-stamp {
    align-items: start !important;
    justify-content: end !important;
    margin: 0px 0px 0px auto;
    width: auto !important;
  }
}

.ewebinar__Has_FloatIn {
  padding-bottom: 95px;
}
@media only screen and (max-width: 614px) {
  .ewebinar__Has_FloatIn {
    padding-bottom: 145px;
  }
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles for your blog. The styles included
are for the listing and post templates, featured images and pagination.
Also for the post meta infromation like tags, author and published date
*********************************************************************************
****************************************************************************** */

/* TODO: Find a better place for this */

 /* INTEGRATION PAGE */
 .integration-banner {
  background-image: url('https://8963072.fs1.hubspotusercontent-na1.net/hubfs/8963072/integration-banner.png');
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  height: 350px;
}
.integration-banner.template-banner {
  background-image: url('https://8963072.fs1.hubspotusercontent-na1.net/hubfs/8963072/templates-banner.png');
}
.integrations .search-form-here form input{
  background-image: url('https://8963072.fs1.hubspotusercontent-na1.net/hubfs/8963072/Search-icon.svg');
  background-repeat: no-repeat;
  background-position: 15px;
  background-size: 1.5rem;
}
.integration-banner .content-wrapper {
  height: 100%
}

.integration-banner .integration-head {
  display: flex;
  flex-direction: column;
  max-width: 500px;
  justify-content: center;
  height: 100%;
}
.integration-head h1 {
  color: rgba(71,87,103,1.0);
}
@media (max-width: 940px) {
  .integration-banner .integration-head {
    max-width: 400px;
  }
}
.integration-banner .integration-head .icon{
  max-width: 100px !important;
  max-height: 90px;
  width: auto;
  height: auto;
  object-fit: contain;
  object-position: center left;
}
.integrations.breadcrumbs-ew-column,
.blog-all-tag-here.integrations{
  background: #FFFFFF;
}
.integrations .blog-post-iner-sec-here .post-tag-iner {
  width: 100%;
  padding: 0 25px;
}
.integrations .ew-breadcrumbs-here ul li a,
.integrations .post-tag-iner ul li a{
  color: rgba(90, 91, 97, 0.7);
  font-size: 17px;
  font-weight: 600;
}
.integration-post-page .ew-breadcrumbs-here ul li a.active {
  color: #879496;
}
.integration-post-page .ew-breadcrumbs-here ul li a.bold {
  color: #0E282D;
}
.integrations .ew-breadcrumbs-here ul li a.active,
.integrations .post-tag-iner ul li a.active{
  opacity: 1;
  padding-bottom: 3px;
  color: #FF7470;
  border-bottom: 3px solid #FF7470;
}
.integrations .ew-breadcrumbs-here ul li a.topic-crumb{
  margin-right: 0;
}
.integrations .ew-breadcrumbs-here ul li::before{
  color: #879496;
}
.integrations .ew-breadcrumbs-here ul li:first-child:before {
  content: "";
}
.integrations-listing-page .hs-featured-image-wrapper-new img {
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: auto;
  max-width: 100%;
  height: 70px;
  object-fit: contain;
  margin-top: 10px;
}
.integrations-listing-page .integration-title {
  text-align: center;
}
.integrations-listing-page .integration-title h2{
  font-size: 20px;
  font-weight: 500;
  color: #5A5B61;
}
.integrations-listing-page .integration-title p a{
  font-family: 'DM Sans';
  font-size: 14px;
  color: #5A5B61;
  font-weight: 400;
  margin-top: 5px;
}
.integrations-listing-page .post-tag-authore-content-here{
  display: flex;
  width: 100%;
  justify-content: center;
  text-align: center;
  padding: 0px 20px 20px 20px;
}
.integrations-listing-page .post-listing-new .post-item-new,
.integrations-listing-page .rectent-post-inner {
  flex: 0 0 23.33%;
  margin: 15px 2% 15px 0;
  width: 23.33%;
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
}

.integrations-listing-page .post-listing-new .post-item-new:nth-child(4n),
.integrations-listing-page .post-listing-new .post-item-new:last-child,
.integrations-listing-page .rectent-post-inner:last-child
.integrations-listing-page .rectent-post-inner:nth-child(4n) {
  margin-right: 0;
}

.integration-post-page .blog_content_wraper-ew{
  padding-top: 50px;
  padding-bottom: 0;
}

.integration-post-page .blog_content_wraper-ew h2{
  font-weight: 400;
}

@media (max-width: 992px) {
  .integrations-listing-page .post-listing-new .post-item-new,
  .integrations-listing-page .rectent-post-inner {
    flex: 0 0 31.33%;
    margin: 15px 3% 15px 0;
    width: 31.33%;
  }
  .integrations-listing-page .post-listing-new .post-item-new:nth-child(3n),
  .integrations-listing-page .post-listing-new .post-item-new:last-child{
    margin-right: 0;
  }
  .integrations-listing-page .post-listing-new .post-item-new:nth-child(4n),
  .integrations-listing-page .post-listing-new .post-item-new:last-child,
  .integrations-listing-page .rectent-post-inner:last-child
  .integrations-listing-page .rectent-post-inner:nth-child(4n) {
    margin-right: auto;
  }

}
@media (max-width: 768px) {
  .integrations-listing-page .post-listing-new .post-item-new,
  .integrations-listing-page .rectent-post-inner {
    flex: 0 0 47.33%;
    margin: 15px 2% 15px 0;
    width: 47.33%;
  }
  .integrations-listing-page .post-listing-new .post-item-new:nth-child(2n),
  .integrations-listing-page .post-listing-new .post-item-new:last-child{
    margin-right: 0;
  }

  .integrations-listing-page .post-listing-new .post-item-new:nth-child(3n),
  .integrations-listing-page .post-listing-new .post-item-new:last-child{
    margin-right: 2%;
  }

  .integration-banner{
    height: auto;
    min-height: 300px;
    padding: 20px 0;
  }
  .integration-banner .content-wrapper {
    margin: 0;
  }
  .integration-head h4 {
    line-height: normal;
  }
}
@media (max-width: 640px) {
  .integration-head {
    text-align: center;
  }
  .integration-banner .integration-head .icon{
    margin: 0 auto;
  }
}

@media (max-width: 414px) {
  .integrations-listing-page .post-listing-new .post-item-new,
  .integrations-listing-page .rectent-post-inner {
    flex: 0 0 100%;
    margin: 15px 0% 15px 0;
    width: 100%%;
  }
}
/* INTEGRATION PAGE */

.content-wrapper {
  max-width: 1240px;
  padding: 0 15px;
  margin: 0 auto;
}

.blog-header {
  background-color: transparent;
  text-align: center;
}

.blog-header__inner {
  max-width: 600px;
  margin: 0 auto;
  padding: 3.3rem 0;
}
.blog-header__title {
  font-size: 2rem;
}
.blog-header__subtitle {
  margin: 1rem 0 2rem;
}

.blog-header__form {
  margin: 0 1rem;
}

@media screen and (min-width: 768px) {
  .blog-header__form {
    width: 500px;
    margin: 0 auto;
  }
}

.blog-index {
  display: flex;
  flex-wrap: wrap;
  padding: 3.3rem 0;
}
.blog-index:after {
  content: "";
  flex: auto;
}
.blog-index__tag-header {
  flex: 1 0 100%;
  padding: 1rem;
}
.blog-index__tag-subtitle {
  font-size: 1.16rem;
  line-height: 1.1;
}
.blog-index__tag-heading {
  padding-bottom: 1rem;
  border-bottom: 3px solid #D1D6DC;
}
.blog-index__post {
  flex:  0 0 100%;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .blog-index__post {
    flex:  0 0 calc(100%/2);
  }
}
@media screen and (min-width: 1000px) {
  .blog-index__post {
    flex:  0 0 calc(100%/3);
  }
}
@media screen and (min-width: 768px) {
  .blog-index__post--large {
    flex: 1 0 100%;
    display: flex;
    justify-items: space-between;
  }
}
.blog-post img {
  max-width: 100%;
}
.blog-index__post-image {
  display: block;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 63%;
  background-image: url('./images/grayscale-mountain.png');
    }
@media screen and (min-width: 768px) {
  .blog-index__post-image--large {
    flex: 1 1 100%;
    padding-bottom: 0;
  }
  .blog-index__post-content--large {
    flex: 1 1 100%;
    padding-left: 2rem;
  }
  .blog-index__post-image--large {
    flex: 1 1 48%;
  }
  .blog-index__post-content--large {
    flex: 1 1 48%;
    padding-left: 2rem;
  }
}
.blog-index__post-content h2 {
  margin: .5rem 0;
}
.blog-index__post-content--small h2 {
  font-size: 28px;
}
.blog-index__post-content p {
  font-family: DM Sans, sans-serif;
}
.blog-index__post-content a {
  color: #494a52;
}
.blog-index__post img {
  max-width: 100%;
  height: auto;
}

.blog-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: DM Sans, sans-serif;
  margin-bottom: 3.3rem;
}
.blog-pagination__link {
  display: inline-flex;
  padding: .25rem .4rem;
  margin: 0 .1rem;
  color: #494a52;
  text-decoration: none;
  border: 2px solid transparent;
  line-height: 1;
  border-radius: 22px;
}
.blog-pagination__link--active {
  border: 2px solid #B0C1D4;
}
.blog-pagination__link:hover,
.blog-pagination__link:focus {
  text-decoration: none;
}
.blog-pagination__prev-link,
.blog-pagination__next-link {
  display: inline-flex;
  align-items: center;
}
.blog-pagination__prev-link {
  text-align: right;
  margin-right: .25rem;
}
.blog-pagination__next-link {
  text-align: left;
  margin-left: .25rem;
}
.blog-pagination__prev-link--disabled,
.blog-pagination__next-link--disabled {
  color: #B0C1D4;
  pointer-events: none;
  cursor: default;
}
.blog-pagination__prev-link svg,
.blog-pagination__next-link svg {
  fill: #494a52;
  margin: 0 5px;
}
.blog-pagination__prev-link--disabled svg,
.blog-pagination__next-link--disabled svg {
  fill: #B0C1D4;
}
.blog-pagination__number-link:hover,
.blog-pagination__number-link:focus {
  border: 2px solid #B0C1D4;
}

.blog-header__author-avatar {
  height: 200px;
  width: 200px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  box-shadow: 0 0 12px 0 rgba(0,0,0,0.15);
  margin: 0 auto 1.5rem;
}
.blog-header__author-social-links a {
  display: inline-block;
  position: relative;
  background-color: #000;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin: 0 5px;
}
.blog-header__author-social-links a:hover {
  background-color: #494a52;
}
.blog-header__author-social-links svg {
  fill: #fff;
  height: 15px;
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.blog-post {
  max-width: 960px;
  margin: 0 auto;
  padding: 3.3rem 0;
}
.blog-post a {
  text-decoration: underline;
}
.blog-post__meta {
  margin: 1rem 0;
}
.blog-post__meta a {
  color: #494a52;
  text-decoration: underline;
}

.blog-post__tags {
  font-family: DM Sans, sans-serif;
  color: #000;
}
.blog-post__tags svg {
  width: 15px;
  height: auto;
  margin-right: 10px;
}
.blog-post__tag-link {
  font-size: .8rem;
  color: #000;
}

.blog-recent-posts {
  margin-top: 3rem;
  background-color: transparent;
  padding: 2rem 0;
}
.blog-recent-posts h2 {
  text-align: center;
}
.blog-recent-posts__list {
  display: flex;
}
.blog-recent-posts__post {
  display: block;
  flex:  0 0 100%;
  color: #494a52;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .blog-recent-posts__post {
    flex:  0 0 calc(100%/2);
  }
}
@media screen and (min-width: 1000px) {
  .blog-recent-posts__post {
    flex:  0 0 calc(100%/3);
  }
}
.blog-recent-posts__post:hover {
  text-decoration: none;
}
.blog-recent-posts__image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 63%;
}
.blog-recent-posts__title {
  margin: 1rem 0 .5rem;
}

.blog-comments {
  max-width: 680px;
  margin: 0 auto;
}
.blog-comments form {
  max-width: 100%;
}
.blog-comments .hs-submit {
  text-align: center;
}
/* .blog-comments .hs-button {
background-color: transparent;
border: 2px solid #494A52;
color: #494A52;
}
.blog-comments .hs-button:hover {
background-color: #494A52;
color: #fff;
} */
.blog-comments .comment-reply-to {
  border: 0 none;
}
.blog-comments .comment-reply-to:hover {
  background-color: transparent;
  text-decoration: underline;
  color: #494A52;
}

/*             Blog Listing with Sidebar            */

.post-item .page-center{
  display: -webkit-flex; /* Safari */
  display: flex; /* Standard syntax */
  margin-bottom: 20px;
}
.post-item .page-center .span4, .post-item .page-center .span8 {
  -webkit-flex: 1; /* Safari */
  -ms-flex: 1; /* IE 10 */
  flex: 1; /* Standard syntax */
}
.post-item .page-center .span8 {
  flex-basis: 31.914893614%;

}
img.featured-image {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
}
@media(max-width: 480px){
  .blog-post img {
    width: 100% !important;
    float: none !important;
  }
}

/*             Blog Grid Listing            */

.blog-index__post.blog-index__post--small {
  display: flex;
}

.blog-index__post-inner-card {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  border-radius: 5px;
  background: #fff;
}

.blog-index__post-image {
  border-radius: 5px 5px 0 0;
}

.blog-index__post-inner-card .blog-index__post-content {
  display: flex;
  flex-direction: column;
  padding: 24px 30px 30px 30px;
  height: 100%;
}

.blog-post__tag-link,
.blog-post__tags {
  font-size: 12px;
  font-weight: 200;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.01rem;
}

.blog-post__tag-link:hover{
  text-decoration: none;
}

.blog-index__post-content--small h2 {
  font-size: 18px;
  line-height: 26px;
}

.blog-index__post-content--small h2 a:hover {
  text-decoration: none;
  transition: all .5s;
}

.blog-post__meta-section {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: auto;
  padding-top: 30px;
  font-size: 14px;
}

.blog-post__read-more a:hover {
  text-decoration: none;
}

.read-more__arrow {
  position: relative;
  top: 3px;
  padding-left: 10px;
}

.blog-post__read-more svg {
  width: 15px;
  height: auto;
}

.blog-post__read-more a svg {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

@media screen and (max-width: 767px) {
  .blog-index.sidebar {
    padding: 1rem 0;
    padding-bottom: 3.3rem;
  }
}

/*             Blog Grid Listing with Sidebar            */

.blog-index.sidebar {
  display:flex;
}

@media screen and (min-width: 1000px) {
  .blog-index.sidebar .blog-index__post {
    flex: 0 0 calc(100%/2);
  }
}

@media screen and (max-width: 999px) {
  .blog-index.sidebar .blog-index__post {
    flex: 0 0 calc(100%/1);
  }
}

.blog-sidebar {
  padding-top: 3.9rem;
}

@media screen and (max-width: 767px) {
  .blog-sidebar {
    padding: 2rem 1rem;
    padding-bottom: 0;
  }
}

.blog-sidebar h3 {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 600;
  line-height: 37px;
}

.blog-sidebar ul {
  padding: 30px;
  margin: 0 0 40px 0;
  list-style: none;
  border-radius: 5px;
  background: #fff;
}

.blog-sidebar ul li {
  padding: 10px 0;
  border-top: 1px solid #dfddd9;
  font-weight: 600;
}

.blog-sidebar ul li:first-child {
  border-top-color: transparent;
}

.blog-sidebar a {
  text-decoration: none;
}

.blog-sidebar a:hover {
  text-decoration: none;
}

.blog-sidebar .filter-link-count {
  display: none;
}

.blog-sidebar .filter-expand-link {
  position: relative;
  top: -15px;
  display: block;
  margin-bottom: 25px;
  text-transform: capitalize;
  text-align: center;
}

.blog-sidebar-post-listing ul li {
  padding-left: 2.3em;
  line-height: 24px;
  text-indent: -2.3em;
}

.blog-sidebar-post-listing li:before {
  position: relative;
  width: 22px;
  float: left;
  content: counter(list-item);
  margin-right: 25px;
  font-size: 36px;
  font-weight: 600;
}

.blog-sidebar-post-listing li a {
  position: relative;
  top: -3px;
}

.blog-pagination.span12 {
  display: flex;
  margin-left: 0;
}

/* Blog Subscription Section */

.subscription-form {
  display: block;
  margin: 0 auto;
  padding: 60px 0;
  width: 40%;
  text-align: center;
}

@media (max-width: 767px) {
  .subscription-form {
    width: 85%;
  }
}

.subscription-form label {
  text-align: center;
}

/*             Blog Post Layout          */

.blog-post-page.cm_blog .post_banner .content-wrapper,
.blog-post-page.cm_blog .blog_content_wraper-ew .content-wrapper {
  padding: 0 20px;
}

.post-featured-image {
  margin-bottom: -110px;
  min-height: 300px;
  background-size: cover;
  border-radius: 5px;
  margin-top: 40px;
  background-position: center center;
}

.blog-post {
  position: relative;
  width: 90%;
  margin: 0 auto;
  padding: 84px 100px 80px 100px;
  background: #fff;
  border-radius: 5px;
}

.blog-post.no-image {
  margin-top: 50px;
}

.blog-post__title {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25;
}

.blog-post__meta a {
  text-decoration: none;
}

.blog-post__links {
  display: block;
  padding: 26px 0;
  margin-top: 20px;
}

.blog-post__back-to-blog {
  text-decoration: none;
}

.blog-post__back-to-blog svg {
  position: relative;
  top: 6px;
  margin-right: 10px;
  width: 20px;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

@media (max-width: 767px) {
  .blog-post {
    width: 90%;
    padding: 30px;
  }
}

/* Blog Comments */

.blog-comments {
  max-width: 100%;
}

.comment.depth-0:first-child {
  margin-top: 2em;
}

.comment.depth-1 {
  padding-left: 2em;
  padding-top: 1em;
  margin-top: 1em;
}

.blog-comments form {
  margin-top: 2em;
  padding-top: 2em;
}

/* Related Articles */

.blog-recent-posts__list {
  flex-wrap: wrap;
}

.blog-recent-posts .blog-index__post-content h2 {
  text-align: left;
}

.blog-recent-posts .blog-post__meta-section {
  justify-content: flex-end;
}

/*-------*/

.cm_blog {
  padding: 50px 8% 0;
  background-color: #f1f5f5;
}

.cm_blog {
  padding: 0 0 10px;
}

.blog_listing.cm_blog .content-wrapper {
  max-width: 900px;
  padding: 0 0 0 15px;
}

.post-listing {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: 0;
  margin-right: 0;
}

.blog_listing .blog_header {
  text-align: center;
  color: rgb(13, 40, 45);
  line-height: 54px;
  padding: 61px 0px 30px;
  font-size: 20px;
}

.blog_listing .blog_header h2 {
  font-weight: 100;
  margin-bottom: 20px;
}

.post-item {
  color: #0e282d;
  text-align: left;
  margin-bottom: 50px;
  padding: 0!important;
  box-shadow: 0 3px 9px -2px rgba(0,0,0,.15);
  border-radius: 8px;
  overflow: hidden;
  background-color: #fff;
  font-family: DM Sans;
  font-size: 15px;
  font-weight: 300;
}

.post-item .hs-featured-image-wrapper {
  height: 150px;
  overflow: hidden;
}

.post-item .hs-featured-image-wrapper img {
  margin-right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}


.post-item .post-body {
  padding: 30px 20px;
  line-height: 24px;
}

.post-item .post-body h2 {
  font-size: 19px;
  color: #0e282d;
  font-weight: 500;
  padding-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 24px;
  font-family: DM Sans;
  margin: 0;
}

.post-item .post-body p {
  color: rgb(101, 90, 82);
  font-size: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-height: 21px;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 300;
}

.post-item a {
  text-decoration: none;
}


/*---------post page--------*/

.blog-post-page.cm_blog {
  font-size: 18px;
  line-height: 1.8em;
  /* padding: 0; */
  background: #fff;
}

.post_banner {
  background-color: #f1f5f5;
  margin: 0 auto;
  text-align: center;
  font-weight: 300;
  padding: 65px 30px 60px;
  line-height: 40px;
}

.post_banner span.meta_date {
  display: block;
  font-size: 14px;
}

.post_banner .content-wrapper {
  line-height: 1.25;
  color: #0e282d;
}

.post_banner h1 {
  color: #0e282d;
  padding-bottom: 25px;
  line-height: 1.2;
  margin: 0;
}

.author_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-family: DM Sans, sans-serif;
}

.author_wrap .author_link {
  text-decoration: none;
}

.author_wrap .auth_img {
  width: 35px;
  min-width: 35px;
  height: 35px;
  border-radius: 35px;
  overflow: hidden;
  margin-right: 10px;
}

.author_wrap .auth_img img {
  width: 100%;
  height: 100%;
}

.author_wrap .detail-author-name-here p {
  margin: 2px 0 0;
  text-align: left;
}

.author_bio {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1 !important;
}


.author_wrap .detail-author-name-here span {
  font-size: 13px;
  color: #0e282d;
}

.blog_content_wraper {
  background: #fff;
}

.blog_content_wraper .content-wrapper {
  max-width: 900px;
  padding: 0 30px 50px;
}

.blog_content_wraper .content-wrapper .inner {
  position: relative;
  background-color: #fff;
  margin-top: 200px;
}

.post-feat-image {
  position: absolute;
  transform: translate(-50%,-100%);
  top: -30px;
  left: 50%;
  max-width: 310px;
  max-height: 220px;
  width: 100%;
  height: 100%;
}

.post-feat-image img {
  border-radius: .5rem;
  margin: auto;
}

.blog_post_index {
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
}

.blog-post_body {
  word-break: break-word;
}

body .blog-post_body li,
body .blog-post_body p {
  font-size: 18px;
  line-height: 30px;
}

body .blog-post_body p {
  display: block;
  margin: 1em 0;
  color: #5A5B61;
  font-weight: 400;
}

.blog_content_wraper {
  font-size: 16px;
  line-height: 26px;
}

.blog-comments form {
  border-top: 1px solid #979797;
}

.custom_pagination {
  border-top: 1px solid #979797;
  padding: 30px 0;
  margin: 30px 0;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-bottom: 50px;
}

.custom_pagination > h2 {
  font-weight: 100;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.custom_pagination .post-item {
  max-width: 270px;
  margin-right: 30px;
  width: 100%;
}

.custom_pagination .post-item .post-body {
  padding: 30px 25px;
  line-height: 24px;
}


.cusm_links_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 2rem 0;
  margin-bottom: -10px;
  margin-top: 0;
  font-size: 16px;
  line-height: 25.6px;
}

.cusm_links_wrap .btn_wrap a {
  font-family: inherit;
  box-sizing: border-box !important;
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: .75rem;
  padding-right: .75rem;
  color: #fff;
  font-size: 14px;
  border: none;
  transition: transform .2s ease-out;
  box-shadow: 0 8px 20px rgba(0,0,0,.15);
  position: relative;
  overflow: hidden;
  border-radius: 50px;
  font-weight: 700;
  display: block;
  text-decoration: none;
  margin: 0;
}

a.btn.btn_blue {
  background-color: #66b1ba;
  border-color: #66b1ba;
}

.cusm_links_wrap .btn_wrap a:hover {
  box-shadow: 0 3px 9px -2px rgba(0,0,0,.15);
}

.btn_red {
  background-color: #f56565;
}

.cusm_links_wrap .btn_wrap + .btn_wrap {
  margin-left: 1rem;
}

.blog-comments  .actions {
  text-align: left;
}

.blog-comments .grecaptcha-badge {
  margin: 0;
}

.blog-comments .actions input.hs-button.primary {
  margin: 0;
}


@media(min-width:650px){
  .post-item {
    width: 30%;
    margin-right: 5%;
  }
  .post-item:nth-child(3n) {
    margin-right: 0;
  }
  .post_banner {
    padding-bottom: 180px;
  }
  .blog_content_wraper .content-wrapper {
    padding: 80px 0 50px 15px;
  }
  .blog_content_wraper .content-wrapper .inner {
    margin-top: 250px;
  }
  .post-feat-image {
    max-width: 675px;
    max-height: 450px;
    width: 100%;
    height: 100%;
  }
  .post-feat-image img {
    width: 100%;

  }
  .blog_post_index {
    font-weight: 300;
  }
}

@media(min-width:768px){
  .cusm_links_wrap {
    display: none;
  }
}

@media(max-width:1023px){
  .blog_listing.cm_blog .content-wrapper {
    padding: 0 15px;
  }
}


@media(max-width:767px){
  .blog_listing .blog_header {
    padding: 81px 0px 30px;
  }

  .post_banner {
    padding-top: 75px;
  }

}

@media(max-width:649px){

  .blog_listing .blog_header {
    padding: 72px 0px 30px;
  }

  .blog_listing.cm_blog .content-wrapper {
    padding-left: 8%;
    padding-right: 8%;
  }

  .blog_post_index {
    text-align: left;
  }

  .custom_pagination>h2 {
    padding: 0;
  }
}
@media(max-width:479px){
  .hs_recaptcha.hs-recaptcha.field.hs-form-field {
    max-width: 300px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 5px;
  }
}


/********************************************************************************************************/
/********************************************************************************************************/
/******************************************** Blog-New ***************************************************/
/********************************************************************************************************/
/********************************************************************************************************/



.ewebinar-blog-post-sec {
  width: 100%;
  max-width: 1080px;
  padding: 0 125px;
  margin: 0 auto;
}


.truncate-lines-1 {
  display: -webkit-box!important;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1 !important;
}
.truncate-lines-2 {
  display: -webkit-box!important;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2 !important;
}
.truncate-lines-3 {
  display: -webkit-box!important;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3 !important;
}
.min-lines-4 {
  min-height: 6rem;
}
.truncate-lines-4 {
  display: -webkit-box!important;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 4 !important;
}
.truncate-lines-5 {
  display: -webkit-box!important;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 5 !important;
}
.truncate-lines-6 {
  display: -webkit-box!important;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 6 !important;
}
.truncate-lines-7 {
  display: -webkit-box!important;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 7 !important;
}
a {
  transition: color 0.1s;
}

a:hover,
a:focus {
  color: rgba(14, 40, 45, 1);
  outline: 0;
}

.post-tag-iner ul li a.active {
  padding-bottom: 3px;
  border-bottom: 2px solid #FF7470;
  color: #FF7470;
}
.integrations.post-tag-iner ul li a.active{
  border-bottom: 2px solid #FF7470;
  color: #FF7470;
}

.integration-listing.extend-modules {
  background-color: #f6f7f8;
}
.integration-listing.extend-modules .brand-slides {
  margin-bottom: 1rem;
}
.integration-post-template.extend-modules {
  padding-top: 5rem;
  background-color: #f6f7f8;
}
.post-tag-iner ul li.active a {
    font-weight: 900;
  }

  .post-tag-iner ul {
    margin: 0;
    padding: 0;
  }

  .post-tag-iner ul li {
    display: inline-block;
    margin-right: 22px;
  }

  @media (max-width: 767px) {
    .post-tag-iner ul {
      display: flex;
      flex-wrap: wrap;
      line-height: 2.2rem;
    }

    .post-tag-iner ul li {
      margin: 0 12.5px;
    }
  }

  .post-tag-iner ul li:last-child {
    margin-right: 0;
  }

  .post-tag-iner ul li a {
    font-size: 18px;
    color: rgba(90, 91, 97, 0.7);
    font-weight: 600;
  }

  .hs-search-field {
    position: relative;
  }

  @media (max-width: 767px) {
    .hs-search-field {
      margin-bottom: 10px;
    }
  }

  .hs-search-field__input {
    box-sizing: border-box;
    width: 100%;
  }

  .hs-search-field__bar button svg {
    height: 10px;
  }

  .hs-search-field__suggestions {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .hs-search-field--open .hs-search-field__suggestions {
    border: 1px solid #000;
  }

  .hs-search-field__suggestions li {
    display: block;
    margin: 0;
    padding: 0;
  }

  .hs-search-field__suggestions #results-for {
    font-weight: bold;
  }

  .hs-search-field__suggestions a,
  .hs-search-field__suggestions #results-for {
    display: block;
  }

  .hs-search-field__suggestions a:hover,
  .hs-search-field__suggestions a:focus {
    background-color: rgba(0, 0, 0, 0.1);
    outline: none;
  }

  .search-form-here {
    position: relative;
    text-align: right;
  }

  .search-form-here form input:focus {
    max-width: 100%;
    border-radius: 100px;
    background-color: #F6F7F8;
  }
  .integrations .search-form-here form input:focus {
    background-color: #F6F7F8;
  }

  .search-form-here form input {
    cursor: pointer;
    background-color: transparent;
    background-position: 0.25rem center;
    text-align: left;
    border: 0;
    transition: max-width 0.3s ease-out;
    max-height: 2.5rem;
    min-height: 1rem;
    max-width: 0;
    padding: 10px 30px 10px 45px;
    outline: 0;
/*     background-image: url(https://8963072.fs1.hubspotusercontent-na1.net/hubfs/8963072/search.svg); */
    background-image: url('https://8963072.fs1.hubspotusercontent-na1.net/hubfs/8963072/Search-icon.svg');
    background-repeat: no-repeat;
    background-position: 15px;
    background-size: 20px;
    width: 220px
  }

  .search-form-here form input::placeholder {
    font-size: 14px;
    color: #bfbfbf;
  }

  .search-form-here form button {
    display: none;
  }

  .search-form-here form {
    position: relative;
  }

  .hs-search-field.hs-search-field--open ul.hs-search-field__suggestions {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 9;
    border: 0;
    border-radius: 10px;
    padding: 14px;
    box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
    text-align: left;
  }

  .hs-search-field.hs-search-field--open li#results-for {
    font-size: 14px;
    padding: 7px 14px;
    background: #ffedec;
    display: inline-block;
    color: #fe5f5a;
    line-height: normal;
    border-radius: 4px;
  }

  .hs-search-field.hs-search-field--open li {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 14px;
  }

  .hs-search-field.hs-search-field--open li:last-child {
    margin: 0;
  }

  .hs-search-field.hs-search-field--open li a:hover {
    background: 0;
    color: #fe5f5a;
  }

  @media (max-width: 767px) {
    .post-tag-iner {
      flex: 0 0 100%;
      max-width: 100%;
    }

    .search-form-here {
      flex: 0 0 100%;
      max-width: 100%;
      text-align: center;
    }

    .search-form-here form input {
      background-image: none;
      max-width: 100%;
      width: 100%;
      background: #f6f7f8;
      border-radius: 100px;
    }
    .integrations .search-form-here form input {
      background-color: #F6F7F8;
    }

    /*     .search-form-here form input:focus{display:block;} */
  }

.blog-comments form .hs-form-field label {
  display: block;
}
.blog-comments form .input textarea {
  min-height: 150px;
}
.integrations-listing-page.cm_blog,
.blog-listing-page.cm_blog {
  background: 0;
  padding: 0;
}
.integration-listing{
  background: #F6F7F8 !important;
}
.post-listing-new,
.post-listing-new .hs_cos_wrapper,
.recent-post-sec {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: -15px 0;
  justify-content: center;
}
.featured-item {
  width: 100%;
  float: left;
  margin: 15px 0 15px 0;
}
.featured-iner-sec {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  background: #fff;
  border-radius: 30px;
  box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
  position: relative;
  overflow: hidden;
  transform: scale(1);
  transition: 0.3s;
  height: calc((100vw - 104px) * 0.6 * 0.5);
}

.blog-page .container,
.blog-page .container-wrapper {
  width: 100%;
  max-width: 1200px;
}

@media (min-width: 1240px) {
  .featured-iner-sec {
    height: calc(1100px * 0.6 * 0.5 + 30px);
  }
}

.featured-title {
  margin-top: 18px;
}

.featured-iner-sec:hover {
  box-shadow: 0 0 30px 0 rgb(0 0 0 / 20%);
  transform: scale(1.014);
}

.featured-item-image-here img {
  margin: 0;
  max-width: 100%;
  height: 100%;
  object-fit: contain;
}
.featured-item-image-here {
  flex: 0 0 60%;
  max-width: 60%;
  height: 100%;
}
.featured-heading-content h3 {
  color: #313131;
  font-weight: 700;
  font-size: 23px;
}
.featured-heading-content p {
  font-size: 16px;
  line-height: 27px;
  font-weight: 400;
}
.featured-heading-content .list-topics {
  font-size: 14px;
  margin-bottom: 10px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.featured-heading-content {
  flex: 0 0 40%;
  max-width: 40%;
  padding: 20px 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.featured-heading-content p:last-child {
  margin-bottom: 0;
}
.featured-heading-content span.topic-link {
  border-radius: 15px;
  padding: 5px 15px;
  white-space: nowrap;
  margin: 0;
  display: block;
}
.post-listing-new .post-item-new,
.rectent-post-inner {
  flex: 0 0 31.33%;
  margin: 15px 3% 15px 0;
  background: #fff;
  overflow: hidden;
  width: 31.33%;
  float: left;
}
.blog-listing-page .post-listing-new .post-item-new:nth-child(3n),
.rectent-post-inner:nth-child(3n) {
  margin-right: 0;
}

.blog-listing-page .post-tag-iner ul li {
  margin-right: 30px;
}

section.related {
  width: 100%;
  float: left;
}

.post-listing-new .postitem-new:last-child,
.rectent-post-inner:last-child {
  margin-right: 0;
}
.post-tag-authore-content-here {
  padding: 20px;
  position: relative;
}
/* .post-body-new {
position: absolute;
top: 70px;
left: 0;
right: 0;
padding: 0 19px;
} */

.post-body-new h2 {
  color: #313131;
  font-size: 20px;
  line-height: 1.37;
  font-weight: 700;
  color: #5A5B61;
}
.post-body-new p,
.post-body-new-p {
  font-size: 14px;
  line-height: 1.53;
  letter-spacing: 0.34px;
  font-weight: 700;
  opacity: 0.7;
  background: linear-gradient(202.42deg, #5A5B61 -0.96%, #292A31 52.49%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 4;
}
.post-listing-new .post-item-new,
.rectent-post-inner {
  position: relative;
  display: block;
  border-radius: 30px;
  background-color: #ffffff;
  box-shadow: 0 10px 15px rgb(0 0 0 / 10%);
  -webkit-transition: all 0.125s ease;
  -moz-transition: all 0.125s ease;
  -ms-transition: all 0.125s ease;
  -o-transition: all 0.125s ease;
  transition: all 0.125s ease;
}
.post-listing-new .post-item-new:hover,
.rectent-post-inner:hover {
  box-shadow: 0 0 30px 0 rgb(0 0 0 / 20%);
  transform: scale(1.014);
}
.post-tag-iner span.topic-link {
  padding: 3px 15px;
  border-radius: 10px;
  margin-right: 2px;
  line-height: 22px;
  font-weight: 500;
  background: rgba(88,159,176,.1);
  color: #43536e;
  font-size: 14px;
}
.post-author-img a {
  display: block;
  padding: 0;
}
.post-body-new {
  min-height: 125;
}
.post-body-new h2 a:hover {
  color: #313131;
}
.post-body-new .minutes-read {
  color: #39a1b2;
}
.post-footer {
  padding-top: 10px;
}
.post-tag-author-image-inner {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding-bottom: 10px;
}
.post-tag-author-image-inner > div {
  display: flex;
  max-height: 32px;
  flex: auto;
  overflow: hidden;
}
.post-author-img {
  flex-shrink: 1;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
.author-name-image {
  display: flex;
  align-items: center;
  gap: 5px;
}
.post-item-new .integration-item{
  position: relative;
  padding-top: 55px;
}
.hs-featured-image-wrapper-new {
  position: relative;
  padding-top: 50%;
  overflow: hidden;

}

.integration-item .add-on-tag-list{
  display: flex;
  align-items: center;
  padding: 15px;
  flex-wrap: wrap;
  position: absolute;
  top: 0;
}

.integration-item .add-on-tag-list a.add-on-tag {
  background: rgba(88,159,176,.1);
  font-size: .75rem;
  height: 25px;
  padding: 0 10px;
  color: #43536e;
  border-radius: 19px;
  font-size: 14px;
  line-height: 22px;
  margin-right: 10px;
  margin-bottom: 8px;
}

.integration-item .add-on-tag-list a:last-child {
  margin-right: 0;
}

.hs-featured-image-wrapper-new img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-pagination-new .blog-pagination__link--active {
  border: 2px solid #ff7470;
  background: #ff7470;
  color: #fff;
}
.blog-pagination-new a.blog-pagination__next-link:hover,
.blog-pagination-new a.blog-pagination__prev-link:hover {
  background: #ff7470;
  color: #fff;
}
.blog-pagination__prev-link--disabled,
.blog-pagination__next-link--disabled {
  display: none;
}
.blog-pagination-new a.blog-pagination__next-link:hover > svg,
.blog-pagination-new a.blog-pagination__prev-link:hover > svg {
  fill: #fff;
  transition: 0.3s;
}
.hs-author-avatar {
  min-width: 2rem;
  min-height: 2rem;
}
.hs-author-avatar img {
  width: 30px;
  height: 30px;
  border-radius: 100px;
  object-fit: contain;
  object-position: center;
}

.post-tag-iner p {
  margin: 0;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
}
.blog-all-tag-here {
  background: #FFF;
  width: 100%;
  padding: 15px 0;
  float: left;
  margin-bottom: 30px;
}

.blog-all-tag-here.integration{
  background: #F1F5F5;
}

.blog-post-iner-sec-here {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.blog-pagination-new {
  width: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  margin: 40px 0 0 0;
}
.blog-pagination-new a {
  margin: 0 10px;
  padding: 10px 16px;
  font-size: 14px;
  color: #ff7470;
}
.blog-pagination-new svg {
  fill: #ff7470;
  width: 8px;
}
.blog-pagination-new a.blog-pagination__prev-link,
.blog-pagination-new a.blog-pagination__next-link {
  border: 2px solid #ff7470;
}
.blog-pagination-new a.blog-pagination__prev-link svg {
  margin: 0 6px 0 0;
}
.blog-pagination-new .blog-pagination__number-link:hover,
.blog-pagination-new .blog-pagination__number-link:focus {
  border: 2px solid #ff7470;
  outline: 0;
}
.blog-pagination-new a.blog-pagination__next-link svg {
  margin: 0px 0px 0px 6px;
}
.detail-name-date-tag {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.detail-name-date-tag > div {
  margin-right: 30px;
  padding-right: 30px;
  position: relative;
}
.detail-name-date-tag > div:before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background: #ff7470;
  right: 0;
  border-radius: 100px;
}
.detail-name-date-tag > div:last-child {
  margin-right: 0;
  padding-right: 0;
}
.detail-name-date-tag > div:last-child:before {
  content: none;
}
.ew-here .detail-date-here span.meta_date:before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  background-image: url("https://8963072.fs1.hubspotusercontent-na1.net/hubfs/8963072/calendar.svg");
  width: 38px;
  height: 38px;
  left: 0;
  background-repeat: no-repeat;
}
.ew-here .post-tag-iner {
  position: relative;
  padding-left: 40px;
}

.recent-post-sec > span {
  width: 100%;
}

.ew-here .post-tag-iner:after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  background-image: url("https://8963072.fs1.hubspotusercontent-na1.net/hubfs/8963072/Tag.svg");
  width: 38px;
  height: 38px;
  background-repeat: no-repeat;
  left: 0;
}
.detail-name-date-tag.ew-here .auth_img {
  width: 80px;
  height: 80px;
  margin-right: 20px;
}
.post_banner.new-2021 {
  background: 0;
  padding: 40px 0;
  width: 100%;
  float: left;
}

.blog-detail-ew-here .blog-post_body .hs-embed-wrapper {
  max-width: 100% ;
  width: 100% ;
}
.blog-detail-ew-here .blog-post_body a {
  color: #2C6C78;
  position: relative;
  text-decoration: underline;
}

.inner.blog-detail-ew {
  width: 100%;
}
.detail-name-date-tag.ew-here {
  margin: 30px 0;
}
.detail-name-date-tag.ew-here img {
  height: 100%;
}
.inner.blog-detail-ew .blog_post_index {
  width: 100%;
  max-width: 100%;
  margin-top: 50px;
  padding: 0;
}
.ew-subscribe-sec-iner img {
  height: 100% !important;
}
.blog-detail-ew-here {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.breadcrumbs-ew-column {
  background: #fff;
  width: 100%;
  padding: 20px 0;
}
.breadcrumbs-ew-column .content-wrapper {
  max-width: 1200px !important;
  padding: 0 15px;
}
.ew-breadcrumbs-here ul li {
  display: inline-block;
  padding-right: 24px;
  margin-right: 15px;
  font-size: 0.875rem;
  font-weight: 700;
  position: relative;
  color: rgba(90, 91, 97, 0.7);
}
.ew-breadcrumbs-here ul {
  margin: 0;
  padding: 0;
}
.ew-breadcrumbs-here ul li a {
  color: rgba(90, 91, 97, 0.7);
  font-weight: 600;
  font-size: 18px;
}
.ew-breadcrumbs-here ul li a.topic-crumb {
  margin-right: 30px;
}
@media (max-width: 767px ) {
  .blog-pagination-new a {
    margin: 0;
  }
  .ew-breadcrumbs-here ul li a.topic-crumb {
    margin-right: 15px;
  }
}

.ew-breadcrumbs-here ul li:before {
  position: absolute;
  content: "|";
  top: 0px;
  right: 0;
  color: #ffff;
}
.ew-breadcrumbs-here ul li:last-child:before {
  content: none;
}
.blog-post_body + p:first-child::first-letter {
  font-size: 50px;
  color: #ff7470;
}

.detail-date-here {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
}

.detail-date-here span {
  font-size: 1.125rem;
  line-height: 1.61111em;
  position: relative;
  padding-right: 15px;
  margin-right: 15px;
}

.detail-date-here span:last-child {
  margin-right: 0;
  padding-right: 0;
}

.detail-date-here span:before {
  position: absolute;
  content: "|";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.detail-date-here span:last-child:before {
  content: none;
}

.blog-post_body ul li {
  margin-bottom: 0.6rem;
}



.detail-name-date-tag.ew-here a.topic-link {
  font-size: 16px;
}
.ew-breadcrumbs-here ul li:last-child {
  margin-right: 0;
  padding-right: 0;
}

.ew-breadcrumbs-here ul li.mobile-show-inline {
  display: none;
}
.ew-breadcrumbs-here ul li.desktop-show-flex:before {
  content: none;
}

.post_banner.new-2021.ew-detail-sec span.meta_date {
  font-size: 1.125rem;
}

/**********************************************-********** Tag Color Here ************************************************************/

.cm_blog span.topic-link {
  background: rgba(88, 159, 176, 0.1);
  color: #43536E;
}

.cm_blog span.topic-link.strategies {
  background: rgba(88, 159, 176, 0.1);
  color: #43536E;
}

.cm_blog span.topic-link.featured {
  background: #f4f9ff;
  color: #5fa9ff;
}

.cm_blog span.topic-link.testimonials {
  background: #fff3f3;
  color: #ff7470;
}

.cm_blog span.topic-link.partnerships {
  background: #e7e7fc;
  color: #7072ff;
}

.cm_blog span.topic-link.product {
  background: #ffdeed;
  color: #ff70b3;
}

.cm_blog span.topic-link.ewebinars {
  background: #fff5e7;
  color: #f18f00;
}

@media(max-width:991px){
  .ewebinar-blog-post-sec {
    padding: 0 70px;
  }

 .blog-detail-ew-here .content-disqus-comment {padding-bottom: 0;}

}

@media (max-width: 767px) {
  .ewebinar-blog-post-sec {
    padding: 0 ;
  }

  .author-name-image {
    justify-content:flex-start;
  }



  .mobile-show-inline {
    display: inline-block !important;
  }
  .desktop-show-flex {
    display: none !important;
  }
  @media (min-width: 768px) {
    .mobile-show-inline {
      display: none !important;
    }
    .desktop-show-flex {
      display: flex !important;
    }
  }
  .ew-breadcrumbs-here ul li {
    padding-right: 15px;
    margin-right: 5px;
  }
  .post-listing-new .post-item-new,
  .rectent-post-inner {
    flex: 0 0 100%;
    max-width: 100%;
    margin-right: 0;
    width: 100%;
  }
  .inner.blog-detail-ew .ew-subscribe-sec .content-wrapper {
    padding: 0;
  }

  .hs-author-avatar img,
  .post-author-img .hs-author-avatar img {
    height: 30px;
  }
  .featured-iner-sec {
    height: auto;
    flex-direction: column-reverse;
  }
  .featured-iner-sec > div {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .featured-item-image-here img {
    /*height: calc((100vw - 40px) * 0.5);*/
    height: auto;
  }
  .ewebinar-social-icon {
    display: none;
  }


  .detail-name-date-tag > div {
    margin: 0;
    padding: 0;
    flex: 0 0 100%;
    justify-content: center;
    text-align: center;
    margin-bottom: 44px;
  }
  .detail-name-date-tag > div:before {
    content: none;
  }
  .ew-here .post-tag-iner a.topic-link {
    font-size: 16px;
    padding-left: 40px;
    position: relative;
  }
  .ew-here .post-tag-iner {
    padding: 0;
  }
  .ew-here .post-tag-iner a.topic-link:before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    background-image: url(https://8963072.fs1.hubspotusercontent-na1.net/hubfs/8963072/Tag.svg);
    width: 38px;
    height: 38px;
    background-repeat: no-repeat;
    left: 0;
  }
  .ew-here .post-tag-iner:after {
    content: none;
  }
  .detail-name-date-tag > div:last-child {
    margin-bottom: 10px;
  }
  .detail-name-date-tag.ew-here img {
    height: 100%;
  }
}

@media (min-width: 992px) {
  .blog-post-page.cm_blog .post_banner .content-wrapper,
  .blog-post-page.cm_blog .blog_content_wraper-ew .content-wrapper {
    max-width: 900px;
    padding: 0;
  }
  .integration-listing.extend-modules .brand-slides {
    margin-top: 4rem;
    margin-bottom: 10rem;
  }
  .blog-all-tag-here .blog-post-iner-sec-here .post-tag-iner ul {
    display: flex;
    justify-content: space-between;
  }
  .blog-all-tag-here.integrations .blog-post-iner-sec-here .post-tag-iner {
    width: 100%;
  }
  .blog-all-tag-here.integrations .blog-post-iner-sec-here .post-tag-iner ul {
    display: flex;
    justify-content: space-between;
  }
}
.template-page h1 {
  font-family: DM Sans;
  font-weight: 500;
  margin: 3rem 0;
  font-size: 28px;
}

.template-cards-container {
  padding: 0;
}
.template-cards-container section {
  background: #F6F7F8;
}

.template-cards-container .post-listing-wrapper {
  margin-top: 15px;
  margin-bottom: 15px;
}


.template-cards-container .post-listing-new .post-item-new {
  margin-right: 15px;
  margin-left: 15px;
  max-width: 320px;
  border-radius: 19px;
}

@media (max-width: 580px) {
  .template-cards-container .post-listing-new .post-item-new {
    max-width: 100%;
  }
}

.template-cards-container .post-listing-new .post-item-new:nth-child(3n) {
  margin-right: 15px;
}
.hs-embed-wrapper {
  max-height: initial !important;
}

.flex {
  display: flex;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.h-100 {
  height: 100%;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-center {
  justify-content: center;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.items-between {
  align-items: stretch;
}

.items-center {
  align-items: center;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.p-0 {
 padding: 0 !important;
}
.relative{
  position: relative !important;
}
.mb-2e {
  margin-bottom: 2em;
}

.w-0 {
  width: 0 !important;
}
.invisible {
  visibility: hidden;
}

.visible {
  visibility: visible !important;
}

.hidden {
  display: none !important;
}
/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles to control how your
system pages look. These pages include the error pages (404 and 500),
password protected content and search listing results.
*********************************************************************************
****************************************************************************** */

.error-page {
  padding: 10rem 0;
  text-align: center;
  position: relative;
}
.error-page:before {
  content: attr(data-error);
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: DM Sans, sans-serif;
  font-size: 40vw;
  font-weight: bold;
  color: #F3F6F9;
  z-index: -1;
}
@media screen and (min-width: 1100px) {
  .error-page:before {
    font-size: 20rem;
  }
}
.error-page_heading {
  margin-bottom: 1rem;
}

.systems-page {
  padding: 1.5rem 0;
}
@media (max-width: 767px) {
  .systems-page {
    padding: 1rem 0;
  }
}
.systems-page .success {
  display: inline-block;
  margin: 2rem 0;
  max-width: 650px;
  width:100%;
  background-color: #CDE3CC;
  border: 1.5px solid #4F7D24;
  border-radius: 6px;
  font-size: 15px;
  color: #4F7D24;
  padding: .1rem .75rem;
}

.hs-search-results {
  margin-top: 2rem;
}
ul.hs-search-results__listing li {
  margin-bottom: 2rem;
}
.hs-search-results__title {
  font-family: TisaOT, serif;
  font-size: 1.25rem;
  color: #494a52;
  text-decoration: underline;
  margin-bottom: .25rem;
}
.hs-search-results__title:hover {
  text-decoration: none;
}
.hs-search-results__description {
  padding-top: .5rem;
}
.hs-search-highlight {
  font-weight: bold;
}
.hs-search-results__pagination a {
  color: #494a52;
}

.email-prefs .item.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.email-prefs .item.disabled input:disabled {
  cursor: not-allowed;
}

/*--- error---*/

.error_page {
  margin-top: calc(6rem - 0px);
  height: calc(100vh);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 16px;
  line-height: 25.6px;
  color: #0e282d;
}

.error_page .content-wrapper {
  padding: 0;
  max-width: 26em;
}

.error_pageCont {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.error_pageCont h1 {
  text-align: center;
  margin-bottom: 2rem;
  font-size: 3rem;
  line-height: 1.25;
}

.error_pageCont p {
  font-size: 1.25rem;
  text-align: center;
  margin: 0;
}

.error_pageCont a.text_link {
  margin-top: 2.5rem!important;
  margin-bottom: 2.5rem!important;
  padding-bottom: 5rem!important;
  font-size: 1.5rem!important;
  font-weight: 300;
  text-decoration: underline;
  text-align: center;
}

.form-container .hs-form-field {
  margin-bottom: 18px;
}

ul.no-list.hs-error-msgs {
  padding: 0;
}

ul.no-list.hs-error-msgs > label {
  font-size: 14px;
}

ul.no-list.hs-error-msgs label.hs-error-msg {
  font-size: 14px;
}


@media(max-width:767px){
  .error_page {
    margin-top: calc(6rem - 55px);
  }
}

@media(max-width:650px){
  .error_page {
    padding: 0 15px;
  }
}