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

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

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

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

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

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

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

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

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

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

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

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

b,
strong {
  font-weight: bolder;
}

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

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

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

legend {
  padding: 0;
}

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

progress {
  vertical-align: baseline;
}

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

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

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

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

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

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

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

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

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

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

details {
  display: block;
}

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

summary {
  display: list-item;
}

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



/* CSS variables */

:root {
  --column-gap: 2.13%;
  --column-width-multiplier: 8.333;
}

/* Mobile layout */

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


  .row-fluid .span1,
  .row-fluid .span2,
  .row-fluid .span3,
  .row-fluid .span4,
  .row-fluid .span5,
  .row-fluid .span6,
  .row-fluid .span7,
  .row-fluid .span8,
  .row-fluid .span9,
  .row-fluid .span10,
  .row-fluid .span11,
  .row-fluid .span12{
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

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

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
}
.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 1rem;
}

@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.)
*/

:root {
  --white-color: #ffffff;
  --black-color: #000000;
  --text-color: #6d6d6d;
  --text-secondary-color: #264653;
  --primary-color: #036C81;
  --secondary-color: #E76F51;
  --heading-color: #0E0F0F;
  --anchor-color: #027288;
  --bg-gray: #f9f9f9;
}


html {
  scroll-behavior: smooth;
}

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

body {
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  line-height: 1.4;
  color: var(--text-color);
  overflow-wrap: break-word;
  background-color: var(--bg-gray);
}

body.menu-active {
  overflow: hidden;
}

.body-wrapper {
  position: relative;
  overflow: hidden;
}

/* Paragraphs */
p {
  margin: 0 0 16px;
}
p:last-child {
  margin: 0;
}

/* Anchors */
a {
  color: var(--anchor-color);
  cursor: pointer;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
}

/* Headings */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  color: var(--heading-color);
  font-family: inherit; 
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 22px;
}
h1, .h1 {
  font-size: 44px;
  line-height: 1.28;
}
h2, .h2 {
  font-size: 40px;
}
h3, .h3 {
  font-size: 36px;
}
h4, .h4 {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.33;
}
h5, .h5 {
  font-size: 22px;
  line-height: 1.33;
}
h6, .h6 {
  font-size: 18px;
  line-height: 1.33;
}

@media(min-width: 768px) {
  h1, .h1 {
    font-size: 50px;
  }
  h2, .h2 {
    font-size: 44px;
  }
}
@media(min-width: 1200px) {
  h1, .h1 {
    font-size: 60px;
  }
  h2, .h2 {
    font-size: 48px;
  }
}
@media(min-width: 1600px) {
  h1, .h1 {
    font-size: 70px;
  }
}

/* Lists */
ul,
ol {
  margin: 0 0 20px;
  padding: 0 0 0 30px;
}
ul li,
ol li {
  padding: 0 0 10px;
}

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 {
  font-size: 20px;
  line-height: 1.4;
  border: 0;
  margin: 0 0 1.4rem;
  padding: 0;
}

/* Horizontal rules */
hr {
  border: none;
  border-bottom: 1px solid #CCC;
}

/* Image alt text */
img {
  max-width: 100%;
  height: auto;
}

/* Container */
.container-lg {
  padding: 0 15px; 
  max-width: 1650px;
  margin: 0 auto;
}
.container {
  padding: 0 15px;
  max-width: 1326px;
  margin: 0 auto;
}
.dnd-section > .row-fluid {
  padding: 0 15px;
  max-width: 1296px;
  margin: 0 auto;
}
[class*=full-width-section] > .row-fluid {
  padding: 0;
}
[class*=full-width-section] > .row-fluid .dnd-column {
  padding: 0;
}


.hbspt-form {
  display: none;
}
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 */
.cta_button,
.hs-button {
  background-color: var(--primary-color);
  border: 2px solid var(--primary-color);
  border-radius: 8px;
  color: var(--white-color);
  font-family: inherit;
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: inherit;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  transition: all 0.4s ease-in-out;
}
.cta_button:hover, .cta_button:focus,
.hs-button:hover, .hs-button:focus {
  background-color: var(--white-color);
  border-color: var(--primary-color);
  color: var(--primary-color);
}
/* Fields */

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

/* Labels */

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

/* Form Title */
.form-title {
  margin-bottom: 0;
}

/* Help text */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  background-color: rgba(8,128,129,0.06);
  border: none;
  border: 1px solid rgba(8,128,129,0.06);
  border-radius: 10px;
  box-shadow: none;
  outline: none;
  display: block;
  font-size: 16px;
  line-height: 20px;
  padding: 12px 20px;;
  width: 100%;
}

form textarea {
  resize: none !important;
  min-height: 124px;
}

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 .inputs-list.hs-error-msgs li {
  margin: 0;
  padding: 0;
}
form .inputs-list.hs-error-msgs li .hs-error-msg {
  margin-bottom: 0;
}

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


  /* Search button input field and suggestions */
  .body-container-wrapper .hs-search-field__button {
    padding: 15px;
  }

  .body-container-wrapper .hs-search-field__bar--button-inline .hs-search-field__button {
    margin-left: 6px;
    margin-bottom: 0;
  }

  .body-container-wrapper .hs-search-field__button svg {
    height: 15px;
    fill: #fff;
  }

  .body-container-wrapper .hs-search-field__bar > form > .hs-search-field__input {
    padding: 10px;
  }

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

/* 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 {
  padding: 25px 0;
  position: relative;
}
.header .header__holder {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
}
.header .header__logo {
  max-width: 200px;
  transition: all 0.4s ease-in-out;
}
.header .header__logo a {
  display: block;
  line-height: 0;
}
.header .header__logo a img {
  max-width: 100%;
}
.header .button-holder {
  display: none;
}
.header #main-nav .button-holder {
  display: block;
  text-align: center;
  margin-top: 10px;
}
.header .button-holder .cta_button {
  padding: 10px 28px;
}

.header .header__menu {
  width: calc(100% - 220px);
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  padding-right: 45px;
}
.header #main-nav ul {
  display: block;
  margin: 0;
  padding: 0;
}
.header #main-nav ul li {
  position: relative;
}
.header #main-nav ul li:hover a {
  border-color: var(--text-color);
}
.header #main-nav ul li a {
  color: var(--text-color);
  text-decoration: none;
  display: block;
  padding: 10px 40px 10px 30px;
  transition: all 0.4s ease-in-out;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
}
.header.header_inner #main-nav ul li a {
  color: var(--text-color);
}
.header.header_inner #main-nav ul li:hover a, .header.header_inner #main-nav ul li.active-branch a {
  border-color: var(--primary-color);
}

/* navbar style */
.header .nav-bar {
  position: fixed;
  top: 0;
  left: 0;
  height: 0;
  right: 0;
  overflow-y: auto;
  z-index: 10;
  transition: all 0.3s ease-in-out;
  background: #fff;
}
.header .nav-bar #main-nav {
  padding: 80px 0 40px;
  background: #fff;
  height: 100%;
  transform: translateY(-100%);
  transition: all 0.3s ease-in-out;
}
.menu-active .header .nav-bar {
  height: 100%;
}
.menu-active .header .nav-bar #main-nav {
  transform: translateY(0);
}
.header #main-nav .cta_button {
  padding: 10px 20px;
}


/* mobile menu toogle */
.navbar-toggle {
  width: 36px;
  height: 31px;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  background: transparent;
  text-indent: -9999px;
  overflow: hidden;
  outline: none;
  box-shadow: none;
  border: none;
  cursor: pointer;
  z-index: 12;
}
.navbar-toggle:after,
.navbar-toggle:before,
.navbar-toggle span {
  position: absolute;
  left: 0;
  right: 0;
  background: var(--primary-color);
  height: 3px;
  transition: all 0.3s ease;
  width: 100%;
}
.navbar-toggle span {
  top: 50%;
  transform: translateY(-50%);
}
.navbar-toggle:after,
.navbar-toggle:before {
  content: '';
}
.navbar-toggle:after {
  bottom: 23px
}
.navbar-toggle:before {
  top: 23px
}
.menu-active .navbar-toggle {
  background: transparent;
}
.menu-active .navbar-toggle:after,
.menu-active .navbar-toggle:before,
.menu-active .navbar-toggle span {
  background: #000;
}
.menu-active .navbar-toggle:before {
  transform: rotate(45deg) translate(-6px, -6px)
}
.menu-active .navbar-toggle:after {
  transform: rotate(-45deg) translate(-7px, 7px)
}
.menu-active .navbar-toggle span {
  opacity: 0;
  visibility: hidden;
}
.header.header_inner .navbar-toggle:after,
.header.header_inner .navbar-toggle:before,
.header.header_inner .navbar-toggle span {
  background: var(--black-color);
}

@media (min-width: 480px) {
  
}
@media (min-width: 768px) {
  .header .header__logo {
    max-width: 220px;
  }
  .header .header__menu {
    padding-right: 55px;
  }
  .header .button-holder {
    display: block;
  }
}
@media (min-width: 992px) {
  .header {
    padding: 30px 0;
  }
  .navbar-toggle {
    display: none;
  }
  .header .header__menu {
    padding: 0;
    width: calc(100% - 220px);
  }
  .header .nav-bar {
    position: static;
    overflow-y: unset;
    transition: none;
    height: auto;
    z-index: 1;
    background-color: transparent;
  }
  .header .nav-bar #main-nav {
    padding: 0;
    background: transparent;
    transform: none;
    transition: none;
    height: auto;
  }
  .header #main-nav ul {
    display: flex;
    flex-flow: row wrap;
  }
  .header #main-nav ul li {
    border: none;
    padding: 13px 30px 13px 0;
  }
  .header #main-nav ul li a {
    padding: 0;
    border-bottom: 2px solid transparent; 
    text-align: left:
  }
  .header #main-nav .button-holder {
    display: none;
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .header {
    padding: 36px 0;
  }
  .header #main-nav ul li {
    padding: 13px 50px 13px 0;
  }
  .header #main-nav .cta_button {
    padding: 10px 29px;
  }
}
@media (min-width: 1400px) {
  .header .header__logo {
    max-width: 280px;
  }
  .header .header__menu {
    width: calc(100% - 280px);
  }
  .header #main-nav ul li {
    padding: 13px 61px 13px 0;
  }
}
.hero-banner {
  text-align: center;
  margin-top: 37px;
  position: relative;
  z-index: 1;
}
.hero-banner h1 {
  color: var(--primary-color);
  margin: 0 auto 17px;
  text-transform: uppercase;
}
.hero-banner .text {
  color: #5c5959;
  font-weight: 500;
  font-size: 24px;
}

.hero-banner .information {
  max-width: 1300px;
  margin: 30px auto;
  background-color: var(--white-color);
  border-radius: 8px;
  box-shadow: -8px 8px 20px 0px rgba(239,239,239,1);
  padding: 30px;
}
.hero-banner .information .info-list li {
  margin-bottom: 30px;
  position: relative;
  text-align: center;
  padding: 0 0 30px;
  color: var(--primary-color);
  font-size: 18px;
  line-height: 28px;
}
.hero-banner .information .info-list li:last-child {
  margin: 0;
  padding: 0;
}
.hero-banner .information .info-list li br {
  display: none;
}
.hero-banner .information .info-list li:after {
  content: '';
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  left: 50%;
  background-color: var(--black-color);
  width: 80px;
  height: 1px;
}
.hero-banner .information .info-list li:last-child:after {
  display: none;
}
.hero-banner .information .info-list li:nth-child(even) {
  color: var(--secondary-color);
}
.hero-banner .information .info-list .numbers {
  display: block;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
}

@media(min-width: 992px) {
  .hero-banner {
    margin-top: 57px;
  }
  .hero-banner .information .info-list {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -15px;
  }
  .hero-banner .information .info-list li {
    padding: 0 15px;
    margin: 0;
    width: 25%;
  }
  .hero-banner .information .info-list li:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 0;
    left: auto;
    background-color: var(--black-color);
    width: 1px;
    height: 80px;
  }
  .hero-banner .information .info-list li br {
    display: block;
  }
}
@media(min-width: 1200px) {
  .hero-banner {
    margin-top: 77px;
  }
  .hero-banner .text {
    font-size: 26px;
  }
  .hero-banner .image-holder {
    margin-top: -12%;
    position: relative;
    z-index: -1;
  }
  .hero-banner .information .info-list li {
    font-size: 20px;
    line-height: 30px;
  }
  .hero-banner .information .info-list .numbers {
    font-size: 44px;
    line-height: 54px;
  }
}
@media(min-width: 1400px) {
  .hero-banner .text {
    font-size: 28px;
  }
  .hero-banner .information .info-list li {
    font-size: 24px;
    line-height: 34px;
  }
  .hero-banner .information .info-list .numbers {
    font-size: 48px;
    line-height: 58px;
  }
}
@media(min-width: 1600px) {
  .hero-banner .text {
    font-size: 32px;
  }
}
.how-it-works {
  padding: 50px 0 0;
}
.how-it-works h2 {
  text-align: center;
  text-transform: uppercase;
}
.how-it-works .text {
  font-size: 24px;
  text-align: center;
  margin-bottom: 100px;
}
.how-it-works .column {
  margin-bottom: 80px;
  width: 100%;
}
.how-it-works .info-boxes {
  background-color: var(--white-color);
  border-radius: 8px;
  box-shadow: -8px 8px 20px 0px rgba(239,239,239,1);
  padding: 60px 20px 35px;
  text-align: center;
  position: relative;
  height: 100%;
}
.how-it-works .info-boxes .image-holder {
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
}
.how-it-works .info-boxes h3 {
  text-transform: uppercase;
  font-weight: 600;
}
.how-it-works .info-boxes .content {
  font-size: 16px;
  line-height: 26px;
}

@media (min-width: 768px) {
  .how-it-works .row {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0 -10px;
  }
  .how-it-works .column {
    padding: 0 10px;
    flex: 1 1 100%;
  }
}
@media (min-width: 992px) {
  .how-it-works .column {
    flex: 1 1 50%;
  }
}
@media (min-width: 1200px) {
  .how-it-works .text {
    font-size: 26px;
    margin-bottom: 120px;
  }
  .how-it-works .column {
    flex: 1 1 25%;
  }
}
@media (min-width: 1400px) {
  .how-it-works .text {
    font-size: 28px;
  }
}
@media (min-width: 1600px) {
  .how-it-works .text {
    font-size: 32px;
  }
}
.features-module {
  padding: 50px 0 0;
}
.features-module h2 {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.features-module .column {
  margin-bottom: 30px;
  width: 100%;
}
.features-module .info-boxes {
  background-color: var(--white-color);
  border-radius: 8px;
  box-shadow: -8px 8px 20px 0px rgba(239,239,239,1);
  padding: 30px 20px 30px 80px;
  padding: 25px 20px 25px 60px;
  display: flex;
  align-items: center;
  height: 100%;
}
.features-module .info-boxes .content {
  position: relative;
}
.features-module .info-boxes .content:before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -40px;
  width: 25px;
  height: 26px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='35' height='36' viewBox='0 0 35 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17.5' cy='18' r='17.5' fill='%23036C81'/%3E%3Cpath d='M27 12.9C27 13.2582 26.8675 13.6166 26.6024 13.8896L15.7453 25.0896C15.4812 25.3644 15.1335 25.5 14.7857 25.5C14.4379 25.5 14.091 25.3633 13.8264 25.0898L8.39781 19.4898C8.13275 19.2175 8 18.8587 8 18.5C8 17.7002 8.63404 17.1 9.35714 17.1C9.7044 17.1 10.0518 17.2367 10.3165 17.5102L14.7857 22.1225L24.6844 11.9113C24.9473 11.6369 25.2951 11.5 25.6429 11.5C26.3681 11.5 27 12.0994 27 12.9Z' fill='white'/%3E%3C/svg%3E%0A");
}

@media (min-width: 768px) {
  .features-module .row {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0 -10px;
  }
  .features-module .column {
    padding: 0 10px;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .features-module h2 {
    margin-bottom: 50px;
  }
  .features-module .info-boxes {
    padding: 30px 20px 30px 80px;
  }
  .features-module .info-boxes .content:before {
    left: -50px;
    width: 35px;
    height: 36px;
  }
}
.collaboration {
  padding: 50px 0 0;
}
.collaboration h2 {
  text-align: center;
  text-transform: uppercase;
}
.collaboration .text {
  text-align: center;
  margin: 0 auto 50px;
  max-width: 1300px;
}
.collaboration .column {
  margin-bottom: 20px;
  width: 100%;
}
.collaboration .cmo-boxes {
  background-color: var(--white-color);
  border-radius: 8px;
  box-shadow: -8px 8px 20px 0px rgba(239,239,239,1);
  padding: 20px 15px;
  height: 100%;
}
.collaboration .cmo-boxes .cmo-boxes__heading {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.collaboration .cmo-boxes .cmo-boxes__heading .number {
  font-size: 36px;
  line-height: 46px;
  font-weight: 700;
  color: var(--white-color);
  background-color: #ecae7d;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  height: 45px;
  width: 45px;
}
.collaboration .cmo-boxes .cmo-boxes__heading .title {
  color: #ecae7d;
  font-size: 18px;
  padding-left: 10px;
  width: calc(100% - 55px);
}
.collaboration .cmo-boxes .cmo-boxes__heading .title__holder {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.collaboration .cmo-boxes .cmo-boxes__title br {
  display: none;
}
.collaboration .cmo-boxes .cmo-boxes__title {
  font-size: 18px;
  padding: 25px 0;
  text-align: left;
  color: #0e0f0f;
  display: block;
}
.collaboration .cmo-boxes .cmo-boxes__heading .cmo-title {
  font-weight: 800;
}
.collaboration .cmo-boxes .cmo-boxes__heading .label {
  font-size: 14px;
  line-height: 26px;
  font-weight: 500;
  border: 1px solid #ecae7d;
  border-radius: 50px;
  background-color: transparent;
  color: #ecae7d;
  display: inline-block;
  padding: 3px 12px 1px 12px;
}
.collaboration .cmo-boxes .cmo-boxes__heading .title span {
  display: block;
}
.collaboration .cmo-boxes .cmo-boxes__list li {
  font-size: 14px;
  line-height: 24px;
  position: relative;
  padding-left: 22px;
}
.collaboration .cmo-boxes .cmo-boxes__list li::after {
  content: '';
  position: absolute;
  top: 4px;
  left: -2px;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.3999 0C8.16133 0 10.3999 2.23858 10.3999 5C10.3999 7.76142 8.16133 10 5.3999 10C2.63848 10 0.399902 7.76142 0.399902 5C0.399902 2.23858 2.63848 0 5.3999 0ZM8.28137 3.06668C8.11256 2.9247 7.85963 2.93326 7.70099 3.09192L4.6066 6.18637L3.16485 4.75848L3.13893 4.73481C2.97015 4.59278 2.71722 4.60128 2.55853 4.75989C2.39149 4.92686 2.39213 5.19693 2.55995 5.36312L4.30584 7.09198L4.33177 7.11566C4.50058 7.25771 4.75356 7.24917 4.91224 7.09049L8.30888 3.69357L8.33267 3.66777C8.47539 3.49982 8.46678 3.24819 8.30731 3.09035L8.28137 3.06668Z' fill='%23ECAE7D'/%3E%3C/svg%3E%0A");
}
.collaboration .cmo-boxes.style_two .cmo-boxes__heading .number {
  background-color: #9cbeB8;
}
.collaboration .cmo-boxes.style_two .cmo-boxes__heading .title {
  color: #9cbeB8;
}
.collaboration .cmo-boxes.style_two .cmo-boxes__list li::after {
  width: 20px;
  height: 20px;
  left: -4px;
  top: 2px;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_269_242)'%3E%3Cpath d='M6.6001 1C9.36152 1 11.6001 3.23858 11.6001 6C11.6001 8.76142 9.36152 11 6.6001 11C3.83867 11 1.6001 8.76142 1.6001 6C1.6001 3.23858 3.83867 1 6.6001 1ZM9.48157 4.06668C9.31275 3.9247 9.05983 3.93326 8.90118 4.09192L5.8068 7.18637L4.36505 5.75848L4.33912 5.73481C4.17034 5.59278 3.91741 5.60128 3.75873 5.75989C3.59169 5.92686 3.59232 6.19693 3.76015 6.36312L5.50603 8.09198L5.53196 8.11566C5.70078 8.25771 5.95376 8.24917 6.11243 8.09049L9.50908 4.69357L9.53287 4.66777C9.67558 4.49982 9.66697 4.24819 9.5075 4.09035L9.48157 4.06668Z' fill='%239CBEB8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_269_242'%3E%3Crect width='12' height='12' fill='white' transform='translate(0.600098)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.collaboration .cmo-boxes.style_three .cmo-boxes__heading .number {
  background-color: #036c81;
}
.collaboration .cmo-boxes.style_three .cmo-boxes__heading .title {
  color: #036c81;
}
.collaboration .cmo-boxes.style_three .cmo-boxes__list li::after {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_269_292)'%3E%3Cpath d='M6 1C8.76142 1 11 3.23858 11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76142 1 6C1 3.23858 3.23858 1 6 1ZM8.88147 4.06668C8.71265 3.9247 8.45973 3.93326 8.30108 4.09192L5.2067 7.18637L3.76495 5.75848L3.73903 5.73481C3.57024 5.59278 3.31732 5.60128 3.15863 5.75989C2.99159 5.92686 2.99223 6.19693 3.16005 6.36312L4.90593 8.09198L4.93186 8.11566C5.10068 8.25771 5.35366 8.24917 5.51233 8.09049L8.90898 4.69357L8.93277 4.66777C9.07549 4.49982 9.06688 4.24819 8.9074 4.09035L8.88147 4.06668Z' fill='%23036C81'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_269_292'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.collaboration .cmo-boxes.style_two .cmo-boxes__heading .label, .collaboration .cmo-boxes.style_three .cmo-boxes__heading .label {
  border: 1px solid #036c81;
  color: #036c81;
}

.collaboration .button-list {
  padding: 20px 0 10px;
  display: none;
}
.collaboration .button-list li {
  margin-bottom: 10px;
}
.collaboration .button-list .cta_button.primary {
  border-radius: 50px;
  background-color: transparent;
  color: var(--primary-color);
  display: block;
}
.collaboration .button-list .cta_button.secondary {
  border-radius: 50px;
  background-color: transparent;
  color: var(--secondary-color);
  border-color: var(--secondary-color);
  display: block;
}

.collaboration .row {
  display: flex;
  flex-wrap: nowrap; /* Ensure columns do not wrap */
  justify-content: space-between; /* Distribute space evenly */
}
 .collaboration .column {
  flex: 1; /* Each column takes equal space */
  margin: 0 10px; /* Optional: margin between columns */
}
  .collaboration .cmo-boxes .cmo-boxes__title {
    text-align: center;
  }
  .collaboration .cmo-boxes .cmo-boxes__title br {
    display: block;
  }
}
@media (min-width: 992px) {
  .collaboration .column {
    width: 33.333%;
  }
  
  .collaboration .row {
    flex-direction: column;
    gap: 10px;
  }
}
@media (min-width: 1200px) {
  .collaboration .column {
    width: 25%;
  }
  
  .collaboration .row {
    flex-direction: row;
  }
}

@media (min-width: 1400px) {
  .collaboration .row {
    flex-direction: row;
  }
  
  .collaboration .column {
    width: 16.6%;
  }
  .collaboration .cmo-boxes .cmo-boxes__heading .label {
    display: none !important;
  }
  .collaboration .button-list {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -10px;
  }
  .collaboration .button-list li {
    padding: 0 10px;
  }
  .collaboration .button-list li:nth-child(1) {
    width: 33.33%;
  }
  .collaboration .button-list li:nth-child(2) {
    width: 66.66%;
  }
}
@media (min-width: 1600px) {
  .collaboration .row {
    flex-flow: row wrap;
    margin: 0 -10px;
    flex-direction: row;
  }
  .collaboration .column {
    padding: 0 10px;
  }
  .collaboration .cmo-boxes {
    padding: 20px;
  }
  .collaboration .cmo-boxes .cmo-boxes__title {
    font-size: 20px;
  }
  .collaboration .cmo-boxes .cmo-boxes__heading .number {
    font-size: 48px;
    line-height: 58px;
    height: 55px;
    width: 55px;
  }
  .collaboration .cmo-boxes .cmo-boxes__heading .title {
    font-size: 22px;
    padding-left: 10px;
    width: calc(100% - 55px);
  }
}

@media (max-width: 767px) {
  .collaboration .row {
    flex-wrap: wrap; /* Allow columns to wrap on mobile */
    flex-direction: column;
    margin: 0px;
  }

  .collaboration .column {
    width: 100%; /* Make each column take full width on mobile */
    margin-bottom: 20px; /* Optional: add some space between stacked columns */
    margin-left: 0px;
    margin-right: 0px;
  }
  
  
}
.partners {
  padding: 50px 0 0;
}
.partners h2 {
  color: #b0b0b0;
  text-align: center;
  font-weight: 500;
  margin-bottom: 30px;
}
.partners .row {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 0 -10px;
}
.partners .column {
  padding: 0 10px;
  margin-bottom: 20px;
  width: 50%;
}
.partners .image-holder {
  background-color: var(--white-color);
  border-radius: 8px;
  box-shadow: -8px 8px 20px 0px rgba(239,239,239,1);
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;
  min-height: 65px;
}


@media (min-width: 768px) {
  .partners .column {
    padding: 0 10px;
    width: 33.333%;
  }
}
@media (min-width: 992px) {
  .partners .column {
    width: 25%;
  }
  .partners {
    padding: 60px 0 0;
  }
}
@media (min-width: 1200px) {
  .partners .column {
    width: 20%;
  }
  .partners {
    padding: 80px 0 0;
  }
}
@media (min-width: 1400px) {
  .partners .column {
    width: 16.667%;
  }
}
.about-us {
  padding: 50px 0 80px;
}
.about-us .column {
  margin-bottom: 30px;
}
.about-us .signature-image {
  text-align: right;
  margin-top: 20px;
}
.about-us .image-holder {
  text-align: center;
}

@media (min-width: 992px) {
  .about-us {
    padding: 80px 0 100px;
  }
}
@media (min-width: 1200px) {
  .about-us {
    padding: 80px 0 140px;
  }
  .about-us .row {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0 -15px;
  }
  .about-us .column {
    padding: 0 15px;
    margin-bottom: 0;
    width: 50%;
  }
  .about-us .image-holder {
    text-align: left;
  }
}
.case-studies {
  padding: 50px 0 0;
}
.case-studies h2 {
  text-align: center;
  margin-bottom: 120px;
}
.case-studies .column {
  margin-bottom: 80px;
  width: 100%;
}
.case-studies .info-boxes {
  background-color: var(--white-color);
  border-radius: 8px;
  box-shadow: -8px 8px 20px 0px rgba(239,239,239,1);
  padding: 60px 20px 35px;
  text-align: left;
  position: relative;
  height: 100%;
}
.case-studies .info-boxes .image-holder {
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
}
.case-studies .info-boxes h3 {
  font-weight: 600;
  margin-bottom: 8px;
}
.case-studies .info-boxes .link a {
  text-decoration: underline;
}


@media (min-width: 768px) {
  .case-studies .row {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0 -10px;
  }
  .case-studies .column {
    padding: 0 10px;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .case-studies .column {
    width: 33.333%;
  }
}
@media (min-width: 1200px) {
  .case-studies .text {
    font-size: 26px;
    margin-bottom: 120px;
  }
  .case-studies .column {
    width: 25%;
  }
}
@media (min-width: 1400px) {
  .case-studies .text {
    font-size: 28px;
  }
}
@media (min-width: 1600px) {
  .case-studies .text {
    font-size: 32px;
  }
}
.cmo {
  padding: 30px 0;
}
.cmo .cmo__box {
  background-color: var(--primary-color);
  color: var(--white-color);
  border-radius: 10px;
  padding: 60px 35px;
  text-align: center;
}
.cmo .cmo__box h2 {
  color: var(--white-color);
  margin-bottom: 30px;
}
.cmo .cmo__box .text {
  text-align: left;
  line-height: 36px;
}
.cmo .cmo__box .button-holder {
  margin-top: 30px;
  text-align: right;
}
.cmo .cmo__box .cta_button {
  background-color: var(--white-color);
  color: var(--primary-color);
}

@media(min-width: 1200px) {
  .cmo .cmo__box .text {
    font-size: 24px;    
    line-height: 40px;
  }
}
.faq-module {
  padding: 50px 0 0;
}
.faq-module .sub-heading {
  color: var(--primary-color);
  font-weight: 500;
  text-align: center;
  display: block;
}
.faq-module h2 {
  text-align: center;
}
.accordion {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 0 20px;
}
.faq-module .accordion .accordion__title {
  color: #0e0f0f;
  cursor: pointer;
  background-color: transparent;
  border-bottom: 1px solid #b6c7d6;
  font-size: 24px;
  line-height: 34px;
  font-weight: 500;
  display: block;
  padding: 22px 55px 22px 0;
  text-decoration: none;
  transition: all 0.2s linear;
  position: relative;
  margin: 0;
}
.faq-module .accordion .accordion__title a {
  color: #0e0f0f;
  display: inline-block;
}
.faq-module .accordion .accordion__title.active .icon:before {
  transform: translateX(-50%) rotate(90deg);
}
.faq-module .accordion .accordion__title .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  position: absolute;
  width: 18px;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.faq-module .accordion .accordion__title .icon:before, .faq-module .accordion .accordion__title .icon:after {
  content: "";
  position: absolute;
  z-index: -1;
  background: #000000;
}
.faq-module .accordion .accordion__title .icon:before {
  height: 100%;
  left: 50%;
  width: 4px;
  transform: translateX(-50%);
}
.faq-module .accordion .accordion__title .icon:after {
  top: 50%;
  height: 4px;
  transform: translateY(-50%);
  width: 100%;
}
.faq-module .accordion .accordion__content {
  color: #0e0f0f;
  background-color: transparent;
  display: none;
  padding: 30px 0 0;
  font-size: 18px;
  line-height: 26px;
}

@media(min-width: 992px) {
  .faq-module .accordion .accordion__title .icon {
    right: 25px;
  }
  .faq-module .accordion .accordion__content {
    padding: 30px 30px 0 0;
  }
}
@media(min-width: 1200px) {
  .faq-module .accordion .accordion__content {
    padding: 30px 50px 0 0;
  }
}
.blog-recent-post {
  padding: 50px 0 0;
}
.blog-recent-post .heading {
  margin-bottom: 30px;
  text-align: center;
}
.blog-recent-post h2 {
  margin-bottom: 0;
}
.blog-recent-post .column {
  margin-bottom: 30px;
  width: 100%;
}
.blog-recent-post .recent-post .recent-post__image {
  background-size: cover;
  border-radius: 8px;
  background-position: top center;
  background-repeat: no-repeat;
  min-height: 178px;
  margin-bottom: 20px;
  overflow: hidden;
  display: block;
}
.blog-recent-post .recent-post .recent-post__title {
  color: var(--text-color);
  font-weight: 500;
  display: block;
  text-align: center;
}

@media(min-width: 768px) {
  .blog-recent-post .row {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -15px;
  }
 .blog-recent-post .column {
    padding: 0 15px;
    width: 50%;
  }
}
@media(min-width: 992px) {
  .blog-recent-post {
    padding: 60px 0 0;
  }
  .blog-recent-post .heading {
    margin-bottom: 50px;
  }
  .blog-recent-post .column {
    width: 33.333%;
  }
}
@media(min-width: 1200px) {
  .blog-recent-post {
    padding: 80px 0 0;
  }
  .blog-recent-post .column {
    width: 25%;
  }
}
.testimonial {
  padding: 80px 0 40px;
}
.testimonial .testimonial__slider .slick-list {
  margin: 0 -15px;
}
.testimonial .testimonial__slider .slick-slide {
  padding: 0 15px;
}
.testimonial .testimonial__slider .testimonial-box {
  background-color: var(--white-color);
  border-radius: 8px;
  box-shadow: -8px 8px 20px 0px rgba(239,239,239,1);
  padding: 30px 25px;
  position: relative;
}
.testimonial .testimonial__slider .testimonial-box::before {
  content: '';
  position: absolute;
  top: 25px;
  right: 30px;
  width: 30px;
  height: 22px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='52' viewBox='0 0 60 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.231 28.2674H47.308C48.2696 28.2674 49.0871 28.6039 49.7602 29.277C50.433 29.9502 50.7698 30.7674 50.7698 31.7293V32.8826C50.7698 35.4308 49.8682 37.6061 48.0651 39.4092C46.2621 41.2117 44.0865 42.1133 41.5385 42.1133H39.231C38.606 42.1133 38.0654 42.3418 37.6085 42.7983C37.1518 43.2551 36.9234 43.7958 36.9234 44.4208V49.0366C36.9234 49.6615 37.1519 50.2027 37.6085 50.6595C38.0653 51.1157 38.6059 51.3445 39.231 51.3445H41.5385C44.0387 51.3445 46.424 50.8573 48.6959 49.8842C50.9676 48.9105 52.9325 47.5942 54.5913 45.9354C56.2501 44.2772 57.5659 42.3122 58.5395 40.0403C59.5131 37.7687 60 35.3827 60 32.8827V7.49871C60 5.57462 59.3272 3.94088 57.9811 2.5942C56.6348 1.24829 54.9998 0.575386 53.0768 0.575386H39.2301C37.3072 0.575386 35.6727 1.24829 34.3263 2.5942C32.9804 3.94088 32.3073 5.57462 32.3073 7.49871V21.3442C32.3073 23.2679 32.9804 24.9017 34.3272 26.2485C35.673 27.5943 37.3081 28.2674 39.231 28.2674Z' fill='%238DB4AD'/%3E%3Cpath d='M2.01799 26.2485C3.36378 27.5943 4.9984 28.2674 6.92173 28.2674H14.9986C15.9597 28.2674 16.778 28.6039 17.45 29.277C18.1234 29.9502 18.4596 30.7674 18.4596 31.7293V32.8826C18.4596 35.4308 17.558 37.6061 15.7557 39.4092C13.9534 41.2117 11.7779 42.1133 9.22861 42.1133H6.9216C6.29657 42.1133 5.75553 42.3418 5.29898 42.7983C4.84268 43.2551 4.61345 43.7958 4.61345 44.4208V49.0366C4.61345 49.6615 4.84255 50.2027 5.29898 50.6595C5.75541 51.1157 6.29645 51.3445 6.9216 51.3445H9.22861C11.7302 51.3445 14.1151 50.8573 16.3876 49.8842C18.6589 48.9105 20.6231 47.5942 22.282 45.9354C23.9409 44.2772 25.2573 42.3122 26.2306 40.0403C27.2039 37.7687 27.6914 35.3827 27.6914 32.8827V7.49871C27.6914 5.57462 27.018 3.94088 25.6722 2.5942C24.3263 1.24829 22.6917 0.575386 20.7685 0.575386H6.92249C4.99916 0.575386 3.36466 1.24829 2.01887 2.5942C0.672071 3.94088 6.29425e-05 5.57462 6.29425e-05 7.49871V21.3442C-6.48499e-05 23.2681 0.672071 24.9017 2.01799 26.2485Z' fill='%238DB4AD'/%3E%3C/svg%3E%0A");
}
.testimonial .testimonial__slider .testimonial-box h2 {
  margin-bottom: 30px;
  padding-right: 45px;
}
.testimonial .testimonial__slider .testimonial-box .name {
  margin: 15px 0 0;
  display: block;
}
.testimonial .testimonial__slider .slick-dots {
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 30px -5px 0;
}
.testimonial .testimonial__slider .slick-dots li {
  padding: 0 5px;
  line-height: 1;
}
.testimonial .testimonial__slider .slick-dots li.slick-active button {
  background-color: var(--primary-color);
}
.testimonial .testimonial__slider .slick-dots button {
  background-color: #ebebeb;
  border-radius: 100%;
  border: none;
  outline: none;
  padding: 0;
  font-size: 0;
  line-height: 0;
  height: 16px;
  width: 16px;
}

@media(min-width: 768px) {
  .testimonial .testimonial__slider .testimonial-box {
    padding: 30px;
  }
}
@media(min-width: 992px) {
  .testimonial .testimonial__slider .testimonial-box {
    padding: 30px 50px;
  }
  .testimonial .testimonial__slider .testimonial-box::before {
    top: 30px;
    right: 50px;
    width: 60px;
    height: 52px;
  }
  .testimonial .testimonial__slider .testimonial-box h2 {
    padding-right: 65px;
  }
}
.key-points {
  padding: 50px 0;
}
.key-points h2 {
  text-align: center;
}
.key-points .column {
  margin-bottom: 20px;
  width: 100%;
}
.key-points .key-boxes {
  background-color: var(--white-color);
  border-radius: 8px;
  box-shadow: -8px 8px 20px 0px rgba(239,239,239,1);
  padding: 30px;
  overflow: hidden;
  height: 100%;
}
.key-points .key-boxes h4 {
  color: var(--anchor-color);
  margin-bottom: 12px;
}
.key-points .key-boxes ul {
  padding-left: 30px;
  margin: 20px 0;
}
.key-points .key-boxes ul li {
  font-size: 18px;
  padding-bottom: 5px;
}

@media(min-width: 992px) {
  .key-points .row {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -10px;
  }
  .key-points .column {
    padding: 0 10px;
    width: 33.333%;
  }
}
.key-indicators {
  padding: 50px 0;
}
.key-indicators h2 {
  color: var(--primary-color);
  text-align: center;
}
.key-indicators .column {
  margin-bottom: 20px;
  width: 100%;
}
.key-indicators .indicators {
  background-color: var(--white-color);
  border-radius: 8px;
  box-shadow: -8px 8px 20px 0px rgba(239,239,239,1);
  padding: 40px 30px;
  overflow: hidden;
  text-align: center;
  height: 100%;
}
.key-indicators .indicators {
  font-weight: 700;
  color: var(--anchor-color);
}
.key-indicators .indicators h4 {
  font-weight: 700;
  color: #6d6d6d;
}

@media(min-width: 992px) {
  .key-indicators .row {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0 -10px;
  }
  .key-indicators .column {
    padding: 0 10px;
    width: 33.333%;
  }
}
.blog-related-posts {
  padding: 50px 0;
}
.blog-related-posts h2 {
  margin-bottom: 0;
}
.blog-related-posts .blog-related-posts__heading {
  margin-bottom: 30px;
}
.blog-related-posts .blog-related-posts__list {
  background-color: var(--white-color);
  padding: 20px;
  border-radius: 8px;
}
.blog-related-posts .blog-related-posts__post {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #dfdfdf;
}
.blog-related-posts .blog-related-posts__post:last-child {
  padding-bottom: 0;
  border: none;
}
.blog-related-posts .blog-related-posts__post-image {
  display: block; 
  margin-bottom: 20px;
  border-radius: 10px;
  overflow: hidden;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  min-height: 277px;
  width: 100%;
}
.blog-related-posts .blog-related-posts__content {
  width: 100%;
}
.blog-related-posts .blog-related-posts__title {
  font-weight: 500;
}
.blog-related-posts .blog-related-posts__title-link {
  color: var(--heading-color);
}
.blog-related-posts time {
  color: var(--heading-color);
  display: block;
  font-weight: 500;
  margin-top: 20px;
}

@media(min-width: 768px) {
  .blog-related-posts .blog-related-posts__heading {
    display: flex;
    flex-flow: row wrap;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
  }
}
@media(min-width: 992px) {
  .blog-related-posts .blog-related-posts__heading {
    margin-bottom: 50px;
  }
  .blog-related-posts .blog-related-posts__post-image {
    min-height: 234px;
    width: 324px;
    margin-bottom: 0;
  }
  .blog-related-posts .blog-related-posts__content {
    width: calc(100% - 324px);
    padding-left: 15px;
  }
  .blog-related-posts .blog-related-posts__post {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
}
.subscription-module {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border-radius: 10px;
  overflow: hidden;
  text-align: center;
  padding: 70px 25px;
}
.subscription-module h2 {
  color: var(--secondary-color);
  margin-bottom: 30px;
}
.subscription-module .form-holder {
  max-width: 457px;
  margin: 0 auto;
}
.subscription-module form input[type="email"] {
  display: inline-block;
  background-color: var(--white-color);
  border: 1px solid var(--white-color);
  box-shadow: none;
  outline: none;
  border-radius: 8px;
  font-size: 20px;
  line-height: 28px;
  padding: 14px 20px;
  width: 100% !important;
}
.subscription-module form input[type="email"]::placeholder {
  font-size: 20px;
  line-height: 28px;
}
.subscription-module form .hs-button {
  background-color: var(--secondary-color);
  border: 2px solid var(--secondary-color);
  border-radius: 8px;
  color: var(--white-color);
  font-family: inherit;
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: inherit;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  transition: all 0.4s ease-in-out;
}
.subscription-module form .hs-button:hover, .subscription-module form .hs-button:focus {
  background-color: var(--white-color);
  border-color: var(--secondary-color);
  color: var(--secondary-color);
}
.subscription-module .form-holder .submitted-message {
  color: var(--white-color);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.33;
}

@media(min-width: 992px) {
  .subscription-module {
    padding: 92px 30px;
  }
  .subscription-module h2 {
    margin-bottom: 50px;
  }
}
.contact-module {
  padding: 68px 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.contact-module .container {
  max-width: 1096px;
}
.contact-module .signature-bg {
  position: absolute;
  top: 18%;
  right: 0;
  width: 1125px;
  height: 1040px;
  z-index: -1;
}
.contact-module .column {
  margin-bottom: 30px;
  width: 100%;
}
.contact-module .text-holder {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  background-color: var(--white-color);
  border-radius: 10px;
  box-shadow: -8px 8px 20px 0px rgba(239,239,239,1);
  padding: 30px 20px;
  cursor: pointer;
}
.contact-module .icon {
  width: 44px;
}
.contact-module .text {
  color: var(--primary-color);
  width: calc(100% - 44px);
  padding-left: 20px;
}
.contact-module .text p {
  margin-bottom: 10px;
}
.contact-module .form-holder {
  background-color: var(--white-color);
  border-radius: 10px;
  box-shadow: -8px 8px 20px 0px rgba(239,239,239,1);
  padding: 30px;
  min-height: 464px;
}
.contact-module .form-holder h3 {
  color: var(--primary-color);
  font-weight: 700;
}

@media(min-width: 480px) {
  .contact-module .text-holder {
    padding: 30px;
  }
  .contact-module .form-holder {
    padding: 40px;
  }
  .contact-module .text {
    padding-left: 30px;
  }
}
@media(min-width: 992px) {
  .contact-module {
    padding: 80px 0 120px;
  }
  .contact-module .row {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -15px;
  }
  .contact-module .column {
    padding: 0 15px;
    margin-bottom: 0;
    width: 50%;
  }
}
/* pagincation */
.hs-pagination {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}
.hs-pagination .hs-pagination__link:last-child {
  margin-right: 0;
}
.hs-pagination .hs-pagination__link {
  color: var(--text-color);
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  font-weight: 700;
  background: var(--white-color);
  border: 1px solid var(--primary-color);
  transition: all .15s ease-in-out;
  text-align: center;
  padding: 7px 13px;
  margin-right: 5px;
  min-width: 40px;
  height: 40px;
}
.hs-pagination .hs-pagination__link:hover {
  background: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--white-color);
}
.hs-pagination .hs-pagination__link.hs-pagination__link--active {
  background: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--white-color);
}
.hs-pagination .hs-pagination__link.hs-pagination__link--prev svg, .hs-pagination .hs-pagination__link.hs-pagination__link--next svg {
  width: auto;
  height: 100%;
  fill: var(--text-color);
  transition: all 0.4s ease-in-out;
}
.hs-pagination .hs-pagination__link.hs-pagination__link--prev:hover svg, .hs-pagination .hs-pagination__link.hs-pagination__link--next:hover svg {
  fill: var(--white-color);
}
.hs-pagination .hs-pagination__link.hs-pagination__link--first, .hs-pagination .hs-pagination__link.hs-pagination__link--last {
  padding: 8px 9px;
} 
.hs-pagination .hs-pagination__link.hs-pagination__link--first svg, .hs-pagination .hs-pagination__link.hs-pagination__link--last svg {
  width: auto;
  height: 100%;
  fill: var(--text-color);
  transition: all 0.4s ease-in-out;
}
.hs-pagination .hs-pagination__link.hs-pagination__link--first:hover svg, .hs-pagination .hs-pagination__link.hs-pagination__link--last:hover svg {
  fill: var(--white-color);
}
.footer {
  background-color: var(--primary-color);
  padding: 60px 0;
  text-align: center;
  position: relative;
}
.footer .container {
  max-width: 1340px;
}
.footer .column {
  margin-bottom: 30px;
}
.footer .logo {
  max-width: 280px;
  margin: 0 auto 20px;
}
.footer .text {
  letter-spacing: 0.6px;
  font-size: 16px;
  color: #8dB4ad;
}
.footer .text a { 
  color: #8dB4ad;
}
.footer .text a:hover {
  text-decoration: underline;
}
.footer .contact-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 0 -15px 30px; 
}
.footer .contact-list li {
  padding: 0 15px;
}
.footer .contact-list .cta_button {
  font-size: 18px;
  border-color: #8dB4ad;
  background-color: transparent;
  padding: 13px 23px;
}
.footer .contact-list .cta_button:hover {
  color: var(--primary-color);
  background-color: var(--white-color);
  border-color: var(--white-color);
}
.footer .footer-links {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 0 -11px;
}
.footer .footer-links li {
  letter-spacing: 3.2px;
  font-size: 16px;
  padding: 0 11px;
  position: relative;
}
.footer .footer-links li:not(:last-child):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
  background-color: #8dB4ad;
}
.footer .footer-links li a {
  font-weight: 500;
  color: #8dB4ad;
}
.footer .footer-links li a:hover {
  text-decoration: underline;
}
.footer .grid-color {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.footer .color-bar {
  grid-area: span 1 / span 1 / span 1 / span 1;
}
.footer .bg-cadet-blue {
  width: 100%;
  height: 17px;
  background-color: #8db4ad;
}
.footer .bg-sandy-brown {
  width: 100%;
  height: 17px;
  background-color: #ecae7d;
}
.footer .bg-orange-red {
  width: 100%;
  height: 17px;
  background-color: #ed6335;
}


@media(min-width: 480px) {
  .footer .text {
    font-size: 18px;
  }
  .footer .footer-links li {
    font-size: 18px;
  }
}
@media(min-width: 992px) {
  .footer {
    padding: 90px 0;
    text-align: left;
  }
  .footer .row {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -15px;
  }
  .footer .column {
    padding: 0 15px;
    margin: 0;
    width: 50%;
  }
  .footer .column:nth-child(2) {
    text-align: right;
  }
  .footer .logo {
    max-width: 330px;
    margin: 0 0 27px;
  }
  .footer .contact-list {
    justify-content: flex-end;
    margin: 0 -15px 75px;
    padding-right: 15px;
  }
  .footer .footer-links {
    justify-content: flex-end;
    padding-right: 20px;
  }
}
@media(min-width: 1200px) {
  .footer {
    padding: 120px 0;
  }
}
/* 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;
  }
}