/* 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: 991px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}

/* Fonts */
@font-face {
  font-family: "Suisse Intl Regular";
  src: url(https://6846802.fs1.hubspotusercontent-na1.net/hubfs/6846802/raw_assets/public/GGC-theme/fonts/SuisseIntl-Regular.woff2)format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Suisse Works Regular Italic";
  src: url(https://6846802.fs1.hubspotusercontent-na1.net/hubfs/6846802/raw_assets/public/GGC-theme/fonts/SuisseWorks-RegularItalic-WebXL.woff2)format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Suisse Intl Semibold";
  src: url(https://6846802.fs1.hubspotusercontent-na1.net/hubfs/6846802/raw_assets/public/GGC-theme/fonts/SuisseIntl-Semibold.woff2)format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Suisse Intl Book";
  src: url(https://6846802.fs1.hubspotusercontent-na1.net/hubfs/6846802/raw_assets/public/GGC-theme/fonts/SuisseIntl-Book.woff2)format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

:root {
  --white: #FFFFFF;
  --black: #000000;
  --yellow: #F5CB4C;
  --primary: #4668A6;
  --primary-dark: #0F2E4F;
  --secondary: #F2B600;
  --secondary-dark: #C19100;
  --text: #040508;
  --heading: #0F2E4F;
  --bg-green: #EEF0EA;
  --bg-grey: #F7F3EF;
  --bg-blue: #06121F;
}

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: "Suisse Intl Regular", sans-serif;
  color: var(--text);
  font-size: 16px;
  line-height: 150%;
  overflow-wrap: break-word;
}

body.menu-active {
  overflow: hidden;
}

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

.text-large {
  font-size: 22px;
  line-height: 150%;
}
.text-medium {
  font-size: 18px;
  line-height: 150%;
}
.text-small {
  font-size: 14px;
  line-height: 150%;
}
.text-tiny {
  font-size: 12px;
  line-height: 150%;
}

.tagline {
  color: var(--primary);
  font-size: 18px;
  display: block;
  font-weight: 500;
  margin-bottom: 1rem;
}

/* Paragraphs */
p {
  margin: 0 0 1.5rem;
}
p:last-child {
  margin: 0;
}

/* Anchors */
a {
  color: var(--primary);
  font-family: "Suisse Intl Book", sans-serif;
  font-weight: 400;
  display: inline-block;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
}

Explanation:
a: This targets all anchor (link) elements on the page.
:hover: This is a pseudo-class that applies styles specifically when a user's mouse pointer is hovering over the element.
color: #FF0000;: This property sets the text color of the link. You can replace #FF0000 with any valid CSS color value (e.g., blue, rgb(0, 0, 255), hsl(240, 100%, 50%)).
To apply this CSS:
Inline CSS: (Generally not recommended for maintainability)
Oops, something went wrong.


/* Headings */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Suisse Intl Book", sans-serif;
  color: var(--heading);
  font-weight: 400;
  margin: 0 0 25px;
  display: block;
}
h1, .h1 {
  font-size: 44px;
  line-height: 120%;
  letter-spacing: -1%;
}
h2, .h2 {
  font-size: 40px;
  line-height: 107%;
  letter-spacing: -1%;
}
h3, .h3 {
  font-size: 32px;
  line-height: 120%;
}
h4, .h4 {
  font-size: 24px;
  line-height: 140%;
}
h5, .h5 {
  font-size: 20px;
  line-height: 140%;
}
h6, .h6 {
  font-size: 18px;
  line-height: 140%;
}
@media(min-width: 768px) {
  h1, .h1 {
    font-size: 58px;
  }
}
@media(min-width: 992px) {
  h1, .h1 {
    font-size: 72px;
  }
  h2, .h2 {
    font-size: 52px;
  }
  h3, .h3 {
    font-size: 44px;
  }
  h4, .h4 {
    font-size: 36px;
  }
  h5, .h5 {
    font-size: 28px;
  }
  h6, .h6 {
    font-size: 22px;
  }
}

h1 span, .h1 span,
h2 span, .h2 span,
h3 span, .h3 span,
h4 span, .h4 span,
h5 span, .h5 span,
h6 span, .h6 span {
  font-family: "Suisse Works Regular Italic";
}

/* Lists */
ul,
ol {
  margin: 0 0 1rem;
  padding-left: 1.1rem;
}

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 {
  max-width: 100%;
  height: auto;
}

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

@media(max-width: 991px) {
  .dnd-section > .row-fluid {
    padding: 0 15px;
  }
  [class*=full-width-section] > .row-fluid {
    padding: 0;
  }
}

/* row style */
.row {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -15px;
}
.row.row-reverse {
  flex-direction: row-reverse;
}

/* column style */
.col {
  padding: 0 15px;
  width: 100%;
}
@media(max-width: 991px) {
  .col {
    margin-bottom: 30px;
  }
  .col:last-child {
    margin-bottom: 0;
  }
}

@media(min-width: 768px) {
  .col-4 {
    width: 50%;
  }
  .col-3 {
    width: 33.33%;
  }
}

@media(min-width: 992px) {
  .col-6 {
    width: 50%;
  }
  .col-4 {
    width: 33.33%;
  }
  .col-3 {
    width: 25%;
  }
  .col-5 {
    width: 41.6%;
  }
  .col-7 {
    width: 58.3%;
  }
}

/* borders style */
.borders span { 
  border-bottom: solid var(--yellow);
  display: block;
  margin-bottom: 8px;
}
.borders span:nth-child(1) { 
  border-width: 9px;
}
.borders span:nth-child(2) { 
  border-width: 6px;
}
.borders span:nth-child(3) { 
  border-width: 3px;
  margin: 0;
}
button, .button, .hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.4s ease-in-out;
  white-space: normal;
}

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

.buttons {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
  margin-top: 30px;
}

/* button */
.cta-button, .cta-button.primary {
  background-color: var(--primary);
  border: none;
  box-shadow: none;
  color: var(--white);
  font-size: inherit; 
  line-height: inherit;
  font-weight: 400;
  display: inline-block;
  padding: 15px 24px;
  text-decoration: none;
  outline: none;
  position: relative;
}
.cta-button:after, .cta-button.primary:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
  background-color: var(--primary);
  transition: all 0.4s ease-in-out;
}
.cta-button:hover:after, .cta-button:focus:after, .cta-button:active:after,
.cta-button.primary:hover:after, .cta-button.primary:focus:after, .cta-button.primary:active:after {
  background-color: var(--primary-dark);
  height: 5px;
}

.cta-button.secondary {
  background-color: var(--secondary);
  color: var(--text);
}
.cta-button.secondary:hover:after, .cta-button.secondary:focus:after, .cta-button.secondary:active:after {
  background-color: var(--secondary-dark);
}
/* Fields */

.hs-form-field {
  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 {
  display: inline-block;
  font-size: inherit;
  padding: 0.7rem;
  width: 100%;
}

form textarea {
  resize: vertical;
}

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

/* Inputs - checkbox/radio */

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

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

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

form .hs-error-msgs > li {
  margin: 0;
}
form .hs-error-msgs .hs-error-msg {
  font-size: 12px;
  line-height: 150%;
}

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: 12px;
  line-height: 150%;
  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 {
  background-color: var(--primary);
  border: 5px solid var(--primary);
  box-shadow: none;
  color: var(--white);
  font-size: inherit; 
  line-height: inherit;
  font-weight: 700;
  display: inline-block;
  padding: 10px 17px;
  text-decoration: none;
  outline: none;
}
form input[type=submit]:hover, form input[type=submit]:focus, form input[type=submit]:active
form .hs-button:hover, form .hs-button:focus, form .hs-button:active {
  border-bottom-color: var(--primary-dark);
}

/* 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;
}
/* Slick slider styles */
.slick-slider {
  position: relative;
  user-select: none;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  outline: none;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

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

.header .container {
  max-width: 100%;
}
.header .holder {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.header .logo {
  line-height: 0;
  width: 72px;
}
@media(min-width: 1200px) {
  .header .logo {
    width: 92px;
  }
}
@media(min-width: 1400px) {
  .header .logo {
    width: 149px;
  }
}

.header .logo span {
  max-width: 92px;
  margin: 0 0 0 auto;
}
.header .logo, .header .logo span {
  display: block;
}


.header .buttons {
  margin: 0;
  padding-right: 50px;
}
@media(min-width: 1200px) {
  .header .buttons {
    padding: 0;
  }
}

.header .nav-holder .buttons {
  padding: 0 24px;
}
@media(min-width: 1200px) {
  .header .nav-holder .buttons {
    display: none;
    padding: 0;
    margin-top: 30px;
  }
}

.header .cta-button {
  padding: 15px 38px;
  text-transform: uppercase;
}

.header .search-icon {
  display: none;
}
.header .search-icon {
  position: absolute;
  top: 50%;
  right: 50px;
  transform: translateY(-50%);
  margin-top: 3px;
  z-index: 1;
}
@media(min-width: 1200px) {
  .header .search-icon {
    display: inline-block;
    right: 165px;
  }
}
@media(min-width: 1400px) {
  .header .search-icon {
    right: 170px;
  }
}

.nav-holder {
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-right: 8px;
}
@media(max-width: 1400px) {
  .nav-holder {
    padding-right: 8px;
    justify-content: flex-end;
  }
}
@media(max-width: 1199px) {
  .nav-holder {
    padding: 80px 0;
    width: 300px;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--primary-dark);
    position: fixed;
    display: block;
    transition: all 0.4s ease;
    transform: translate(100%, 0);
    overflow: auto;
    z-index: 2;
  }
  .nav-active .nav-holder {
    transform: none;
    box-shadow: -2px 0 20px rgba(0, 0, 0, 0.2);
  }
}

.resize-active .nav-holder {
  transition: none;
}

.hs-menu {
  display: flex;
  flex-flow: row wrap;
}
@media(min-width: 1200px) {
  .hs-menu {
    padding-right: 45px;
  }
}
@media(min-width: 1280px) {
  .hs-menu {
    padding-right: 60px;
  }
}

.hs-menu > .hs-menu-item {
  position: relative;
  width: 100%;
}
@media(min-width: 1200px) {
  .hs-menu > .hs-menu-item {
    padding: 47px 10px;
    width: auto;
  }
  .hs-menu > .hs-menu-item.hs-item-has-children {
    padding-right: 22px;
  }
}
@media(min-width: 1400px) {
  .hs-menu > .hs-menu-item {
    padding: 47px 24px;
  }
  .hs-menu > .hs-menu-item.hs-item-has-children {
    padding-right: 26px;
  }
}

.hs-menu > .hs-menu-item:after {
  content: '';
  position: absolute;
  bottom: 34px;
  left: 0;
  display: none;
  height: 4px;
  width: 0;
  background-color: var(--primary);
  transition: all 0.4s ease-in-out;
}
@media(min-width: 1200px) {
  .hs-menu > .hs-menu-item:after {
    left: 10px;
    display: block;
  }
  .hs-menu > .hs-menu-item:hover:after {
    width: calc(100% - 20px);
  }
  .hs-menu > .hs-menu-item.hs-item-has-children:hover:after {
    width: calc(100% - 10px);
  }
}
@media(min-width: 1400px) {
  .hs-menu > .hs-menu-item:after {
    left: 24px;
  }
  .hs-menu > .hs-menu-item:hover:after {
    width: calc(100% - 48px);
  }
  .hs-menu > .hs-menu-item.hs-item-has-children:hover:after {
    width: calc(100% - 24px);
  }
}

.hs-menu > .hs-menu-item:nth-last-child(-n+3) .hs-menu-children-wrapper.mega-menu {
  right: 0;
  left: auto;
}

.hs-menu > .hs-menu-item.active .hs-menu-children-wrapper {
  display: block;
}
.hs-menu > .hs-menu-item:hover .hs-menu-children-wrapper {
  display: flex;
}

.hs-menu > .hs-menu-item a {
  padding: 10px 24px;
  padding-right: 44px;
  color: var(--white);
  display: block;
  letter-spacing: 3%;
}
@media(min-width: 1200px) {
  .hs-menu > .hs-menu-item a {
    padding: 12px 24px;
    color: var(--primary-dark);
    padding: 0;
  }
}

.hs-menu .hs-menu-item .arrow {
  position: absolute;
  top: 10px;
  right: 20px;
  margin-top: -1px;
}
@media(min-width: 1200px) {
  .hs-menu .hs-menu-item .arrow {
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
    max-width: 12px;
  }
}
@media(min-width: 1400px) {
  .hs-menu .hs-menu-item .arrow {
    max-width: 15px;
  }
}

.hs-menu .hs-menu-item .arrow svg {
  width: 100%;
}
.hs-menu .hs-menu-item .arrow svg path {
  fill: var(--white);
}
@media(min-width: 1200px) {
  .hs-menu .hs-menu-item .arrow svg path {
    fill: var(--primary);
  }
}


.hs-menu-children-wrapper {
  display: none;
}
@media(min-width: 1200px) {
  .hs-menu-children-wrapper {
    border: 1px solid #D3D3D3;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: var(--white);
    padding: 18px 20px 20px !important;
    margin: 0 !important;
    width: 320px;
    flex-flow: row wrap;
    z-index: 2;
  }
  .hs-menu-children-wrapper.mega-menu {
    width: 674px;
  }
  .hs-menu-children-wrapper.mega-menu .hs-menu-children, .hs-menu-children-wrapper.mega-menu .post {
    width: 50%;
  }
  .hs-menu-children {
    padding-right: 15px;
  }
  .hs-menu-children .hs-menu-item {
    padding: 10px 0;
  }
  .hs-menu-children .hs-menu-item a {
    display: inline-block;
  }
  .hs-menu-children .hs-menu-item a:hover {
    color: var(--primary);
  }
}
@media(min-width: 1400px) {
  .hs-menu-children-wrapper {
    padding: 18px 30px 30px !important;
  }
  .hs-menu-children-wrapper.mega-menu {
    width: 754px;
  }
  .hs-menu-children .hs-menu-item {
    padding: 13px 0;
  }
}

.hs-menu-children .hs-menu-children {
  padding-left: 15px;
  margin-bottom: 15px;
}
@media(min-width: 1200px) {
  .hs-menu-children .hs-menu-children {
    padding: 0;
    margin: 0;
  }
}

.hs-menu-children-wrapper .post {
  padding: 0 24px 0 39px;
  margin-bottom: 30px;
}
@media(min-width: 1200px) {
  .hs-menu-children-wrapper .post {
    display: block;
    width: 50%;
    padding: 0;
  }
}

.hs-menu-children-wrapper .post .post__image {
  border-radius: 7px;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  min-height: 135px;
  overflow: hidden;
  margin-bottom: 15px;
}
@media(min-width: 1200px) {
  .hs-menu-children-wrapper .post .post__image {
    border-radius: 11px;
    min-height: 186px;
  }
}

.hs-menu-children-wrapper .post .post__title {
  font-family: "Suisse Intl Semibold", sans-serif;  
  color: var(--white);
  line-height: 131%;
  font-weight: 400;
  letter-spacing: 5%;
}
@media(min-width: 1200px) {
  .hs-menu-children-wrapper .post .post__title {
    color: var(--heading);
  }
}
  
.hs-menu-children-wrapper .post .post__link {
  color: var(--white);
  margin-top: 10px;
  padding: 0;
  font-weight: 400;
}
@media(min-width: 1200px) {
  .hs-menu-children-wrapper .post .post__link {
    color: var(--primary);
  }
}

.hs-menu-children-wrapper .post .post__link:hover {
  text-decoration: underline;
}


.nav-opener {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: transparent;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
  z-index: 5;
}
@media(min-width: 1199px) {
  .nav-opener {
    display: none;
  }
}

.nav-opener:after,
.nav-opener:before,
.nav-opener span {
  position: absolute;
  left: 0;
  right: 0;
  background: #4668A6;
  height: 3px;
  transition: all 0.3s ease;
  width: 32px;
}
.nav-opener span {
  top: 50%;
  transform: translateY(-50%);
}
.nav-opener:after,
.nav-opener:before {
  content: '';
}
.nav-opener:after {
  bottom: 23px
}
.nav-opener:before {
  top: 23px
}
.nav-active .nav-opener:after,
.nav-active .nav-opener:before,
.nav-active .nav-opener span {
  background: #fff;
}
.nav-active .nav-opener:before {
  transform: rotate(45deg) translate(-6px, -6px)
}
.nav-active .nav-opener:after {
  transform: rotate(-45deg) translate(-7px, 7px)
}
.nav-active .nav-opener span {
  opacity: 0;
  visibility: hidden;
}
.hero-area .hero-area-holder {
  min-height: 254px;
  position: relative;
}
@media(min-width: 768px) {
  .hero-area .hero-area-holder {
    min-height: 354px;
  }
}
@media(min-width: 992px) {
  .hero-area .hero-area-holder {
    min-height: 454px;
  }
}

.hero-area-wrapper {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  min-height: 450px;
}
@media(min-width: 768px) {
  .hero-area-wrapper {
    min-height: 550px;
  }
}
@media(min-width: 992px) {
  .hero-area-wrapper {
    min-height: 693px;
  }
}

.hero-area-wrapper.overlay1 .container {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  max-width: 1175px;
  padding-top: 80px !important;
  padding-bottom: 65px !important;
}
@media(min-width: 768px) {
  .hero-area-wrapper.overlay1 .container {
    padding-top: 100px !important;
    padding-bottom: 85px !important;
  }
}
@media(min-width: 992px) {
  .hero-area-wrapper.overlay1 .container {
    padding-top: 125px !important;
    padding-bottom: 110px !important;
  }
}

.hero-area-wrapper.overlay1 .hero-image::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 22.95%, rgba(0, 0, 0, 0.58) 100%);
}

.hero-area-wrapper.overlay2 {
  color: var(--white);
  align-items: flex-end;
}
.hero-area-wrapper.overlay2 .container {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  max-width: 1265px;
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.hero-area-wrapper.overlay2 h1 {
  color: var(--white);
  max-width: 550px;
}

.hero-area-wrapper.overlay2 .hero-image::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 22.95%, #000000 100%);
}

.hero-area .hero-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.hero-area .hero-video {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}

.hero-area .overlaybox {
  background-color: var(--bg-grey);
  max-width: 492px;
  padding: 40px 20px;
}
@media(min-width: 768px) {
  .hero-area .overlaybox {
    max-width: 432px;
    padding: 40px 35px;
  }
}
@media(min-width: 992px) {
  .hero-area .overlaybox {
    max-width: 492px;
    padding: 53px 50px;
  }
}

.hero-area h1 {
  margin-bottom: 25px;
}

.hero-area-wrap .row {
  justify-content: space-between;
}
@media(min-width: 1265px) {
  .hero-area-wrap .row {
    margin-right: calc((100vw - 1265px) / -2);
  }
}

.hero-area-wrap .col {
  margin: 0;
  padding: 0;
}
  
.hero-area-wrap .content {
  padding: 70px 15px 40px;
}
@media(min-width: 992px) {
  .hero-area-wrap .content {
    max-width: 570px;
    padding: 106px 15px 70px;
  }
}

.hero-area-wrap .image {
  line-height: 0;
  height: 100%;
  position: relative;
}
.hero-area-wrap .image img {
  width: 100%;
}
@media(min-width: 992px) {
  .hero-area-wrap .image img {
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.text-block .certificates {
  display: flex;
  flex-flow: row wrap;
  gap: 30px;
  margin-top: 24px;
}
.text-block .image-holder {
  margin-bottom: 1.5rem;
  line-height: 0;
}
@media(min-width: 992px) {
  .text-block .image-holder {
    margin-bottom: 0;
  }
}

.text-block h2:only-child {
  margin: 0;
}

@media(min-width: 992px) {
  .text-block .rich_text {
    max-width: 600px;
  }
}
.richtext-centered {
  text-align: center;
}
.richtext-centered .holder {
  max-width: 768px;
  margin: 0 auto;
}
.richtext-centered .buttons {
  justify-content: center;
}
.text-image.show_borders .holder {
  margin-bottom: 10px;
}
.text-image .container {
  max-width: 1315px;
}
.text-image .image {
  line-height: 0;
  height: 100%;
  position: relative;
}

@media(min-width: 992px) {
  .text-image .row.row-reverse .content {
    margin: 0 0 0 auto;
  }
  .text-image .content {
    max-width: 700px;
  }
}

.text-image.style_one .row {
  justify-content: space-between;
}
@media(min-width: 1295px) {
  .text-image.style_one .row {
    margin-right: calc((100vw - 1295px) / -2);
  }
  .text-image.style_one .row.row-reverse {
    margin-right: 0;
    margin-left: calc((100vw - 1295px) / -2);
  }
}

.text-image.style_one .image img {
  width: 100%;
}
@media(min-width: 992px) {
  .text-image.style_one .image img {
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.text-image.style_one .content {
  
}
@media(min-width: 992px) {
  .text-image.style_one .content {
    padding-left: 40px;
    padding-right: 15px;
  }
}

.text-image.style_one .col {
  margin: 0;
}
@media(min-width: 992px) {
  .text-image.style_one .col {
    padding: 0;
  }
}

.text-image.style_two .row {
  align-items: center;
}
.text-image.style_two .container {
  align-items: center;
}
.text-image.style_two .image {
  max-width: 575px;
}
.text-image .image.style_two img {
  width: 100%;
}



.text-image .content {
  
}
@media(min-width: 992px) {
  .text-image .row.row-reverse .content {
    margin: 0 0 0 auto;
  }
  .text-image .content {
    max-width: 700px;
  }
}
.image-gallery .row {
  margin: 0 -5px;
}
.image-gallery .col {
  padding: 0 5px;
  margin-bottom: 10px;
}
.image-gallery .image {
  position: relative;
  line-height: 0;
}
.image-gallery .image:before, .image-gallery .image:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--white);
}
.image-gallery .image:before {
  height: 6px;
  bottom: 7%;
}
.image-gallery .image:after {
  height: 3px;
  bottom: 4%;
}
.image-gallery .image img {
  width: 100%;
}

.image-gallery h2 {
  margin-bottom: 40px;
}
@media(min-width: 992px) {
  .image-gallery h2 {
    margin-bottom: 60px;
  }
}
@media(min-width: 1200px) {
  .image-gallery h2 {
    margin-bottom: 80px;
  }
}

.touch-device .image-slider {
	width: 600px;
}
.image-slider {
	overflow: hidden;
	margin: 0 0 10px;
	width: 100%;
}
.image-slider .image-slide {
	width: 99999px;
	float: left;
}
.image-slider .image-slide .img {
	margin-right: 10px;
  line-height: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  min-height: 320px;
  width: 416px;
}
.what-we-do {
  text-align: center;
}
.what-we-do .content {
  margin: 0 auto;
}
.what-we-do .service-holder {
  margin-top: 40px;
}
@media(min-width: 992px) {
  .what-we-do .service-holder {
    margin-top: 60px;
  }
}
@media(min-width: 1200px) {
  .what-we-do .service-holder {
    margin-top: 80px;
  }
}

.what-we-do .row {
  align-items: center;
}
.what-we-do .col {
  width: 100%;
}
@media(min-width: 992px) {
  .what-we-do .col {
    width: 28%;
  }
  .what-we-do .col:nth-child(2) {
    width: 44%;
  }
}

.what-we-do .image-holder {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 100%;
  width: 300px;
  height: 300px;
  margin: 0 auto;
}
@media(min-width: 768px) {
  .what-we-do .image-holder {
    width: 350px;
    height: 350px;
  }
}
@media(min-width: 992px) {
  .what-we-do .image-holder {
    width: 400px;
    height: 400px;
  }
}
@media(min-width: 1200px) {
  .what-we-do .image-holder {
    width: 490px;
    height: 490px;
  }
}
@media(min-width: 1280px) {
  .what-we-do .image-holder {
    width: 530px;
    height: 530px;
  }
}

.service {
  margin-bottom: 30px;
}
.service:last-child {
  margin-bottom: 0;
}
@media(min-width: 992px) {
  .service {
    margin-bottom: 50px;
  }
}
@media(min-width: 1200px) {
  .service {
    margin-bottom: 65px;
  }
}

.service h3 {
  margin-bottom: 14px;
}
.service .text {
  margin-bottom: 15px;
  max-width: 100%;
}
@media(min-width: 1200px) {
  .service .text {
    margin-bottom: 25px;
  }
}
.how-we-do-it .content {
  margin: 0 auto;
  text-align: center;
}
.how-we-do-it h2 {
  margin: 0 auto 25px;
}
.how-we-do-it .buttons {
  justify-content: center;
}

.tabs-holder {
  margin-top: 40px;
}
@media(min-width: 992px) {
  .tabs-holder {
    margin-top: 60px;
  }
}
@media(min-width: 1200px) {
  .tabs-holder {
    margin-top: 80px;
  }
}

.tabs-holder .row {
  justify-content: space-between;
  align-items: center;
}
@media(min-width: 1265px) {
  .tabs-holder .row {
    margin-right: calc((100vw - 1285px) / -2);
  }
}

.tabs-holder .col {
  margin: 0;
  padding: 0;
}
  
.tabs-holder .content {
  padding: 0 15px;
}
@media(min-width: 992px) {
  .tabs-holder .content {
    padding-right: 30px;
  }
}
@media(min-width: 1200px) {
  .tabs-holder .content {
    padding-right: 60px;
  }
}

.tabs-holder .tab-item {
  border-bottom: 1px solid #7D95C0;
  color: #818283;
  text-align: left;
  padding: 24px 0;
  cursor: pointer;
}
.tabs-holder .tab-item h3 {
  color: #818283;
  margin-bottom: 15px;
}
.tabs-holder .tab-item.active {
  color: var(--text);
}
.tabs-holder .tab-item.active h3 {
  color: var(--heading);
}
.tabs-holder .tab-content {
  line-height: 0;
  height: 100%;
  position: relative;
  display: none;
  margin-top: 30px;
}
@media(min-width: 992px) {
  .tabs-holder .tab-content {
    margin: 0;
  }
}

.tabs-holder .tab-content.active {
  display: block;
}
.tabs-holder .tab-content img {
  width: 100%;
}
.map .map-holder {
  margin-top: 10px;
  line-height: 0;
}
.map .map-holder img {
  width: 100%;
}

.map.style_one .borders {
  max-width: 670px;
  margin: 0 0 0 auto;
}
.map.style_one .borders span {
  border-color: var(--bg-grey);
  margin-bottom: 6px;
}
.map.style_one .borders span:nth-child(1) {
  border-width: 2px;
}
.map.style_one .borders span:nth-child(2) {
  border-width: 4px;
}
.map.style_one .borders span:nth-child(3) {
  border-width: 6px;
}
.map.style_one .container {
  padding-top: 20px !important;
}
@media(min-width: 768px) {
  .map.style_one .container {
    padding-top: 30px !important;
  }
}
@media(min-width: 992px) {
  .map.style_one .container {
    padding-top: 50px !important;
  }
}

.map.style_one h2 {
  margin: 0;
}

.map.style_two {
  text-align: center;
}

.map.style_two .rich_text {
  max-width: 708px;
  margin: 0 auto;
}
.map.style_two h2 {
  margin-bottom: 30px;
}
.map.style_two .map-holder {
  margin-top: 30px;
}
@media(min-width: 992px) {
  .map.style_two .map-holder {
    margin-top: 50px;
  }
}
.community .row {
  align-items: center;
}
.community .image-holder {
  text-align: center;
}
.community .content {
  
}
@media(min-width: 1200px) {
  .community .content {
    padding-right: 25px;
  }
}
.contributions {
  text-align: center;
}
.contributions .holder {
  margin: 0 auto;
}
.contributions .buttons {
  justify-content: center;
}
.contributions .cards-holder {
  margin-top: 40px;
}
@media(min-width: 992px) {
  .contributions .cards-holder {
    margin-top: 60px;
  }
}
@media(min-width: 1200px) {
  .contributions .cards-holder {
    margin-top: 80px;
  }
}

.contributions .col {
  margin-bottom: 30px;
}
@media(min-width: 768px) {
  .contributions .col {
    margin-bottom: 40px;
  }
}
@media(min-width: 992px) {
  .contributions .col {
    margin-bottom: 60px;
  }
}
@media(min-width: 1200px) {
  .contributions .col {
    margin-bottom: 80px;
  }
}

.contributions .col:nth-child(3n + 2) .cards .borders span {
  border-color: #0F2E4F; /* for 2, 5, 8, 11, ... */
}

.contributions .col:nth-child(3n + 3) .cards .borders span {
  border-color: #F2B600; /* for 3, 6, 9, 12, ... */
}

.contributions .cards {
  background-color: var(--white);
  text-align: left;
  height: 100%;
  position: relative;
  padding: 25px 20px 54px;
}
@media(min-width: 768px) {
  .contributions .cards {
    padding: 32px 32px 54px;
  }
}

.contributions .cards .text {
  margin-bottom: 30px;
}
.contributions .cards .link .icon {
  position: relative;
  top: 2px;
  left: 10px;
}
.contributions .cards .borders {
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
}
.contributions .cards .borders span {
  border-color: #556B2F;
  margin-bottom: 6px;
}
.contributions .cards .borders span:nth-child(1) {
  border-width: 2px;
}
.contributions .cards .borders span:nth-child(2) {
  border-width: 4px;
}
.contributions .cards .borders span:nth-child(3) {
  border-width: 6px;
}
.content-module {
  background-color: #FBF9F7;
}
.content-module .container {
  position: relative;
}
.content-module .content-holder {
  max-width: 760px;
}
.slider-holder {
  margin-top: 40px;
}
@media(min-width: 992px) {
  .slider-holder {
    margin-top: 60px;
  }
}
@media(min-width: 1200px) {
  .slider-holder {
    margin-top: 80px;
  }
}
@media(min-width: 1295px) {
  .slider-holder {
    position: relative;
    margin-right: calc((100vw - 1295px) / -2);
  }
}

.content-slider {
  margin-right: -8px;
  padding-bottom: 57px;
}
@media(min-width: 992px) {
  .content-slider {
    margin: 0;
    padding-bottom: 75px;
  }
}


.content-slider .slick-list {
  margin: 0 -8px;
  padding-right: 7.8%;
}
.content-slider .slick-slide {
  padding: 0 8px;
}
@media(min-width: 992px) {
  .content-slider .slick-list {
    margin: 0 -16px;
  }
  .content-slider .slick-slide {
    padding: 0 16px;
  }
}

.content-slider .content-box {
  background-color: var(--white);
}
.content-slider .image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  min-height: 263px;
  display: block;
}
.content-slider .content {
  padding: 25px 20px 40px;
}
.content-slider .title {
  color: var(--heading);
  display: block;
  font-weight: 700;
  margin-bottom: 20px;
}
.content-slider .summary p {
  margin: 0;
}
.content-slider .summary strong {
  font-weight: 400;
}
.content-slider .link {
  margin-top: 20px;
}
.content-slider .link:hover {
  text-decoration: underline;
}

.content-slider .slick-dots {
  list-style: none;
  padding: 0;
  margin: 0 -5px;
  display: flex;
  flex-flow: row wrap;
  position: absolute;
  bottom: 0;
  left: 0;
}
.content-slider .slick-dots li {
  padding: 0 5px;
  line-height: 0;
}
.content-slider .slick-dots li.slick-active button {
  background-color: #040508;
}
.content-slider .slick-dots button {
  background-color: rgba(4, 5, 8, 0.2);
  border-radius: 100%;
  border: none;
  font-size: 0;
  line-height: 0;
  padding: 0;
  outline: none;
  box-shadow: none;
  height: 8px;
  width: 8px;
}

.slider-arrows-wrap {
}
@media(min-width: 992px) {
  .slider-arrows-wrap {
    position: absolute;
    bottom: -20px;
    right: 10px;
  }
}

.slider-arrows {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 15px;
}
@media(min-width: 992px) {
  justify-content: flex-end;
}

.slider-arrows .slick-arrow {
  background-color: transparent;
  border: none;
  padding: 0;
  font-size: 0;
  line-height: 0;
  padding: 0;
  outline: none;
  box-shadow: none;
  height: 48px;
  width: 48px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='49' viewBox='0 0 48 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M47.5 1.1001V48.1001H0.5V1.1001H47.5Z' fill='%23DAE0ED'/%3E%3Cpath d='M47.5 1.1001V48.1001H0.5V1.1001H47.5Z' stroke='%23385384'/%3E%3Cpath d='M28.9051 25.4518H16.7023C16.4577 25.4518 16.2546 25.371 16.0931 25.2093C15.9314 25.0477 15.8506 24.8446 15.8506 24.6001C15.8506 24.3556 15.9314 24.1525 16.0931 23.9908C16.2546 23.8292 16.4577 23.7483 16.7023 23.7483H28.9051L23.4033 18.2468C23.2333 18.0768 23.1473 17.8766 23.1451 17.6461C23.1428 17.4154 23.2267 17.2147 23.3968 17.0438C23.5672 16.8723 23.7679 16.7876 23.9991 16.7896C24.2303 16.7916 24.4315 16.8775 24.6028 17.0473L31.5528 23.9973C31.6438 24.0893 31.71 24.185 31.7513 24.2843C31.7928 24.3838 31.8136 24.4893 31.8136 24.6008C31.8136 24.7123 31.7928 24.8176 31.7513 24.9166C31.71 25.0158 31.6438 25.1112 31.5528 25.2028L24.5968 32.1528C24.421 32.3267 24.2196 32.4136 23.9926 32.4136C23.7658 32.4136 23.5673 32.3262 23.3973 32.1513C23.2275 31.9812 23.1426 31.7824 23.1426 31.5551C23.1426 31.3279 23.2275 31.1293 23.3973 30.9593L28.9051 25.4518Z' fill='%23151F31'/%3E%3C/svg%3E%0A");
}
.slider-arrows .slick-arrow.slick-prev {
  right: 60px;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='49' viewBox='0 0 48 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M47.5 1.1001V48.1001H0.5V1.1001H47.5Z' fill='%23DAE0ED'/%3E%3Cpath d='M47.5 1.1001V48.1001H0.5V1.1001H47.5Z' stroke='%23385384'/%3E%3Cpath d='M19.095 25.4519L24.5968 30.9534C24.7668 31.1237 24.8527 31.3237 24.8545 31.5534C24.8565 31.783 24.7726 31.9837 24.6028 32.1554C24.4328 32.3275 24.2322 32.4126 24.001 32.4106C23.7699 32.4086 23.5686 32.3227 23.3973 32.1529L16.4473 25.2029C16.3563 25.1109 16.2901 25.0152 16.2488 24.9159C16.2073 24.8164 16.1865 24.7109 16.1865 24.5994C16.1865 24.4879 16.2073 24.3826 16.2488 24.2836C16.2901 24.1845 16.3563 24.089 16.4473 23.9974L23.4033 17.0414C23.5791 16.8715 23.7805 16.7866 24.0075 16.7866C24.2344 16.7866 24.4328 16.8715 24.6028 17.0414C24.7726 17.2154 24.8575 17.4161 24.8575 17.6436C24.8575 17.8713 24.7726 18.0704 24.6028 18.2409L19.095 23.7484H31.2978C31.5419 23.7484 31.7459 23.8292 31.9098 23.9909C32.0736 24.1525 32.1555 24.3556 32.1555 24.6001C32.1555 24.8446 32.0736 25.0477 31.9098 25.2094C31.7459 25.371 31.5419 25.4519 31.2978 25.4519H19.095Z' fill='%23151F31'/%3E%3C/svg%3E%0A");
}
.fundraising-banner .holder {
  padding: 200px 0 52px;
  min-height: 851px;
  position: relative;
  text-align: center;
  z-index: 1;
}
.fundraising-banner .holder:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.95) 100%);
  height: 60.2%;
  z-index: -1;
}
.fundraising-banner .bg {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.fundraising-banner .logo.style_one {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.fundraising-banner .container {
  max-width: 550px;
}
.fundraising-banner h1 {
  color: var(--white);
}


/* style two */
.fundraising-banner .wrapper {
  position: relative;
}
.fundraising-banner .row {
  margin: 0;
}
@media(min-width: 992px) {
  .fundraising-banner .row {
    flex-direction: row-reverse;
  }
}
.fundraising-banner .col {
  padding: 0;
  margin: 0;
}
.fundraising-banner .image {
  line-height: 0;
  height: 100%;
  position: relative;
}
.fundraising-banner .image img {
  width: 100%;
}
@media(min-width: 992px) {
  .fundraising-banner .image img {
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.fundraising-banner .content {
  background-color: var(--bg-grey);
  text-align: center;
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  height: 100%;
  padding: 30px 0 40px;
}
@media(min-width: 768px) {
  .fundraising-banner .content {
    padding: 38px 30px 55px;
  }
}
.fundraising-banner .wrapper .donation-code {
  margin-top: 30px;
}
@media(min-width: 768px) {
  .fundraising-banner .wrapper .donation-code {
    margin-top: 50px;
  }
}
@media(min-width: 992px) {
  .donation h2 {
    max-width: 450px;
  }
  .donation .rich_text {
    max-width: 600px;
  }
}
.about-us {
  background-color: var(--bg-grey);
  text-align: center;
}
.about-us .container {
  max-width: 1325px;
}
.about-us .content {
  margin: 0 auto;
}
.about-us .content p {
  max-width: 712px;
  margin-left: auto;
  margin-right: auto;
}
.about-us .tagline {
  color: var(--primary);
  margin-bottom: 8px;
}
.about-us .rich_text h2 span {
  font-family: "Suisse Intl Regular";
}
.about-us .gallery-holder {
  margin: 40px 0;
}
@media(min-width: 992px) {
  .about-us .gallery-holder {
    margin: 65px 0;
  }
}

.gallery-holder .row {
  margin: 0 -5px;
}
.gallery-holder .col {
  padding: 0 5px;
  margin-bottom: 10px;
}
.gallery-holder .image {
  position: relative;
  line-height: 0;
}
.gallery-holder .image .borders {
  position: absolute;
  bottom: 6px;
  left: 0;
  right: 0;
}
.gallery-holder .image .borders span {
  border-color: var(--white);
}
.gallery-holder .image img {
  width: 100%;
}
.features .tagline, .features h2, .features .rich_text {
  text-align: center;
}
.features .rich_text {
  margin-bottom: 40px;
}
@media(min-width: 992px) {
  .features .rich_text {
    margin-bottom: 60px;
  }
}
@media(min-width: 1200px) {
  .features .rich_text {
    margin-bottom: 80px;
  }
}


.features .row {
  align-items: center;
  margin-bottom: 40px;
}
@media(min-width: 992px) {
  .features .row {
    margin-bottom: 50px;
  }
}
@media(min-width: 1200px) {
  .features .row {
    margin-bottom: 60px;
  }
}

.features .row:last-child {
  margin-bottom: 0;
}
.features .content {
  
}
@media(min-width: 1200px) {
  .features .content {
    padding: 0 40px;
  }
}

.features .content h1, .features .content h2, .features .content h3, .features .content h4, .features .content h5, .features .content h6 {
  margin-bottom: 15px;
}
.features .content h1 span, .features .content h2 span, .features .content h3 span, .features .content h4 span, .features .content h5 span, .features .content h6 span {
  font-family: "Suisse Intl Regular";
}
.stats-module .holder {
  margin-bottom: 10px;
}

.stats-module .row {
  
}
@media(min-width: 992px) {
  .stats-module .row {
    flex-direction: row-reverse;
  }
}

.stats-module .image-holder {
  margin-top: 30px;
  line-height: 0;
}

.stats-info {
  display: flex;
  flex-flow: row wrap;
}
@media(min-width: 1280px) {
  .stats-info {
    padding-left: 40px !important;
  }
}

.stats-info li {
  border-left: 2px solid #556B2F;
  padding: 0 15px;
  margin-bottom: 30px;
  width: 100%;
}
@media(min-width: 480px) {
  .stats-info li {
    width: 50%;
  }
}
@media(min-width: 992px) {
  .stats-info li {
    padding: 0 20px;
    margin-bottom: 40px;
  }
}
@media(min-width: 1200px) {
  .stats-info li {
    padding: 0 29px;
    margin-bottom: 45px;
  }
}

.stats-info span {
  color: #556B2F;
  display: block;
}
.stats-info .value {
  margin-bottom: 14px;
  font-size: 32px;
}
@media(min-width: 480px) {
  .stats-info .value {
    font-size: 36px;
  }
}
@media(min-width: 1200px) {
  .stats-info .value {
    font-size: 40px;
  }
}
@media(min-width: 1280px) {
  .stats-info .value {
    font-size: 44px;
  }
}
.faq {
  text-align: center;
}
.faq .rich_text {
  margin-bottom: 40px;
}
@media(min-width: 992px) {
  .faq .rich_text {
    margin-bottom: 60px;
  }
}
@media(min-width: 1200px) {
  .faq .rich_text {
    margin-bottom: 75px;
  }
}

.faq .accordion {
  border-top: 1px solid #4668A6;
  text-align: left;
  margin: 0 auto;
}
.faq .accordion .accordion__title {
  display: block;
  padding: 20px 40px 20px 0;
  position: relative;
}
.faq .accordion .accordion__title.active:after {
  transform: translateY(-50%) rotate(180deg);
}
.faq .accordion .accordion__title:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  height: 33px;
  width: 32px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.4502 12.5317C9.58466 12.5318 9.68689 12.5721 9.79102 12.6763V12.6753L15.5273 18.4458L15.999 18.9204L16.4717 18.4468L22.2422 12.6763C22.3458 12.5727 22.4346 12.5435 22.542 12.5474C22.6676 12.552 22.776 12.5949 22.8906 12.7095C22.9948 12.8136 23.0361 12.9158 23.0361 13.0503C23.0361 13.1848 22.9948 13.2869 22.8906 13.3911L16.332 19.9497C16.2598 20.0219 16.2036 20.0552 16.166 20.0708V20.0718C16.1185 20.0916 16.0651 20.103 16 20.103C15.9349 20.103 15.8815 20.0916 15.834 20.0718V20.0708C15.7964 20.0552 15.7402 20.0219 15.668 19.9497L9.07617 13.3579C8.97772 13.2595 8.9428 13.1669 8.94727 13.0405C8.95233 12.8975 8.9997 12.7859 9.10938 12.6763C9.21352 12.5722 9.31568 12.5317 9.4502 12.5317Z' fill='%234668A6' stroke='%234668A6' stroke-width='1.33333'/%3E%3C/svg%3E%0A");
}
.faq .accordion .accordion__content {
  display: none;
  padding-bottom: 24px;
}
.financial-audit .content {
  text-align: center;
  margin: 0 auto;
}
.financial-audit .audit-list {
  list-style: none;
  padding: 0;
  margin: 50px -10px 0;
  column-count: 1;
}
@media(min-width: 640px) {
  .financial-audit .audit-list {
    column-count: 2;
  }
}
@media(min-width: 992px) {
  .financial-audit .audit-list {
    column-count: 3;
  }
}

.financial-audit .audit-list li {
  padding: 0 10px 0 25px;
  position: relative;
}
.financial-audit .audit-list li:after {
  content: '';
  position: absolute;
  background-color: var(--text);
  border-radius: 100%;
  height: 7px;
  width: 7px;
  top: 9px; 
  left: 6px;
}
.financial-audit .audit-list a {
  color: var(--text);
  text-decoration: underline;
  font-weight: 400;
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.footer {
  background-color: var(--bg-blue);
  padding: 55px 0 30px;
}
@media(min-width: 992px) {
  .footer {
    padding: 82px 0 30px;
  }
}

.footer .container {
  max-width: 1315px;
}
.footer .holder {
  border-bottom: 1px solid rgba(255,255,255,0.2);
  padding-bottom: 55px;
}
@media(min-width: 992px) {
  .footer .holder {
    display: flex;
    flex-flow: row wrap;
  }
}

.footer .footer-logo {
  width: 100%;
  margin-bottom: 30px;
}
@media(min-width: 992px) {
  .footer .footer-logo {
    margin-bottom: 0;
    width: 12%;
  }
}
@media(min-width: 1200px) {
  .footer .footer-logo {
    width: 15.5%;
  }
}

.footer .footer-content {
  width: 100%;
}
@media(min-width: 992px) {
  .footer .footer-content {
    width: calc(100% - 12%);
  }
}
@media(min-width: 1200px) {
  .footer .footer-content {
    width: calc(100% - 15.5%);
  }
}

.footer .title, .footer .footer-links a, .footer .text, .footer .address, .footer .info, .footer .info a {
  color: var(--white);
}
.footer .title {
  display: block;
  font-weight: 600;
  margin-bottom: 15px;
}
@media(min-width: 992px) {
  .footer .title {
    margin-bottom: 22px;
  }
}

.footer .footer-links li {
  margin-bottom: 13px;
}
.footer .footer-links li:last-child {
  margin: 0;
}
.footer .footer-links a {
  color: var(--white);
  font-weight: 400;
}
.footer .footer-links a:hover {
  text-decoration: underline;
}
.footer .address {
  margin-top: 30px;
}
@media(min-width: 768px) {
  .footer .address {
    margin-top: 20px;
  }
}
@media(min-width: 992px) {
  .footer .address {
    margin-top: 40px;
  }
}

.footer .wrapper {
  margin-top: 30px;
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
}
@media(min-width: 768px) {
  .footer .wrapper {
    gap: 20px;
    margin-top: 20px;
    flex-flow: row nowrap;
    flex-direction: row-reverse;
  }
}

.footer .graph {
  width: 100%;
}
@media(min-width: 768px) {
  .footer .graph {
    text-align: center;
    width: 48%;
  }
}

.footer .info {
  width: 100%;
}
@media(min-width: 768px) {
  .footer .info {
    width: 52%;
  }
}
  
.footer .info a {
  text-decoration: underline;
  font-weight: 400;
}
.footer .wrapper .title {
  margin-bottom: 5px;
}
.footer .logos {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 20px;
  margin-top: 25px;
}

.footer form {
  position: relative;
  margin-top: 17px;
}
.footer form .hs-richtext {
  color: var(--white);
  margin: 0;
}
.footer form .hs-richtext a {
  color: var(--white);
  font-weight: 400;
  text-decoration: none;
}
.footer form input[type="email"] {
  background-color: transparent;
  border: none;
  color: var(--white);
  border-bottom: 1px solid var(--white);
  padding: 10px 0;
  box-shadow: none;
  outline: none;
}
.footer form input[type="email"]::placeholder {
  color: var(--primary);
}
.footer form .hs-email {
  width: 100%;
}
@media(min-width: 768px) {
  .footer form .hs-email {
    width: 83%;
  }
}
@media(min-width: 992px) {
  .footer form .hs-email {
    width: 62%;
  }
}
@media(min-width: 1200px) {
  .footer form .hs-email {
    width: 66%;
  }
}

.footer form .hs-submit {
}
@media(min-width: 768px) {
  .footer form .hs-submit {
    position: absolute;
    top: 0;
    right: 0;
  }
}

@media(max-width: 1199px) {
  form input[type="submit"], form .hs-button {
    padding: 10px;
  }
}

.footer form .submitted-message {
  font-size: 22px;
  line-height: 140%;
  color: var(--white);
  margin-top: 30px;
}

.footer .col {
  width: 100%;
}
@media(min-width: 768px) {
  .footer .col {
    width: 33.33%;
  }
  .footer .col:nth-child(4) {
    width: 100%;
  }
}
@media(min-width: 992px) {
  .footer .col:nth-child(1) {
    width: 18%;
  }
  .footer .col:nth-child(2) {
    width: 17.6%;
  }
  .footer .col:nth-child(3) {
    width: 25.5%;
  }
  .footer .col:nth-child(4) {
    width: 38.9%;
  }
}
/* 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;
  }
}