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

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

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

:root {
  --white-color: #ffffff;
  --black-color: #000000;
  --primary-color: #50d7c8;
  --primary-color-hover: #5effed;
  --dark-gray: #181a20;
  --gray-blue: #262a34;
  --paradise-pink: #e872c8;
  --paradise-pink-hover: #ff85de;
  --deep-purple: #2c1c69;
  --light-black: #333f48;
}


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 {
  background-color: var(--dark-gray);
  font-family: 'DM Sans', sans-serif;
  color: var(--white-color);
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.37px;
  overflow-wrap: break-word;
}
@media(min-width: 768px) {
  body {
    font-size: 20px;
    line-height: 28px;
  }
}

body.menu-active {
  overflow: hidden;
}

.body-wrapper {
  position: relative;
}
#main-content {
  padding-top: 78px;
}

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

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

/* Headings */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
h7, .h7,
h8, .h8 {
  color: var(--white-color);
  font-weight: 700;
  margin: 0 0 22px;
  display: block;
}
h1, .h1 {
  font-size: 44px;
  line-height: 1.11;
}
h2, .h2 {
  font-size: 40px;
  line-height: 1.06;
  letter-spacing: 1.62px;
}
h3, .h3 {
  font-size: 36px;
  line-height: 1.08;
  letter-spacing: 2.3px;
}
h4, .h4 {
  font-size: 32px;
  line-height: 1.1;
}
h5, .h5 {
  font-size: 28px;
  line-height: 1.14;
}
h6, .h6 {
  font-size: 24px;
  line-height: 1.3;
}
h7, .h7 {
  font-size: 22px;
  line-height: 1.27;
}
h8, .h8 {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 500;
}

@media(min-width: 576px) {
  h1, .h1 {
    font-size: 54px;
  }
  h2, .h2 {
    font-size: 50px;
  }
  h3, .h3 {
    font-size: 48px;
  }
  h4, .h4 {
    font-size: 40px;
    line-height: 1.1;
  }
}
@media(min-width: 768px) {
  h1, .h1 {
    font-size: 72px;
  }
  h2, .h2 {
    font-size: 56px;
  }
}
@media(min-width: 992px) {
  h1, .h1 {
    font-size: 86px;
  }
  h2, .h2 {
    font-size: 64px;
  }
}

h1 span, .h1 span,
h2 span, .h2 span,
h3 span, .h3 span,
h4 span, .h4 span,
h5 span, .h5 span,
h6 span, .h6 span,
h7 span, .h7 span,
h8 span, .h8 span {
  color: var(--paradise-pink);
  /*   display: inline-block; */
}

/* Lists */

ul,
ol {
  margin: 29px 0;
  padding-left: 32px;
}
ul li,
ol li {
  padding-bottom: 1.2rem;
}

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-xl {
  max-width: 1332px;
  margin: 0 auto;
}
.container-lg {
  max-width: 1260px;
  margin: 0 auto;
}
.container-md {
  max-width: 1020px;
  margin: 0 auto;
}
.container {
  max-width: 980px;
  margin: 0 auto;
}
.dnd-section > .row-fluid {
  padding: 0 15px;
  max-width: 1362px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .dnd-section > .row-fluid {
    padding: 0 30px;
  }
}
[class*=full-width-section] > .row-fluid {
  padding: 0;
}
[class*=full-width-section] > .row-fluid .dnd-column {
  padding: 0;
}

/* Sitemap */
.sitemap .widget-type-rich_text ul {
  margin-bottom: 0;
}

@media(min-width: 768px) {
  .sitemap .widget-type-rich_text ul {
    column-count: 2;
    column-gap: 30px;
  }
}
.how-it-works h2 a {
  color:#fff;
}
button, .button, .hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

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

/* button */
.hs-button, .cta_button {
  background-color: var(--primary-color);
  border: 2px solid var(--primary-color);
  border-radius: 22px;
  color: var(--deep-purple);
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.41px;
  display: inline-block;
  padding: 9px 45px;
  text-align: center;
  text-decoration: none;
  transition: all 0.4s ease-in-out;
}
.hs-button:hover, .hs-button:focus,
.cta_button:hover, .cta_button:focus {
  background-color: var(--primary-color-hover); 
}

.cta_button.btn-lg {
  min-width: 150px;
}

.cta_button.secondary {
  background-color: var(--paradise-pink);
  border: 2px solid var(--paradise-pink);
}
.cta_button.secondary:hover {
  background-color: var(--paradise-pink-hover);
}
/* Fields */
.hs-form-field {
  margin-bottom: 1.2rem;
}

/* Labels */
form label {
  display: block;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 1rem;
}

/* 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 input[type=date],
form select,
form textarea {
  display: inline-block;
  background-color: var(--gray-blue);
  border: 1px solid var(--gray-blue);
  color: var(--white-color);
  box-shadow: none;
  outline: none;
  border-radius: 10px;
  font-family: DM Sans;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.4px;
  text-align: left;
  padding: 7px 15px 7px;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
}

form input[type=text]::placeholder, 
form input[type=search]::placeholder, 
form input[type=email]::placeholder, 
form input[type=password]::placeholder, 
form input[type=tel]::placeholder, 
form input[type=number]::placeholder, 
form input[type=file]::placeholder,
form select::placeholder,
form textarea::placeholder {
  opacity: 1;
}

form select {
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='18' viewBox='0 0 22 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2241 12.4739C10.9336 12.4739 10.6929 12.3743 10.4687 12.1418L5.54639 7.16138C5.36377 6.97876 5.27246 6.75464 5.27246 6.49731C5.27246 5.95776 5.6958 5.52612 6.22705 5.52612C6.49268 5.52612 6.7334 5.64233 6.92432 5.83325L11.2241 10.1912L15.5239 5.83325C15.7148 5.64233 15.9556 5.52612 16.2212 5.52612C16.7524 5.52612 17.1758 5.95776 17.1758 6.49731C17.1758 6.76294 17.0845 6.97876 16.9019 7.16138L11.9795 12.1418C11.7554 12.366 11.5146 12.4739 11.2241 12.4739Z' fill='%236C7D84'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position-x: 99%;
  background-position-y: 10px;
}

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 0 1rem;
  padding: 0;
}
form .inputs-list > li label {
  margin: 0;
  font-weight: 400;
  padding: 7px 0 0 32px;
  position: relative;
}
form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

@media(min-width: 576px) {
  form .inputs-list.multi-container {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -15px;
  }
  form .inputs-list.multi-container > li {
    padding: 0 15px;
    width: 50%;
  }
}

form input[type="checkbox"],
form input[type=radio] {
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
form input[type="checkbox"] + span::before {
  border: 2px solid #6C7D84;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 9px;
  width: 20px; 
}
form input[type="checkbox"] + span::after {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 14px auto;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 10px;
  transform: scale(0);
  transition: all .2s ease-out;
  width: 20px;
}
form input[type="checkbox"]:checked + span {
  color: #50D7C8;
}
form input[type="checkbox"]:checked + span::before {
  border-color: #50D7C8;
  background-color: transparent;
}
form input[type="checkbox"]:checked + span::after {
  transform: scale(1);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.217' height='13.264'%3E%3Cpath fill='none' stroke='%2350D7C8' stroke-width='2' d='m.707 6.19 5.661 5.66L17.51.707'/%3E%3C/svg%3E");
}

form input[type="radio"] + span::before {
  border: 2px solid #6C7D84;
  border-radius: 100%;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 20px; 
}
form input[type="radio"] + span::after {
  background-color: #6C7D84;
  border-radius: 100%;
  content: "";
  display: block;
  height: 12px;
  left: 4px;
  position: absolute;
  top: 13px;
  transform: scale(0);
  transition: all .2s ease-out;
  width: 12px;
}
form input[type="radio"]:checked + span {
  color: #50D7C8;
}
form input[type="radio"]:checked + span::before {
  border-color: #50D7C8;
}
form input[type="radio"]:checked + span::after {
  background-color: #50D7C8;
  transform: scale(1);
}

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: var(--white-color);
}

.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: var(--white-color);
}

/* Inputs - file picker */
form input[type="file"] {
  background-color: transparent;
  color: #6C7D84;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.41px;
  text-align: left;
  border: none;
  padding: 0;
}
form input::file-selector-button {
  background-color: var(--primary-color);
  border: 2px solid var(--primary-color);
  box-shadow: 0px 4px 13px 0px #00000059;
  border-radius: 22px;
  color: var(--deep-purple);
  display: inline-block;
  font-size: 18px;
  letter-spacing: -.41px;
  line-height: 22px;
  font-weight: 500;
  padding: 8px 28px;
  text-align: center;
  text-decoration: none;
  transition: all .4s ease-in-out;
  margin-right: 10px;
}

.hs-field-desc {
  color: #6C7D84;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.41px;
  margin-bottom: 10px;
}

/* Headings and text */
form .hs-richtext,
form .hs-richtext p {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.37px;
  text-align: left;

  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: 0 !important;
}

/* Validation */
.hs-form-required {
  color: var(--paradise-pink);
}

.hs-input.invalid.error {
  border-color: var(--paradise-pink);
}

.hs-error-msg {
  color: var(--paradise-pink);
  font-size: 14px;
  line-height: 18px;
  margin: 0.35rem 0 0;
}
.hs-error-msgs li {
  padding: 0;
  margin: 0;
}
.hs-error-msgs li > label {
  padding-left: 0 !important;
}

/* Submit button */
.hs_submit {
  margin-top: 42px;
  text-align: center;
}
form input[type=submit],
form .hs-button {
  font-weight: 500;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
  padding: 10px 20px;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}


/* Table */

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

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}

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

.header {
  background: #181A20E5;
  box-shadow: 0px 4px 14px 0px #00000040;
  box-shadow: 0px 0px 6px 0px #22222240 inset;
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 10;
  padding: 14px 0;
}
.header .container {
  position: relative;
  padding: 0 30px;
  max-width: 1240px;
}
.header .header__holder {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  padding-right: 50px;
}
.header .logo a {
  display: block;
  line-height: 0;
}

.header .header__menu {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  padding: 0 20px;
}
.header #main-nav ul {
  display: block;
  margin: 0;
  padding: 0;
}
.header #main-nav ul li {
  position: relative;
}
.header #main-nav ul li.active-branch a {
  color: var(--primary-color);
}
.header #main-nav ul li.open a {
  color: var(--primary-color);
}
.header #main-nav ul li a {
  color: var(--white-color);
  text-decoration: none;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: -0.24px;
  display: block;
  padding: 12px 25px;
}
.header #main-nav ul li a:hover {
  color: var(--primary-color);
}

.header #main-nav ul li.hs-item-has-children .icon {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  transition: all .4s ease-in-out;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 6px;
  width: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='12' viewBox='0 0 18 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.6343 2.75767L9.61156 11.2321C9.53186 11.317 9.43677 11.3843 9.33184 11.4303C9.2269 11.4763 9.11424 11.5 9.00044 11.5C8.88663 11.5 8.77397 11.4763 8.66904 11.4303C8.56411 11.3843 8.46901 11.317 8.38932 11.2321L0.366572 2.75767C0.13164 2.50808 0 2.17215 0 1.82222C0 1.4723 0.13164 1.13637 0.366572 0.886777C0.482174 0.764276 0.619956 0.666995 0.771902 0.600595C0.923848 0.534195 1.08693 0.5 1.25165 0.5C1.41637 0.5 1.57944 0.534195 1.73139 0.600595C1.88334 0.666995 2.02112 0.764276 2.13672 0.886777L9.00044 8.1366L15.8624 0.886777C15.9781 0.764359 16.116 0.66716 16.268 0.600818C16.42 0.534476 16.5832 0.500313 16.7479 0.500313C16.9127 0.500313 17.0758 0.534476 17.2278 0.600818C17.3798 0.66716 17.5177 0.764359 17.6334 0.886777C17.8684 1.13637 18 1.4723 18 1.82222C18 2.17215 17.8692 2.50808 17.6343 2.75767Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}
.header #main-nav ul li.hs-item-has-children:hover .icon, 
.header #main-nav ul li.hs-item-has-children.open .icon {
  color: var(--white-color);
}
.header #main-nav ul li.hs-item-has-children:hover .hs-menu-children-wrapper {
  opacity: 0;
  visibility: hidden;
}
.header #main-nav ul li.hs-item-has-children .hs-menu-children-wrapper {
  background-color: #181a20;
  position: static;
  max-height: 0;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: all .3s ease-out 0;
  padding: 0;
  z-index: 1;
  border-radius: 3px;
  display: block;
  z-index: 10;
}
.header #main-nav ul li.hs-item-has-children .hs-menu-children-wrapper.open-dropdown {
  opacity: 1 !important;
  visibility: visible !important;
  max-height: inherit;
  padding: 10px 30px;
}
.header #main-nav ul li.hs-item-has-children .hs-menu-children-wrapper li a {
  white-space: inherit;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  padding: 8px 10px;
  color: var(--white-color);
}
.header #main-nav ul li.hs-item-has-children .hs-menu-children-wrapper li.active-branch a {
  color: var(--primary-color);
}
.header #main-nav ul li.hs-item-has-children .hs-menu-children-wrapper li a:hover {
  color: var(--primary-color);
}

.header #main-nav .button-list {
  display: block;
  text-align: center;
  margin-top: 30px;
}
.header #main-nav .button-list li {
  padding-bottom: 15px;
}
.header #main-nav .button-list li:nth-child(2) {
  display: block;
}
.header #main-nav .button-list li .cta_button {
  display: inline-block;
}
.header .button-holder {
  display: none;
}
.header .button-holder .cta_button {
  padding: 9px 28px;
}

.header .nav-bar {
  position: fixed;
  top: 0;
  left: 0;
  height: 0;
  right: 0;
  overflow-y: auto;
  z-index: 10;
  transition: all 0.3s ease-in-out;
  background-color: #181a20;
}
.header .nav-bar #main-nav {
  padding: 80px 0 40px;
  background-color: #181a20;
  height: 100%;
  transform: translateY(-100%);
  transition: all 0.3s ease-in-out;
}
.menu-active .header .nav-bar {
  height: 100%;
}
.menu-active .header .nav-bar #main-nav {
  transform: translateY(0);
}
.header .nav-bar .button-holder {
  padding: 20px 0 0 25px;
  display: block;
}


/* mobile menu toogle */
.navbar-toggle {
  width: 32px;
  height: 30px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  background: transparent;
  text-indent: -9999px;
  overflow: hidden;
  outline: none;
  box-shadow: none;
  border: none;
  cursor: pointer;
  z-index: 10;
  padding: 0;
}
.navbar-toggle:after,
.navbar-toggle:before,
.navbar-toggle span {
  position: absolute;
  left: 0;
  right: 0;
  background: var(--white-color);
  height: 2px;
  transition: all 0.3s ease;
  width: 32px;
}
.navbar-toggle span {
  top: 50%;
  transform: translateY(-50%);
}
.navbar-toggle:after,
.navbar-toggle:before {
  content: '';
}
.navbar-toggle:after {
  bottom: 23px
}
.navbar-toggle:before {
  top: 23px
}
.menu-active .navbar-toggle {
  background: transparent;
}
.menu-active .navbar-toggle:before {
  transform: rotate(45deg) translate(-6px, -6px)
}
.menu-active .navbar-toggle:after {
  transform: rotate(-45deg) translate(-7px, 7px)
}
.menu-active .navbar-toggle span {
  opacity: 0;
  visibility: hidden;
}


@media (min-width: 480px) {
  .header .button-holder {
    display: block;
  }
  .header .nav-bar .button-holder {
    display: none;
  }
}
@media (min-width: 992px) {
  .header .header__holder {
    padding: 0;
  }
  .navbar-toggle {
    display: none;
  }
  .header .nav-bar {
    position: static;
    overflow-y: unset;
    transition: none;
    height: auto;
    z-index: 1;
    background-color: transparent;
    padding-left: 47px;
  }
  .header .nav-bar #main-nav {
    padding: 0;
    background: transparent;
    transform: none;
    transition: none;
    height: auto;
  }
  .header #main-nav ul {
    display: flex;
    flex-flow: row wrap;
  }
  .header #main-nav ul li {
    border: none;
    padding: 15px 28px 15px 0;
  }
  .header #main-nav ul li a {
    padding: 0;
  }
  .header #main-nav ul li.hs-item-has-children .icon {
    top: 24px;
  }
  .header #main-nav ul li.hs-item-has-children:hover .hs-menu-children-wrapper {
    opacity: 1 !important;
    visibility: visible !important;
  }
  .header #main-nav ul li.hs-item-has-children .hs-menu-children-wrapper {
    border-radius: 6px;
    position: absolute;
    top: 100%;
    left: 50%;
    max-height: inherit;
    padding: 10px 0;
    transform: translateX(-50%);
  }
  .header #main-nav ul li.hs-item-has-children .hs-menu-children-wrapper li {
    padding: 0;
  }
  .header #main-nav ul li.hs-item-has-children .hs-menu-children-wrapper li a {
    white-space: nowrap;
    padding: 10px 20px;
    color: var(--white-color);
    border-left: 4px solid var(--text-color);
    border-bottom: 0;
  }
  .header #main-nav ul li.hs-item-has-children .hs-menu-children-wrapper li a:hover {
    padding: 10px 20px;
    color: var(--primary-color);
  }
  .header #main-nav ul li.hs-item-has-children .hs-menu-children-wrapper li .hs-menu-children-wrapper {
    top: 0;
    left: 100%;
    display: none;
    transform: none;
  }
  .header #main-nav ul li.hs-item-has-children .hs-menu-children-wrapper li:hover .hs-menu-children-wrapper {
    display: block;
  }
}
@media (min-width: 1200px) {
  .header #main-nav ul li {
    padding-right: 50px;
  }
  .header #main-nav ul li.hs-item-has-children .icon {
    right: 30px;
  }
}
.hero-banner {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: flex;
  flex-flow: row wrap;
  text-align: center;
  min-height: 650px;
  position: relative;
  z-index: 1;
}
.hero-banner:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0,#181a20,rgba(24,26,33,.75) 65.09%,rgba(26,28,35,0) 85.22%);
  z-index: -1;
}
.hero-banner .container {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-end;
  justify-content: center;
  padding: 0 30px 50px;
}
.hero-banner h1 {
  margin-bottom: 0;
/*   max-width: 800px; */
}
.hero-banner .text {
  margin: 15px auto 0;
  max-width: 500px;
}
.hero-banner .h5 {
  text-transform: uppercase;
  margin-bottom: 10px;
  letter-spacing: 0.5px;
}
.hero-banner .button-holder {
  margin-top: 15px;
}
.hero-banner .apps-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 0 -10px;
  padding-top: 38px;
}
.hero-banner .apps-list li {
  padding: 0 10px;
  line-height: 0;
}

.hero-banner .services-list {
  padding-top: 38px;
}
.hero-banner .services-list li {
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  letter-spacing: -0.24px;
  margin-bottom: 20px;
}
.hero-banner .services-list li .icon {
  display: block;
  margin-bottom: 10px;
}

@media(min-width: 480px) {
  .hero-banner:after {
    background: linear-gradient(0, #181A20 0%, rgba(24, 26, 33, 0.85) 47.09%, rgba(26, 28, 35, 0) 69.22%);
  }
}
@media(min-width: 768px) {
  .hero-banner {
    min-height: 750px;
  }
  .hero-banner .container {
    padding-bottom: 58px;
  }
  .hero-banner .services-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0 -10px;
  }
  .hero-banner .services-list li {
    padding: 0 10px;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0;
     width: 33.333%;
  }
}
@media(min-width: 992px) {
  .hero-banner {
    min-height: 901px;
  }
  .hero-banner .container {
    padding-bottom: 78px;
  }
}
@media(min-width: 1200px) {
  .hero-banner .services-list li {
    font-size: 22px;
    line-height: 28px;
  }
}
.hero-banner-02 {
  background-color: var(--dark-gray);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-end;
  text-align: center;
  min-height: 400px;
  position: relative;
  z-index: 2;
}
.hero-banner-02:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0, #181A20 0%, rgba(26, 28, 35, 0) 100%);
  z-index: -1;
}
.hero-banner-02 .container {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  padding: 0 30px 30px;
}
.hero-banner-02 h1 {
  margin-bottom: 0;
/*   max-width: 800px; */
}
.hero-banner-02 .h5 {
  text-transform: uppercase;
  margin-bottom: 10px;
  letter-spacing: 0.5px;
}

@media(min-width: 768px) {
  .hero-banner-02 .container {
    padding-bottom: 60px;
  }
}
@media(min-width: 992px) {
  .hero-banner-02 {
    min-height: 448px;
  }
}
.maintenance-module {
  padding: 80px 0;
}
.maintenance-module h2 {
  text-align: center;
  margin: 0 auto 68px;
  max-width: 650px;
}
.maintenance-module .column {
  margin-bottom: 16px;
}
.maintenance-module .column.large-box {
  width: 100%;
}
.maintenance-module .boxes {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  background-color: var(--gray-blue);
  border-radius: 18px;
  overflow: hidden;
  text-align: center;
  height: 100%;
}
.maintenance-module .boxes .content {
  padding: 40px 20px 0;
}
.maintenance-module .boxes .h7 {
  color: var(--paradise-pink);
  margin-bottom: 6px;
}
.maintenance-module .boxes .icon {
  margin-bottom: 10px;
}
.maintenance-module .boxes .title {
  font-size: 18px;
  line-height: 1.14;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-bottom: 13px;
  display: block;
}
.maintenance-module .boxes .image-holder {
  line-height: 0;
  position: relative;
}
.maintenance-module .boxes .image-holder img {
  width: 100%;
}
.maintenance-module .boxes .image-holder.show-shadow:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, #262A34 5.58%, rgba(38, 42, 52, 0) 100%);
}
.maintenance-module .boxes .button-holder {
  margin-top: 34px;
}


.maintenance-module .boxes.large-box {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.maintenance-module .boxes.large-box {
  background-size: inherit;
  background-repeat: no-repeat;
  background-position: top left;
  padding: 50px 30px;
  position: relative;
  z-index: 1;
}
.maintenance-module .boxes.large-box:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0, #262A34 -0.87%, rgba(38, 42, 52, 0) 100%);
  z-index: -1;
}
.maintenance-module .boxes.large-box .content {
  padding: 0;
  max-width: 460px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.maintenance-module .boxes.large-box .h7 {
  margin-bottom: 20px;
}
.maintenance-module .boxes.large-box .title {
  font-size: 32px;
  line-height: 1.08;
  display: block;
}

@media(min-width: 768px) {
  .maintenance-module .boxes.large-box .title {
    font-size: 40px;
  }
}
@media(min-width: 768px) {
  .maintenance-module .boxes .title {
    font-size: 22px;
  }
  .maintenance-module .boxes .content {
    padding: 50px 25px 0;
  }
  .maintenance-module .boxes.large-box {
    padding: 70px 40px;
  }
}
@media(min-width: 992px) {
  .maintenance-module .row {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -8px;
  }
  .maintenance-module .column {
    padding: 0 8px;
    width: 50%;
  }
  .maintenance-module .boxes.large-box:after {
    right: -18%;
    transform: rotate(-90deg);
  }
  .maintenance-module .boxes.large-box .content {
    margin: 0 0 0 auto;
  }
  .maintenance-module .boxes.large-box .title {
    font-size: 48px;
  }
}
@media(min-width: 1200px) {
  .maintenance-module .boxes .content {
    padding: 60px 35px 0;
  }
  .maintenance-module .boxes .title {
    font-size: 26px;
  }
  .maintenance-module .boxes.large-box {
    padding: 75px 70px;
  }
  .maintenance-module .boxes.large-box:after {
    right: 5%;
  }
}
@media(min-width: 1280px) {
  .maintenance-module .boxes .content {
    padding: 60px 55px 0;
  }
  .maintenance-module .boxes .title {
    font-size: 28px;
  }
}
@media(min-width: 1400px) {
  .maintenance-module .boxes.large-box:after {
    right: 18%;
  }
}
.promises-module {
  padding: 80px 0;
}
.promises-module h3 {
  text-align: center;
  letter-spacing: 0.5px;
  margin-bottom: 25px;
}
.promises-module h3 span {
  color: var(--primary-color);
}
.promises-module .text {
  text-align: center;
  margin: 0 auto 50px;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.2px;
  max-width: 603px;
}
.promises-module .column {
  margin-bottom: 16px;
}
.promises-module .column.large-box {
  width: 100%;
}
.promises-module .promise {
  background-color: var(--gray-blue);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 18px;
  height: 100%;
  padding: 50px 20px;
  overflow: hidden;
  min-height: 500px;
  position: relative;
  z-index: 1;
}
.promises-module .promise.shadow:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, #262A34 0%, rgba(38, 42, 52, 0.635417) 30.21%, rgba(38, 42, 52, 0) 100%);
  z-index: -1;
}
.promises-module .promise .icon {
  display: block;
}
.promises-module .promise .title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: 1.7px;
  max-width: 450px;
  display: block;
}
.promises-module .promise.large-box {
  display: flex;
  align-items: flex-start;
  flex-flow: column wrap;
  justify-content: center;
  background-size: inherit;
  background-position: top right;
  padding: 80px 20px;
}
.promises-module .promise.large-box:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: linear-gradient(0, #262A34 -0.87%, rgba(38, 42, 52, 0.86) 48.44%, rgba(38, 42, 52, 0) 100%);
  z-index: -1;
}
.promises-module .promise.large-box .icon {
  margin-bottom: 14px;
}

.promises-module .promise.small-box.color {
  padding: 80px 20px;
}
.promises-module .promise.small-box.color .icon {
  text-align: center;
  margin-bottom: 30px;
}
.promises-module .promise.small-box.color .title {
  margin-bottom: 15px;
}

@media(min-width: 480px) {
  .promises-module .promise {
    padding: 60px 30px;
  }
  .promises-module .promise.large-box {
    padding: 80px 30px;
  }
  .promises-module .promise.small-box.color {
    padding: 80px 30px;
  }
}
@media(min-width: 576px) {
  .promises-module .text {
    font-size: 20px;
  }
}
@media(min-width: 768px) {
  .promises-module .row {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -8px;
  }
  .promises-module .column {
    padding: 0 8px;
    width: 50%;
  }
  .promises-module .text {
    margin: 0 auto 72px;
    font-size: 22px;
  }
  .promises-module .promise {
    padding: 50px 30px;
  }
  .promises-module .promise .title {
    font-size: 50px;
  }
  .promises-module .promise.large-box {
    padding: 100px 40px;
  }
  .promises-module .promise.small-box.color {
    padding: 80px 30px;
  }
}
@media(min-width: 992px) {
  .promises-module .promise {
    padding: 50px;
  }
  .promises-module .promise .title {
    font-size: 64px;
  }
  .promises-module .promise.large-box {
    padding: 120px 59px;
  }
  .promises-module .promise.small-box.color {
    padding: 100px 50px;
  }
  .promises-module .promise.large-box::after {
    transform: rotate(90deg);
  }
}
@media(min-width: 1200px) {
  .promises-module .promise {
    padding: 63px;
  }
  .promises-module .promise.large-box {
    padding: 144px 59px 132px;
  }
  .promises-module .promise.large-box::after {
    left: 10%;
  }
  .promises-module .promise.small-box.color {
    padding: 123px 63px;
  }
}
.promises-module-02 {
  padding: 50px 0 80px;
}
.promises-module-02 h2 {
  text-align: center;
  letter-spacing: 0.5px;
  margin-bottom: 72px;
}
.promises-module-02 h3 span {
  color: var(--paradise-pink);
}
.promises-module-02 .column {
  margin-bottom: 16px;
}
.promises-module-02 .column.large-box {
  width: 100%;
}
.promises-module-02 .promise {
  background-color: var(--gray-blue); 
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 18px;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.promises-module-02 .promise .promise-holder {
  padding: 50px 20px;
}
.promises-module-02 .promise .icon {
  display: block;
}
.promises-module-02 .promise .title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: 1.7px;
  max-width: 450px;
  display: block;
  margin-bottom: 25px;
}
.promises-module-02 .promise .title span {
  color: var(--paradise-pink);
}
.promises-module-02 .promise .sub-heading {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  margin-bottom: 24px;
}
.promises-module-02 .promise .sub-heading .sub-title {
  color: var(--paradise-pink);
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.24px;
  padding-left: 10px;
}
.promises-module-02 .promise .text {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.24px;
}
.promises-module-02 .promise .text ul {
  color: var(--paradise-pink);
  margin: 29px 0;
  padding-left: 32px;
}
.promises-module-02 .promise .text ul li {
  padding-bottom: 7px;
}
.promises-module-02 .promise .guarantee-text {
  color: var(--paradise-pink);
  font-size: 26px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -0.58px;
  margin-top: 30px;
}
.promises-module-02 .promise .button-holder {
  margin-top: 30px;
}

.promises-module-02 .promise.large-box {
  background-position: 50% 50%;
  background-size: cover;
  text-align: center;
}
.promises-module-02 .promise.large-box:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg,#262a34 17.95%,rgba(38,42,52,0));
  z-index: -1;
}
.promises-module-02 .promise.large-box .sub-heading {
  justify-content: center;
}
.promises-module-02 .promise.large-box .image-holder {
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 360px;
  position: relative;
  z-index: 1;
}
.promises-module-02 .promise.large-box .image-holder:after {
  background: linear-gradient(0,#262a34 17.95%,rgba(38,42,52,.92) 33.27%,rgba(38,42,52,0));
  content: "";
  height: 148px;
  left: 0;
  position: absolute;
  right: 0;
  top: 68%;
  z-index: -1;
}
.promises-module-02 .promise.large-box .promise-holder {
  padding: 50px 20px;
}
.promises-module-02 .promise.large-box .title {
  font-size: 40px;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: 0.92px;
  max-width: 100%;
  margin-bottom: 24px;
}

.promises-module-02 .promise.primary {
  background-color: var(--primary-color);
}
.promises-module-02 .promise.primary .guarantee-text {
  color: var(--white-color);
}

.promises-module-02 .promise.primary .title span, .promises-module-02 .promise.primary .text {
  color: var(--dark-gray); 
}
.promises-module-02 .promise.grey_blue_with_primary .title span, .promises-module-02 .promise.grey_blue_with_primary .text ul, .promises-module-02 .promise.grey_blue_with_primary .guarantee-text {
  color: var(--primary-color);
}

@media(max-width: 1199px) {
  .promises-module-02 .promise.simple-bg {
    min-height: 600px;
  }
  .promises-module-02 .promise.large-box {
    background-image: none !important;
  }
  .promises-module-02 .promise.large-box .image-holder {
    min-height: 400px;
  }
  .promises-module-02 .promise.large-box .image-holder:after {
    top: 68%;
  }
}
@media(max-width: 767px) {
  .promises-module-02 .promise.simple-bg {
    min-height: 450px;
  }
}
@media(min-width: 768px) {
  .promises-module-02 .promise .promise-holder {
    padding: 50px 30px;
  }
  .promises-module-02 .promise .title {
    font-size: 50px;
  }
  .promises-module-02 .promise .text {
    font-size: 20px;
    line-height: 28px;
  }
  .promises-module-02 .promise .guarantee-text {
    font-size: 32px;
    line-height: 36px;
  }
  .promises-module-02 .promise.large-box .text {
    font-size: 20px;
  }
  .promises-module-02 .promise.large-box .promise-holder {
    padding: 70px 30px;
  }
}
@media(min-width: 992px) {
  .promises-module-02 .row {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -8px;
  }
  .promises-module-02 .column {
    padding: 0 8px;
    width: 50%;
  }
  .promises-module-02 .promise .promise-holder {
    padding: 60px 30px;
  }
  .promises-module-02 .promise .title {
    font-size: 64px;
    margin-bottom: 40px;
  }
}
@media(min-width: 1200px) {
  .promises-module-02 .promise .promise-holder {
    padding: 85px 40px;
  }
  .promises-module-02 .promise .text {
    font-size: 22px;
    line-height: 28px;
  }
  .promises-module-02 .promise .guarantee-text {
    font-size: 40px;
    line-height: 44px;
  }
  .promises-module-02 .promise.large-box .promise-holder {
    margin: 0 0 0 auto;
    max-width: 612px;
    padding: 70px 40px 70px 30px;
  }
  .promises-module-02 .promise.large-box::after {
    left: 4%;
    transform: rotate(90deg);
  }
  .promises-module-02 .promise.large-box {
    background-size: inherit;
    background-position: top left;
    text-align: left;
  }
  .promises-module-02 .promise.large-box .sub-heading {
    justify-content: flex-start;
  }
  .promises-module-02 .promise.large-box .image-holder {
    display: none;
  }
}
@media(min-width: 1280px) {
  .promises-module-02 .promise .promise-holder {
    padding: 85px 50px;
  }
}
.features-module {
  padding: 44px 0;
}
.features-module .container {
  padding: 0 30px;
  max-width: 1040px;
}
.features-module .sub-heading {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.2px;
  text-align: center;
  display: block;
  margin-bottom: 18px;
}
.features-module .sub-heading span {
  color: var(--primary-color);
}
.features-module h3 {
  text-align: center;
  margin-bottom: 25px;
}
.features-module .text {
  color: var(--primary-color);
  font-size: 21px;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: -0.2px;
  text-align: center;
  margin-bottom: 40px;
}
.features-module .features {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: var(--gray-blue);
  box-shadow: 2px 4px 12px 0px #00000014;
  min-height: 500px;
  border-radius: 18px;
  overflow: hidden;
  position: relative;
  height: 100%;
  z-index: 1;
}
.features-module .features .content-holder {
  padding: 0 15px;
  position: relative;
  top: -23px;
}
.features-module .features .image-holder {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  min-height: 328px;
  position: relative;
}
.features-module .features .image-holder:after {
  content: '';
  position: absolute;
  height: 121px;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0, #262A34 -0.87%, rgba(38, 42, 52, 0.77) 43.26%, rgba(38, 42, 52, 0) 100%);
}
.features-module .features .features__title {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 9px;
  letter-spacing: 0;
}
.features-module .features .features__title .icon {
  max-width: 25px;
}
.features-module .features .features__title .h7 {
  margin-bottom: 0;
  padding-left: 6px;
}
.features-module .features .content {
  font-size: 18px;
  line-height: 22px;
  min-height: 66px;
}
.features-module .features .button-list {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 9px;
}
.features-module .features .button-list .learn-more {
  color: var(--white-color);
}
.features-module .features .button-list .learn-more:hover {
  color: var(--primary-color);
}
.features-module .features .button-list .cta_button {
  padding: 6px 12px;
}

.features-module .features.large {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-end;
}
.features-module .features.large:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: 100% 130%;
  background-image: url(//19991633.fs1.hubspotusercontent-na1.net/hubfs/19991633/raw_assets/public/justfix/images/purple-ellipse.png);
  z-index: -1;
}
.features-module .features.large .large-content {
  padding: 0 15px;
}
.features-module .features.large .large-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-flow: row wrap;  
}
.features-module .features.large .large-content ul li {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.5px;
  padding: 0 0 20px 34px;
  display: block;
  width: 100%;
}
.features-module .features.large .large-content ul li:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  height: 26px;
  width: 26px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='16' fill='%23E872C8'/%3E%3Cpath d='M24.3922 12.8941C25.1242 12.0941 25.1242 11.2941 24.3922 10.4941C23.5033 9.83529 22.6144 9.83529 21.7255 10.4941L14.2745 17.2L11.2157 14.4471C10.3268 13.7882 9.43791 13.7882 8.54902 14.4471C7.81699 15.2471 7.81699 16.0471 8.54902 16.8471L12.9412 20.8C13.8301 21.4588 14.719 21.4588 15.6078 20.8L24.3922 12.8941Z' fill='white'/%3E%3C/svg%3E%0A");
}


.features-module .features-slider {
  padding-left: 30px;
}
.features-module .features-slider .slick-track {
  display: flex !important;
}
.features-module .features-slider .slick-list {
  padding: 30px 50px 30px 0;
}
.features-module .features-slider .slick-slide {
  padding: 0 10px;
  height: inherit !important;
}
.features-module .slick-arrow {
  cursor: pointer;
  margin-top: -7px;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 80px;
  width: 80px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_bdi_1755_39537)'%3E%3Ccircle cx='40' cy='36' r='26' transform='rotate(-180 40 36)' fill='%23262A34' fill-opacity='0.4' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cg clip-path='url(%23clip0_1755_39537)'%3E%3Cpath d='M43.537 45.583L34.292 36.446C34.1994 36.3552 34.1259 36.2469 34.0758 36.1274C34.0256 36.0079 33.9998 35.8796 33.9998 35.75C33.9998 35.6204 34.0256 35.4921 34.0758 35.3726C34.1259 35.2531 34.1994 35.1448 34.292 35.054L43.537 25.917C43.8092 25.6494 44.1757 25.4995 44.5575 25.4995C44.9392 25.4995 45.3057 25.6494 45.578 25.917C45.7116 26.0487 45.8177 26.2056 45.8902 26.3786C45.9626 26.5517 45.9999 26.7374 45.9999 26.925C45.9999 27.1126 45.9626 27.2983 45.8902 27.4714C45.8177 27.6444 45.7116 27.8013 45.578 27.933L37.669 35.75L45.578 43.565C45.7115 43.6968 45.8175 43.8538 45.8899 44.027C45.9623 44.2001 45.9996 44.3859 45.9996 44.5735C45.9996 44.7611 45.9623 44.9469 45.8899 45.12C45.8175 45.2932 45.7115 45.4502 45.578 45.582C45.3057 45.8496 44.9392 45.9995 44.5575 45.9995C44.1757 45.9995 43.8092 45.8506 43.537 45.583Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_bdi_1755_39537' x='0' y='0' width='80' height='80' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='2.5'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_1755_39537'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='effect1_backgroundBlur_1755_39537' result='effect2_dropShadow_1755_39537'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_1755_39537' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.133333 0 0 0 0 0.133333 0 0 0 0 0.133333 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect3_innerShadow_1755_39537'/%3E%3C/filter%3E%3CclipPath id='clip0_1755_39537'%3E%3Crect width='20.5' height='12' fill='white' transform='translate(46 25.5) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.features-module .slick-arrow.slick-next {
  right: 0;
  left: auto;
  background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_bdi_1755_39533)'%3E%3Ccircle cx='40' cy='36' r='26' fill='%23262A34' fill-opacity='0.4' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cg clip-path='url(%23clip0_1755_39533)'%3E%3Cpath d='M36.463 26.417L45.708 35.554C45.8006 35.6448 45.8741 35.7531 45.9242 35.8726C45.9744 35.9921 46.0002 36.1204 46.0002 36.25C46.0002 36.3796 45.9744 36.5079 45.9242 36.6274C45.8741 36.7469 45.8006 36.8552 45.708 36.946L36.463 46.083C36.1908 46.3506 35.8243 46.5005 35.4425 46.5005C35.0608 46.5005 34.6943 46.3506 34.422 46.083C34.2884 45.9513 34.1823 45.7944 34.1098 45.6214C34.0374 45.4483 34.0001 45.2626 34.0001 45.075C34.0001 44.8874 34.0374 44.7017 34.1098 44.5286C34.1823 44.3556 34.2884 44.1987 34.422 44.067L42.331 36.25L34.422 28.435C34.2885 28.3032 34.1825 28.1462 34.1101 27.973C34.0377 27.7999 34.0004 27.6141 34.0004 27.4265C34.0004 27.2389 34.0377 27.0531 34.1101 26.88C34.1825 26.7068 34.2885 26.5498 34.422 26.418C34.6943 26.1504 35.0608 26.0005 35.4425 26.0005C35.8243 26.0005 36.1908 26.1494 36.463 26.417Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_bdi_1755_39533' x='0' y='0' width='80' height='80' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='2.5'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_1755_39533'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='effect1_backgroundBlur_1755_39533' result='effect2_dropShadow_1755_39533'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_1755_39533' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.133333 0 0 0 0 0.133333 0 0 0 0 0.133333 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect3_innerShadow_1755_39533'/%3E%3C/filter%3E%3CclipPath id='clip0_1755_39533'%3E%3Crect width='20.5' height='12' fill='white' transform='translate(34 46.5) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

@media(min-width: 480px) {
  .features-module .features .image-holder {
    min-height: 358px;
  }
}
@media(min-width: 768px) {
  .features-module .features .content-holder {
    padding: 0 28px;
  }
  .features-module .features.large .large-content {
    padding: 0 30px;
  }
  .features-module .features.large .large-content ul li {
    font-size: 22px;
    line-height: 30px;
    padding: 0 0 28px 44px
  }
  .features-module .features.large .large-content ul li:after {
    top: -3px;
    height: 32px;
    width: 32px;
  }
  .features-module .features-slider {
    padding-left: 12%;
  }
  .features-module .features-slider .slick-list {
    padding-right: 70px;
  }
}
@media(min-width: 992px) {
  .features-module .slick-arrow {
    left: 26px;
  }
  .features-module .slick-arrow.slick-next {
    right: 26px;
    left: auto;
  }
}
@media(min-width: 1200px) {
  .features-module .features-slider {
    padding-left: 10.5%;
  }
  .features-module .features-slider .slick-list {
    padding-right: 100px;
  }
}
@media(min-width: 1440px) {
  .features-module .features-slider {
    padding-left: 12.5%;
  }
  .features-module .features-slider .slick-list {
    padding-right: 170px;
  }
}
@media(min-width: 1500px) {
  .features-module .features-slider {
    padding-left: 16.5%;
  }
}
.services-module {
  padding: 44px 0;
}
.services-module .container {
  padding: 0 30px;
  max-width: 1040px;
}
.services-module .sub-heading {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.2px;
  text-align: center;
  display: block;
  margin-bottom: 18px;
}
.services-module .sub-heading span {
  color: var(--primary-color);
}
.services-module h3 {
  text-align: center;
  margin-bottom: 25px;
}
.services-module h3 span {
  color: var(--primary-color);
}
.services-module .text {
  color: var(--primary-color);
  font-size: 21px;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: -0.2px;
  text-align: center;
  margin-bottom: 40px;
}
.services-module .services {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: var(--gray-blue);
  box-shadow: 2px 4px 12px 0px #00000014;
  min-height: 500px;
  border-radius: 18px;
  overflow: hidden;
  position: relative;
  height: 100%;
  z-index: 1;
}
.services-module .services .content-holder {
  padding: 0 15px;
  position: relative;
  top: -23px;
}
.services-module .services .image-holder {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  min-height: 328px;
  position: relative;
}
.services-module .services .image-holder:after {
  content: '';
  position: absolute;
  height: 121px;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0, #262A34 -0.87%, rgba(38, 42, 52, 0.77) 43.26%, rgba(38, 42, 52, 0) 100%);
}
.services-module .services .services__title {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 9px;
  letter-spacing: 0;
}
.services-module .services .services__title .icon {
  max-width: 25px;
}
.services-module .services .services__title .h7 {
  margin-bottom: 0;
  padding-left: 6px;
}
.services-module .services .content {
  font-size: 18px;
  line-height: 22px;
  min-height: 66px;
}
.services-module .services .button-list {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 9px;
}
.services-module .services .button-list li {
  padding: 0;
}
.services-module .services .button-list .learn-more {
  color: var(--white-color);
}
.services-module .services .button-list .learn-more:hover {
  color: var(--primary-color);
}
.services-module .services .button-list .cta_button {
  padding: 6px 12px;
}

.services-module .services.large {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-end;
}
.services-module .services.large:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: 100% 130%;
  background-image: url(//19991633.fs1.hubspotusercontent-na1.net/hubfs/19991633/raw_assets/public/justfix/images/purple-ellipse.png);
  z-index: -1;
}
.services-module .services.large .large-content {
  padding: 0 15px;
}
.services-module .services.large .large-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-flow: row wrap;  
}
.services-module .services.large .large-content ul li {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.5px;
  padding: 0 0 20px 34px;
  display: block;
  width: 100%;
}
.services-module .services.large .large-content ul li:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  height: 26px;
  width: 26px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='16' fill='%23E872C8'/%3E%3Cpath d='M24.3922 12.8941C25.1242 12.0941 25.1242 11.2941 24.3922 10.4941C23.5033 9.83529 22.6144 9.83529 21.7255 10.4941L14.2745 17.2L11.2157 14.4471C10.3268 13.7882 9.43791 13.7882 8.54902 14.4471C7.81699 15.2471 7.81699 16.0471 8.54902 16.8471L12.9412 20.8C13.8301 21.4588 14.719 21.4588 15.6078 20.8L24.3922 12.8941Z' fill='white'/%3E%3C/svg%3E%0A");
}


.services-module .services-slider {
  padding-left: 30px;
}
.services-module .services-slider .slick-track {
  display: flex !important;
}
.services-module .services-slider .slick-list {
  padding: 30px 50px 30px 0;
}
.services-module .services-slider .slick-slide {
  padding: 0 10px;
  height: inherit !important;
}
.services-module .slick-arrow {
  cursor: pointer;
  margin-top: -7px;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 80px;
  width: 80px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_bdi_1755_39537)'%3E%3Ccircle cx='40' cy='36' r='26' transform='rotate(-180 40 36)' fill='%23262A34' fill-opacity='0.4' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cg clip-path='url(%23clip0_1755_39537)'%3E%3Cpath d='M43.537 45.583L34.292 36.446C34.1994 36.3552 34.1259 36.2469 34.0758 36.1274C34.0256 36.0079 33.9998 35.8796 33.9998 35.75C33.9998 35.6204 34.0256 35.4921 34.0758 35.3726C34.1259 35.2531 34.1994 35.1448 34.292 35.054L43.537 25.917C43.8092 25.6494 44.1757 25.4995 44.5575 25.4995C44.9392 25.4995 45.3057 25.6494 45.578 25.917C45.7116 26.0487 45.8177 26.2056 45.8902 26.3786C45.9626 26.5517 45.9999 26.7374 45.9999 26.925C45.9999 27.1126 45.9626 27.2983 45.8902 27.4714C45.8177 27.6444 45.7116 27.8013 45.578 27.933L37.669 35.75L45.578 43.565C45.7115 43.6968 45.8175 43.8538 45.8899 44.027C45.9623 44.2001 45.9996 44.3859 45.9996 44.5735C45.9996 44.7611 45.9623 44.9469 45.8899 45.12C45.8175 45.2932 45.7115 45.4502 45.578 45.582C45.3057 45.8496 44.9392 45.9995 44.5575 45.9995C44.1757 45.9995 43.8092 45.8506 43.537 45.583Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_bdi_1755_39537' x='0' y='0' width='80' height='80' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='2.5'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_1755_39537'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='effect1_backgroundBlur_1755_39537' result='effect2_dropShadow_1755_39537'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_1755_39537' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.133333 0 0 0 0 0.133333 0 0 0 0 0.133333 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect3_innerShadow_1755_39537'/%3E%3C/filter%3E%3CclipPath id='clip0_1755_39537'%3E%3Crect width='20.5' height='12' fill='white' transform='translate(46 25.5) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.services-module .slick-arrow.slick-next {
  right: 0;
  left: auto;
  background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_bdi_1755_39533)'%3E%3Ccircle cx='40' cy='36' r='26' fill='%23262A34' fill-opacity='0.4' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cg clip-path='url(%23clip0_1755_39533)'%3E%3Cpath d='M36.463 26.417L45.708 35.554C45.8006 35.6448 45.8741 35.7531 45.9242 35.8726C45.9744 35.9921 46.0002 36.1204 46.0002 36.25C46.0002 36.3796 45.9744 36.5079 45.9242 36.6274C45.8741 36.7469 45.8006 36.8552 45.708 36.946L36.463 46.083C36.1908 46.3506 35.8243 46.5005 35.4425 46.5005C35.0608 46.5005 34.6943 46.3506 34.422 46.083C34.2884 45.9513 34.1823 45.7944 34.1098 45.6214C34.0374 45.4483 34.0001 45.2626 34.0001 45.075C34.0001 44.8874 34.0374 44.7017 34.1098 44.5286C34.1823 44.3556 34.2884 44.1987 34.422 44.067L42.331 36.25L34.422 28.435C34.2885 28.3032 34.1825 28.1462 34.1101 27.973C34.0377 27.7999 34.0004 27.6141 34.0004 27.4265C34.0004 27.2389 34.0377 27.0531 34.1101 26.88C34.1825 26.7068 34.2885 26.5498 34.422 26.418C34.6943 26.1504 35.0608 26.0005 35.4425 26.0005C35.8243 26.0005 36.1908 26.1494 36.463 26.417Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_bdi_1755_39533' x='0' y='0' width='80' height='80' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='2.5'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_1755_39533'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='effect1_backgroundBlur_1755_39533' result='effect2_dropShadow_1755_39533'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_1755_39533' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.133333 0 0 0 0 0.133333 0 0 0 0 0.133333 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect3_innerShadow_1755_39533'/%3E%3C/filter%3E%3CclipPath id='clip0_1755_39533'%3E%3Crect width='20.5' height='12' fill='white' transform='translate(34 46.5) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

@media(min-width: 480px) {
  .services-module .services .image-holder {
    min-height: 358px;
  }
}
@media(min-width: 768px) {
  .services-module .services .content-holder {
    padding: 0 28px;
  }
  .services-module .services.large .large-content {
    padding: 0 30px;
  }
  .services-module .services.large .large-content ul li {
    font-size: 22px;
    line-height: 30px;
    padding: 0 0 28px 44px
  }
  .services-module .services.large .large-content ul li:after {
    top: -3px;
    height: 32px;
    width: 32px;
  }
  .services-module .services-slider {
    padding-left: 12%;
  }
  .services-module .services-slider .slick-list {
    padding-right: 70px;
  }
}
@media(min-width: 992px) {
  .services-module .slick-arrow {
    left: 26px;
  }
  .services-module .slick-arrow.slick-next {
    right: 26px;
    left: auto;
  }
}
@media(min-width: 1200px) {
  .services-module .services-slider {
    padding-left: 10.5%;
  }
  .services-module .services-slider .slick-list {
    padding-right: 100px;
  }
}
@media(min-width: 1440px) {
  .services-module .services-slider {
    padding-left: 12.5%;
  }
  .services-module .services-slider .slick-list {
    padding-right: 170px;
  }
}
@media(min-width: 1500px) {
  .services-module .services-slider {
    padding-left: 16.5%;
  }
}
.service-location {
  padding: 50px 0;
}
.service-location h2 {
  text-align: center;
}
.service-location h2 span {
  color: var(--primary-color);
}
.service-location .text {
  max-width: 600px;
  margin: 0 auto 50px;
  text-align: center;
}
.service-location .row {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -8px;
}
.service-location .column {
  padding: 0 8px;
  margin-bottom: 16px;
  width: 100%;
}
.service-location .location-box {
  background-color: var(--gray-blue);
  border-radius: 18px;
  padding: 50px 20px;
  height: 100%;
}
.service-location .location-box h3 {
  color: var(--white-color);
  text-align: left;
}
.service-location .location-box h3 span {
  color: var(--white-color);
}
.service-location .location-box ul {
  list-style: none;
  padding: 0 0 0 20px;
  margin: 0 0 20px;
}
.service-location .location-box ul li {
  color: var(--primary-color);
  position: relative;
  padding: 0 0 7px 20px;
}
.service-location .location-box ul li:after {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  height: 8px;
  width: 8px;
  border-radius: 100%;
  background-color: var(--primary-color);
}

@media(min-width: 768px) {
  .service-location .column {
    width: 50%;
  }
  .service-location .location-box {
    padding: 50px 30px;
  }
}
@media(min-width: 992px) {
  .service-location .column {
    width: 50%;
  }
}
@media(min-width: 1200px) {
  .service-location .location-box {
    padding: 50px;
  }
}
.about-module {
  background-size: cover;
  background-position: 30% 50%;
  background-repeat: no-repeat;
  padding: 80px 0;
  margin: 42px 0;
}
.about-module .container {
  max-width: 1150px;
  padding: 0 30px;
}
.about-module .content {
  text-align: center;
  max-width: 505px;
}
.about-module .h8 {
  color: var(--paradise-pink);
  text-transform: uppercase;
  margin-bottom: 6px;
}
.about-module h3 {
  margin-bottom: 29px;
}
.about-module .text {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.24px;
}
.about-module .text p:not(:last-child) {
  margin-bottom: 28px;
}
.about-module .button-holder {
  margin-top: 35px;
}


@media(min-width: 768px) {
  .about-module {
    background-position: 10% 50%;
    padding: 120px 0;
  }
  .about-module .text {
    font-size: 20px;
    line-height: 26px;
  }
}
@media(min-width: 992px) {
  .about-module {
    background-position: 30% 50%;
    padding: 150px 0;
  }
  .about-module .text {
    font-size: 22px;
    line-height: 28px;
  }
}
@media(min-width: 1200px) {
  .about-module {
    background-position: 50% 50%;
    padding: 196px 0;
  }
}
.partners-module {
  background-color: var(--gray-blue);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-align: center;
  padding: 48px 0;
  margin: 60px 0;
  position: relative;
  z-index: 1;
}
.partners-module .container-lg {
  max-width: 1320px;
  padding: 0 30px;
}
.partners-module h3 {
  margin-bottom: 5px;
}
.partners-module h5 {
  color: var(--primary-color);
  letter-spacing: 0.5px;
  margin-bottom: 45px;
}
.partners-module .logo-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  margin: 0 -15px;
}
.partners-module .logo-list li {
  padding: 0 15px 30px;
}

@media(min-width: 768px) {
  .partners-module {
    padding: 72px 0 48px;
    margin-top: 80px 0 62px;
  }
}
@media(min-width: 992px) {
  .partners-module {
    padding: 72px 0 48px;
    margin: 100px 0 62px;
  }
}
.testimonial-module {
  padding: 50px 0;
}
.testimonial-module h3 {
  text-align: center;
  margin-bottom: 70px;
}
.testimonial-module .column {
  margin-bottom: 30px;
}
.testimonial-module .testimonial {
  background-color: var(--gray-blue);
  border-radius: 18px;
  padding: 40px 28px;
  text-align: center;
  height: 100%;
}
.testimonial-module .testimonial .company {
  color: var(--primary-color);
  line-height: 21px;
  display: block;
  margin-bottom: 15px;
}
.testimonial-module .testimonial .name {
  color: var(--paradise-pink);
  font-size: 32px;
  line-height: 28px;
  font-weight: 700;
  letter-spacing: 0.22px;
  display: block;
  margin-bottom: 13px;
}
.testimonial-module .testimonial .image {
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin: 0 auto 35px;
  height: 84px;
  width: 84px;
}
.testimonial-module .testimonial .quote {
  font-size: 17px;
  margin-bottom: 15px;
  line-height: 1.41;
  font-weight: 500;
}
.testimonial-module .button-holder {
  text-align: center;
  margin-top: 47px;
}

@media(min-width: 768px) {
  .testimonial-module {
    padding: 65px 0;
  }
  .testimonial-module .row {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0 -15px;
  }
  .testimonial-module .column {
    padding: 0 15px;
    width: 50%;
  }
}
@media(min-width: 1200px) {
  .testimonial-module .row {
    margin: 0 -20px
  }
  .testimonial-module .column {
    padding: 0 20px;
    width: 33.33%;
  }
}
@media(min-width: 1280px) {
  .testimonial-module .row {
    margin: 0 -30px
  }
  .testimonial-module .column {
    padding: 0 30px;
  }
}
.faq-module {
  padding: 50px 0;
}
.faq-module h3 {
  text-align: center;
  margin-bottom: 62px;
}
.accordion {
  position: relative;
  border-bottom: 1px solid var(--light-black);
}
.accordion .accordion__title {
  cursor: pointer;
  font-weight: 500;
  letter-spacing: -1.6px;
  padding: 23px 35px 23px 0;
  position: relative;
  margin: 0;
}
.accordion .accordion__title.active .icon:before {
  transform: translateX(-50%) rotate(90deg);
}
.accordion .accordion__title .icon {
  position: absolute;
  top: 18px;
  right: 0;
}
.accordion .accordion__content {
  border-radius: 0 0 8px 8px;
  display: none;
  padding-bottom: 20px;
}

@media(min-width: 768px) {
  .faq-module {
    padding: 70px 0;
  }

}
.ads-modules {
  margin-top: 68px;
  position: relative;
  z-index: 1;
}
.ads-modules .container-xl {
  padding: 0 30px;
  max-width: 1392px;
}
.ads-modules .holder {
  box-shadow: 0px 0px 16px 0px #00000080;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 50%;
  border-radius: 18px;
  padding: 40px 25px;
}
.ads-modules h5 {
  max-width: 470px;
  letter-spacing: 0.5px;
  margin-bottom: 18px;
}
.ads-modules h5 span {
  color: var(--primary-color)
}
.ads-modules .text {
  font-size: 22px;
  line-height: 28px;
  letter-spacing: -0.34px;
  max-width: 470px;
}
.ads-modules .apps-list {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -10px;
  padding-top: 24px;
}
.ads-modules .apps-list li {
  padding: 0 10px;
  line-height: 0;
}

@media(min-width: 768px) {
  .ads-modules .holder {
    background-position: 15% 50%;
    padding: 52px 30px;
  }
}
@media(min-width: 992px) {
  .ads-modules .holder {
    background-position: 0 50%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-end;
    padding: 60px 40px 52px;
  }
  .ads-modules .apps-list {
    padding-top: 0;
    position: relative;
    top: 25px;
  }
}
@media(min-width: 1200px) {
  .ads-modules .holder {
    background-position: 50% 50%;
  }
}
.claim-offer {
  padding: 50px 0;
  position: relative;
  z-index: 1;
}
.claim-offer .container-xl {
  padding: 0 30px;
  max-width: 1392px;
}
.claim-offer .holder {
  background-color: var(--gray-blue);
  background-repeat: no-repeat;
  background-position: 0 0;
  border-radius: 18px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.claim-offer .holder:after { 
  background: linear-gradient(180deg, #262A34 -0.87%, rgba(38, 42, 52, 0.86) 48.44%, rgba(38, 42, 52, 0) 100%);
  bottom: 0;
  content: "";
  left: -40%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.claim-offer .holder .bg { 
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  z-index: -1;
  width: 551px;
}
.claim-offer .content {
  max-width: 938px;
  margin: 0 0 0 auto;
  padding: 65px 25px;
}
.claim-offer .content h3 {
  margin-bottom: 5px;
}
.claim-offer .content h5 {
  color: var(--primary-color);
  letter-spacing: 0.5px;
  margin-bottom: 18px;
}
.claim-offer .content .text {
  letter-spacing: -0.2px;
}

@media(min-width: 768px) {
  .claim-offer {
    padding: 70px 0;
  }
  .claim-offer .holder:after { 
    background: linear-gradient(0, #262A34 -0.87%, rgba(38, 42, 52, 0.86) 48.44%, rgba(38, 42, 52, 0) 100%);
    transform: rotate(-90deg);
    left: 20%;
  }
}
@media(min-width: 992px) {
  .claim-offer {
    padding: 95px 0;
  }
  .claim-offer .holder:after { 
    left: 0;
  }
}
@media(min-width: 1200px) {
  .claim-offer .holder:after { 
    left: -20%;
  }
}
@media(min-width: 1280px) {
  .claim-offer .holder:after { 
    left: -30%;
  }
}
.custom-form {
  padding: 40px 0 60px;
}
.custom-form .form-holder {
  margin: 0 auto;
  max-width: 634px;
}
.investment-module .container {
  max-width: 1392px;
  padding: 0 30px;
  margin: 40px auto;
}
.investment-module .holder {
  background-color: var(--gray-blue);
  background-repeat: no-repeat;
  background-position: top left;
  text-align: center;
  border-radius: 18px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.investment-module .holder:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: linear-gradient(0, #262A34 17.95%, rgba(38, 42, 52, 0) 100%);
  z-index: -1;
}
.investment-module .content {
  max-width: 740px;
  margin: 0 auto;
  padding: 80px 20px;
}
.investment-module .logo {
  margin-bottom: 30px;
}
.investment-module .title {
  color: var(--paradise-pink);
  margin-bottom: 16px;
}
.investment-module h4 {
  margin: 0 auto 30px;
  max-width: 540px;
  letter-spacing: 0.58px;
}
.investment-module .text {
  margin: 0 auto;
  max-width: 540px; 
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.24px;
}
.investment-module .button-holder {
  margin-top: 30px;
} 

@media(min-width: 768px) {
  .investment-module .content {
    padding: 101px 20px;
  }
  .investment-module .text { 
    font-size: 20px;
    line-height: 28px;
  }
}
@media(min-width: 992px) {
  .investment-module .content {
    padding: 101px 0;
  }
  .investment-module .holder::after {
    background: linear-gradient(180deg, #262A34 17.95%, rgba(38, 42, 52, 0) 100%);
    right: -20%;
    transform: rotate(90deg);
  }
  .investment-module .content {
    margin: 0 0 0 auto;
    max-width: 620px;
    padding: 101px 0;
  }
}
@media(min-width: 1200px) {
  .investment-module .holder::after {
    right: -2%;
  }
  .investment-module .content {
    max-width: 740px;
  }
}
.investors-module {
  padding: 50px 0;
}
.investors-module .shareholder {
  background-color: var(--primary-color);
  border-radius: 18px;
  height: 100%;
  overflow: hidden;
  padding: 40px 30px;
  margin-bottom: 16px;
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
}
.investors-module .shareholder .title {
  display: block;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 1.7px;
  line-height: 1.06;
  margin-bottom: 25px;
  max-width: 450px;
}
.investors-module .shareholder .text {
  color: var(--dark-gray);
  font-size: 18px;
  letter-spacing: -.24px;
  line-height: 28px;
}
.investors-module .shareholder .text a {
  color: var(--dark-gray);
  text-decoration: underline;
}
.investors-module .shareholder .button-holder {
  margin-top: 30px;
}
.investors-module .shareholder .cta_button {
  background-color: var(--dark-gray);
  color: var(--white-color);
}

.investors-module .investors {
  background-color: var(--gray-blue);
  border-radius: 18px;
  overflow: hidden;
  padding: 30px;
  margin-bottom: 16px;
}
.investors-module .investors:last-child {
  margin: 0;
}
.investors-module .investors time {
  color: var(--paradise-pink);
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
}
.investors-module .investors .title {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 1.7px;
  line-height: 1.06;
}
.investors-module .investors .button-holder {
  margin-top: 20px;
}

@media (min-width: 768px) {
  .investors-module .shareholder .title {
    font-size: 50px;
  }
  .investors-module .shareholder .text {
    font-size: 20px;
    line-height: 26px;
  }
}
@media(min-width: 992px) {
  .investors-module .row {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -8px;
  }
  .investors-module .column {
    padding: 0 8px;
    width: 50%;
  }
  .investors-module .shareholder .title {
    font-size: 64px;
    margin-bottom: 30px;
  }
}
.video-module {
  padding: 62px 0;
  text-align: center;
}
.video-module h3 {
  margin-bottom: 50px;
}
.video-module h3 span {
  color: var(--primary-color);
}
.video-module .video-holder {
  border-radius: 18px;
  overflow: hidden;
}
.video-module .oembed_container, .video-module .embed_container {
  display: inline-block;
  height: 100%;
  position: relative;
  width: 100%;
}
.video-module .oembed_container .iframe_wrapper > * {
  height: 100%;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.video-module .iframe_wrapper {
  height: 0;
  padding-bottom: 54.25%;
  padding-top: 25px;
  position: relative;
}
.video-module .embed_container iframe {
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
}

.video-module .hs-video-widget .hs-video-wrapper {
  padding-bottom: 54.55% !important;
}

@media(min-width: 992px) {
  .video-module {
    padding: 92px 0;
  }
  .video-module h3 {
    margin-bottom: 70px;
  }
}
.apps-module {
  padding: 62px 0;
}
.apps-module h2 {
  text-align: center;
  margin-bottom: 30px;
}
.apps-module h2 span {
  color: var(--primary-color);
}
.apps-module .container {
  max-width: 1392px;
  padding: 0 30px;
  margin: 0 auto;
}
.apps-module .column {
  margin-bottom: 20px;
}
.apps-module .holder {
  background-color: var(--gray-blue);
  border-radius: 18px;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
.apps-module .bg {
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
.apps-module .bg:after {
  content: '';
  position: absolute; 
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: linear-gradient(180deg, #262A34 17.95%, rgba(38, 42, 52, 0) 100%);
  z-index: -1;
}
.apps-module .content {
  margin: 0 auto;
  padding: 80px 20px;
}
.apps-module .logo {
  margin-bottom: 12px;
}
.apps-module .title {
  color: var(--paradise-pink);
  margin-bottom: 16px;
}
.apps-module h4 {
  margin-bottom: 27px;
  letter-spacing: 0.58px;
}
.apps-module .text {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.24px;
}
.apps-module .text ul {
  list-style: none;
  padding: 0;
  margin: 0 0 15px 0;
}
.apps-module .text ul li {
  position: relative;
  padding: 0 0 10px 30px;
}
.apps-module .text ul li:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 0;
  width: 24px;
  height: 24px;
  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='M19 5V19H5V5H19ZM19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3Z' fill='%236C7D84'/%3E%3Cpath d='M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM19 19H5V5H19V19ZM17.99 9L16.58 7.58L9.99 14.17L7.41 11.6L5.99 13.01L9.99 17L17.99 9Z' fill='%2350D7C8'/%3E%3C/svg%3E%0A");
}
.apps-module .apps-list {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -10px;
  padding-top: 34px;
}
.apps-module .apps-list li {
  padding: 0 10px 10px;
  line-height: 0;
}

.apps-module .features {
  background-color: var(--primary-color);
  border-radius: 18px;
  padding: 40px 20px 24px;
  height: 100%;
}
.apps-module .features h4 {
  margin-bottom: 13px;
}
.apps-module .features h4 span {
  color: var(--dark-gray);
}
.apps-module .features .features_text {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.24px;
  color: var(--dark-gray);
} 
.apps-module .features .features_text ol {
  list-style: none;
  padding: 16px 0 0;
  margin: 0;
  list-style: none;
  counter-reset: my-awesome-counter;
}
.apps-module .features .features_text ol li {
  padding: 0 0 26px 38px;
  counter-increment: my-awesome-counter;
  position: relative;
}
.apps-module .features .features_text ol li::before {
  content: counter(my-awesome-counter) ". ";
  color: var(--white-color);
  font-weight: 700;
  font-size: 40px;
  line-height: 44px;
  letter-spacing: -0.58px;
  position: absolute;
  top: 0;
  left: 0;
}

.apps-module .about {
  background-color: var(--gray-blue);
  border-radius: 18px;
  padding: 40px 20px 24px;
  height: 100%;
}
.apps-module .about h4 {
  color: var(--paradise-pink);
  margin-bottom: 25px;
}
.apps-module .about h4 span {
  color: var(--dark-gray);
}
.apps-module .about .about_text {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.24px;
} 

@media(min-width: 768px) {
  .apps-module .content {
    padding: 80px 20px;
  }
  .apps-module .text { 
    font-size: 20px;
    line-height: 28px;
  }
  .apps-module .features .features_text {
    font-size: 20px;
    line-height: 28px;
  }
  .apps-module .about .about_text {
    font-size: 20px;
    line-height: 28px;
  }
  .apps-module .features {
    padding: 40px 30px 24px;
  }
  .apps-module .about {
    padding: 40px 30px 24px;
  }
}
@media(min-width: 992px) {
  .apps-module h2 {
    margin-bottom: 50px;
  }
  .apps-module .bg {
    width: 67%;
  }
  .apps-module .bg::after {
    right: -20%;
    transform: rotate(90deg);
  }
  .apps-module .row {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -10px;
  }
  .apps-module .column {
    padding: 0 10px;
    width: 50%;
  }
  .apps-module .column:first-child {
    width: 100%;
  }
  .apps-module .features {
    padding: 40px 20px 24px;
  }
  .apps-module .about {
    padding: 40px 20px 24px;
  }
}
@media(min-width: 1200px) {
  .apps-module .bg::after {
    right: -30%; 
  }
  .apps-module .content {
    margin: 0 0 0 auto;
    max-width: 550px;
    padding: 80px 80px 80px 20px;
  }
  .apps-module .about .about_text {
    font-size: 22px;
    line-height: 28px;
  }
  .apps-module .about .about_text {
    font-size: 22px;
    line-height: 28px;
  }
  .apps-module .features {
    padding: 47px 40px 24px;
  }
  .apps-module .about {
    padding: 78px 40px 24px;
  }
}
@media(min-width: 1366px) {
  .apps-module .content {
    max-width: 600px;
  }
  .apps-module .features {
    padding: 47px 62px 24px;
  }
  .apps-module .about {
    padding: 78px 62px 24px;
  }
}
.fixer-registration {
  padding: 26px 0;
}
.fixer-registration .holder {
  background-color: var(--gray-blue);
  border-radius: 18px;
  overflow: hidden;
}
.fixer-registration .content {
  text-align: center;
  padding: 33px 20px;
}
.fixer-registration .icon {
  display: block;
  margin-bottom: 9px;
}
.fixer-registration .h8 {
  color: var(--paradise-pink);
  margin-bottom: 10px;
}
.fixer-registration .text {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -.24px;
  line-height: 26px;
  margin: 0 auto;
}
.fixer-registration .button-holder {
  margin-top: 31px;
}
.fixer-registration .cta_button {
  padding: 9px 45px;
}
.fixer-registration .image-holder {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 100%;
  min-height: 280px;
  position: relative;
  z-index: 1;
}
.fixer-registration .image-holder:after {
  content: '';
  position: absolute;
  top: 58%;
  left: 0;
  right: 0;
  height: 148px;
  background: linear-gradient(0, #262A34 17.95%, rgba(38, 42, 52, 0.92) 33.27%, rgba(38, 42, 52, 0) 100%);
  z-index: -1;
}

@media(min-width: 768px) {
  .fixer-registration .text {
    font-size: 20px;
    line-height: 28px;
  }
  .fixer-registration .image-holder {
    min-height: 388px;
  }
  .fixer-registration .image-holder:after {
    top: 68%;
  }
}
@media(min-width: 992px) {
  .fixer-registration .row {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -15px;
  }
  .fixer-registration .column {
    padding: 0 15px;
    width: 50%;
  }
  .fixer-registration .image-holder:after {
    display: none;
  }
  .fixer-registration .text {
    max-width: 420px;
  }
}
@media(min-width: 1200px) {
  .fixer-registration .column:nth-child(1) {
    width: 52.2%;
  }
  .fixer-registration .column:nth-child(2) {
    width: 47.8%;
  }
  .fixer-registration .text {
    font-size: 22px;
    line-height: 28px;
  }
}
.job-facilities {
  padding: 50px 0;
}
.job-facilities h3 {
  text-align: center;
  margin-bottom: 50px;
}
.job-facilities h3 span {
  color: var(--primary-color);
}
.job-facilities .column {
  margin-bottom: 16px;
}
.job-facilities .column.large-box {
  width: 100%;
}
.job-facilities .facilities {
  background-color: var(--gray-blue);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 18px;
  height: 100%;
  padding: 50px 20px;
  overflow: hidden;
  min-height: 500px;
  position: relative;
  z-index: 1;
}
.job-facilities .facilities.shadow:after {
  content: '';
  position: absolute;
  top: 23%;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, #262A34 0%, rgba(38, 42, 52, 0) 100%);
  z-index: -1;
}
.job-facilities .facilities .icon {
  display: block;
}
.job-facilities .facilities .title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: 1.7px;
  max-width: 500px;
  display: block;
}
.job-facilities .facilities .text {
  font-size: 18px;
  line-height: 26px;
  max-width: 440px;
  margin-top: 24px;
}
.job-facilities .facilities.large-box {
  display: flex;
  align-items: flex-start;
  flex-flow: column wrap;
  justify-content: center;
  background-size: inherit;
  background-position: top right;
  padding: 80px 20px;
}
.job-facilities .facilities.large-box:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: linear-gradient(0, #262A34 -0.87%, rgba(38, 42, 52, 0.86) 48.44%, rgba(38, 42, 52, 0) 100%);
  z-index: -1;
}
.job-facilities .facilities.large-box .icon {
  margin-bottom: 14px;
}

.job-facilities .facilities.small-box.color {
  color: var(--dark-gray);
  padding: 80px 20px;
}
.job-facilities .facilities.small-box.color .icon {
  text-align: center;
  margin-bottom: 30px;
}
.job-facilities .facilities.small-box.color .title {
  color: var(--dark-gray);
  margin-bottom: 15px;
}
.job-facilities .facilities.small-box.image {
  background-position: 50% 100%;
  background-size: auto;
}


@media(min-width: 480px) {
  .job-facilities .facilities {
    padding: 60px 30px;
  }
  .job-facilities .facilities.large-box {
    padding: 80px 30px;
  }
  .job-facilities .facilities.small-box.color {
    padding: 80px 30px;
  }
}
@media(min-width: 576px) {
  .job-facilities .text {
    font-size: 20px;
  }
}
@media(min-width: 768px) {
  .job-facilities {
    padding: 90px 0;
  }
  .job-facilities .row {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -8px;
  }
  .job-facilities .column {
    padding: 0 8px;
    width: 50%;
  }
  .job-facilities h3 {
    margin-bottom: 73px;
  }
  .job-facilities .facilities {
    padding: 50px 30px;
  }
  .job-facilities .facilities .title {
    font-size: 44px;
  }
  .job-facilities .facilities .text {
    font-size: 20px;
    line-height: 28px;
  }
  .job-facilities .facilities.shadow:after {
    top: 22%;
  }
  .job-facilities .facilities.large-box {
    padding: 100px 40px;
  }
  .job-facilities .facilities.small-box.color {
    padding: 80px 30px;
  }
  .job-facilities .facilities.large-box::after {
    transform: rotate(90deg);
    left: -30%;
  }
}
@media(min-width: 992px) {
  .job-facilities .facilities {
    padding: 50px;
  }
  .job-facilities .facilities .title {
    font-size: 64px;
  }
  .job-facilities .facilities.shadow:after {
    top: 33%;
  }
  .job-facilities .facilities.large-box {
    padding: 120px 59px;
  }
  .job-facilities .facilities.small-box.color {
    padding: 100px 50px;
  }
  .job-facilities .facilities.large-box::after {
    left: 0;
  }
}
@media(min-width: 1200px) {
  .job-facilities .facilities {
    padding: 48px 63px;
  }
  .job-facilities .facilities .text {
    font-size: 22px;
    line-height: 28px;
  }
  .job-facilities .facilities.shadow:after {
    top: 44%;
  }
  .job-facilities .facilities.large-box {
    padding: 107px 59px 132px;
  }
  .job-facilities .facilities.large-box::after {
    left: 10%;
  }
  .job-facilities .facilities.small-box.color {
    padding: 153px 50px;
  }
}
.related-services {
  padding: 50px 0;
}
.related-services h2 {
  text-align: center;
  margin-bottom: 50px;
}
.related-services h2 span {
  color: var(--primary-color);
}
.related-services .row {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 0 -15px;
}
.related-services .column {
  padding: 0 15px;
  margin-bottom: 30px;
  width: 100%;
}

.related-services .services {
  background-color: var(--gray-blue);
  border-radius: 18px;
  overflow: hidden;
}
.related-services .services .image-holder {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  min-height: 314px;
}
.related-services .services .content-holder {
  padding: 20px;
}
.related-services .services .title {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 9px;
  letter-spacing: 0;
}
.related-services .services .title .icon {
  max-width: 25px;
}
.related-services .services .title .h7 {
  margin-bottom: 0;
  padding-left: 6px;
}
.related-services .services .content {
  font-size: 18px;
  line-height: 22px;
  min-height: 66px;
}
.related-services .services .button-list {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 9px;
}
.related-services .services .button-list li {
  padding: 0;
}
.related-services .services .button-list .learn-more {
  color: var(--white-color);
}
.related-services .services .button-list .learn-more:hover {
  color: var(--primary-color);
}
.related-services .services .button-list .cta_button {
  padding: 6px 12px;
}


@media(min-width: 768px) {
  .related-services .column {
    width: 50%;
  }
}
@media(min-width: 992px) {
  .related-services .column {
    width: 33.33%;
  }
}
.how-it-works {
  padding: 50px 0;
}
.how-it-works h2 {
  text-align: center;
  margin-bottom: 50px;
}
.how-it-works h2 span {
  color: var(--primary-color);
}
.how-it-works .work-box {
  background-color: var(--gray-blue); 
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  border-radius: 18px;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.how-it-works .work-box:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg,#262a34 17.95%,rgba(38,42,52,0));
  z-index: -1;
}
.how-it-works .work-box .image-holder {
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 360px;
  position: relative;
  z-index: 1;
}
.how-it-works .work-box .image-holder:after {
  background: linear-gradient(0,#262a34 17.95%,rgba(38,42,52,.92) 33.27%,rgba(38,42,52,0));
  content: "";
  height: 148px;
  left: 0;
  position: absolute;
  right: 0;
  top: 68%;
  z-index: -1;
}
.how-it-works .work-box .box-holder {
  padding: 50px 20px;
}
.how-it-works .work-box .icon {
  display: block;
}
.how-it-works .work-box .title {
  font-size: 40px;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: 0.92px;
  max-width: 100%;
  margin-bottom: 24px;
  display: block;
}
.how-it-works .work-box .title span {
  color: var(--paradise-pink);
}
.how-it-works .work-box .sub-heading {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  justify-content: center;
  margin-bottom: 10px;
}
.how-it-works .work-box .sub-heading .sub-title {
  color: var(--paradise-pink);
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.24px;
  padding-left: 10px;
}
.how-it-works .work-box .text {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.24px;
}
.how-it-works .work-box .text ul {
  color: var(--paradise-pink);
  margin: 29px 0;
  padding-left: 32px;
}
.how-it-works .work-box .text ul li {
  padding-bottom: 7px;
}
.how-it-works .work-box .button-holder {
  margin-top: 30px;
}

@media(max-width: 1199px) {
  .how-it-works .work-box {
    background-image: none !important;
  }
  .how-it-works .work-box .image-holder {
    min-height: 400px;
  }
  .how-it-works .work-box .image-holder:after {
    top: 68%;
  }
}
@media(min-width: 768px) {
  .how-it-works .work-box .text {
    font-size: 20px;
    line-height: 28px;
  }
  .how-it-works .work-box .text {
    font-size: 20px;
  }
}
@media(min-width: 1200px) {
  .how-it-works .row {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -8px;
  }
  .how-it-works .column {
    padding: 0 8px;
    width: 50%;
  }
  .how-it-works .work-box {
    background-size: inherit;
    background-position: top left;
    text-align: left;
  }
  .how-it-works .work-box::after {
    left: 14%; 
    transform: rotate(90deg);
  }
  .how-it-works .work-box .sub-heading {
    justify-content: flex-start;
  }
  .how-it-works .work-box .box-holder {
    margin: 0 0 0 auto;
    max-width: 652px;
    padding: 70px 40px 70px 30px;
  }
  .how-it-works .work-box .image-holder {
    display: none;
  }
  .how-it-works .work-box .text {
    font-size: 22px;
    line-height: 28px;
  }
}

@media(min-width: 1366px) {
  .how-it-works .work-box::after {
    left: 4%; 
  }
}
.why-us {
  padding: 50px 0;
}
.why-us h2 {
  text-align: center;
  margin-bottom: 50px;
}
.why-us h2 span {
  color: var(--primary-color);
}
.why-us .row {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 0 -15px;
}
.why-us .row .column {
  padding: 0 15px;
  margin-bottom: 30px;
  width: 100%;
}
.why-us .feature {
  text-align: center;
}
.why-us .feature .icon {
  margin-bottom: 15px;
}


@media(min-width: 768px) {
  .why-us .row .column {
    width: 50%;
  }
}
@media(min-width: 992px) {
  .why-us .row .column {
    width: 33.33%;
  }
}
@media(min-width: 1200px) {
  .why-us .row .column {
    width: 25%;
  }
}
.service-info {
  padding: 50px 0;
  text-align: center;
}
.service-info h2 {
  margin-bottom: 30px;
}
.service-info h2 span {
  color: var(--primary-color);
}
.service-info .text {
  margin: 0 auto 50px; 
  max-width: 850px;
}
.service-info .sub-heading {
  margin-bottom: 50px; 
  display: block;
}
.service-info .row {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -8px;
}
.service-info .column {
  padding: 0 8px;
  margin-bottom: 16px;
  width: 100%;
}
.service-info .column:nth-child(even) .content {
  background-color: var(--gray-blue);
  color: var(--white-color);
}
.service-info .column:nth-child(odd) .content {
  background-color: var(--primary-color);
  color: var(--dark-gray);
}
.service-info .content {
  font-weight: 700;
  letter-spacing: 0.5px;
  border-radius: 18px;
  padding: 30px 15px;
  overflow: hidden;
  text-align: left;
}
.service-info .content ul li:last-child {
  padding: 0;
}


@media(min-width: 768px) {
  .service-info .content {
    font-size: 20px;
    line-height: 28px;
    padding: 30px 20px;
  }
}
@media(min-width: 992px) {
  .service-info .column {
    width: 50%;
  }
}
@media(min-width: 1200px) {
  .service-info .content {
    font-size: 22px;
    line-height: 30px;
    padding: 30px;
  }
}
.subscription-info {
  padding: 50px 0 80px;
}
.subscription-info .subscription {
  background-color: var(--gray-blue); 
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 18px;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  text-align: center;
}
.subscription-info .subscription:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg,#262a34 17.95%,rgba(38,42,52,0));
  z-index: -1;
}
.subscription-info .subscription h2 span {
  color: var(--paradise-pink);
}
.subscription-info .subscription h3 span {
  color: var(--primary-color);
}
.subscription-info .subscription .text {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.24px;
  max-width: 510px;
  margin: 0 auto;
}
.subscription-info .subscription .subscription-holder {
  padding: 50px 20px;
}
.subscription-info .subscription .image-holder {
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 360px;
  position: relative;
  z-index: 1;
}
.subscription-info .subscription .image-holder:after {
  background: linear-gradient(0,#262a34 17.95%,rgba(38,42,52,.92) 33.27%,rgba(38,42,52,0));
  content: "";
  height: 148px;
  left: 0;
  position: absolute;
  right: 0;
  top: 68%;
  z-index: -1;
}

@media(max-width: 1199px) {
  .subscription-info .subscription {
    background-image: none !important;
  }
  .subscription-info .subscription .image-holder {
    min-height: 400px;
  }
  .subscription-info .subscription .image-holder:after {
    top: 68%;
  }
}
@media(min-width: 768px) {
  .subscription-info .subscription .subscription-holder {
    padding: 70px 30px;
  }
  .subscription-info .subscription .title {
    font-size: 50px;
  }
  .subscription-info .subscription .text {
    font-size: 20px;
    line-height: 28px;
    margin: 0;
  }
  .subscription-info .subscription .guarantee-text {
    font-size: 32px;
    line-height: 36px;
  }
}
@media(min-width: 992px) {
  .subscription-info .subscription .subscription-holder {
    padding: 60px 30px;
  }
}
@media(min-width: 1200px) {
  .subscription-info .subscription {
    background-size: inherit;
    background-position: top left;
    text-align: left;
  }
  .subscription-info .subscription::after {
    left: -12%;
    transform: rotate(90deg);
  }
  .subscription-info .subscription .subscription-holder {
    margin: 0 0 0 auto;
    max-width: 766px;
    padding: 85px 40px;
  }
  .subscription-info .subscription .text {
    font-size: 22px;
    line-height: 28px;
  }
  .subscription-info .subscription .image-holder {
    display: none;
  }
}
@media(min-width: 1280px) {
  .subscription-info .subscription .subscription-holder {
    padding: 122px 50px 90px;
  }
}
.subscription-features {
  padding: 70px 0;
}
.subscription-features h2 {
  text-align: center;
  margin: 0 auto 50px;
  max-width: 800px;
}
.subscription-features .row {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -10px;
}
.subscription-features .column {
  padding: 0 10px;
  margin-bottom: 20px;
  width: 100%;
}
.subscription-features .column:first-child .features-box {
  background-color: var(--primary-color);
  color: var(--dark-gray);
}
.subscription-features .column:first-child .features-box h2 {
  color: var(--dark-gray);
  margin-bottom: 13px;
}
.subscription-features .column:first-child .features-box h2 span {
  color: var(--white-color);
}
.subscription-features .column:last-child .features-box {
  background-color: var(--gray-blue);
  color: var(--white-color);
  padding: 60px 40px;
}
.subscription-features .column:last-child .features-box h2 {
  color: var(--paradise-pink);
}
.subscription-features .features-box {
  border-radius: 18px;
  text-align: left;
  padding: 50px 20px;
  height: 100%;
}
.subscription-features .features-box h2 {
  text-align: left;
  margin: 0;
  max-width: 100%;
}
.subscription-features .features-box .text {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  letter-spacing: -0.24px;
}
.subscription-features .features-box .text ul {
  list-style: none;
  padding: 0;
  margin: 39px 0 0;
}
.subscription-features .features-box .text ul li {
  font-size: 24px;
  line-height: 32px;
  padding: 0 0 20px 40px;
  position: relative;
}
.subscription-features .features-box .text ul li:last-child {
  padding-bottom: 0;
}
.subscription-features .features-box .text ul li:after {
  content: '';
  position: absolute;
  top: 9px;
  left: 0;
  height: 20px;
  width: 27px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='25' viewBox='0 0 32 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.9629 6.40621C32.3457 4.63538 32.3457 2.86456 30.9629 1.09374C29.284 -0.364581 27.6051 -0.364581 25.9258 1.09374L11.8518 15.9374L6.07405 9.84368C4.39505 8.38536 2.71604 8.38536 1.03704 9.84368C-0.34568 11.6145 -0.34568 13.3853 1.03704 15.1561L9.33332 23.9063C11.0123 25.3646 12.6913 25.3646 14.3704 23.9063L30.9629 6.40621Z' fill='white'/%3E%3C/svg%3E%0A");
}

@media(min-width: 768px) {
  .subscription-features .features-box .text {
    font-size: 20px;
    line-height: 28px;
  }
  .subscription-features .features-box .text ul li {
    font-size: 28px;
    line-height: 36px;
  }
}
@media(min-width: 992px) {
  .subscription-features h2 {
    margin-bottom: 80px;
  }
  .subscription-features .column {
    width: 50%;
    margin: 0;
  }
  .subscription-features .features-box {
    padding: 50px 30px;
  }
  .subscription-features .column:last-child .features-box {
    padding: 90px 70px;
  }
}
@media(min-width: 1200px) {
  .subscription-features h2 {
    margin-bottom: 126px;
  }
  .subscription-features .features-box {
    padding: 50px 45px;
  }
  .subscription-features .features-box .text {
    font-size: 22px;
    line-height: 28px;
  }
  .subscription-features .column:last-child .features-box {
    padding: 110px 90px;
  }
  .subscription-features .column:last-child .features-box h2 {
    font-size: 80px;
    line-height: 96px;
  }
  .subscription-features .features-box .text ul li {
    font-size: 40px;
    line-height: 44px;
    letter-spacing: 0.92px;
    padding: 0 0 28px 53px;
  }
  .subscription-features .features-box .text ul li:after {
    height: 25px;
    width: 32px;
  }
}
@media(min-width: 1440px) {
  .subscription-features .column:last-child .features-box {
    padding: 110px 130px;
  }
}
.pricing-module {
  padding: 67px 0;
}
.pricing-module .tabs-nav {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  max-width: 268px;
  margin: 0 auto 15px;
  background-color: var(--gray-blue);
  border-radius: 50px;
  padding: 5px;
}
.pricing-module .tabs-nav li {
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  padding: 0;
  width: 50%;
}
.pricing-module .tabs-nav li.active a {
  background-color: var(--primary-color);
  color: var(--deep-purple);
}
.pricing-module .tabs-nav li a {
  background-color: transparent;
  border-radius: 50px;
  color: var(--white-color);
  padding: 15px;
  display: block;
}
.pricing-module .tab-content {
  display: none;
}

.pricing-module .desktop-content {
  display: none;
}
.pricing-module .text {
  font-size: 24px;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: -0.58;
  text-align: center;
  margin-bottom: 30px;
}
.pricing-module .text span {
  color: var(--primary-color);
}
.pricing-module .row {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -10px;
}
.pricing-module .column {
  padding: 0 10px;
  margin-bottom: 20px;
  width: 100%;
}
.pricing-module .service-box {
  background-color: var(--gray-blue);
  border-radius: 18px;
  overflow: hidden;
  margin-bottom: 20px;
  height: 100%;
}
.pricing-module .service-box .service-box__title {
  background-color: var(--primary-color);
  color: var(--dark-gray);
  font-size: 28px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.5px;
  text-align: center;
  padding: 20px;
  width: 100%;
}
.pricing-module .service-box .service-box__title span {
  display: block;
}
.pricing-module .service-box .features li {
  padding: 0 0 15px 30px;
  position: relative;
}
.pricing-module .service-box .features li:after {
  content: '';
  position: absolute;
  top: 7px;
  left: 0;
  height: 13px;
  width: 18px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='17' viewBox='0 0 22 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.287 4.35622C22.2377 3.15206 22.2377 1.9479 21.287 0.743745C20.1328 -0.247915 18.9785 -0.247915 17.824 0.743745L8.14813 10.8374L4.17591 6.6937C3.0216 5.70204 1.86728 5.70204 0.712965 6.6937C-0.237655 7.89786 -0.237655 9.10202 0.712965 10.3062L6.41666 16.2563C7.57097 17.2479 8.72529 17.2479 9.87963 16.2563L21.287 4.35622Z' fill='%23E872C8'/%3E%3C/svg%3E%0A");
}
.pricing-module .service-box .service-box__content {
  padding: 20px 25px;
  width: 100%;
}
.pricing-module .service-box .call-outs {
  padding: 0 0 15px 30px;
  position: relative;
}
.pricing-module .service-box .call-outs .numbers {
  color: var(--paradise-pink);
  position: absolute;
  top: 0;
  left: 4px;
  font-size: 26px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.5px;
  display: inline-block;
}
.pricing-module .service-box .price {
  border-top: 1px solid var(--light-black);
  font-size: 34px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-align: center;
  margin-top: 20px;
  padding-top: 30px;
}
.pricing-module .service-box .price span {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  display: block;
  margin-top: 10px;
}
.pricing-module .service-box .button-holder {
  text-align: center;
  margin-top: 20px;
}
.pricing-module .service-box .button-holder .cta_button {
  display: block;
}


.pricing-module .table {
  background-color: var(--gray-blue);
  border-radius: 18px;
  overflow: hidden;
  width: 100%;
}
.pricing-module .table thead tr {
  background-color: var(--primary-color);
  color: var(--dark-gray);
}
.pricing-module .table thead tr th {
  font-size: 24px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.5px;
  text-align: center;
  padding: 15px;
  width: 13%;
  border: solid var(--light-black);
  border-width: 0 1px 1px 0;
  vertical-align: middle;
}
.pricing-module .table thead tr th:last-child {
  border-right: none;
}
.pricing-module .table thead tr th:nth-child(1) {
  font-size: 44px;
  line-height: 48px;
  text-align: left;
  padding: 15px 30px;
  width: 48%;
}
.pricing-module .table thead tr th span {
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.24px;
  text-align: center;
  display: block;
}
.pricing-module .table tbody tr:last-child td {
  border-bottom: none;
}
.pricing-module .table tbody tr td {
  text-align: center;
  vertical-align: middle;
  border: solid var(--light-black);
  border-width: 0 1px 1px 0;
  padding: 18px;
}
.pricing-module .table tbody tr td:last-child {
  border-right: none;
}
.pricing-module .table tbody tr td:nth-child(1) {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.24px;
  text-align: left;
  padding: 18px 28px;
}
.pricing-module .table tbody tr td.number {
  color: var(--paradise-pink);
  font-size: 36px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.5px;
  text-align: center;
}
.pricing-module .table tbody tr td.title {
  font-size: 36px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -0.58px;
  text-align: left;
}
.pricing-module .table tbody tr td.title span {
  color: var(--primary-color);
}
.pricing-module .table tbody tr td.price {
  font-size: 30px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-align: center;
}
.pricing-module .table tbody tr td.price span {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  display: block;
  margin-top: 10px;
}
.pricing-module .table tbody tr td .button-holder {
  margin-top: 15px;
}
.pricing-module .table tbody tr td .button-holder .cta_button {
  padding: 9px 16px;
}


@media(min-width: 992px) {
  .pricing-module .column {
    width: 50%;
  }
}
@media(min-width: 1024px) {
  .pricing-module .mobile-content {
    display: none;
  }
  .pricing-module .desktop-content {
    display: block;
  }
  .pricing-module .tabs-content {
    margin-top: 40px;
  }
}
.reviews {
  padding: 50px 0;
}
.reviews h2 {
  margin-bottom: 50px;
  text-align: center;
}
.reviews .widget .profile-link {
  color: var(--white-color);
}

.reviews .grid iframe {
  height: 850px !important;
}
.tp-widget-reviews-filter-label {
  color: var(--white-color) !important;
}
.singup-module {
  text-align: center;
  padding: 24px 0 48px;
}
.singup-module h3 span {
  color: var(--primary-color);
}
.singup-module .button-holder {
  margin-top: 26px;
}
/* Pagination */

.hs-pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 20px;
}

/* Pagination links */

.hs-pagination__link {
  border: 2px solid var(--primary-color);
  border-radius: 100%;
  height: 40px;
  width: 40px;
  align-items: center;
  justify-content: center;
  display: flex;
  margin-right: 0.7rem;
}

.hs-pagination__link.disabled {
  opacity: 0.6;
  pointer-events: none;
}

.hs-pagination__link:last-child {
  margin-right: 0;
}

.hs-pagination__link,
.hs-pagination__link:hover,
.hs-pagination__link:focus,
.hs-pagination__link:active {
  text-decoration: none;
}

.hs-pagination__link--text-and-icon.hs-pagination__link--first > .hs-pagination__link-icon,
.hs-pagination__link--text-and-icon.hs-pagination__link--prev > .hs-pagination__link-icon {
  margin-right: 0.25rem;
}

.hs-pagination__link--text-and-icon.hs-pagination__link--last > .hs-pagination__link-icon,
.hs-pagination__link--text-and-icon.hs-pagination__link--next > .hs-pagination__link-icon {
  margin-left: 0.25rem;
}

.hs-pagination__link-icon {
  display: inline-flex;
}

.hs-pagination__link-icon svg {
  fill: var(--primary-color);
  height: 20px;
  width: 20px;
}

.hs-pagination__link--number {
  padding: 0.25rem 0.5rem;
}

@media (max-width: 767px) {
  .hs-pagination__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;
  }
}


@media(min-width: 992px) {
  .hs-pagination__link {
    height: 50px;
    margin-right: 1rem;
    width: 50px;
  }
  .hs-pagination__link-icon svg {
    height: 26px;
    width: 26px;
  }
}
.systems-page--search-results .container {
  padding: 0 30px;
}
#search-input-module-form {
  background-color: var(--gray-blue);
  padding: 30px 0;
}
#search-input-module-form .hs-search-field {
  position: relative;
}
#search-input-module-form .icon-search {
  cursor: pointer;
  left: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  line-height: 0;
}
#search-input-module-form .search-clear {
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
#search-input-module-form .hs-search-field__input {
  padding: 10px 45px;
  border-radius: 8px;
  box-shadow: 0 0 14px 0 #00000066;
}
.results-showing {
  margin-top: 50px;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left;

}

.hs-search-results {
  padding: 50px 0;
}
.hs-search-results__listing {
  list-style: none;
  padding: 0;
  margin: 0; 
}
.hs-search-results__listing li { 
  width: 100%;
  padding-bottom: 40px;
}
.hs-search-results__listing .listing-post {
  padding-bottom: 40px;
  text-align: left;
  border-bottom: 1px solid #333F48;
}
.hs-search-results__listing .listing-post .listing-post__image {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  height: 168px;
  margin-bottom: 15px;
  border-radius: 18px;
  overflow: hidden;
  display: block;
  width: 100%;
}
.hs-search-results__listing .listing-post .listing-post__image img {
  object-fit: cover;
  height: 100%;
  object-position: top;
  width: 100%;
}
.hs-search-results__listing .listing-post .listing-post__info {
  width: 100%;
}
.hs-search-results__listing .listing-post .listing-post__title {
  color: var(--white-color);
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0px;
  text-align: left;
  text-decoration: none;
  transition: all 0.4s ease-in-out;
  margin-bottom: 15px;
  display: block;
}
.hs-search-results__listing .listing-post .hs-search-results__description {
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5; /* number of lines to show */
  line-clamp: 5; 
  -webkit-box-orient: vertical;
}

@media(min-width: 768px) {
  .hs-search-results__listing .listing-post {
    display: flex;
    flex-flow: row wrap;
  }
  .hs-search-results__listing .listing-post .listing-post__image {
    width: 300px;
    margin: 0;
  }
  .hs-search-results__listing .listing-post .listing-post__info {
    width: calc(100% - 300px);
    padding-left: 30px;
  }
}
.footer {
  background-color: var(--gray-blue);
  padding: 162px 0;
  margin-top: -78px;
}
.footer .container {
  padding: 0 30px;
  max-width: 1040px;
}
.footer .column {
  margin-bottom: 15px;
}
.footer .column:last-child {
  margin: 0;
}
.footer .column:nth-child(1) {
  margin-bottom: 30px;
}
.footer .logo {
  margin-bottom: 7px;
}
.footer .address {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.37px;
}
.footer .title {
  display: block;
  font-size: 21px;
  line-height: 20px;
  letter-spacing: -0.37px;
  margin-bottom: 24px;
}
.footer .footer-links li {
  font-size: 17px;
  line-height: 21px;
  letter-spacing: -0.37px;
  padding-bottom: 16px;
}
.footer .footer-links li a {
  color: var(--white-color);
}
.footer .footer-links li a:hover {
  color: var(--primary-color);
}
.footer .social-networks {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  margin: 0 -12px;
  padding-top: 50px;
}
.footer .social-networks li {
  padding: 0 12px 8px;
}
.footer .social-networks li a:hover svg path {
  fill: var(--primary-color);
}
.footer .copyright {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.37px;
  text-align: center;
}

@media(min-width: 768px) {
  .footer .row {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -15px;
  }
  .footer .column {
    padding: 0 15px;
    margin: 0;
    width: 33.33%;
  }
  .footer .column:nth-child(1) {
    width: 100%;
  }
  .footer .column:nth-child(2) {
    width: 40%;
  }
  .footer .column:nth-child(3) {
    width: 40%;
  }
  .footer .column:nth-child(4) {
    width: 20%;
  }
  .footer .social-networks {
    padding-top: 70px;
  }
}
@media(min-width: 992px) {
  .footer .column:nth-child(1) {
    width: 45%;
    margin: 0;
  }
  .footer .column:nth-child(2) {
    width: 20%;
  }
  .footer .column:nth-child(3) {
    width: 20%;
  }
  .footer .column:nth-child(4) {
    width: 15%;
  }
  .footer .social-networks {
    padding-top: 110px;
  }
}
@media(min-width: 1200px) {
  .footer .column:nth-child(1) {
    width: 51%;
  }
  .footer .column:nth-child(2) {
    width: 21.2%;
  }
  .footer .column:nth-child(3) {
    width: 18.4%;
  }
  .footer .column:nth-child(4) {
    width: 9.4%;
  }
}
/* 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%;
}

/* Tempalates
Blog templates styling
*/
/* Blog Listing */
.blog-listing .container {
  max-width: 1040px;
  padding: 0 30px;
  position: relative;
}
.blog-listing .blog-post-tags {
  background-color: var(--dark-gray);
}
.blog-listing .blog-post-tags.search-menu-active .meta-holder {
  display: block;
}
.blog-listing .blog-post-tags .container {
  padding: 0 20px;
}
.blog-listing .tags-list li {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.24px;
  padding: 10px 0;
}
.blog-listing .tags-list li a {
  color: var(--white-color);
}
.blog-listing .tags-list li a.active {
  color: var(--primary-color);
}
.blog-listing .tags-list li a:hover {
  color: var(--primary-color);
}

.blog-listing .blog-post-tags .meta-title {
  background: var(--gray-blue);
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.24px;
  padding: 15px 20px;
  position: relative;
  cursor: pointer;
}
.blog-listing .blog-post-tags .meta-title:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  width : 18px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='11' viewBox='0 0 18 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.6343 2.25767L9.61156 10.7321C9.53186 10.817 9.43677 10.8843 9.33184 10.9303C9.2269 10.9763 9.11424 11 9.00044 11C8.88663 11 8.77397 10.9763 8.66904 10.9303C8.56411 10.8843 8.46901 10.817 8.38932 10.7321L0.366572 2.25767C0.13164 2.00808 0 1.67215 0 1.32222C0 0.972298 0.13164 0.636368 0.366572 0.386777C0.482174 0.264276 0.619956 0.166995 0.771902 0.100595C0.923848 0.0341949 1.08693 0 1.25165 0C1.41637 0 1.57944 0.0341949 1.73139 0.100595C1.88334 0.166995 2.02112 0.264276 2.13672 0.386777L9.00044 7.6366L15.8624 0.386777C15.9781 0.264359 16.116 0.16716 16.268 0.100818C16.42 0.0344763 16.5832 0.000312805 16.7479 0.000312805C16.9127 0.000312805 17.0758 0.0344763 17.2278 0.100818C17.3798 0.16716 17.5177 0.264359 17.6334 0.386777C17.8684 0.636368 18 0.972298 18 1.32222C18 1.67215 17.8692 2.00808 17.6343 2.25767Z' fill='%2386868B'/%3E%3C/svg%3E%0A");
}

.blog-listing .meta-holder {
  position: relative;
  margin-top: 10px;
  display: none;
}
.blog-listing .blog-search {
  display: none;
}
.blog-listing .blog-search .search-icon {
  line-height: 0;
  cursor: pointer;
}
.blog-listing .meta-holder .search-field {
  margin-bottom: 10px;
}
.blog-listing #search-form .input-holder {
  position: relative;
}
.blog-listing #search-form .search-close {
  display: none;
}
.blog-listing #search-form button {
  background-color: transparent;
  outline: none;
  border: none;
  line-height: 0;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  transform: translateY(-50%);
}
.blog-listing #search-form input[type="text"] {
  font-size: 16px;
  background-color: transparent;
  padding: 10px 45px 10px 30px;
  border: none;
  border-bottom: 1px solid #333F48;
  border-radius: 0;
}


.blog-listing .listing-view {
  padding: 53px 0 0;
}
.blog-listing .listing-view .blog-title {
  margin-bottom: 34px;
}
.blog-listing .listing-view .row {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -15px;
}
.blog-listing .listing-view .column {
  padding: 0 15px;
  margin-bottom: 36px;
  width: 100%;
}
.blog-listing .listing-view .column.single-column {
  width: 100%;
}
.blog-listing .post-article {
  background-color: var(--gray-blue);
  border-radius: 18px;
  overflow: hidden;
  display: flex;
  flex-flow: row wrap;
  height: 100%;
  position: relative;
}
.blog-listing .post-article .post-article__link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.blog-listing .post-article .post-article__image {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  min-height: 171px;
  width: 100%;
}
.blog-listing .post-article .post-article__content {
  padding: 15px 18px;
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  min-height: calc(100% - 171px);
}
.blog-listing .post-article .post-article__title {
  color: var(--white-color);
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0;
  margin-bottom: 40px;
  display: block;
} 
.blog-listing .post-article .post-article__topics {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -10px;
}
.blog-listing .post-article .post-article__topics li {
  padding: 0 10px 8px;
  position: relative;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0;
}
.blog-listing .post-article .post-article__topics li:not(:last-child):after {
  content: '';
  position: absolute;
  top: 4px;
  right: 0;
  height: 12px;
  width: 1px;
  background-color: var(--white-color);
}
.blog-listing .post-article .post-article__topics .topic-link {
  display: inline-block;
}
.blog-listing .post-article .author__info {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -8px;
}
.blog-listing .post-article .author__info li {
  color: #6C7D84;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.24px;
  text-transform: uppercase;
  padding: 0 8px;
  position: relative;
}
.blog-listing .post-article .author__info li:not(:last-child):after {
  content: '';
  position: absolute;
  top: 3px;
  right: -1px;
  height: 10px;
  width: 1px;
  background-color: #6C7D84;
}
/* one column post styling */
.blog-listing .post-article.big-post {
  background-position: 0 0;
  background-repeat: no-repeat;
  z-index: 1;
}
.blog-listing .post-article.big-post:after {
  background: linear-gradient(180deg, #262A34 17.95%, rgba(38, 42, 52, 0) 100%);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: -4%;
  top: 0;
  z-index: -1;
  transform: rotate(90deg);
}
.blog-listing .post-article.big-post .post-article__title {
  margin-bottom: 10px;
}
.blog-listing .post-article.big-post .post-article__text {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin-bottom: 50px;
}
.blog-listing .post-article.big-post .post-article__content {
  background-color: var(--gray-blue);
}

/* two column post styling */
.blog-listing .post-article.medium-post .post-article__content {
  min-height: calc(100% - 267px);
}


@media(max-width: 767px) {
  .blog-listing .post-article.big-post {
    background-image: inherit !important;
  }
}
@media(min-width: 768px) {
  .blog-listing .listing-view .column, .blog-listing .listing-view .column.two-column {
    width: 50%;
  }
  .blog-listing .post-article.big-post:after { 
    right: 26%;
  }
  .blog-listing .post-article.big-post .post-article__title {
    font-size: 22px;
    font-weight: 700; 
    line-height: 28px;
    letter-spacing: -0.24px;
  }
  .blog-listing .post-article .post-article__image.bg-image {
    display: none;
  }
  .blog-listing .post-article.big-post .post-article__content {
    max-width: 340px;
    padding: 53px 30px 35px;
    margin: 0 0 0 auto;
  }
  .blog-listing .post-article.big-post .post-article__topics li {
    font-size: 18px;
    line-height: 22px;
  }
  .blog-listing .post-article.big-post .post-article__topics li:not(:last-child):after {
    top: 4px;
    right: -1px;
    height: 14px;
    width: 2px;
  }
  .blog-listing .post-article.big-post .post-article__text {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.24px;
  }
}
@media(min-width: 992px) {
  .blog-listing .listing-view .column {
    width: 33.33%;
  }
  .blog-listing .post-article.big-post:after { 
    right: -4%;
  }
  .blog-listing .post-article.medium-post .post-article__title {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.24px;
    line-height: 28px;
  }  
  .blog-listing .post-article.medium-post .post-article__image {
    min-height: 267px;
  }
  .blog-listing .post-article.medium-post .post-article__topics li {
    font-size: 18px;
    line-height: 22px;
  }
  .blog-listing .post-article.medium-post .post-article__topics li:not(:last-child):after {
    top: 4px;
    right: -1px;
    height: 14px;
    width: 2px;
  }
  .blog-listing .post-article.medium-post .post-article__content {
    padding: 15px 28px;
  }
  
  .blog-listing .blog-post-tags {
    background-color: var(--gray-blue);
  }
  .blog-listing .blog-post-tags .container {
    padding: 0 30px;
  }
  .blog-listing .blog-post-tags .meta-title {
    display: none;
  }
  .blog-listing .meta-holder {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin: 0;
  }
  .blog-listing .tags-list {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -20px;
  }
  .blog-listing .tags-list li {
    padding: 18px 20px;
  }
  .blog-listing .blog-search {
    display: block;
  }
  .blog-listing .meta-holder.search-active {
    padding: 20px 0;
  }
  .blog-listing .meta-holder.search-active .search-field {
    display: block;
  }
  .blog-listing .search-field {
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .blog-listing #search-form .search-close {
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    z-index: 1;
    transform: translateY(-50%);
  }
  .blog-listing #search-form .input-holder {
    position: relative;
    box-shadow: 0px 0px 14px 0px #00000066;
    border-radius: 8px;
  }
  .blog-listing #search-form button {
    left: 15px;
  }
  .blog-listing #search-form input[type="text"] {
    background-color: var(--gray-blue);
    padding: 10px 45px;
    border-bottom: 1px solid var(--gray-blue);
    border-radius: 10px;
    font-size: 18px;
  }
  .blog-listing .meta-holder .search-field {
    margin-bottom: 0;
  }
}
@media(min-width: 1200px) {
  .blog-listing .tags-list {
    margin: 0 -25px;
  }
  .blog-listing .tags-list li {
    padding: 19px 25px;
  }
}





/* Post Template */
.post-template {
  padding: 53px 0;
}
.post-template .container {
  max-width: 1040px;
  padding: 0 30px;
}
.post-template .blog-more-posts__post-wrapper {
  margin-bottom: 30px;
}
.post-template img {
  border-radius: 18px;
  overflow: hidden;
  margin-bottom: 30px;
  width: 100%;
}
.post-template .blog-post__title span {
  color: var(--white-color);
}
.post-template .blog-post__summar {
  font-weight: 500;
}
.post-template .blog-post__tags {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -10px 15px;
}
.post-template .blog-post__tags li {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 22px;
  padding: 0 10px 8px;
  position: relative;
}
.post-template .blog-post__tags li:not(:last-child)::after {
  background-color: var(--white-color);
  content: "";
  height: 14px;
  position: absolute;
  right: -1px;
  top: 4px;
  width: 2px;
}
.post-template .blog-post__meta {
  margin-bottom: 30px;
}
.post-template .blog-post__author {
  font-size: 16px;
  line-height: 24px;
}
.post-template .post-body {
  font-size: 18px;
  line-height: 26px;
  padding: 50px 0;
}
.post-template .blog-more {
  padding-top: 80px;
}
.post-template .blog-more-posts__post {
  background-color: var(--gray-blue);
  border-radius: 18px;
  overflow: hidden;
  display: flex;
  flex-flow: row wrap;
  height: 100%;
  position: relative;
}
.post-template .blog-more-posts__post .blog-more-posts__post-image {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  min-height: 171px;
  width: 100%;
}
.post-template .blog-more-posts__post .blog-more-posts__post-content {
  padding: 15px 18px;
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  min-height: calc(100% - 171px);
}
.post-template .blog-more-posts__post h3 a {
  color: var(--white-color);
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -.24px;
  margin-bottom: 40px;
  display: block;
} 
.post-template .blog-more-posts__post .blog-post__tags {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -10px;
}
.post-template .blog-more-posts__post .blog-post__tags  li {
  padding: 0 10px 8px;
  position: relative;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0;
}
.post-template .blog-more-posts__post .blog-post__tags  li:not(:last-child):after {
  content: '';
  position: absolute;
  top: 4px;
  right: 0;
  height: 12px;
  width: 1px;
  background-color: var(--white-color);
}
.post-template .blog-more-posts__post .blog-post__tags  .topic-link {
  display: inline-block;
}
.post-template .blog-more-posts__post .blog-more-posts__post-meta {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -8px;
}
.post-template .blog-more-posts__post .blog-more-posts__post-meta li {
  color: #6C7D84;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.24px;
  text-transform: uppercase;
  padding: 0 8px;
  position: relative;
}
.post-template .blog-more-posts__post .blog-more-posts__post-meta li:not(:last-child):after {
  content: '';
  position: absolute;
  top: 3px;
  right: -1px;
  height: 10px;
  width: 1px;
  background-color: #6C7D84;
}
.kl-social-sharing {
  display: flex;
  margin-top: 20px;
}
.kl-social-sharing .kl-social-link {
  display: block;
  height: 30px !important;
  width: 30px !important;
  margin-right: 7px;
}
.kl-social-sharing .kl-social-logos {
  background-size: cover;
  height: 30px;
  width: 30px;
}
.kl-social-sharing .kl-social-logos.kl-logo-facebook {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' fill='none'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M15.5 30.998c8.284 0 15-6.715 15-15 0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.285 6.716 15 15 15Zm1.75-24h2.7v3.6h-2.7a.9.9 0 0 0-.9.9v2.7h3.6l-.9 3.6h-2.7v7.2h-3.6v-7.2h-2.7v-3.6h2.7v-2.7a4.5 4.5 0 0 1 4.5-4.5Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.kl-social-sharing .kl-social-logos.kl-logo-linkedin {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' fill='none'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M15.5 30.998c8.284 0 15-6.715 15-15 0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.285 6.716 15 15 15Zm8-13.993v5.475h-3.112v-4.875c0-1.162-.019-2.644-1.613-2.644-1.612 0-1.856 1.257-1.856 2.57v4.968h-3.112V12.486h2.98v1.37h.038c.413-.788 1.425-1.613 2.944-1.613 3.15 0 3.731 2.062 3.731 4.762ZM8.744 12.486h3.113V22.5H8.744V12.486ZM8.5 9.3a1.8 1.8 0 0 1 3.6 0c0 .993-.806 1.818-1.8 1.818S8.5 10.292 8.5 9.3Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.kl-social-sharing .kl-social-logos.kl-logo-twitter {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' fill='none'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M15.5 30.998c8.284 0 15-6.715 15-15 0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.285 6.716 15 15 15Zm5.716-19.88a7.928 7.928 0 0 0 2.284-1.112 5.615 5.615 0 0 1-1.513 2.669c.038.199.058.401.059.604 0 8.363-8 12-14.546 8.363a8.465 8.465 0 0 0 5.09-1.454c-6.545-2.91-3.635-9.455-3.635-9.455a7.752 7.752 0 0 0 6.545 3.295V13.3a3.259 3.259 0 0 1 5.716-2.181Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.kl-social-sharing .kl-social-logos.kl-logo-email {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' fill='none'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M15.5 30.998c8.284 0 15-6.715 15-15 0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.285 6.716 15 15 15Zm-1.366-21.75H16.866c.905 0 1.631 0 2.218.048.602.05 1.123.153 1.603.398a4.083 4.083 0 0 1 1.784 1.784c.245.48.348 1.001.398 1.604.047.586.047 1.311.047 2.217V16.698c0 .906 0 1.631-.047 2.218-.05.602-.153 1.123-.398 1.603a4.083 4.083 0 0 1-1.784 1.785c-.48.244-1.001.347-1.603.397-.587.047-1.312.047-2.218.047H14.134c-.906 0-1.631 0-2.218-.047-.602-.05-1.123-.153-1.603-.398a4.084 4.084 0 0 1-1.785-1.784c-.244-.48-.348-1.001-.397-1.603-.048-.587-.048-1.312-.048-2.218V15.299c0-.905 0-1.631.048-2.217.05-.603.153-1.124.397-1.604a4.083 4.083 0 0 1 1.785-1.784c.48-.245 1-.348 1.603-.398.587-.047 1.312-.047 2.218-.047Zm-2.096 1.543c-.51.042-.811.12-1.044.24a2.583 2.583 0 0 0-1.13 1.128c-.118.233-.196.535-.238 1.045-.042.518-.043 1.182-.043 2.128v1.333c0 .946 0 1.61.043 2.129.042.509.12.81.239 1.044.247.486.643.881 1.129 1.129.233.119.535.197 1.044.239.518.042 1.183.043 2.128.043h2.667c.946 0 1.61-.001 2.128-.043.51-.042.812-.12 1.045-.239a2.583 2.583 0 0 0 1.129-1.129c.119-.233.197-.535.239-1.044.042-.519.043-1.183.043-2.129v-1.333c0-.946-.001-1.61-.043-2.128-.042-.51-.12-.812-.24-1.045a2.583 2.583 0 0 0-1.128-1.129c-.233-.119-.535-.197-1.045-.239-.518-.042-1.182-.043-2.128-.043h-2.666c-.946 0-1.61.001-2.129.043Zm-1.162 2.125a.75.75 0 0 1 1.04-.208l.666.444c1.114.743 1.543 1.02 1.98 1.151a3.25 3.25 0 0 0 1.875 0c.438-.132.866-.408 1.98-1.15l.667-.445a.75.75 0 0 1 .832 1.248l-.667.444-.105.07c-.972.649-1.596 1.065-2.274 1.27-.894.268-1.847.268-2.74 0-.679-.205-1.303-.621-2.274-1.27l-.105-.07-.667-.444a.75.75 0 0 1-.208-1.04Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

@media(min-width: 768px) {
  .post-template .blog-more-posts {
    display: flex;
    flex-flow: row wrap;
  }
  .post-template .blog-more-posts__post-wrapper {
    width: calc(33.33% - 15px);
  }
  .post-template .blog-more-posts__post-wrapper:not(:last-child) {
    margin-right: 15px;
  }
}

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