/* 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: 'SF Pro Display';
  src: url(//49117022.fs1.hubspotusercontent-eu1.net/hubfs/49117022/raw_assets/public/ProGestio/fonts/SFProDisplay-Regular.woff2) format('woff2'),
    url(//49117022.fs1.hubspotusercontent-eu1.net/hubfs/49117022/raw_assets/public/ProGestio/fonts/SFProDisplay-Regular.woff) format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url(//49117022.fs1.hubspotusercontent-eu1.net/hubfs/49117022/raw_assets/public/ProGestio/fonts/SFProDisplay-Medium.woff2) format('woff2'),
    url(//49117022.fs1.hubspotusercontent-eu1.net/hubfs/49117022/raw_assets/public/ProGestio/fonts/SFProDisplay-Medium.woff) format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url(//49117022.fs1.hubspotusercontent-eu1.net/hubfs/49117022/raw_assets/public/ProGestio/fonts/SFProDisplay-Semibold.woff2) format('woff2'),
    url(//49117022.fs1.hubspotusercontent-eu1.net/hubfs/49117022/raw_assets/public/ProGestio/fonts/SFProDisplay-Semibold.woff) format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}


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

:root {
  --white: #FFFFFF;
  --black: #000000;
  --big-stone: #182137;
  --pastel-green: #90E584;
  --blue-ribbon: #1361F3;
  --jacksons-purple: #1D3B82;
  --kashmir-blue: #4B5E8D;
  --wild-blue: #7485AD;
  --selago: #E3EAFB;
  --zircon: #F5F8FF;
  --SF-Pro: 'SF Pro Display';
  --SF-semibold: "sf_pro_displaysemibold";
  --SF-medium: "sf_pro_displaymedium";
  --SF-bold: "sf_pro_displaybold";
}

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: var(--SF-Pro), sans-sarif;
  background-color: var(--zircon);
  color: var(--big-stone);
  font-size: 18px;
  line-height: 1.4;
  overflow-wrap: break-word;
}

body.menu-active, body.remove-scroll {
  overflow: hidden;
}

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

.text-lg {
  font-size: 20px;
}

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

strong, b {
  font-weight: 700;
}

/* Anchors */
a {
  color: var(--wild-blue);
  display: inline-block;
  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(--big-stone);
  font-weight: 400;
  margin: 0 0 18px;
  display: block;
  letter-spacing: -1px;
}
h1, .h1 {
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -3px;
}
h2, .h2 {
  font-size: 36px;
  line-height: 46px;
  letter-spacing: -2px;
}
h3, .h3 {
  font-size: 32px;
  line-height: 40px;
}
h4, .h4 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
}
h5, .h5 {
  font-size: 20px;
  line-height: 24px;
}
h6, .h6 {
  font-size: 18px;
  line-height: 22px;
}

@media(min-width: 768px) {
  h1, .h1 {
    font-size: 50px;
    line-height: 58px;
  }
  h2, .h2 {
    font-size: 44px;
    line-height: 52px;
  }
}
@media(min-width: 992px) {
  h1, .h1 {
    font-size: 60px;
    line-height: 68px;
  }
  h2, .h2 {
    font-size: 48px;
    line-height: 56px;
  }
}
@media(min-width: 1200px) {
  h1, .h1 {
    font-size: 70px;
    line-height: 78px;
  }
  h2, .h2 {
    font-size: 56px;
    line-height: 64px;
  }
}
@media(min-width: 1440px) {
  h1, .h1 {
    font-size: 80px;
    line-height: 88px;
  }
}

h1 strong, .h1 strong,
h2 strong, .h2 strong,
h3 strong, .h3 strong,
h4 strong, .h4 strong,
h5 strong, .h5 strong,
h6 strong, .h6 strong {
  font-weight: 600;
}

/* Lists */
ul,
ol {
  margin: 0 0 1.4rem;
  padding-left: 25px;
}

ul li,
ol li {
  padding-bottom: 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 {
  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: 1388px;
  margin: 0 auto;
  padding: 0 15px;
}
.dnd-section > .row-fluid {
  max-width: 1388px;
  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;
  }
}


.section-header {
  text-align: center;
  margin: 0 auto 25px;
  max-width: 770px;
}
.section-header h2 {
  margin-bottom: 12px;
}


.slick-arrow {
  background: transparent;
  border: none;
  padding: 0;
  outline: none;
  box-shadow: none;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.slick-arrow:hover svg rect {
  fill: var(--blue-ribbon);
}
.slick-arrow.slick-next {
  left: auto;
  right: 0;
  transform: translateY(-50%) rotate(180deg);
}

.slick-dots {
  list-style: none;
  padding: 25px 0 0;
  margin: 0 -5px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
.slick-dots li {
  padding: 0 5px;
  line-height: 0;
}
.slick-dots li.slick-active button {
  background-color: var(--blue-ribbon);
}
.slick-dots li button {
  background-color: var(--black);
  border-radius: 100%;
  border: none;
  box-shadow: none;
  outline: none;
  padding: 0;
  font-size: 0;
  line-height: 0;
  height: 10px;
  width: 10px;
}
button,
.hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

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

/* button */
.hs-button {
  background-color: var(--blue-ribbon);
  border: 1px solid var(--blue-ribbon);
  box-shadow: none;
  border-radius: 32px;
  color: var(--white);
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  text-align: center;
  text-decoration: none;
  outline: none;
  letter-spacing: 0.7px;
}
@media(min-width: 576px) {
  .hs-button {
    padding: 15px 24px;
  }
}
@media(min-width: 768px) {
  .hs-button {
    font-size: 18px;
  }
}

.hs-button:hover, .hs-button:focus, .hs-button:active {
  background-color: var(--jacksons-purple);
  border-color: var(--big-stone);
  color: var(--white); 
}

.hs-button.white_outline {
  background-color: transparent;
  border-color: var(--white);
}
.hs-button.white_outline:hover, .hs-button.white_outline:focus, .hs-button.white_outline:active {
  background-color: var(--white);
  color: var(--blue-ribbon);
}

.buttons {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 20px;
}
@media(min-width: 992px) {
  .buttons {
    justify-content: flex-start;
  }
}
.buttons .icon {
  display: inline-block;
  line-height: 0;
  margin: 0 10px 0 0;
}
/* Fields */

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

/* Labels */

form label {
  display: block;
  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: var(--white);
  border: 1px solid var(--wild-blue);
  border-radius: 16px;
  box-shadow: none;
  outline: none;
  color: var(--wild-blue);
  font-size: 18px;
  line-height: 1.4px;
  padding: 16px 20px;
  width: 100% !important;
}

form input[type=email],
form input[type=tel] {
  background-position: 13px;
  background-repeat: no-repeat;
  background-size: 24px;
  padding-left: 45px;
}

form input[type=email] {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 8.5L9.94202 10.2394C11.6572 11.2535 12.3428 11.2535 14.058 10.2394L17 8.5' stroke='%231361F3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.01577 13.4756C2.08114 16.5412 2.11383 18.0739 3.24496 19.2094C4.37608 20.3448 5.95033 20.3843 9.09883 20.4634C11.0393 20.5122 12.9607 20.5122 14.9012 20.4634C18.0497 20.3843 19.6239 20.3448 20.7551 19.2094C21.8862 18.0739 21.9189 16.5412 21.9842 13.4756C22.0053 12.4899 22.0053 11.5101 21.9842 10.5244C21.9189 7.45886 21.8862 5.92609 20.7551 4.79066C19.6239 3.65523 18.0497 3.61568 14.9012 3.53657C12.9607 3.48781 11.0393 3.48781 9.09882 3.53656C5.95033 3.61566 4.37608 3.65521 3.24495 4.79065C2.11382 5.92608 2.08114 7.45885 2.01576 10.5244C1.99474 11.5101 1.99475 12.4899 2.01577 13.4756Z' stroke='%231361F3' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

form input[type=tel] {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9C5 5.70017 5 4.05025 6.02513 3.02513C7.05025 2 8.70017 2 12 2C15.2998 2 16.9497 2 17.9749 3.02513C19 4.05025 19 5.70017 19 9V15C19 18.2998 19 19.9497 17.9749 20.9749C16.9497 22 15.2998 22 12 22C8.70017 22 7.05025 22 6.02513 20.9749C5 19.9497 5 18.2998 5 15V9Z' stroke='%231361F3' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M11 19H13' stroke='%231361F3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 2L9.089 2.53402C9.28188 3.69129 9.37832 4.26993 9.77519 4.62204C10.1892 4.98934 10.7761 5 12 5C13.2239 5 13.8108 4.98934 14.2248 4.62204C14.6217 4.26993 14.7181 3.69129 14.911 2.53402L15 2' stroke='%231361F3' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

form textarea {
  resize: none !important;
  min-height: 152px;
  padding: 26px 15px;
}

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

@media(max-width: 767px) {
  fieldset.form-columns-2 .hs-form-field {
    width: 100% !important;
  }
}

/* Inputs - checkbox/radio */

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

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

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

form .inputs-list.hs-error-msgs li {
  padding: 0;
  margin-bottom: 0;
}
form .inputs-list.hs-error-msgs label {
  font-size: 16px;
  margin: 0;
}

form .inputs-list.multi-container {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -15px;
}
form .inputs-list.multi-container li {
  padding: 0 15px;
  margin-bottom: 0;
}
form .inputs-list.multi-container li .hs-form-radio-display {
  color: var(--kashmir-blue);
}

form input[type=checkbox] {
  cursor: pointer;
  margin-right: 0.8rem;
  transform: scale(1.5);
  border-radius: 4px;
}

form input[type=radio] {
  cursor: pointer;
  margin-right: 0.8rem;
  transform: scale(1.7);
}

form input[type=radio]:checked + span {
  color: var(--blue-ribbon);
}

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

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(--wild-blue);
  border-color: var(--wild-blue);
  border-radius: 14px;
  white-space: normal;
  padding: 15px 44px 15px 24px;
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 95%;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8076 13.6923L15.6538 8.84619' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.7326 10.27C2.92568 9.86652 3.02346 8.68509 3.88572 8.41978L19.6948 3.55543C20.4621 3.31935 21.1808 4.03802 20.9447 4.8053L16.0804 20.6144C15.815 21.4767 14.6336 21.5745 14.2302 20.7675L10.88 14.0673C10.7833 13.8738 10.6264 13.7169 10.4328 13.6201L3.7326 10.27Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.submitted-message {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
}

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

/* 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%;
}
.header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  padding: 22px 0;
}
.header .container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}
.header .logo, .header .logo .hs_cos_wrapper_type_logo, .header .logo, .header .logo a {
  display: block;
  line-height: 0;
}
.header .hs-button {
  padding: 5px 10px;
  width: 56px;
  height: 56px;
}
@media(min-width: 768px) {
  .header .hs-button {
    padding: 10px 20px;
    width: auto;
    height: auto;
  }
}
.header .hs-button .text {
  display: none;
}
@media(min-width: 768px) {
  .header .hs-button .text {
    display: block;
  }
}
.header .hs-button .icon {
  display: block;
  line-height: 0;
}
@media(min-width: 768px) {
  .header .hs-button .icon {
    display: none;
  }
}
.hero-banner {
  padding-top: 122px;
  padding-bottom: 80px;
  position: relative;
  z-index: 1;
}
@media(min-width: 768px) {
  .hero-banner {
    padding-top: 172px;
    padding-bottom: 110px;
  }
}

.hero-banner:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: linear-gradient(45deg,  rgba(3,9,20,0.72) 0%,rgba(3,9,20,0.72) 16%,rgba(3,9,20,0.16) 100%);
}
.hero-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;
}
.hero-banner .row {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-end;
  margin: 0 -15px;
}
.hero-banner .column {
  padding: 0 15px;
  width: 100%;
}
@media(min-width: 992px) {
  .hero-banner .column:nth-child(1) {
    width: 65%;
  }
  .hero-banner .column:nth-child(2) {
    width: 35%;
  }
}

.hero-banner h1, .hero-banner .text {
  color: var(--white);
  text-align: center;
}
@media(min-width: 992px) {
  .hero-banner h1, .hero-banner .text {
    text-align: left;
  }
}

.hero-banner p {
  font-size: 24px;
  line-height: 32px;
  max-width: 600px;
  margin: 0 auto;
}
@media(min-width: 992px) {
  .hero-banner p {
    margin: 0;
  }
}

.hero-banner .buttons {
  margin-top: 30px;
}
@media(min-width: 992px) {
  .hero-banner .buttons {
    margin-top: 60px;
  }
}
.hero-banner .buttons .hs-button {
  width: 100%;
}
@media(min-width: 600px) {
  .hero-banner .buttons .hs-button {
    width: auto;
  }
}
.hero-banner .text {
  margin-top: 20px;
}

.hero-banner .cards-holder {
  display: none;
}
@media(min-width: 992px) {
  .hero-banner .cards-holder {
    display: flex;
    flex-flow: row wrap;
    gap: 20px;
  }
}

.hero-banner .cards {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  font-size: 20px;
  padding: 15px;
  width: 200px;
  height: 200px; 
  position: relative;
  z-index: 1;
}
.hero-banner .cards:hover .text {
  color: var(--blue-ribbon);
}
.hero-banner .cards:hover:before {
  background: var(--white);
}
.hero-banner .cards:hover svg path {
  stroke: var(--blue-ribbon);
}
.hero-banner .cards:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  border: 1px solid rgba(255,255,255,0.5);
  border-radius: 12px;
  clip-path: polygon(0 0, calc(100% - 102px) 0, 100% 74px, 100% 100%, 0 100%);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  z-index: -1;
}
.advantages {
  padding: 67px 0;
}
.advantages .row {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -15px;
}
.advantages .column {
  padding: 0 15px;
  margin-top: 20px;
  width: 100%;
}
@media(min-width: 768px) {
  .advantages .column {
    width: 50%;
  }
}
@media(min-width: 992px) {
  .advantages .column {
    width: 33.33%;
  }
}
@media(min-width: 1200px) {
  .advantages .column {
    width: 25%;
  }
}

.advantages .card {
  background-color: var(--white);
  border: 1px solid var(--selago);
  border-radius: 16px;
  overflow: hidden;
  height: 100%;
}
.advantages .card__image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  min-height: 208px;
}
.advantages .card__content {
  color: var(--kashmir-blue);
  padding: 15px 17px;
}
.guidance {
  background-color: var(--selago);
  padding: 54px 0;
}
.guidance .row {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -15px;
}
.guidance .column {
  padding: 0 15px;
  margin-top: 20px;
  width: 100%;
}
@media(min-width: 992px) {
  .guidance .column:nth-child(1) {
    width: 42%;
  }
  .guidance .column:nth-child(2) {
    width: 58%;
  }
}

.guidance .image-holder {
  background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(247,251,254,1) 1%,rgba(248,252,255,1) 9%,rgba(245,248,253,1) 10%,rgba(248,252,255,1) 11%,rgba(246,249,254,1) 11%,rgba(248,252,255,1) 13%,rgba(248,252,255,1) 27%,rgba(246,249,254,1) 27%,rgba(247,250,255,1) 35%,rgba(245,248,253,1) 37%,rgba(246,249,254,1) 43%,rgba(243,248,252,1) 46%,rgba(246,249,254,1) 47%,rgba(244,247,252,1) 47%,rgba(246,249,254,1) 50%,rgba(248,252,255,1) 50%,rgba(247,252,255,1) 97%,rgba(248,252,255,1) 99%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%);
  border-radius: 16px;
  overflow: hidden;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.guidance .image-holder img {
  border-radius: 16px;
  overflow: hidden;
  width: 100%;
}
.guidance .content {
  background-color: var(--white);
  border-radius: 16px;
  overflow: hidden;
  padding: 30px 15px;
}
@media(min-width: 768px) {
  .guidance .content {
    padding: 34px 50px;
  }
}
@media(min-width: 1200px) {
  .guidance .content {
    padding: 34px 70px;
  }
}
@media(min-width: 1280px) {
  .guidance .content {
    padding: 34px 110px;
  }
}
.requirements {
  padding: 67px 0;
}
.steps .section-header {
  margin-bottom: 0;
}
.requirements .row {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -15px;
}
.requirements .column {
  padding: 0 15px;
  margin-top: 25px;
  width: 100%;
}
@media(min-width: 992px) {
  .requirements .column {
    width: 50%;
  }
}

.requirements .card {
  background-color: var(--selago);
  border-radius: 16px;
  overflow: hidden;
  height: 100%;
  padding: 15px;
}
.requirements .card__image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  min-height: 280px;
  border-radius: 16px;
  overflow: hidden;
}
.requirements .card__content {
  padding: 25px 0;
}
@media(min-width: 768px) {
  .requirements .card__content {
    padding: 31px 27px;
  }
}

.requirements .card__content ul, .requirements .card__content ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
.requirements .card__content ul li, .requirements .card__content ol li {
  position: relative;
  padding-left: 30px;
}
.requirements .card__content ul li:before, .requirements .card__content ol li:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z' fill='%2390E584'/%3E%3Cpath d='M8.6665 12.6251C8.6665 12.6251 9.99984 13.3855 10.6665 14.5001C10.6665 14.5001 12.6665 10.1251 15.3332 8.66675' stroke='%23182137' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.requirements .buttons {
  margin-top: 30px;
  justify-content: center;
}
.steps {
  padding: 67px 0;
}
.steps .section-header {
  margin-bottom: 0;
}
.steps .row {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -15px;
}
.steps .column {
  padding: 0 15px;
  margin-top: 25px;
  width: 100%;
}
@media(min-width: 768px) {
  .steps .column {
    width: 50%;
  }
}
@media(min-width: 992px) {
  .steps .column {
    width: 33.33%;
  }
}

.steps .card {
  background-color: var(--white);
  border: 1px solid var(--selago);
  border-radius: 16px;
  overflow: hidden;
  height: 100%;
  padding: 22px 8px;
  transition: all 0.4s ease-in-out;
}
.steps .card:hover {
  border-color: var(--blue-ribbon);
}
.steps .card:hover .card__number {
  color: var(--blue-ribbon);
}
.steps .card:hover .card__number .number {
  background-color: var(--blue-ribbon);
}
.steps .card .card__number {
  color: var(--selago);
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin-bottom: 50px;
  transition: all 0.4s ease-in-out;
}
.steps .card .card__number .number {
  color: var(--white);
  background-color: var(--selago);
  border-radius: 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  margin-right: 10px;
  transition: all 0.4s ease-in-out;
}
.steps .card__content {
  padding: 0 9px;
}
.steps .card__content h4 {
  margin-bottom: 8px;
}
.card .card__text {
  color: var(--kashmir-blue);
}
.testimonials {
  background-color: var(--selago);
  padding: 67px 0;
}

.person-slider {
  max-width: 768px;
  margin: 0 auto 22px;
}
.person-slider .slick-track {
  display: flex !important;
  align-items: flex-end;
}
.person-slider .slick-list {
  margin-right: -15px;
  padding-right: 25px;
}
@media(min-width: 768px) {
  .person-slider .slick-list {
    padding-right: 0;
  }
}

.person-slider .slick-slide {
  padding: 0 10px;
  transition: all 0.4s ease-in-out;
}
.person-slider .slick-slide.slick-current .image-holder {
  background-color: transparent;
  height: 64px;
  width: 64px;
}
.person-slider .image-holder {
  border-radius: 100%;
  overflow: hidden;
  height: 48px;
  width: 48px;
  margin: 0 auto;
  display: flex;     
  align-items: center;
  justify-content: center;
  background-color: var(--black);
  isolation: isolate;
  transition: all 0.4s ease-in-out;
}
.person-slider .image-holder img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
  display: block;
  mix-blend-mode: luminosity;
}

.testimonial-slider {
  max-width: 606px;
  margin: 0 auto;
  padding: 0;
}
@media(min-width: 768px) {
  .testimonial-slider {
    padding: 0 55px;
  }
}
.testimonial-slider .slick-list {
  margin: 0 -15px;
}
.testimonial-slider .slick-slide {
  padding: 0 15px;
}
.testimonial {
  background-color: var(--white);
  border-radius: 16px;
  overflow: hidden;
  text-align: center;
  padding: 25px 15px;
}
@media(min-width: 768px) {
  .testimonial {
    padding: 25px 33px;
  }
}
.testimonial h4 {
  color: var(--blue-ribbon);
  margin-bottom: 22px;
}
.testimonial .blockquote {
  color: var(--jacksons-purple);
  margin-bottom: 28px;
}
.testimonial blockquote {
  border: none;
  padding: 0;
  margin: 0;
}
.testimonial .testimonial__meta {
  text-align: left;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-end;
}
.testimonial .name {
  display: block;
}
.testimonial .info {
  padding-right: 20px;
}
.testimonial .text {
  color: var(--jacksons-purple);
  font-size: 16px;
  line-height: 18px;
  display: block;
}
.faq {
  padding: 67px 0;
}
.faq .row {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -15px;
}
.faq .column {
  padding: 0 15px;
  width: 100%;
}
@media(min-width: 992px) {
  .faq .column:nth-child(1) {
    width: 40%;
  }
  .faq .column:nth-child(2) {
    width: 60%;
  }
}

.faq .section-header {
  max-width: 450px;
}
@media(min-width: 992px) {
  .faq .section-header {
    margin: 0;
    text-align: left;
  }
}

.accordion {
  border: solid var(--selago);
  border-width: 1px 0;
}
.accordion.active {
  background-color: var(--selago);
}
.accordion.active .accordion__title:before {
  transform: translateY(-50%) rotate(135deg);
}
.accordion .accordion__title {
  cursor: pointer;
  font-weight: 600;
  padding: 22px 50px 22px 16px;
  position: relative;
}
.accordion .accordion__title:before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  height: 18px;
  width: 18px;
  transition: all 0.4s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1V17M17 9H1' stroke='%231361F3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.accordion .accordion__content {
  color: var(--kashmir-blue);
  display: none;
  padding: 0 16px 22px;
}
.contact {
  padding: 67px 0;
}
.contact .row {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -15px;
}
.contact .column {
  padding: 0 15px;
  width: 100%;
}
@media(min-width: 992px) {
  .contact .column:nth-child(1) {
    width: 40%;
  }
  .contact .column:nth-child(2) {
    width: 60%;
  }
}

.contact .section-header {
  
}
@media(min-width: 992px) {
  .contact .section-header {
    margin: 0;
    text-align: left;
  }
}
.footer {
  background: linear-gradient(45deg, rgba(24,33,55,1) 0%,rgba(31,46,83,1) 100%);
  color: var(--wild-blue);
}
.footer .footer__holder {
  padding: 58px 0;
}
.footer h3 {
  color: var(--white);
  margin-bottom: 15px;
}
.footer .row {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -15px;
}
.footer .column {
  padding: 0 15px;
  margin-bottom: 30px;
  width: 100%;
}
.footer .column:last-child {
  margin: 0;
}
@media(min-width: 768px) {
  .footer .column {
    margin: 0;
    width: 33.33%;
  }
}
@media(min-width: 1200px) {
  .footer .column:nth-child(1) {
    width: 58%;
  }
  .footer .column {
    width: 21%;
  }
}

.footer .logo, .footer .logo a {
  display: block;
  line-height: 0;
  margin-bottom: 14px;
}
.footer .text {
  max-width: 220px;
}
.footer .contact-info li {
  position: relative;
  padding: 0 0 15px 36px;
}
.footer .contact-info li .icon {
  position: absolute;
  top: 0;
  left: 0;
}
.footer .contact-info li a:hover {
  color: var(--white);
}

.footer .social-networks {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin: 0 -10px 25px;
}
.footer .social-networks li { 
  padding: 0 10px;
  line-height: 0;
}

.footer .copyright {
  background-color: var(--big-stone);
  border-top: 1px solid var(--wild-blue);
  color: var(--wild-blue);
  padding: 20px 0;
  text-align: center;
}

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