@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css');
@import url('https://5063216.fs1.hubspotusercontent-na1.net/hubfs/5063216/recyclist/Fonts/glyphicons.css');
@font-face {
    font-family: 'Glyphicons Regular';
    src: url('https://5063216.fs1.hubspotusercontent-na1.net/hubfs/5063216/recyclist/Fonts/glyphicons-regular.eot');
    src: url('https://5063216.fs1.hubspotusercontent-na1.net/hubfs/5063216/recyclist/Fonts/glyphicons-regular.eot?#iefix') format('embedded-opentype'),url('https://5063216.fs1.hubspotusercontent-na1.net/hubfs/5063216/recyclist/Fonts/glyphicons-regular.woff2') format('woff2'),url('../fonts/glyphicons-regular.woff') format('woff'),url('../fonts/glyphicons-regular.ttf') format('truetype'),url('../fonts/glyphicons-regular.svg#glyphiconsregular') format('svg')
}
@font-face {
    font-family: 'Glyphicons Halflings Regular';
    src: url('https://5063216.fs1.hubspotusercontent-na1.net/hubfs/5063216/recyclist/Fonts/glyphicons-halflings-regular.eot');
    src: url('https://5063216.fs1.hubspotusercontent-na1.net/hubfs/5063216/recyclist/Fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('https://5063216.fs1.hubspotusercontent-na1.net/hubfs/5063216/recyclist/Fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'Glyphicons Filetypes Regular';
    src: url('https://5063216.fs1.hubspotusercontent-na1.net/hubfs/5063216/recyclist/Fonts/glyphicons-filetypes-regular.eot');
    src: url('https://5063216.fs1.hubspotusercontent-na1.net/hubfs/5063216/recyclist/Fonts/glyphicons-filetypes-regular.eot?#iefix') format('embedded-opentype'),url('https://5063216.fs1.hubspotusercontent-na1.net/hubfs/5063216/recyclist/Fonts/glyphicons-filetypes-regular.woff') format('woff'),url('../fonts/glyphicons-filetypes-regular.ttf') format('truetype'),url('../fonts/glyphicons-filetypes-regular.svg#glyphicons_filetypesregular') format('svg');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'Glyphicons Social Regular';
    src: url(https://5063216.fs1.hubspotusercontent-na1.net/hubfs/5063216/recyclist/Fonts/glyphicons-social-regular.eot);
    src: url(https://5063216.fs1.hubspotusercontent-na1.net/hubfs/5063216/recyclist/Fonts/glyphicons-social-regular.eot?#iefix) format('embedded-opentype'),url(https://5063216.fs1.hubspotusercontent-na1.net/hubfs/5063216/recyclist/Fonts/glyphicons-social-regular.woff) format('woff'),url(../fonts/glyphicons-social-regular.ttf) format('truetype'),url(../fonts/glyphicons-social-regular.svg#glyphicons_socialregular) format('svg');
    font-weight: 400;
    font-style: normal
}


.glyphicons, .halflings, .filetype, .social {
	position:relative;
	top:1px;
	display:inline-block;
	-webkit-font-smoothing:antialiased;
	font-style:normal;
	font-weight:normal;
	line-height:1;
}
.glyphicons {font-family:'Glyphicons Regular'}
.halflings {font-family:'Glyphicons Halflings Regular'}
.filetype {font-family:'Glyphicons Filetypes Regular'}
.social {font-family:'Glyphicons Social Regular'}

/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

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

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

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

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

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

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

body {
  margin: 0;
}

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

main {
  display: block;
}

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

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

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

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

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

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

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

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

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

a {
  background-color: transparent;
}

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

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

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

b,
strong {
  font-weight: bolder;
}

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

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

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

img {
  border-style: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

progress {
  vertical-align: baseline;
}

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

textarea {
  overflow: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

details {
  display: block;
}

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

summary {
  display: list-item;
}

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

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

template {
  display: none;
}

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

[hidden] {
  display: none;
}

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

/* Responsive grid */

.row-fluid {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .row-fluid {
    width: 100%;
  }

  .row-fluid [class*='span'] {
    display: block;
    float: none;
    width: auto;
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .row-fluid {
    width: 100%;
  }

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

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

  .row-fluid [class*='span'] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.762430939%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

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

  .row-fluid .span12 {
    width: 99.999999993%;
  }

  .row-fluid .span11 {
    width: 91.436464082%;
  }

  .row-fluid .span10 {
    width: 82.87292817100001%;
  }

  .row-fluid .span9 {
    width: 74.30939226%;
  }

  .row-fluid .span8 {
    width: 65.74585634900001%;
  }

  .row-fluid .span7 {
    width: 57.182320438000005%;
  }

  .row-fluid .span6 {
    width: 48.618784527%;
  }

  .row-fluid .span5 {
    width: 40.055248616%;
  }

  .row-fluid .span4 {
    width: 31.491712705%;
  }

  .row-fluid .span3 {
    width: 22.928176794%;
  }

  .row-fluid .span2 {
    width: 14.364640883%;
  }

  .row-fluid .span1 {
    width: 5.801104972%;
  }
}

@media (min-width: 1280px) {
  .row-fluid {
    width: 100%;
  }

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

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

  .row-fluid [class*='span'] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.564102564%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

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

  .row-fluid .span12 {
    width: 100%;
  }

  .row-fluid .span11 {
    width: 91.45299145300001%;
  }

  .row-fluid .span10 {
    width: 82.905982906%;
  }

  .row-fluid .span9 {
    width: 74.358974359%;
  }

  .row-fluid .span8 {
    width: 65.81196581200001%;
  }

  .row-fluid .span7 {
    width: 57.264957265%;
  }

  .row-fluid .span6 {
    width: 48.717948718%;
  }

  .row-fluid .span5 {
    width: 40.170940171000005%;
  }

  .row-fluid .span4 {
    width: 31.623931624%;
  }

  .row-fluid .span3 {
    width: 23.076923077%;
  }

  .row-fluid .span2 {
    width: 14.529914530000001%;
  }

  .row-fluid .span1 {
    width: 5.982905983%;
  }
}

/* Clearfix */

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

.clearfix:after {
  clear: both;
}

/* Visibilty classes */

.hide {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

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

/* Responsive visibilty classes */

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

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

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

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

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

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

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

@media (min-width: 768px) and (max-width: 1139px) {
  .visible-tablet {
    display: inherit !important;
  }

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

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

  .visible-desktop {
    display: none !important;
  }
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 1rem;
}

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

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

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

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

/* Elements
Base HMTL elements are styled in this section (<body<, <h1>, <a>, <p>, <button> etc.)
*/

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

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

/* Paragraphs */

p {
  font-size: 1rem;
  margin: 0 0 1.4rem;
}

/* Anchors */

a {
  cursor: pointer;
}

/* Headings */

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

/* Lists */

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

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

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

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

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

/* Horizontal rules */

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

/* Image alt text */

img {
  font-size: 0.583rem;
  word-break: normal;
}

/* Custom CSS
==========================*/
button,
.button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

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

/* No button */

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

a.cta_button,
.ty-btn a,
.lets-talk-want-to-discuss-btn a,
.single-button a.cta_button {
  display: inline-block;
  padding: 10px 30px;
  background-color: #33a642;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  margin: 30px 0px 0px;
  font-weight: 600;
}
.start-free-trial-main a.cta_button,
.ty-btn a,
.lets-talk-want-to-discuss-btn a,
.single-button a.cta_button {
  background-color: #fff;
  color: #33a642;
}
.lets-talk-want-to-discuss-btn a,
.single-button a.cta_button {
  margin-top: 0px;
}
a.cta_button:hover,
a.cta_button:focus,
a.cta_button:active,
.ty-btn a:hover,
.ty-btn a:focus,
.ty-btn a:active,
.lets-talk-want-to-discuss-btn a:hover,
.lets-talk-want-to-discuss-btn a:focus,
.lets-talk-want-to-discuss-btn a:active {
  color: #fff;
  font-weight: 600;
}
.start-free-trial-main a.cta_button:hover,
.start-free-trial-main a.cta_button:focus,
.start-free-trial-main a.cta_button:active,
.ty-btn a:hover,
.ty-btn a:focus,
.ty-btn a:active,
.lets-talk-want-to-discuss-btn a:hover,
.lets-talk-want-to-discuss-btn a:focus,
.lets-talk-want-to-discuss-btn a:active,
.single-button a.cta_button:hover,
.single-button a.cta_button:focus,
.single-button a.cta_button:active {
  color: #33a642;
  font-weight: 600;
}
/* Fields */

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

/* Labels */

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

/* Help text */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

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

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

/* Inputs - checkbox/radio */

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

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

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

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

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

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

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

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

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

/* Inputs - file picker */

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

/* Headings and text */

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

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

/* GDPR */

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

/* Validation */

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

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

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

/* Submit button */

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

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}
/* Table */

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

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}

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

/* Header DND sections */

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

/* Header container */

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

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

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

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

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

  .header__column {
    position: relative;
  }

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

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

/* Navigation skipper */

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

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

/* Logo */

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

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

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

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

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

/* Search bar */

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

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

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

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

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

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

.header__search .hs-search-field__suggestions #results-for {
  display: none;
}
.talk-cta-btn:hover {
    background-color: #33A642 !important;
}
@media (min-width: 767px) {
  .header__search form {
    align-items: center;
    display: flex;
    flex-direction: row;
  }

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

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

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

/* Language switcher */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Navigation */

#nav-toggle {
  display: none;
}

/* Mobile toggles */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

.header {
  padding: 20px 0px 0px;
}
.header__container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header__logo img {
  vertical-align: bottom;
}
.header__text h4 {
  margin: 0;
  font-size: 17px;
}

@media (max-width: 767px) {
  .header__container {
    padding: 0;
  }
  .header .hs_cos_wrapper_type_logo img {
    max-width: 150px;
  }
  .header__logo {
    justify-content: center;
  }

}



.mobile-menu-toggle {
    display: none !important;
}
/*----------------------------------------*/
@media screen and (max-width:767px){
  .landing-filter-page .header .main-navigation-outer > ul > li.hs-menu-item {z-index: 1;}
  .landing-filter-page .header .main-navigation-outer > ul > li.hs-menu-item > a {
    font-size: 20px;
    font-weight: 500;
  }
  .landing-filter-page .header .main-navigation-outer > ul > li.hs-menu-item > ul.hs-menu-children-wrapper {
    display: none !important;
  }

  .landing-filter-page .child-trigger i {
    content: '';
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: transform .3s;
  }
  .landing-filter-page .header .main-navigation-outer > ul > li.hs-menu-item.submenu-opened > ul.hs-menu-children-wrapper {
    display: block !important;
    position: static;
    padding: 40px 31px 40px !important;
  }
  .landing-filter-page .header .main-navigation-outer > ul {
    flex-direction: column;
    background: #fff;
    z-index: 1;
  }
  .landing-filter-page .header .main-navigation-outer > ul > li.hs-menu-item > a::after {
    display: none;
  }
  .landing-filter-page .header .main-navigation-outer > ul > li.hs-menu-item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 15px;
  }
  .landing-filter-page .header .navigation-outer-sec .hs-menu-item.hs-item-has-children > .hs-menu-children-wrapper {
    flex-basis: 100%;
    max-width: 100%;
  }
  .landing-filter-page .header .submenu-depth-2-title {
    padding: 0 0 20px 0 !important;
    margin: 0 0 20px 0 !important;
    font-size: 24px !important;
  }
  .landing-filter-page .header .hs-menu-children-wrapper > li.hs-menu-item.hs-menu-depth-3 > a {
    font-weight: 400 !important;
    padding: 0 0px 6px 0px !important;
    font-size: 15px;
  }
  .landing-filter-page .header .main-navigation-outer > ul > li.hs-menu-item.submenu-opened > ul.hs-menu-children-wrapper > li.hs-menu-item.hs-menu-depth-2 {
    margin-bottom: 18px;
  }
  .landing-filter-page .header .main-navigation-outer > ul > li.submenu-opened .child-trigger i {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .landing-filter-page .header .main-navigation-outer > ul > li > .hs-menu-children-wrapper {
    box-shadow: none !important;
    margin: 0 !important;
  }
  .landing-filter-page .header .header-bottom-row-0-vertical-alignment > .row-fluid >*:nth-child(2) {
    order: 1;
    max-width:20%;
  }
  .landing-filter-page .header .header-bottom-row-0-vertical-alignment > .row-fluid >*:nth-child(2) a.menu-toggle span {
    margin-left: auto;
    -webkit-transition: all .4s cubic-bezier(.05,.8,.5,1);
    transition: all .4s cubic-bezier(.05,.8,.5,1);
  }
  .landing-filter-page.openMainmenu .main-navigation-outer > ul {
    opacity: 1 !important;
    visibility: visible !important;
  }

  .landing-filter-page .header .main-navigation-outer > ul {
    opacity: 0;
    visibility: hidden;
    padding: 25px 0px !important;
    position: absolute;
    width: 100vw;
    left: -15px;
  }
  .landing-filter-page.openMainmenu .mobile-menu > a.menu-toggle span:nth-child(1) {
    transform: rotate(45deg);
    background: #33A642;
  }
  .landing-filter-page .mobile-menu > a.menu-toggle span:nth-child(2) {
    display: none;
  }
  .landing-filter-page.openMainmenu .mobile-menu > a.menu-toggle span:nth-child(3) {
    transform: rotate(-45deg);
    background: #33A642;
  }
  .mobile-menu .menu-toggle span {
    width: 25px !important;
  }
.landing-filter-page .header .main-navigation-outer > ul >li:nth-last-child(2) > .hs-menu-children-wrapper ul li a, .landing-filter-page .header .main-navigation-outer > ul >li:nth-last-child(1) > .hs-menu-children-wrapper ul li a {
    padding: 0 0px 6px 0px !important;
}
  header.header {
    overflow-x: clip;
}
  .mobile-menu-toggle span {
    display: block;
    width: 32px;
    height: 3px;
    background: #000;
    cursor: pointer;
    margin-left:auto;
}

.mobile-menu-toggle span + span {
    margin-top: 5px;
}
.main-navigation-outer {
    right: -100%;
    position: fixed;
    background: #fff;
    width: 400px;
    height: 100%;
    z-index: 9999;
    top: 0;
    padding: 45px 28px 25px!important;
    transition: all 0.3s linear;
  overflow-y:auto;
}
.openMainmenu .main-navigation-outer {
    right: 0;
}
.landing-filter-page .header .main-navigation-outer > ul {
    justify-content: start;
    opacity: 1;
    visibility: visible;
    position: static;
    width: auto;
}
.mobile-menu-toggle {
    display: block !important;
}
   
.landing-filter-page .mobile-menu {
    width: 25px;
    aspect-ratio: 1;
    margin-left: auto;
    display: flex;
    align-items: center;
}

.landing-filter-page .menu-toggle span {
    position: absolute;
    margin:0 !important;
}
  
.landing-filter-page .header .main-navigation-outer > ul > li.hs-menu-item {
    padding-inline: 0;
}

.main-navigation-outer .hs-menu-children-wrapper > li > .hs-menu-children-wrapper > .hs-menu-item + .hs-menu-item {
    margin: 10px 0 0;
}
}

@media (max-width: 480px){
  .landing-filter-page .header .hs_cos_wrapper_type_linked_image img {
    width: 120px !important;
  }
  .landing-filter-page .header .cta_button {
    padding: 8px 16px !important;
    line-height: 17px !important;
    font-size: 14px !important;
  }
}
/* Menu and simple menu */

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

/* Horizontal menu */

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

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

/* Vertical menu */

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

/* Flyouts */

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

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

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

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

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

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

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

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

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

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

/* Utilities
Helper classes with ability to override anything that comes before it
*/

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

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

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


/*--------------- 10-nov-21 -----------------*/

@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('https://19900188.fs1.hubspotusercontent-na1.net/hubfs/19900188/Routeware_lp_pages/fonts/NeueHaasDisplay-Bold.eot');
    src: url('NeueHaasDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://19900188.fs1.hubspotusercontent-na1.net/hubfs/19900188/Routeware_lp_pages/fonts/NeueHaasDisplay-Bold.woff2') format('woff2'),
        url('https://19900188.fs1.hubspotusercontent-na1.net/hubfs/19900188/Routeware_lp_pages/fonts/NeueHaasDisplay-Bold.woff') format('woff'),
        url('https://19900188.fs1.hubspotusercontent-na1.net/hubfs/19900188/Routeware_lp_pages/fonts/NeueHaasDisplay-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('NeueHaasDisplay-Black.eot');
    src: url('NeueHaasDisplay-Black.eot?#iefix') format('embedded-opentype'),
        url('https://19900188.fs1.hubspotusercontent-na1.net/hubfs/19900188/Routeware_lp_pages/fonts/NeueHaasDisplay-Black.woff2') format('woff2'),
        url('https://19900188.fs1.hubspotusercontent-na1.net/hubfs/19900188/Routeware_lp_pages/fonts/NeueHaasDisplay-Black.woff') format('woff'),
        url('https://19900188.fs1.hubspotusercontent-na1.net/hubfs/19900188/Routeware_lp_pages/fonts/NeueHaasDisplay-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}




@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('https://19900188.fs1.hubspotusercontent-na1.net/hubfs/19900188/Routeware_lp_pages/fonts/NeueHaasDisplay-Light.eot');
    src: url('NeueHaasDisplay-Light.eot?#iefix') format('embedded-opentype'),
        url('https://19900188.fs1.hubspotusercontent-na1.net/hubfs/19900188/Routeware_lp_pages/fonts/NeueHaasDisplay-Light.woff2') format('woff2'),
        url('https://f.hubspotusercontent30.net/hubfs/19900188/Routeware_lp_pages/fonts/NeueHaasDisplay-Light.woff%29 format%28%27woff'),
        url('https://19900188.fs1.hubspotusercontent-na1.net/hubfs/19900188/Routeware_lp_pages/fonts/NeueHaasDisplay-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('NeueHaasDisplay-Mediu.eot');
    src: url('NeueHaasDisplay-Mediu.eot?#iefix') format('embedded-opentype'),
        url('https://19900188.fs1.hubspotusercontent-na1.net/hubfs/19900188/Routeware_lp_pages/fonts/NeueHaasDisplay-Mediu.woff2') format('woff2'),
        url('https://19900188.fs1.hubspotusercontent-na1.net/hubfs/19900188/Routeware_lp_pages/fonts/NeueHaasDisplay-Mediu.woff') format('woff'),
        url('https://19900188.fs1.hubspotusercontent-na1.net/hubfs/19900188/Routeware_lp_pages/fonts/NeueHaasDisplay-Mediu.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('https://19900188.fs1.hubspotusercontent-na1.net/hubfs/19900188/Routeware_lp_pages/fonts/NeueHaasDisplay-Roman.eot');
    src: url('NeueHaasDisplay-Roman.eot?#iefix') format('embedded-opentype'),
        url('https://19900188.fs1.hubspotusercontent-na1.net/hubfs/19900188/Routeware_lp_pages/fonts/NeueHaasDisplay-Roman.woff2') format('woff2'),
        url('https://19900188.fs1.hubspotusercontent-na1.net/hubfs/19900188/Routeware_lp_pages/fonts/NeueHaasDisplay-Roman.woff') format('woff'),
        url('https://19900188.fs1.hubspotusercontent-na1.net/hubfs/19900188/Routeware_lp_pages/fonts/NeueHaasDisplay-Roman.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Myriad Pro';
    src: url('https://19900188.fs1.hubspotusercontent-na1.net/hubfs/19900188/Routeware_lp_pages/fonts/MyriadPro-Regular.eot');
    src: url('MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://19900188.fs1.hubspotusercontent-na1.net/hubfs/19900188/Routeware_lp_pages/fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('https://19900188.fs1.hubspotusercontent-na1.net/hubfs/19900188/Routeware_lp_pages/fonts/MyriadPro-Regular.woff') format('woff'),
        url('https://19900188.fs1.hubspotusercontent-na1.net/hubfs/19900188/Routeware_lp_pages/fonts/MyriadPro-Regular.ttf') format('truetype'),
        url('MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{
  font-family: 'Neue Haas Grotesk Display Pro' !important;
}

h1, h2, h3, h4, h5, h6, p, a, span, li, strong, input, button, select, textarea, label{
font-family: 'Neue Haas Grotesk Display Pro' !important;
}


h1 {
    font-weight: 700 !important;
    font-size: 60px !important;
    line-height: 1.1em !important;
}

/*15122021 Start*/
.banner-left-right-sec .left-sec-main .heading-text h1 {
    
    font-size: 30px !important;
   
}
/*15122021 End*/

h2 {
    font-weight: bold !important;
    font-size: 36px !important;
}
p{
font-size:22px;
}


select {
    background: url(https://19900188.fs1.hubspotusercontent-na1.net/hubfs/19900188/images-icon/slect-icon1.png);
    background-repeat: no-repeat;
    background-position: center right 15px;
    -webkit-apppearnce: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  padding-right: 39px !important;
    text-overflow: ellipsis;
}
.two-col-field fieldset select {
    background-size: 18px;
    margin-bottom:10px;
}

/*----- new page ----*/

.left-content-with-right-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.left-content-with-right-form > .form-section {
  width: 40%;
  background-color: #f2f2f2;
  padding: 30px 0;
}
.left-content-with-right-form > .content-with-image {
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.content-with-image > .content-box {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.content-with-image > .image-box {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 48%;
  flex: 0 0 48%;
  max-width: 48%;
}

.content-box h1 {
  margin-right: -10px;
}
.form-section-header h2 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: center;
}
.form-section-header p {
  font-size: 16px;
  text-align: center;
  margin-bottom: 10px;
  display: block;
}
.form-body-sec {
  max-width: 370px;
  margin: 0 auto;
}
.form-section-header {
  max-width: 242px;
  margin: 0 auto;
}
.form-body-sec form input,
body form.hs-form .hs-input,
.right-sec-main-form form input,
.right-sec-main-form form select,
.right-sec-main-form form textarea {
  height: 45px;
  font-size: 14px;
  box-shadow: none;
  border-radius: 0px;
  border: 0px;
}
.right-sec-main-form form input[type="checkbox"] {
    height: auto;
    margin: 0;
    margin-right: 5px;
}
.right-sec-main-form form textarea {
  min-height: 60px;
}
.right-sec-main-form form input,
.right-sec-main-form form select,
.right-sec-main-form form textarea {
  margin: 0px 0px 15px;
}
.right-sec-main-form form input[type="submit"] {
  padding: 10px 30px;
  background-color: #33a642;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  border-color: #33a642;
  margin: 0 auto;
}
form label.hs-error-msg {
  font-size: 14px;
  margin: 0;
}
form .inputs-list > li {
  margin: 10px 0;
}
form .hs-form-field {
  margin-bottom: 15px;
}
.hs_newsletter.hs-newsletter .input, .hs_newsletter.hs-newsletter .input li,
.hs_webinars.hs-webinars .input {
    /* margin: 0 !important; */
    height: auto;
}
.input {
/*     height: 46px; */
    margin-bottom: 20px;
}
.right-section .form-body-sec .input {
    height: autto;
}
form .inputs-list>li {
    margin-top: 0;
    line-height: normal;
    margin-bottom: 15px;
}
form .actions {
  text-align: center;
}
form .actions input.hs-button {
  display: inline-block;
  padding: 10px 30px;
  background-color: #fdaa10;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
}
.logo-header {
  text-align: center;
}

.logo-module {
  padding: 30px 0;
  background-color: #f2f2f2;
}

.logo-repeatre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 30px 0px 0px;
}
.header__logo img, .video-top-image img  {
    width: 250px !important;
}
.logo-repeatre > * {
  flex: 1;
  padding: 0px 20px;
}
.two-col-module {
  padding: 80px 0 30px;
}
.two-col-header-sec {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;

}
.two-col-repeatre {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
  justify-content: space-between;
}
.two-col-repeatre > * {
  flex-basis: 48%;
  max-width: 48%;
}
.two-col-repeatre .single-item {
  display: flex;
  justify-content: space-between;
  margin: 0px 0px 50px;
}
.two-col-repeatre .single-item-img {
  width: 30%;
  padding: 10px 0px 0px;
}
.two-col-repeatre .single-item-content {
  width: 70%;
}
.two-col-repeatre .single-item-img img {
  width: 100px;
  vertical-align: bottom;
}


.single-item-content p {
  font-size: 16px;
}

.single-item-content h3 {
  font-size: 20px;
  margin-bottom: 10px;
}

.start-free-trial-content {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.start-free-trial-button {
  text-align: center;
}
.start-free-trial-with-background-color {
  padding: 40px 0;
}
.left-image-right-content-module {
  padding: 50px 0;
}
.left-image-right-content-inner .header-content {
  text-align: center;
}
.left-image-right-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
}
.left-image-right-content > .left-image-sec {
  max-width: 57%;
  width: 100%;
}
.left-image-right-content > .right-content-sec {
  max-width: 40%;
  width: 100%;
}
.left-image-right-content > .left-image-sec img {
  width: 100%;
}
.right-content-sec ul,
.left-content ul,
.left-sec-main ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.right-content-sec ul li,
.left-content ul li,
.left-sec-main ul li {
  position: relative;
  padding-left: 25px;
  margin: 0px 0px 10px;
}

.two-col-testimonial-module {
  padding: 50px 0;
}
.two-col-testimonial-header-content {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}
.two-col-testimonial-header-content h2 {
  margin-bottom: 20px;
}
.two-col-testimonial-repeater {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
  justify-content: space-between;
}
.two-col-testimonial-repeater > * {
  flex-basis: 46%;
  max-width: 46%;
}
.two-col-testimonial-repeater .single-item {
  border: 1px solid #f3f3f3;
  border-radius: 5px;
  padding: 0;
}
.two-col-testimonial-repeater .single-item p {
  margin-bottom: 0;
  padding: 30px;
  background-color: #f9f9f9;
}
.profile-img-with-designation {
  display: flex;
  align-items: center;
  padding: 20px 30px;
  border-top: 1px solid #f0f0f0;
}
.two-col-testimonial-repeater .profile-img-with-designation p {
  background-color: transparent !important;
}
.profile-img-with-designation .profile-img img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 50%;
  vertical-align: bottom;
}
.start-free-trial-main {
  background-color: #33a642;
  padding: 50px 0;
  color: #ffffff;
}
.start-free-trial-main h2 {
  color: #ffffff;
}

.add-logo {
  text-align: center;
}
.add-copyright {
  text-align: center;
  margin: 15px 0px 0px;
}
.add-logo img {
  width: 100px !important;
  margin: 0px 0px 15px;
}
.add-logo p a {
  font-size: 16px;
  color: #999;
  text-decoration: underline;
}
.add-logo p {
  margin: 0 0 5px;
}
.add-copyright p {
  margin-bottom: 0;
  font-size: 14px;
  color: #999 !important;
}
.container-fluid .page-center,
.page-center {
  max-width: 1240px;
  margin: 0 auto;
}
.video-module .video-header h2 {
    color: #fff;
}


/* TY LP
==========================*/

.ty-2021-main {
  background-color: #33a642;
  color: #fff;
  text-align: center;
  padding: 40px 0px 100px;
}
.ty-logo img {
  filter: brightness(0) invert(1);
  max-width: 250px;
}
.ty-cont {
  padding: 100px 0px 0px;
}
.ty-text h2 {
  font-size: 50px;
  font-weight: bold;
  color: #fff;
}
.check-out-our-latest-posts-main {
  padding: 100px 0px;
}
.check-out-our-latest-posts-sec {
  display: flex;
  flex-wrap: wrap;
  margin-right: -50px;
  margin-top: 50px;
}
.check-out-our-latest-posts-title {
  text-align: center;
}
.check-out-our-latest-post {
  max-width: calc(100%/3 - 50px);
  flex: 0 0 calc(100%/3 - 50px);
  margin-right: 50px;
  border: 2px solid #777;
  padding: 50px;
  border-top: 5px solid #33a642;
  border-radius: 5px 5px 5px 30px;
}
.check-out-our-latest-post-date {
  margin: 10px 0px 0px;
}
.check-out-our-latest-post-btm {
  text-align: center;
  margin: 50px 0px 0px;
}
.check-out-our-latest-post-btm p a {
  color: #33a642;
}
.body-container-wrapper {
  overflow: hidden;
}

/* Lets Talk
==========================*/

.lets-talk-form-left-right-sec {
  display: flex;
  flex-wrap: wrap;
}
.lets-talk-form-left-right-sec > * {
  flex-basis: 50%;
  max-width: 50%;
}
.left-content h1,
.left-sec-main h2 {
  font-size: 32px;
  text-align: left !important;
  font-weight: 400;
  line-height: normal;
}
.right-sec-main-form {
  background-color: #f2f2f2;
  padding: 50px;
}
.right-sec-main-form .form-title {
  text-align: center;
}
.right-sec-main-form .form-title h3 {
  font-size: 24px;
  line-height: normal;
  font-weight: bold;
}
.first-row-main.lets-talk-form-main {
  padding: 100px 0;
}
.lets-talk-form-left-right-sec .right-sec-main {
  padding-left: 70px;
}
.left-content p span {
  display: inline-block;
}
.left-content ul li {
  margin-bottom: 10px;
}
.left-content ul li:last-child {
  margin-bottom: 0;
}
.third-row-main .top-header h3 {
  text-align: center;
  font-size: 18px;
}
.right-sec-main-form form .input textarea{
  min-height: 60px;
}
.right-sec-main-form form label {
  font-size: 14px;
}
form .hs-error-msgs li {
  margin-top: 0;
}
.call-section {
  padding: 50px 0;
  text-align: center;
  background-color: #757575;
  color: #fff !important;
}
.call-section img {
  width: 50px;
  margin: 30px 0;
  filter: invert(1);
}
.call-section p {
  margin-bottom: 20px;
}
.call-section a {
  color: #fff;
}
.call-section h3 {
  color: #fff;
}

/* Footer Section 
==================================*/

.footer {
  padding: 30px 0;
  border-top: 1px solid rgba(0, 0, 0, .1);
}
.footer-copyright-sec {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10.5px 0px;
}
.footer-copyright-col-2 ul li {
  display: inline-block;
}
.footer p{
text-align:center;
}
.footer-copyright-col-2 ul li a {
  font-size: 14px;
  color: #33a642;
  text-decoration: underline;
}
.footer-copyright-col-1 p {
  margin-bottom: 0;
  font-size: 14px;
}
.footer-copyright-col-1 p a {
  color: #777 !important;
  text-decoration: underline;
}
.footer-copyright-col-2 ul {
  margin-bottom: 0;
  padding-left: 0;
}
.footer-copyright-col-2 ul li:first-child {
  margin-right: 15px;
}
.left-content ul,
.left-sec-main ul {
  margin: 0 0 30px;
}
.third-row-main {
  text-align: left;
  border-top: 1px solid #ddd;
  margin: 40px 0px 0px;
  padding: 40px 0px 0px;
}
.left-content span br {
  display: none;
}

/* Success Stories Page
==================================*/

.text-with-background {
  padding: 100px 0px 50px;
}
.main-content-sec {
  padding: 40px;
  text-align: center;
}
.main-content-sec h2 {
  color: #fff;
  margin: 0;
  font-size: 24px;
}
.blockquote-section blockquote {
  border: 0px;
  padding-left: 60px;
  position: relative;
}
.blockquote-section blockquote::before {
  content: "";
  position: absolute;
  background-image: url("https://19900188.fs1.hubspotusercontent-na1.net/hubfs/19900188/Routeware_lp_pages/quotes.png");
  width: 38px;
  height: 32px;
  left: 0;
  top: 0;
}

.blockquote-section blockquote p {
  font-style: italic;
}

.blockquote-section h4 {
  font-size: 16px;
  line-height: normal;
  color: #000;
  font-weight: 600;
}
.blockquote-section h4 em {
  color: #33a642;
}
.our-clients-main {
  margin: 30px 0px 0px;
}
.social-share-sec h2 {
  font-size: 24px;
}
.social-share-sec ul {
  list-style: none;
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.social-share-sec ul li:not(:last-child) {
  margin-right: 10px;
}
.social-share-sec ul li img {
  max-width: 40px;
}
.right-sec-main {
  padding-left: 50px;
}
.first-row-main {
  padding: 0px 0px 70px;
}
.hs_error_rollup {
  display: none;
}
.subscribe-text-form-main {
  padding: 60px 0;
}
.subscribe-text-form-form {
  max-width: 520px;
  margin: 0 auto;
  margin-top: 40px;
  background-color: #f2f2f2;
  padding: 50px;
}
.subscribe-text-form-form form.hs-form .hs-input {
  border: 1px solid;
  outline: 0;
}
.lets-talk-want-to-discuss {
  padding: 40px 0;
}
.lets-talk-want-to-discuss-outer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.lets-talk-want-to-discuss-text h3 {
  margin-bottom: 0;
  color: #fff;
}
.proud-member-main {
  padding: 40px 0;
}
.proud-member-title {
  text-align: center;
}
.proud-member-rep-outer {
  margin: 50px 0px 0px;
}
.proud-member-rep-outer button.slick-arrow {
  position: absolute;
  top: 35px;
  transform: none;
  width: 30px;
  height: 30px;
  display: inline-block;
  z-index: 9;
  border: 0px !important;
  border-radius: 50% !important;
  color: #fff;
  cursor: pointer !important;
  padding: 0;
}
.proud-member-rep-outer button.slick-prev {
  left: 0;
  font-size: 0;
  background: rgba(0, 0, 0, 0.5) url(https://19900188.fs1.hubspotusercontent-na1.net/hubfs/19900188/Routeware_lp_pages/arrow-left.png) center center no-repeat !important;
  background-size: 15px 15px !important;
  box-shadow: none !important;
}
.proud-member-rep-outer button.slick-next {
  right: 0;
  font-size: 0;
  background: rgba(0, 0, 0, 0.5) url(https://19900188.fs1.hubspotusercontent-na1.net/hubfs/19900188/Routeware_lp_pages/arrow-right.png) center center no-repeat !important;
  background-size: 15px 15px!important;
  box-shadow: none !important;
}
.proud-member-rep img {
  width: 200px;
  margin: 0 auto;
}
.proud-member-rep-outer ul.slick-dots li {
  list-style: none;
  display: inline-block;
  margin: 0px 3px !important;
  padding: 0px;
  width: 20px;
  height: 20px;
  position: relative;
}
.proud-member-rep-outer ul.slick-dots li button {
  text-indent: -99999px;
  margin: 0px !important;
  padding: 0px !important;
  border: 2px solid #444 !important;
  border-radius: 50% !important;
  width: 12px !important;
  height: 12px !important;
  background-color: #fff;
  cursor: pointer;
}
.proud-member-rep-outer ul.slick-dots {
  padding: 0;
  margin: 0;
  text-align: center;
  margin-top: 60px;
}
.proud-member-rep-outer ul.slick-dots li button::before {
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
}
.proud-member-rep-outer ul.slick-dots li.slick-active button {
  background-color: #8d8c8c;
}
.lets-talk-want-to-discuss {
  padding: 40px 0;
  background-color: #33a642;
  color: #fff;
}
.form-title:empty {
    display: none;
}

/* Video Page
==================================*/

.video-module {
    background-color: #fff;
    color: #555556;
    text-align: center;
    padding: 50px 0px 100px;
  font-family: 'Neue Haas Grotesk Display Pro' !important;
}


.video-module-main {
  max-width: 700px;
  margin: 0 auto;
}
.button-section h2 {
    color: #363636;
    font-weight: normal !important;
    font-size: 24px !important;
}
.button-repeater {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 40px 0px 0px;
}
.button-repeater > *:not(:last-child) {
  margin-right: 50px;
}


/*Case study page css start here*/
.banner-with-form {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding-top: 0px;
    height: 100%;
    position: relative;
    padding-bottom: 0px;
    height: 600px;
    /*15122021height: 900px;*/
}
.banner-with-form .page-center {
    display: flex;
    align-items: flex-start;
    position: relative;
    z-index: 2;
    top: 230px;
}
.banner-with-form .banner-content {
    width: 80%;
    padding-right: 200px;
    position: static;
    padding-top: 0px;
    padding-bottom: 0px;
}


.banner-with-form .banner-form {
    width: 30%;
    position: relative;
    top: -90px;
    background: #33a642;
    padding: 24px;
    border-radius: 14px;
}
.banner-with-form .banner-content h1 {
    color: #fff;
    max-width: 650px;
}
.banner-with-form .banner-content p, .video-header p  {
    font-size: 26px;
    line-height: 1.3em;
    font-weight: 500;
    color: #fff;
    font-family: 'Neue Haas Grotesk Display Pro' !important;
    max-width: 650px;
}
.video-header p {
    color:#555556
}
.form-header h3, .form-title-main h3 {
    color: #fff !important;
    font-size: 24px;
    text-align: center;
  margin-bottom:15px;
}
form select{
    color: #949494 !important;
    font-size: 18px !important;
    font-weight: 500;
}
form  input::placeholder{
color: #949494 !important;
    font-size: 18px !important;
    font-weight: 500;
}
textarea::placeholder {
    color: #949494;
   font-size: 18px !important;
    font-weight: 500;
}
form  input, form select, form textarea {
 outline: none !important;
    height: 46px !important;
    border-radius: 6px !important;
    color: #949494 !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    border: none;
   margin-bottom: 15px;
}

 form input[type=submit], .thanks-cta-btn a, .lets-talk-want-to-discuss-btn a, .single-button a.cta_button{
    background: #FDAA10  !important;
    width: 100%;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    height: auto !important;
    padding: 18px 15px !important;
  transition: all .3s;
   border:none !important;
   cursor:pointer;
   border-radius: 4px !important;
   line-height:normal;
}
 form input[type=submit]:hover, .thanks-cta-btn a:hover, .lets-talk-want-to-discuss-btn a:hover, .single-button a.cta_button:hover, .button-repeater .single-button:nth-child(2) a:hover {
    background: #363636 !important;
}
form input[type=checkbox] {
    width: 20px;
    margin-bottom: 0;
    height: 20px !important;
}
form .banner-form .hs_role__c.hs-role__c.hs-fieldtype-select label, form .hs-fieldtype-text label {
    display: none;
}
form  ul.inputs-list li.hs-form-booleancheckbox label, form ul.inputs-list li.hs-form-booleancheckbox label span, form select {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    /* padding-left: 15px; */
}
form  ul.inputs-list li.hs-form-booleancheckbox label span {
    padding-left: 7px;
}
.listing-left-right-outer {
    display: flex;
    width: 100% !important;
}
.header.transparent-header {
    background-color: rgba(255,255,255,0.0);
    position: absolute;
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
    right: 0;
    left: 0;
    top: 20px;
  z-index:3;
}
.banner-with-form:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .3;
  top:0;
}
.button-repeater .single-button:nth-child(2) a {
    background: #68C74D !important;
}
.logo-repeater-main {
    display: flex;
}
.heading-text h1 {
    color: #363636;
}

.hs_role__c.hs-role__c.hs-fieldtype-select.field.hs-form-field label {
    display: none;
}
.header.transparent-header .header__logo {
    max-width: 432px;
}
.image-content-outer {
    padding: 180px 0px 60px;
    background: #faf8f5;
}
.image-content-outer .two-col-content-img {
    display: flex;
  align-items: flex-start;
}
.image-content-outer .two-col-content-img >div {
    width: 50%;
}
.image-content-outer .two-col-content-img .image-outer {
    padding-right: 40px;
}
.image-content-outer .two-col-content-img .content-outer {
    padding-left: 40px;
}
.image-content-outer .two-col-content-img .image-outer img {
    max-width: 100%;
    width: 100%;
}
.image-content-outer .content-outer  h4 {
    color: #0956a5;
}
.content-outer h2 {
    color: #343434;
    font-weight: bold;
    font-size: 36px;
}
.image-content-outer .content-outer p {
    color: #555556;
    font-size: 18px;
    font-weight: 500;
}
.footer-with-social-share-btn {
    background-color: #000 !important;
    padding: 50px 0px 0px;
}
.footer-with-social-share-btn span#hs_cos_wrapper_footer_bottom-module-1_ p {
    color: #fff;
    text-align: center;
  margin-top:80px;
}
.footer-with-social-share-btn div#hs_cos_wrapper_footer-module-4 ul {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.footer-with-social-share-btn div#hs_cos_wrapper_footer-module-4 ul li {
    list-style: none;
    margin-left: 40px;
}
.testimonial-module {
    background: #eeeeee;
    padding: 80px 0px 120px;
}
.testimonial-header h4 {
    color: #0956a5;
    font-weight: 500;
    text-align: center;
    margin: 0;
    margin-bottom: 10px;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'Myriad Pro' !important;
}
.testimonial-header h2 {
    color: #343434;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 60px;
}
.testimonial-module .single-review {
    background: #fff;
    padding: 60px;
    text-align: center;
    border-radius: 14px;
    width: 97% !important;
    margin-left: px;
  min-height:275px;
}

.testimonial-module .reviewer-image img {
    text-align: center;
    margin: 0 auto;
}
.testimonial-module .review-content p {
    font-weight: 500;
    font-size: 18px;
    margin-top: 0px;
  line-height:26px;
}
.testimonial-module .review-content h4 {
    font-size: 22px;
  margin-bottom:0;
}

.banner-with-form:after {
    content: "";
    width: 100%;
    height: 118px;
    position: absolute;
    background: url(https://19900188.fs1.hubspotusercontent-na1.net/hubfs/19900188/Routeware_lp_pages/shape-two-last.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center top;
    position: absolute;
    z-index: 1;
    overflow: hidden;
    bottom: -17px;
}
.testimonial-module ul.slick-dots {
    bottom: -63px;
  width:97%;
}


.testimonial-module .slick-dots li{
  width:12px
}
.testimonial-module .slick-dots li button {
    font-size: 0 !important;
    line-height: 0;
    display: block;
    width: 12px;
    height: 12px;
    padding: 5px;
    cursor: pointer;
    color: #0956a5;
    border: 0;
    outline: 0;
    background: #c9c9c9;
    border-radius: 100%;
}

.testimonial-module .slick-dots li button:before {
    font-family: 'slick';
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    content: '';
    text-align: center;
    opacity: 0;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.testimonial-module .slick-dots li.slick-active button{
 background: #0956a5;
}

.image-content-outer .two-col-content-img .content-outer h4 {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
  font-weight:normal;
}
  .container-fluid .page-center, .page-center{
  padding:0px 15px;
  }

.newsletter-field {
    display: flex;
    align-items: baseline;
  margin-bottom:15px;
}

.newsletter-field input[type="checkbox"] {
    width: 20px;
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    /* margin-top: 6px !important; */
    display: inline-block;
    position: relative;
    top: 2px;
}



.ty-text h1, .main-content-sec h1, .video-header h1 {
    color: #fff;
    font-weight: bold;
    max-width: 650px;
    font-size: 60px;
    line-height: 64px;
    /* margin-right: 0 !important; */
    text-align: center !important;
    margin: 0 auto;
    margin-bottom: 10px;
}
.main-content-sec h1{
max-width:800px;
}
.video-header h1 {
    margin-top: 30px;
  color:#363636;
}


/*==============lets-talk-page-css-start-here================*/

.simple-content-with-listing {
    background: #faf8f5;
    padding-top: 60px;
  padding-bottom:60px;
}
.simple-content-with-cta {
    background: #33a642;
    padding-bottom: 15px;
    padding: 30px 0px 40px;
}
.content-with-listing-outer h2 {
    color: #343434;
  margin-bottom:50px;
}
.content-with-cta-outer h2 {
    color: #fff;
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}
.content-with-cta-outer a.cta-btn {
    background: #fff;
    color: #33a642;
    font-size: 24px;
    font-weight: bold;
    padding: 8px 25px;
    border-radius: 10px;
    display: inline-block;
    margin-top: 24px;
}
.content-with-cta-outer{
text-align:center;
}
.simple-content-with-listing ul {
    margin-bottom: 0;
    padding-left: 94px;
}
.simple-content-with-listing ul li {
    list-style: none;
    font-size: 22px;
    font-weight: 500;
    line-height: normal;
    color: #555556;
    margin-bottom: 30px;
    position: relative;
    padding-left: 40px;
}
.simple-content-with-listing ul li p{
  font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    color: #555556;
}

.content-with-listing-outer ul li h4 {
    margin-bottom: 0px;
    font-size: 22px;
    font-weight: bold;
}
.simple-content-with-listing .content-with-listing-outer {
    width: 48%;
  margin:0 auto;
  position:relative;
z-index:13;
}

.form-main form .hs-form-field > label {
    font-size:0;
     opacity: 1;
}
.form-main form .newsletter-field label {
    font-size: 15px;
    opacity: 1;
}
.banner-with-custom-form .form-main form .newsletter-field label {
    font-size: 15px;
    opacity: 1;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    position: relative;
    top: 0px;
    margin:0;
}

.banner-with-custom-form .form-main form  .newsletter-field {
    line-height: normal;
}
.simple-content-with-listing ul li:after, .left-text-right-form-with-img .left-right-outer ul li:after {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    background: transparent;
    /* border: 2px solid #000; */
    border-radius: 100%;
    left: -43px;
    top: 0;
    background: url(https://19900188.fs1.hubspotusercontent-na1.net/hubfs/19900188/images-icon/list-icon-icon.png);
    background-repeat: no-repeat;
}
/*
.simple-content-with-listing ul li:before {
    content: "";
    height: 22px;
    width: 14px;
    background: transparent;
    position: absolute;
 right: 0; 
    top: 10px;
    border-left: 2px solid #28689f;
    border-top: 2px solid  #28689f;
    -ms-transform: rotate(130deg);
    transform: rotate(
217deg);
    left: -25px;
}
*/

.banner-with-form .banner-form textarea {
    height: auto !important;
    min-height: 134px;
    margin-bottom: 8px;
}
.logo-repeater-outer {
    padding: 70px 0px;
    text-align: center;
}
.logo-header-main h2 {
    color: #363636;
    margin-bottom: 40px;
}
.single-logo-main {
    width: 15%;
    margin: 0px 7px;
}
.left-alignment .content-with-listing-outer {
    margin-left: 0;
}
/*==============lets-talk-page-css-end-here================*/



/*==============video-page-css-start-here================*/

.video-module-with-btns {
    background: #faf8f5;
}
.button-section-outer {
    padding-bottom: 0;
    position: relative;
    top: -60px;
    text-align: center;
}
.button-section-outer h2 {
    color: #363636;
}
.button-repeater-outer {
    display: flex;
    align-items: center;
    justify-content: center;
}
.button-repeater-outer .single-button a {
    background: #33a642 !important;
    color: #fff !important;
    font-size: 24px !important;
    padding: 10px 30px !important;
    border-radius: 15px;
    font-weight: bold !important;
}
.button-repeater-outer .single-button:first-child{
margin-right:10px;
}
.button-repeater-outer .single-button:last-child{
margin-left:10px;
}
/*==============video-page-css-end-here================*/


/*==============video-page-css-end-here================*/


.simple-content-with-listing .listing-left-right-outer ul li h4 {
    margin-bottom: 0;
    color: #33a642;
    font-size: 22px;
    font-weight: bold;
}
.two-col-listing-main .listing-header-text h2 {
    text-align: center;
    margin-bottom: 60px;
    color: #363636;
}
.banner-without-form .page-center {
    display: block;
    text-align: center;
}
/*
.banner-without-form .page-center .full-width-banner-text {
    width: 100% !important;
    padding-right: 0 !important;
}
.banner-without-form .page-center .full-width-banner-text h1, .banner-without-form .page-center .full-width-banner-text p {
    max-width: 100%;
}
*/
.banner-without-form .page-center {
    display: block;
    text-align: center;
}


.listing-left-right-outer ul li:after {
    top: 16px;
}
.thanks-cta-btn a {
    display: inline-block;
    margin-top: 30px;
  width:auto;
}

/*==============video-page-css-end-here================*/

.left-text-right-form-with-img .left-right-outer {
    display: flex;
}
 .left-text-right-form-with-img {
    padding-top: 180px;
   padding-bottom:75px;
}
.left-text-right-form-with-img .banner-left-right-sec {
    display: flex;
    align-items: baseline;
}
.left-text-right-form-with-img .left-sec-main {
    width: 70%;
}
.left-text-right-form-with-img .right-sec-main {
    width: 30%;
}
.left-text-right-form-with-img .left-text {
    width: 70%;
}
.left-text-right-form-with-img .right-image {
    width: 30%;
    margin-left: 29.54px;
    margin-left: 2.564102564%;
}
.left-text-right-form-with-img .left-text p {
    font-family: 'Neue Haas Grotesk Display Pro' !important;
    /*15122021font-size: 26px;*/
font-size: 20px;
    line-height: 36px;
    font-weight: 500;
}
.right-sec-main {
    width: 30%;
    position: relative;
    background: #33a642;
    padding: 24px;
    border-radius: 14px;
    margin-left: 2.564102564%;
}

form br {
    display: none;
}
.left-text-right-form-with-img .left-text ul, .left-text-right-form-with-img .left-text ul li, .left-bottom-content p {
    font-size: 20px;
    font-weight: 500;
}
.left-review-content blockquote p {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
}
.left-review-content .listing-right-main{
padding-left:15px;
}


.listing-left-right-outer .listing-left-main {
    padding-right: 15px;
}
.banner-with-custom-form .banner-form {
    width: 50%;
}
.banner-without-form:before {
  content: "";
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .3;
    top: 0;
}
.banner-with-custom-form .banner-content {
    padding-right: 130px;
}
/*15122021 start*/
@media(min-width:992px){
  .banner-without-form {
      height: 600px;
  }
}
/*15122021 End*/
 min-width:
.center-alignment .content-with-listing-outer{
width:100% !important;
}
.center-alignment .content-with-listing-outer ul {
    display: flex;
}
.center-alignment .content-with-listing-outer ul li {
    /* margin-left: 30px; */
    width: 33.33%;
    margin-right: 78px;
}
.center-alignment .content-with-listing-outer ul li:last-child {
    margin-right: 0;
}
.left-text-right-form-with-img .left-text ul {
    padding-left: 42px;
}
.left-text-right-form-with-img .left-text ul li {
    /*15122021margin-bottom: 40px;*/
margin-bottom: 15px;
  position:relative;
}
.footer img.hs-image-widget {
    width: auto;
    max-width: 263px !important;
}
.footer p {
    margin: 0px;
    color: rgba(255,255,255,0.65);
    padding-left: 9px;
}
.footer-bottom-row {
    max-width: 100% !important;
    background: #33a642;
    margin-top: 50px;
}
.footer-bottom-row ul {
    display: flex;
    margin: 0;
    padding-top: 17px;
    padding-bottom: 17px;
  padding-left:30px;
  justify-content: center;
}
.footer-bottom-row ul li, .footer-bottom-row ul li a {
    color: #fff;
    list-style: none;
    font-size: 14px;
    font-weight: 600;
    margin-right: 8px;
}
.banner-full-width-header {
    background: #33a642;
    padding: 30px;
    color: #fff;
    text-align: center;
    margin-bottom: 60px;
}
.banner-full-width-header p {
    /*15122021font-size: 18px;*/
font-size: 36px;
}
select.hide-field {
    overflow: hidden;
    background: #dddddd;
    cursor: none;
}
footer.footer.footer-with-social-share-btn .content-wrapper {
    text-align: center;
    /* max-width: 1140px !important; */
}
.left-text-right-form-with-img .left-right-outer ul li:after {
    width: 40px;
    height: 40px;
    background-size: 100%;
}

.two-col-field {
    display: flex;
}
.two-col-field fieldset {
    width: 50%;
  padding:0;
  border: none;
}
.two-col-field fieldset input {
    margin-bottom: 10px;
}

.video-header p{
margin:0 auto !important;
}

.two-col-field fieldset select option {
    font-size: 14px !important;
}


/*01-feb-2022---css start herer*/
.banner-without-form {
    height: 600px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding-top: 0px;
    position: relative;
    padding-bottom: 0px;
}
.banner-without-form .page-center {
    display: flex;
    align-items: flex-start;
    position: relative;
    flex-wrap: wrap;
    z-index: 2;
    top: 160px;
    justify-content: center;
}
.banner-without-form .banner-content {
    width: 100%;
    padding-right: 0px;
    position: static;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
}
.banner-without-form:after {
    content: "";
    width: 100%;
    height: 118px;
    position: absolute;
    background: url(https://19900188.fs1.hubspotusercontent-na1.net/hubfs/19900188/Routeware_lp_pages/shape-two-last.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center top;
    position: absolute;
    z-index: 1;
    overflow: hidden;
    bottom: -17px;
}
.banner-without-form .banner-content h1 {
    color: #fff;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.banner-without-form .banner-content p {
    font-size: 26px;
    line-height: 1.3em;
    color: #fff;
    font-family: 'Neue Haas Grotesk Display Pro' !important;
    max-width: 650px;
    font-weight: 500;
    margin: 0 auto;
}
.banner-without-form .banner-form a.cta_button, .content-img-without-form-module a.cta_button {
    color: #FFFFFF !important;
    padding: 18px 15px  !important;
    background-color: #fdaa10 !important;
    border-radius: 4px 4px 4px 4px !important;
}
.banner-without-form .banner-form a.cta_button:hover, .content-img-without-form-module a.cta_button:hover{
background-color:#68c74d !important;  
}
.content-img-without-form-module .banner-left-right-sec {
    justify-content: center;
}
.content-img-without-form-module .cta-btn-main, .content-img-without-form-module .left-bottom-content{
    text-align: center;
}
.content-img-without-form-module .left-review-content {
    text-align: center !important;
}
.content-img-without-form-module .left-review-content h4 {
    text-align: center !important;
}
.content-img-without-form-module .banner-left-right-sec li p {
    text-align: left !important;
}
.content-img-without-form-module .banner-left-right-sec .left-sec-main .heading-text h1 {
    font-size: 25px !important;    text-align: center;
}
 .content-img-without-form-module a.cta_button {
    margin-bottom:20px;
   display:inline-block;
}
/*01-feb-2022---css end herer*/






/******************14-mar***********/

.banner-with-custom-form .error {
    font-size: 13px;
    opacity: 1;
    color:red;
}
.banner-with-custom-form .form-main form .newsletter-field {
    margin-top: 10px;
}

/******29-Apr*****/
.banner-full-width-cta {
    text-align: center;
    margin-bottom: 20px;
    background: #33a642;
    padding: 30px;
    color: #fff;
    text-align: center;
    margin-bottom: 60px;
}
.banner-full-width-cta a.cta_button {
    font-size: 36px;
    background: transparent !important;
    font-weight: normal;
    padding: 0 !important;
    margin: 0px;
}
.banner-full-width-cta a.cta_button:hover {
  background:transparent !important
}
/*****/

.banner-with-custom-form form label {
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
}
.banner-with-custom-form form .hs-form-field > label {
  font-size: 18px;
  opacity: 1;
  font-weight: 700;
}
.banner-with-custom-form form .hs-form-field:not(.hs_tradeshow_solution) > label {
  display: none;
}
.banner-with-custom-form form fieldset.form-columns-2 {
  display: flex;
  gap: 15px;
}
.banner-with-custom-form form .input {
  height: auto;
  margin-bottom: 0px;
  margin-right: 0px !important;
}
.banner-with-custom-form form.hs-form .hs-input {
  margin: 0px;
}
.banner-with-custom-form form.hs-form .hs-input:not([type="checkbox"]):not([type="radio"]) {
  width: 100% !important;
}
.banner-with-custom-form form ul.inputs-list li.hs-form-booleancheckbox label span {
  font-size: 16px;
}
.banner-with-custom-form ul.inputs-list.multi-container li label span {
  padding-left: 10px;
}
.banner-with-custom-form form label.hs-error-msg {
  display: block;
  font-size: 14px;
  margin: 5px 0px 0px;
}
ul.no-list.hs-error-msgs.inputs-list li {
  margin: 0px;
}
@media (min-width:4000px){
.banner-with-form:after, .banner-without-form:after {
    height: 370px;
    bottom: -70px;
}
 .banner-with-form, .banner-without-form {
    padding-top: 535px;
    height: 1376px;
    padding-bottom: 500px;
}
  .content-with-listing-outer h2, .banner-without-form h2 {
    padding-top: 35px;
}
  .two-col-listing-main .listing-header-text h2 {
    margin-top: 30px;
}
}

@media (min-width:3500px) and (max-width:3999px){
.banner-with-form:after, .banner-without-form:after {
    height: 245px;
    bottom: -10px;
}
    .banner-with-form, .banner-without-form {
        padding-top: 351px;
    height: 1148px;
}
    .content-with-listing-outer h2 {
    padding-top: 35px;
}
}

@media (min-width:3000px) and (max-width:3499px){
.banner-with-form:after, .banner-without-form:after {
    height: 203px;
    bottom: -25px;
}
     .banner-with-form, .banner-without-form {
        padding-top: 351px;
    height: 1148px;
}
    .content-with-listing-outer h2 {
    padding-top: 35px;
}
}

@media (min-width:2500px) and (max-width:2999px){
.banner-with-form:after, .banner-without-form:after {
    height: 173px;
      bottom: -1px;
}
    .content-with-listing-outer h2 {
    padding-top: 35px;
}

}
@media (min-width:2000px) and (max-width:2499px){
.banner-with-form:after, .banner-without-form:after {
    height: 150px;
}

}


@media(max-width:1280px){
.banner-with-form:after, .banner-without-form:after {
    bottom: -40px;
}
    .banner-with-custom-form .banner-content, .banner-without-form .banner-content {
    padding-right: 70px;
}
}




@media (max-width:1200px){
.testimonial-module .single-review {
    min-height: 326px;
}

}


@media (max-width:1140px){
.banner-with-form .banner-content {
    padding-right: 60px;
  width:60%;
}
  .banner-with-form .banner-content {
    padding-right: 0;
    width: 100%;
}

  .banner-with-form:after, .banner-without-form:after {
    bottom: -70px;
}
  .banner-with-form .banner-form form input[type=submit] {
    font-size: 18px !important;
}
  .banner-with-form .banner-form {
    width: 40%;
}
  .banner-with-form .banner-content p {
    font-size: 22px;
}
  .simple-content-with-listing .content-with-listing-outer {
    width: 55%;
}
  h1 {
    font-weight: bold !important;
    font-size: 40px !important;
    line-height: 40px !important;
}
  .simple-content-with-listing .listing-left-right-outer ul{
  padding-left:50px;
  }
  .footer-bottom-row ul {
    padding-left: 12px;
}
}


@media(max-width:991px){
.testimonial-module .single-review {
    min-height: 425px;
}
}


@media(max-width:767px){
  .simple-content-with-listing .listing-left-right-outer {
    width: 100% !important;
    display: flex;
    flex-wrap: wrap;
}
.simple-content-with-listing .listing-left-right-outer .listing-right-main {
    width: 100%;
    padding-left: 0px;
}
.simple-content-with-listing .listing-left-right-outer .listing-left-main {
    width: 100%;
    padding-right: 0px;
}
.banner-with-form .page-center, .image-content-outer .two-col-content-img{
    display: block;
}
  .banner-with-form .banner-content, .image-content-outer .two-col-content-img>div, .image-content-outer .two-col-content-img .image-outer {
    padding-right: 0;
    width: 100%;
}
  .banner-with-form .banner-content h1, .ty-text h1, .main-content-sec h1, .video-header h1 {
    font-size: 28px;
    line-height: 34px;
    text-align:center;
    margin:0 auto;
}
  .banner-with-form .banner-content p {
    font-size: 18px;
    text-align:center;
    margin:0 auto;
    margin-top:20px;
    line-height:24px;
}
  .banner-with-form .banner-form {
    width: 100%;
}
  .header.transparent-header .header__logo {
    max-width: 100%;
    justify-content: center;
    padding-left: 0px;
}
  .image-content-outer .two-col-content-img .content-outer {
    padding-left: 0;
}
  .testimonial-module .single-review {
    background: #fff;
    margin-left: 0px !important;
    padding: 30px;

}
  .testimonial-header h2, .content-outer h2 {
    font-size: 26px;
    margin-bottom: 30px;
}
  .testimonial-module {
    padding: 50px 0px;
}
  .content-outer {
    padding-top: 60px;
    text-align:center;
}
  .content-outer h4 {
    margin-bottom: 7px;
}
  .image-content-outer {
    padding: 60px 0px 40px;
}

  
  .footer-with-social-share-btn div#hs_cos_wrapper_footer-module-4 ul {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:20px;
}
  .banner-with-form:after{
  display:none;
  }
  .banner-form input::placeholder, .banner-form select{
    font-size: 15px !important;
}
  .banner-with-form .banner-form {
    padding: 30px 15px;
}
  h1 {
    font-size: 28px !important;
    line-height: 34px !important;
}
  h2 {
    font-weight: bold !important;
    font-size: 24px !important;
}
  
.simple-content-with-listing .content-with-listing-outer {
    width: 100%;
    padding-top: 30px;
}
  .banner-with-custom-form .banner-form {
    top: 50px;
}
.banner-with-form {
    padding-bottom: 120px;
    background-position: center;
    height:100%;
}
  .banner-with-form .banner-form {
    position: static;
    top: 0;
    margin-top: 50px !important;
}
  .banner-with-form .banner-form input, .banner-with-form .banner-form select, .banner-with-form .banner-form textarea {
    font-size: 16px !important;
}
  .simple-content-with-listing ul li {
    padding-left: 7px;
    font-size:18px;
}
  .simple-content-with-listing ul {
    padding-left: 45px;
}
  .simple-content-with-listing ul li p {
    font-size: 18px;
}
  .content-with-listing-outer h2 {
    text-align: center;
        margin-bottom: 30px;
}
  .simple-content-with-listing {
    padding-top: 30px;
    padding-bottom: 30px;
}
  .content-with-cta-outer a.cta-btn {
    font-size: 20px;
}
  .simple-content-with-listing ul li:after {
    width: 30px;
    height: 30px;
    background-position: center;
    background-size: 30px !important;
}
  .banner-with-form .page-center{
  top:90px;
  }
  .simple-content-with-listing .listing-left-right-outer ul li h4 {
    font-size: 20px;
}
  .two-col-listing-main .listing-header-text h2{
  margin-bottom:0;
    line-height:normal;
  }
  .left-review-content blockquote p {
    font-size: 16px !important;
}
}

@media (max-width: 479px) {
  .testimonial-module .single-review{
  width:100% !important;
  }
  .testimonial-module .single-review{
  min-height:100%
  }
  .banner-with-custom-form form fieldset.form-columns-2 {
    flex-wrap: wrap;
    gap: 0px;
  }
}
/*Case study page css start here*/
/* Media Queries / Responsive
==================================*/

@media (max-width: 1199px) {
  .container-fluid .page-center,
  .page-center {
    padding: 0px 15px;
  }
  .check-out-our-latest-posts-sec {
    margin-right: -20px;
  }
  .check-out-our-latest-post {
    max-width: calc(100%/3 - 20px);
    flex: 0 0 calc(100%/3 - 20px);
    margin-right: 20px;
    padding: 30px;
  }
    form ul.inputs-list li.hs-form-booleancheckbox label, form ul.inputs-list li.hs-form-booleancheckbox label span, form select {
    display: flex;
}
}
@media (max-width: 991px) {
  .left-content-with-right-form > .form-section,
  .left-content-with-right-form > .content-with-image {
    width: 100%;
  }
  .left-content-with-right-form > .form-section {
    margin: 30px auto 0px;
    max-width: 500px;
  }
  .content-with-image > .image-box {
    margin-right: -15px;
  }
  .two-col-repeatre > * {
    flex-basis: 100%;
    max-width: 100%;
  }
  .two-col-repeatre .single-item-img {
    width: 20%;
  }
  .two-col-repeatre .single-item-content {
    width: 80%;
  }
  .left-image-right-content > .left-image-sec {
    max-width: 50%;
  }
  .left-image-right-content > .right-content-sec {
    max-width: 47%;
  }
  .two-col-testimonial-repeater > * {
    flex-basis: 48%;
    max-width: 48%;
  }
  .ty-text h2 {
    font-size: 40px;
  }
  .check-out-our-latest-post {
    padding: 20px;
  }
  .right-sec-main-form {
    padding: 30px;
  }
  h1 {
    font-size: 32px !important;
}
  .left-text-right-form-with-img .left-right-outer{
  display:block;
  }
  .left-text-right-form-with-img .right-image {
    width: 100%;
    margin-left: 0;
    margin-top: 40px;
}
  .left-text-right-form-with-img .right-image img{
  width:100%;
    max-width:100%;
    height: 343px !important;
    object-fit: contain;
  }
  .left-text-right-form-with-img .right-sec-main {
    height: max-content;
    padding:15px;
}
  form input[type=submit] {
    font-size: 18px !important;
}
  form ul.inputs-list li.hs-form-booleancheckbox label, form ul.inputs-list li.hs-form-booleancheckbox label span, form select {
    font-size:14px;
}
  .left-text-right-form-with-img .left-text {
    width: 100%;
}
  .left-text-right-form-with-img .left-text p {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
}
  .lets-talk-want-to-discuss-btn a, .single-button a.cta_button{
  font-size:18px !important;
}
  form input::placeholder, form select::placeholder, form textarea::placeholder, form input, form select, form textarea{
  font-size:15px !important;
  }
  .banner-with-form .banner-form{
  padding:15px;
  }
}

@media (max-width: 767px) {
  .left-content-with-right-form > .content-with-image,
  .two-col-repeatre .single-item {
    flex-wrap: wrap;
  }
  .content-with-image > .content-box,
  .content-with-image > .image-box,
  .left-image-right-content > .left-image-sec,
  .left-image-right-content > .right-content-sec,
  .two-col-testimonial-repeater > *,
  .check-out-our-latest-post,
  .lets-talk-form-left-right-sec > *,
  .left-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .logo-repeatre > * {
    flex: unset;
    padding: 10px 20px;
    max-width: 50%;
    flex: 0 0 50%;
    text-align: center;
  }
  .logo-repeatre > * img {
    max-width: 130px !important;
  }
  .two-col-module,
  .left-content-with-right-form-main,
  .left-image-right-content-module,
  .two-col-testimonial-module,
  .check-out-our-latest-posts-main,
  .first-row-main.lets-talk-form-main {
    padding: 40px 0px;
  }
  .content-with-image > .image-box {
    max-width: unset !important;
    flex: unset !important;
  }
  .image-box img {
    max-width: 300px !important;
  }
  .left-content-with-right-form > .content-with-image {
    justify-content: flex-end;
  }
  .two-col-repeatre .single-item,
  .two-col-testimonial-repeater .single-item:not(:last-child),
  .check-out-our-latest-post:not(:last-child) {
    margin: 0px 0px 20px;
  }
  .two-col-repeatre,
  .left-image-right-content,
  .left-image-right-content > .right-content-sec,
  .two-col-testimonial-repeater,
  .check-out-our-latest-posts-sec,
  .download-text {
    margin-top: 30px;
  }
  .two-col-repeatre .single-item-content {
    width: 75%;
  }
  .two-col-testimonial-repeater .profile-img-with-designation p {
    padding: 0;
    margin-left: 10px;
  }
  .ty-logo img {
    max-width: 150px;
  }
  .ty-cont {
    padding: 50px 0px 0px;
  }
  .ty-2021-main {
    padding: 40px 0px 50px;
  }
  .ty-text h2 {
    font-size: 30px;
    line-height: 1.3;
  }
  .check-out-our-latest-posts-title h3,
  .call-section h3 {
    font-size: 24px;
    line-height: normal;
  }
  .check-out-our-latest-posts-sec,
  .check-out-our-latest-post {
    margin-right: 0;
  }
  .header__text {
    margin: 20px 0px 0px;
  }
  .left-content h1,
  .left-sec-main h2 {
    font-size: 24px;
  }
  .lets-talk-form-left-right-sec .right-sec-main {
    padding-left: 0;
  }
  .call-section img {
    margin: 10px 0;
  }
  .call-section p {
    margin-bottom: 10px;
  }
  .footer {
    padding: 30px 0px 0px;
    text-align:center;
  }
  
  .footer-copyright-sec {
    justify-content: center;
    flex-wrap: wrap;
  }
  .text-with-background {
    padding: 50px 0px 30px;
  }
  .main-content-sec h2,
  .right-sec-main-form .form-title h3 {
    font-size: 20px;
  }
  .main-content-sec {
    padding: 30px;
  }
  .lets-talk-want-to-discuss-outer {
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
  }
  .lets-talk-want-to-discuss-text h3 {
    font-size: 24px;
  }
  .lets-talk-want-to-discuss-btn {
    margin: 20px 0px 0px;
  }
  .button-repeater {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .button-repeater > *:not(:last-child) {
    margin-right: 0;   
    margin-bottom: 10px;
  }
  .banner-with-form .banner-form ul.inputs-list li.hs-form-booleancheckbox label, .banner-with-form .banner-form ul.inputs-list li.hs-form-booleancheckbox label span, .banner-with-form .banner-form select {
    font-size: 20px;
}
  .banner-with-custom-form .banner-content {
    padding: 0;
}
  .banner-with-form .banner-content {
    padding-top: 0;
    padding-bottom: 0;
}
  .button-repeater-outer .single-button {
    margin-bottom: 20px;
}
  .button-repeater-outer {
    display: block;
}
  .button-section-outer {
    top: 0;
    text-align: center;
    padding-bottom: 20px;
}
  .button-repeater-outer .single-button a {
    font-size: 20px !important;
    padding: 10px 30px !important;
}
  .button-repeater-outer .single-button:last-child {
    margin-left: 0;
}
  .button-repeater-outer .single-button:first-child {
    margin-right: 0;
}
  .left-text-right-form-with-img .banner-left-right-sec, .left-text-right-form-with-img .left-right-outer {
    display: block;
}
  .left-text-right-form-with-img .left-sec-main, .left-text-right-form-with-img .right-sec-main, .left-text-right-form-with-img .left-text{
    width: 100%;
}
  .left-text-right-form-with-img .right-image {
    width: 100%;
    margin: 30px 0;
}
  .left-text-right-form-with-img .right-sec-main{
  margin-left:0;
  }
  .simple-content-with-listing ul li p, .simple-content-with-listing ul li{
  text-align:left;
  }
  h1 {
    font-size: 26px !important;
    text-align: center;
}
  p {
    font-size: 18px !important;
    line-height: 26px !important;
     text-align: center;
}
  .logo-repeater-main {
    display: block;
}
  .single-logo-main {
    width: 100%;
    margin: 0px 7px;
    max-width: 140px;
    margin: 0 auto;
}
  form  input::placeholder, form select::placeholder, form textarea::placeholder{
  font-size:16px;
  }
  .banner-with-custom-form .form-main form .newsletter-field label {
    font-size: 18px;
}
  .logo-header-main h2 {
    margin-bottom: 0;
}
  .logo-repeater-outer {
    padding: 50px 0px 0;
    text-align: center;
}
  form ul.inputs-list li.hs-form-booleancheckbox label, form ul.inputs-list li.hs-form-booleancheckbox label span, form select{
  font-size:15px !important;
  }
  .content-with-listing-outer ul li h4 {
    margin-bottom: 8px;
    font-size: 20px;
}
  .single-button {
    margin-right: 30px !important;
}
  .footer-with-social-share-btn div#hs_cos_wrapper_footer-module-4 ul li:first-child {
    margin-left: 0;
}
  .left-text-right-form-with-img {
    padding-top: 115px;
}
   .left-text-right-form-with-img .right-image img{
  width:100%;
    max-width:100%;
    height: 100% !important;
    object-fit: cover;
  }
  .footer-with-social-share-btn span#hs_cos_wrapper_footer_bottom-module-1_ p {
    margin-top: 0;
}
  .video-module{
  padding:50px 0px;
  }
  .listing-left-right-outer, .center-alignment .content-with-listing-outer ul {
    display: block;
    width: 100% !important;
}
  .center-alignment .content-with-listing-outer ul {
    display: block;
}
  .center-alignment .content-with-listing-outer ul li{
  width:100%;
    margin:15px 0px;
  }
  .left-text-right-form-with-img .left-text ul, .left-text-right-form-with-img .left-text ul li, .left-bottom-content p {
    font-size: 18px;
}
  .footer-bottom-row ul {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
  .footer-bottom-row ul li, .footer-bottom-row ul li a {
    color: #fff;
    list-style: none;
    font-size: 12px;
    font-weight: 600;
    margin-right: 8px;
}
  .lets-talk-want-to-discuss-btn a, .single-button a.cta_button {
    min-width:171px;
}

  .banner-without-form .page-center {
    display: block;
    top: 90px;
}
  .banner-without-form .banner-content{
  width:100%;
  margin-right:0;
  padding-right:0;
  }
  .banner-without-form .banner-content h1, .banner-without-form .banner-content p{
  max-width:100%;
  }
  .banner-without-form .banner-form a.cta_button,  {
    margin-top: 30px !important;
}
  .banner-without-form:after{
  display:none;
  }
 .banner-without-form {
    padding-bottom: 120px;
    background-position: center;
    height: 100%;
}
  .thanks-cta-btn a {
    margin-top: 30px;
}
  .banner-full-width-cta a.cta_button {
    font-size: 18px;
}
  .banner-full-width-cta {
    margin-bottom: 45px;
}
}


/**** css for the header  2023 new landing page *****/
.landing-filter-page .header {
    padding: 0;
}
.landing-filter-page .header > .content-wrapper:first-child {
    background-color: #33A642;
    box-shadow: 0 0 0 100vmax #33A642;
    clip-path: inset(0 -50vw);
    padding-block: 9.11px;
}

.landing-filter-page .header .content-wrapper:nth-child(2) {
    position: relative;
    background: #fff;
    padding: 0px 1rem;
}
.main-navigation-outer > ul >.hs-menu-item {
    padding: 35.11px 0;
}
.landing-filter-page .header .header-bottom-row-0-vertical-alignment > .row-fluid {
    align-items: center;
    justify-content: space-between;
    gap:7px;
}
.landing-filter-page .header > .content-wrapper:first-child .hs_cos_wrapper_type_rich_text {
    display: flex;
    justify-content: end;
    gap: 20px;
--white: #fff;
  
}

.landing-filter-page .header > .content-wrapper:first-child .hs_cos_wrapper_type_rich_text a > i {
    margin-right: 5px;
}
.landing-filter-page .header > .content-wrapper:first-child .hs_cos_wrapper_type_rich_text a {
  color: var(--white);font-weight: 700;
  position:relative;
}



.landing-filter-page .header .main-navigation-outer > ul {
    display: flex;
    justify-content:end;
    list-style: none;
    gap: 16px;
    margin: 0;
    padding: 0;
}
.landing-filter-page .header .header-bottom-row-0-vertical-alignment > .row-fluid::after,.header-bottom-row-0-vertical-alignment > .row-fluid::before {
    display: none;
}
.landing-filter-page .header .header-bottom-row-0-vertical-alignment > .row-fluid >* {
    width: auto;
    padding: 0;
    margin: 0;
}
.landing-filter-page .header .hs-menu-item.hs-item-has-children .hs-menu-children-wrapper {
    padding: 0;
    list-style: none;
}

.landing-filter-page .header .main-navigation-outer > ul li a {
    color: #303030;
}
.landing-filter-page .header  form {
    display: flex;
    align-items: center;
}

.landing-filter-page .header svg {
    width: 1em;
    height: 1em;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
}


.landing-filter-page .header input.hs-search-field__input {
    margin: 0 !important;
    padding: 9px 15px 9px 35px !important;
    font-size: 14px !important;
    line-height: 1.3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border-right: 1px solid #E1E5EB;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    border-left: 1px solid #f0f0f0!important;
    border-radius: 0 !important;
    font-family: 'Neue Haas Grotesk Display Pro' !important;
    color: #000 !important;
    height: auto !important;
}

.landing-filter-page .header  input.hs-search-field__input::placeholder {
    font-size: 14px;
    color:#000 !important;
}

.landing-filter-page .header .header-bottom-row-0-vertical-alignment > .row-fluid >*:nth-child(2) {
    flex-grow: 1;
}

.landing-filter-page .header .cta_button {
    margin: 0 !important;
    padding: 9px 26px 9px 26px !important;
    line-height: 1 !important;
}
.landing-filter-page .header .header-bottom-row-0-vertical-alignment > .row-fluid >* .row-fluid::after, .landing-filter-page .header .header-bottom-row-0-vertical-alignment > .row-fluid >* .row-fluid::before {
    display: none;
}
.landing-filter-page .header .hs_cos_wrapper_type_linked_image img {
    width: 250px;
    display: block;
}

.landing-filter-page .header .main-navigation-outer > ul > li a{
    position: relative;
    padding-right: 21px;
  display:block;
}

.landing-filter-page .header .main-navigation-outer > ul > li > a::after {
    position: absolute;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: #BCBCBC;
    font-weight: 900;
}
/*css for the mega menu **/


.landing-filter-page .header .navigation-outer-sec .hs-menu-item.hs-item-has-children > .hs-menu-children-wrapper {
    width: 100%;
    opacity: 0;
    top: 100%;
    visibility: hidden;
    position: absolute;
    -webkit-transition: top .3s cubic-bezier(.48,.01,.5,.99),opacity .3s cubic-bezier(.48,.01,.5,.99),visibility 1s linear;
    -o-transition: top .3s cubic-bezier(.48,.01,.5,.99),opacity .3s cubic-bezier(.48,.01,.5,.99),visibility 1s linear;
    transition: top .3s cubic-bezier(.48,.01,.5,.99),opacity .3s cubic-bezier(.48,.01,.5,.99),visibility 1s linear;
    left: 0;
    padding: 40px 40px 40px 40px;
    display: grid;
    z-index: 99;
    background: #fff;
    justify-content: space-between;
    grid-template-columns: 30% 40% 30%;
    min-width:200px;
 border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  transform: scaleY(0);
    transform-origin: top;
}
.landing-filter-page .header .navigation-outer-sec .hs-menu-item.hs-item-has-children:hover> .hs-menu-children-wrapper {
    top: 100%;
    opacity: 1;
     visibility: visible;
    gap: 30px;
   transform: scaleY(1);
}

.landing-filter-page .header .submenu-depth-2-title {
    display: block;
    color: #000000;
    font-size: 24px;
    padding: 0 0 20px;
    font-weight: 700;
    position:relative;
    margin-bottom: 23px;
}

.landing-filter-page .header .submenu-depth-2-title::after {
    border-bottom: 1px solid #A1A1A1;
    position: absolute;
    content: "";
    width: 80%;
    left: 0;
    height: 1px;
    bottom: 0;
}
.landing-filter-page .header a{
  transition:all 0.3s linear;
}
.landing-filter-page .navigation-outer-sec a:hover:not(.talk-cta-btn:hover) {
  color: #33A642 !important;
}

.landing-filter-page .header .hs-menu-children-wrapper > li.hs-menu-item.hs-menu-depth-3 > a {
    color: #434343 !important;
    display: block;
    padding: 8px 0;
    font-weight: 600;
}
.landing-filter-page .header .hs-menu-children-wrapper > li.hs-menu-item.hs-menu-depth-3 > a:hover{
color:#33A642  !important
}
.landing-filter-page .header .main-navigation-outer > ul >li:nth-last-child(1),
.landing-filter-page .header .main-navigation-outer > ul >li:nth-last-child(2) {
    position: relative;
}
.landing-filter-page .header .main-navigation-outer > ul >li:nth-last-child(2) > .hs-menu-children-wrapper,
.landing-filter-page .header .main-navigation-outer > ul >li:nth-last-child(1) > .hs-menu-children-wrapper{
    display: block !important;
    border-radius: 0px 0px 20px 20px;
    padding: 0px 20px 20px 20px !important;
  -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.2);
    box-shadow: 2px 2px 5px rgba(0,0,0,.2);
  margin: 0px 0px 0px 0px;
}
.landing-filter-page .header .main-navigation-outer > ul >li:nth-last-child(2) > .hs-menu-children-wrapper ul li a,
.landing-filter-page .header .main-navigation-outer > ul >li:nth-last-child(1) > .hs-menu-children-wrapper ul li a{
padding:10px ;
}

/* .landing-filter-page .header .navigation-outer-sec ul > .hs-menu-item.hs-menu-depth-2:nth-child(4) {
    grid-column: 1 / -1;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: #EFEFEF;
    box-shadow: 0 1px 0 0#efefef,-40px 1px 0 0#efefef;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 10px 0 10px;
    margin-right: 20px;
} */

/**** css for the banner ****/
.landing-filter-page .banner-with-form {
    isolation: isolate;
    height: auto;
    padding: 83.42px 0;
  background-position: center;
}
.landing-filter-page .banner-with-form::before {
    z-index: -1;
}
.landing-filter-page .banner-with-form::after{
display:none;
}

.landing-filter-page .banner-with-form .banner-content {
    width: 100%;
    text-align: center;
    padding: 0;
}

.landing-filter-page .banner-with-form .banner-content h1 {
    max-width: 100%;
    margin-bottom: 20px;
    font-size: 55px !important;
}

.landing-filter-page .banner-with-form .banner-content h2 {
    color: #fff;
    font-size: 24px !important;
    font-weight: 500 !important;
    line-height: 1.3em;
    margin: 0;
}

.landing-filter-page .banner-with-form .banner-form {
    position: static !important;
}


.landing-filter-page .banner-with-form .banner-form form {
    display: flex;
    align-items: center;
    gap: 10px;
}

.landing-filter-page .banner-with-form  form .actions input.hs-button {
    margin: 0;
    padding: 8px 16px !important;
    line-height: 27px;
}

.landing-filter-page .banner-with-form .banner-form form .input,.landing-filter-page .banner-with-form .banner-form form .input > input {
    margin: 0 !important;
}

.landing-filter-page .banner-with-form .banner-form form .input > input {
}

.landing-filter-page .banner-with-form form .hs-form-field {
    margin: 0 !important;
}

.landing-filter-page .banner-with-form .banner-form {
    position: static !important;
    width: auto;
    background: unset;
    border-radius: 0;
    max-width: 425.86px;
    padding: 0;
    margin: 20px auto 0 auto;
}
.landing-filter-page .banner-with-form .banner-form form .input > input {
    min-width: 300px !important;
    height: 43px !important;
    font-size: 16px !important;
    font-family: 'Neue Haas Grotesk Display Pro' !important;
    border-radius: 3px !important;
    padding: 0.5rem 1rem;
}
.landing-filter-page .banner-with-form .banner-form form .input > input::placeholder{
  font-size: 16px !important;
    font-family: 'Neue Haas Grotesk Display Pro' !important;
}
/*** css for the filter ***/
.landing-filter-page div#container .item {
    width: calc(100% / 3 - 30px);
    margin-right: 30px;
    margin-bottom:30px;
}

.landing-filter-page .background-image-sec {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 370px;
    padding: 30px;
    display: grid;
    place-content: end;
    position:relative;
    isolation:isolate;
}
.landing-filter-page .background-image-sec::after {
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .1;
    top: 0;
    z-index: -1;
    transition:all 0.3s linear;
}
.landing-filter-page .description-content {
    display: block;
}

.landing-filter-page .description-content >* {
    color: #fff;
}
.landing-filter-page .filter-sec-module .filter-sec-outer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 90px 0 70px;
}


.landing-filter-page .filter-sec-module .select-filter-main select {
    max-width: 100%;
    font-family: "neue-haas-grotesk-display", Sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #0F0F0F;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #818A91;
    border-radius: 0px 0px 0px 0px;
    padding: 7px 10px 7px 10px;
    background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png);
    appearance: none;
    outline:none !important;
  background-position-x: 121px;
    background-size: 12px 11px;
  background-repeat:no-repeat;
background-position: center right 10px;
}
}

.landing-filter-page .reset-select-outer {
    display: flex;
    gap: 10px;
    align-items: stretch;
}
.landing-filter-page .reset-btn button {
    font-size: 13px;
    font-weight: 400;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-radius: 5px 5px 5px 5px;
    padding: 0.4rem 1rem;
    background-color: #FDAA10;
    line-height: 19.5px;
}
.country-listing {
    display: flex;
    gap: 10px;
}

.country-listing input {
    appearance: none;
}

.country-listing  label {
    background-color: transparent;
    padding: 12px 20px 12px 20px;
    border-radius: 5px 5px 5px 5px;
    font-size: 16px;
    color: #333;
    display: block;
    font-weight: 500;
    cursor:pointer;
position:relative;
}
.country-listing label input[type="checkbox"]:checked + * {
    color: #fff;
}
.country-listing label input[type="checkbox"]:checked {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #33A642;
color:#fff;
}

.country-listing label input[type="checkbox"]{
    background-color: #F0F0F0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 100%;
    border-radius: 5px;
}
.reset-select-outer {
    display: flex;
    gap: 10px;
}

.resource-content-sec .read-more-btn {
    color: #fff;
    font-size: 14px;
}

.landing-filter-page div#container .item .resource-content-sec {
    transition: all 0.3s linear;
}

.landing-filter-page div#container .item :hover .resource-content-sec {
    transform: translateY(-40px);
}

.filter-sec-module {
    padding: 0 0 70px;
}
.landing-filter-page .item :hover .background-image-sec::after{
  opacity: .7;
}
div#container {
    margin-right: -30px;
}

.jet-sorting-label {
    background: #fff;
    padding: 0px 4px 1px;
    position: relative;
    line-height: 1;
    font-size: 15px;
    display: inline-block;
    position: absolute;
    top: -9px;
    left: 11px;
    color: #9FADB4;
    letter-spacing: 0.7px;
    font-weight: 500;
}
.select-filter-main {
    position: relative;
}
/*** media query for responsive ***/


@media(min-width:768px){
.landing-filter-page .hs-item-has-children:first-child > ul.hs-menu-children-wrapper {
    grid-template-columns: repeat(4,1fr) !important;
}
}
@media (max-width:1199px){
.landing-filter-page .header .hs_cos_wrapper_type_linked_image img {
    width: 189px;
  }
}
@media (max-width:991px){
  
    .header .hs-search-field {
    display: none;
}
  
  
  .landing-filter-page .header .hs_cos_wrapper_type_linked_image img {
    width: 199px;
}
  
  .landing-filter-page .header .cta_button {
    margin: 0 !important;
    padding: 8px 18px 9px 18px !important;
    line-height: 1 !important;
}
  .landing-filter-page .header .main-navigation-outer > ul > li a {
    padding-right: 18px;
  }
.landing-filter-page div#container .item {
    width: calc(100% / 2 - 30px);
  }
  .landing-filter-page .header > .content-wrapper:first-child .hs_cos_wrapper_type_rich_text {
    justify-content: center;
  
  }
.landing-filter-page .header .hs_cos_wrapper_type_linked_image img {
    width: 176px;
}
  .landing-filter-page .header .navigation-outer-sec .hs-menu-item.hs-item-has-children > .hs-menu-children-wrapper{
  gap:10px;
  }
  .landing-filter-page .header .hs-menu-children-wrapper > li.hs-menu-item.hs-menu-depth-3 > a {
    font-size: 14px;
}
  .landing-filter-page .header .submenu-depth-2-title{
  font-size: 24px;
  }
}


@media (max-width:767px){
  
/*** css for the header ***/
  .landing-filter-page .header .header-bottom-row-0-vertical-alignment > .row-fluid {
    display: flex;
}
  .landing-filter-page .header .content-wrapper:nth-child(2){
   padding: 17.57px 1rem;
  }
  .landing-filter-page .header .navigation-outer-sec .hs-menu-item.hs-item-has-children > .hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}
  
 
.mobile-menu .menu-toggle span {
    display: block;
    width: 32px;
    height: 3px;
    background: #000;
    cursor:pointer;
}

.mobile-menu .menu-toggle span + span {
    margin-top: 5px;
} 
  .main-navigation-outer > ul {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
}
  
  .landing-filter-page .header .navigation-outer-sec .hs-menu-item.hs-item-has-children > .hs-menu-children-wrapper {
    grid-template-columns: 100%;
}
  
.landing-filter-page div#container .item {
    width: 100%;
    margin-right:0;
  }
  .landing-filter-page .description-content >* {
    text-align: left;
}
.landing-filter-page .description-content h4 {
    font-size: 20px;
}
  .landing-filter-page .filter-sec-module .filter-sec-outer {
    padding: 58px 0 47px;
}
  .landing-filter-page .description-content p {
    font-size: 14px !important;
}
  .landing-filter-page .banner-with-form .banner-content h1 {
    line-height: 1.1 !important;
    font-size: 50px !important;
}
  .landing-filter-page .banner-with-form .banner-content h1 {
    margin-bottom: 7px;
  }
  .landing-filter-page .header .navigation-outer-sec .hs-menu-item.hs-item-has-children > .hs-menu-children-wrapper{
    width:100%;
  }
  .reset-select-outer {
    flex-wrap: wrap;
}
  .country-listing label {
    padding: 12px 16px 12px 16px;
  }
  .landing-filter-page .background-image-sec {
    justify-content: left;
}
 .landing-filter-page .header .navigation-outer-sec ul > .hs-menu-item.hs-menu-depth-2:nth-child(4){
  background-color:unset;
   box-shadow:unset;
  }

}

@media (max-width:639px){
.landing-filter-page .filter-sec-module .filter-sec-outer {
    flex-wrap: nowrap;
    gap: 20px;
    align-items: normal;
    flex-direction: column;
}
  .country-listing label {
    flex-basis: 100%;
    text-align: center;
}

.select-filter-main {
    width: 100%;
}

.landing-filter-page .filter-sec-module .select-filter-main select {
    width: 100%;
}
   .landing-filter-page .banner-with-form .banner-content h1 {
    font-size: 45px !important;
}
  .landing-filter-page .banner-with-form .banner-form form {
    flex-direction: column;
    align-items: normal;
}
}

@media (max-width:479px){
.main-navigation-outer {
    width: 100%;
}
}




.header-logo-center .submitted-message {
    border: 1px solid;
    text-align: center;
    padding: 10px 13px;
    background-color: #33a642;
    color: #fff;
}


div#buttonTop {
    position: fixed;
    bottom: 18px;
    right: 18px;
    z-index: 999999;
}