/* 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: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 1rem;
}

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

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

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

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}
/* @import url('http://example.com/example_style.css'); */

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

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
:root{
  --max-width: 1800px;
  --columns: 24;
  --paddings: 20px;
  --column: calc((100vw - var(--paddings) * 2)  / var(--columns));
}

body {
  font-family: "proxima-nova", sans-serif;
  color: #fff;
}
.bg__main{
  /*   background-image: 
  url(https://26680773.fs1.hubspotusercontent-eu1.net/hubfs/26680773/website/assets/bg-top.webp),
  url(https://26680773.fs1.hubspotusercontent-eu1.net/hubfs/26680773/website/assets/bg-wave.webp),
  linear-gradient(180deg, #FF616B 0%, #6C00A7 1000px, #006 200px); */
  background-image: url(https://26680773.fs1.hubspotusercontent-eu1.net/hubfs/26680773/website/assets/bg-top.webp),
    linear-gradient(180deg, #FF616B 0%, #6C00A7 1000px, #006 100%);
  background-position: left top,
    left center,
    center;
  background-repeat: no-repeat;
  /*   background-size: 40%,
  auto, cover; */
  background-size: 40%, cover;
}

.container{
  max-width: var(--max-width);
  width: 100%;
  padding: 0 var(--paddings);
  margin: 0 auto;
}

.container-fluid{
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.section {
  padding-top: 170px;
  overflow: hidden;
}
.section__body {
  position: relative;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
}
.content-section {
  margin-top: 60px;
}
.content-section.content-section--custom-top {
  margin-top: 100px;
}
.content-block {
  grid-column: span 4 / span 11;
  grid-column-start: 9;
}
.content-block--full {
  grid-column: span 4 / span 18;
  grid-column-start: 2;
  display: flex;
  flex-direction: column;
}
.content-section__blockquote.content-section__blockquote--isarticle {
  grid-column: span 4 / span 6;
  grid-column-start: 4;
}
.content-block.content-block--isarticle {
  grid-column: span 4 / span 11;
  grid-column-start: 11;
}
.circle__position--left {
  grid-column: span 4 / span 5;
  grid-column-start: 1;
}
.circle__position--right {
  grid-column: span 4 / span 5;
  grid-column-start: 20;
}

@media screen and (max-width: 1679px) {
  .section {
    padding-top: 85px;
  }
  .content-section__blockquote.content-section__blockquote--isarticle {
    grid-column: span 4 / span 7;
    grid-column-start: 1;
    grid-row-start: 2;
  }
  .content-block.content-block--isarticle {
    grid-column-start: 9;
  }
}
@media screen and (max-width: 1439px) {
  .content-block {
    grid-column: span 4 / span 20;
    grid-column-start: 3;
  }
}
@media screen and (max-width: 1023px) {
  .section__body {
    grid-template-columns: repeat(14, 1fr);
  }
  .content-block {
    grid-column: span 4 / span 10;
    grid-column-start: 3;
  }
  .content-section__blockquote.content-section__blockquote--isarticle {
    grid-column: span 4 / span 12;
    grid-column-start: 2;
    grid-row-start: 1;
  }
  .content-block.content-block--isarticle {
    grid-column: span 4 / span 8;
    grid-column-start: 6;
  }
}
@media screen and (max-width: 767px) {
  .content-block.content-block--isarticle {
    grid-column: span 4 / span 10;
    grid-column-start: 4;
  }
}
@media screen and (max-width: 639px) {
  .content-block.content-block--isarticle {
    grid-column: span 4 / span 12;
    grid-column-start: 2;
  }
}
@media screen and (max-width: 479px) {
  .content-block {
    grid-column: span 4 / span 12;
    grid-column-start: 2;
  }
  .content-block {
    grid-column: span 4 / span 12;
    grid-column-start: 2;
  }
  .promo-section__main--right{
    grid-column: span 4 / span 11;
    grid-column-start: 4;
  }
  .content-block.content-block--isarticle {
    grid-column: span 4 / span 14;
    grid-column-start: 1;
  }
}

@media screen and (max-width: 379px) {
  .content-block {
    grid-column: span 4 / span 14;
    grid-column-start: 1;
  }
}

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

/* The overflow-wrap is meant to prevent long/large words from breaking the mobile responsiveness of a page (e.g. horizontal scrolling). It is preferred to reduce font sizes on mobile to address this, with this CSS specifically helping with extreme scenarios where a reduction in font size is not possible. */

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

/* Handles word breaking for a few specific languages which handle breaks in words differently. If your content is not translated into these languages, you can safely remove this.  */

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

/* Paragraphs */

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

/* Anchors */

a {
  cursor: pointer;
}

/* Headings */

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

/* Lists */

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

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

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

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

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

/* Horizontal rules */

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

/* Image alt text */

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

.text-h1{
  margin: 0;
  font-family: "Geologica", sans-serif;
  font-weight: 700;
  font-size: 100px;
  line-height: 110%;
}
.text-h2{
  margin: 0;
  font-family: "Geologica", sans-serif;
  font-size: 80px;
  font-weight: 700;
  line-height: 110%;
}
.text-h3{
  margin: 0;
  font-family: "proxima-nova", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%; 
}
.text-body{
  font-family: "proxima-nova", sans-serif;
  font-weight: 600;
  font-size: 22px;
  line-height: 33px;
}

.text,
.text p {
  font-size: 22px;
  font-weight: 600;
  line-height: 150%;
}
.subtitle {
  margin: 0;
  font-family: "proxima-nova", sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 600;
  line-height: 130%;
}
.secondary-title {
  margin: 0;
  font-family: "Geologica", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 150%; 
}
.content-block p {
  font-size: 18px;
  line-height: 150%; 
}
.content-block__title {
  font-family: "Geologica", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 150%;
}
.content-block__text {
  font-size: 22px;
  font-weight: 500;
  line-height: 150%
}
.content-block__text p {
  font-size: 22px;
  font-weight: 500;
  line-height: 150%
}
.promo-section h2 {
  margin: 100px 0 29px;
  font-family: "Geologica", sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 110%;
}
.promo-section h3 {
  margin: 100px 0 29px;
  font-family: "Geologica", sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 150%;
}
.promo-section h4 {
  margin: 100px 0 29px;
  font-family: "Geologica", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 150%; 
}
.promo-section .text {
  font-size: 22px;
}
a {
  color: inherit;
  text-decoration: underline;
}
a:hover {
  opacity: 0.8;
}
.content-block__text h2,
.section__title {
  font-family: "Geologica", sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 110%; 
}
.content-block__text h3 {
  font-family: "Geologica", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 110%; 
}
.content-block__text h4 {
  font-family: "Geologica", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 110%; 
}
.content-block__text h5 {
  font-family: "Geologica", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 110%;
}

.form-section__form .hs-form-field {
  margin-bottom: 20px;
}
form input[type=email], form input[type=file], form input[type=number], form input[type=password], form input[type=search], form input[type=tel], form input[type=text], form select, form textarea {
  padding: 10px 20px;
  border-radius: 28px;
  box-shadow: none;
  border: none;
}
form label {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 500;
  line-height: 160%;
}
form .hs-email .input {
  position: relative;
}
form .hs-email .input input[type=email] {
  padding-right: 42px;
}
form .hs-email .input:after {
  content: "";
  position: absolute;
  top: 0;
  right: 20px;
  width: 22px;
  height: 100%;
  background-position: center;
  background-size: 22px 35px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' fill='none'%3e%3cpath d='M19.1523 2.25V13.25C19.1523 13.7656 18.9661 14.2096 18.5938 14.582C18.25 14.9258 17.8346 15.0977 17.3477 15.0977H2.65234C2.16536 15.0977 1.73568 14.9258 1.36328 14.582C1.01953 14.2096 0.847656 13.7656 0.847656 13.25V2.25C0.847656 1.73438 1.01953 1.30469 1.36328 0.960938C1.73568 0.588542 2.16536 0.402344 2.65234 0.402344H17.3477C17.8346 0.402344 18.25 0.588542 18.5938 0.960938C18.9661 1.30469 19.1523 1.73438 19.1523 2.25ZM17.3477 2.25H2.65234L10 6.84766L17.3477 2.25ZM17.3477 13.25V4.09766L10 8.65234L2.65234 4.09766V13.25H17.3477Z' fill='%23000066' fill-opacity='0.4'/%3e%3c/svg%3e");
}
form .hs-button, 
form input[type=submit] {
  padding: 10px 20px;
  color: #fff;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; 
  border-radius: 60px;
  background: #00F;
  width: 100%;
  box-shadow: none;
  border: none;
  transition: background-color 0.5s ease-in-out;
}
form .hs-button:hover, 
form input[type=submit]:hover {
  background: #0202b1;
}


@media screen and (max-width: 1679px) {
  .text-h1 {
    font-size: 64px;
  }
  .text-h2 {
    font-size: 56px;
  }
  .text-h3 {
    font-size: 30px;
  }
  .text,
  .text p {
    font-size: 24px;
    font-weight: 500;
  }
}
@media screen and (max-width: 1439px) {
  .text-h1 {
    font-size: 53px;
  }
  .promo-section .text {
    font-size: 24px;
  }
  .text,
  .text p {
    font-size: 20px;
  }
  .subtitle {
    font-size: 28px;
  }
}
@media screen and (max-width: 1023px) {
  .text-h1 {
    font-size: 56px;
  }

  .text-h3 {
    font-size: 36px;
  }
  .content-block__text h2,
  .section__title {
    font-size: 50px;
  }
  .content-block__text h3 {
    font-size: 35px;
  }
  .content-block__text h4 {
    font-size: 30px;
  }
  .content-block__text h5 {
    font-size: 25px;
  }
}
@media screen and (max-width: 767px) {
  .content-block__text {
    font-size: 18px;
  }
  .content-block__text p {
    font-size: 18px;
  }
}
@media screen and (max-width: 639px) {
  .text-h1 {
    font-size: 56px;
  }
  .text-h3 {
    font-size: 30px;
  }
  .promo-section .text {
    font-size: 22px;
  }
  .text,
  .text p {
    font-size: 24px;
  }
  .subtitle {
    font-size: 26px;
  }
}
@media screen and (max-width: 479px) {
  .text-h1 {
    font-size: 40px;
  }
  .text-h2 {
    font-size: 40px;
  }
  .content-block__text h2,
  .section__title {
    font-size: 40px;
  }
  .content-block__text h3 {
    font-size: 30px; 
  }
  .content-block__text h4 {
    font-size: 25px;
  }
  .content-block__text h5 {
    font-size: 22px;
  }
  .text,
  .text p {
    font-size: 18px;
  }
  .subtitle {
    font-size: 20px;
  }
  .content-block__title {
    font-family: "Geologica", sans-serif;
    font-size: 26px;
  }
}
@media screen and (max-width: 379px) {
  .text-h1 {
    font-size: 32px;
  }
  .text-h2 {
    font-size: 32px;
  }
  .content-block__text h2,
  .section__title {
    font-size: 32px;
  }
  .content-block__text h3 {
    font-size: 25px; 
  }
  .content-block__text h4 {
    font-size: 22px;
  }
  .content-block__text h5 {
    font-size: 20px;
  }
  .promo-section .text {
    font-size: 20px;
  }
  .text,
  .text p {
    font-size: 16px;
  }
  .subtitle {
    font-size: 18px;
  }
}
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;
}

/* No button */

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

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

/* Labels */

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

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

/* Help text */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

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

form textarea {
  resize: vertical;
}

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

/* Inputs - checkbox/radio */

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

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

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

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

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

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

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

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

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

/* Inputs - file picker */

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

/* Headings and text */

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

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

/* GDPR */

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

/* Validation */

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

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

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

/* Submit button */

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

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}


/* Table */

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

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}
/* @import url('http://example.com/example_style.css'); */

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

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
:root{
  --color-white: #fff;
  --color-pink: #FF00FF;
  --color-dark: #000066;
  --color-bg-dark: rgba(0, 0, 255, 0.10);
  --color-grape-dark: #2B0066;
  --color-blaaw-dark: #006;
}

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

.header{
  background: transparent;
  font-family: "proxima-nova";
  font-weight:  600;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  position: relative;
  margin-top: 59px;
  z-index: 10;
}

.header__logo {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.header__logo-wrapper {
  width: 217px;
  height: auto;
}
.header__logo-text {
  font-family: "Geologica", sans-serif;
  font-size: 58px;
  font-style: normal;
  font-weight: 900;
  line-height: 88%;
  text-decoration: none;
}
.header__logo-text:hover {
  opacity: 0.9;
}
.header__menu-wrapper{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.header__main-navigation{
  margin-right: 25px; 
}
.header__wrapper{
  grid-column-start: 2;
  grid-column-end: span 23;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
/* Menu */
.menu{
  display: flex;
  flex-direction: row;
}
.menu__item{
  position: relative; 
}
.menu__link{
  color: #fff;
  text-decoration: none;
  text-transform: lowercase;
  padding: 15px;
  display: block;
  border-radius: 8px;
  white-space: nowrap;
  font-size: 24px;
}
.menu--desktop .menu__item--has-submenu:hover .menu__link{
  background-color:  #C400FF;
}

.menu--desktop .menu__link--contact{
  padding: 12px 20px;
  border-radius: 60px;
  background: #FFFFFF33;
  display: inline-block;
}
.menu__item--has-submenu .menu__link{
  border-radius: 8px 8px 0 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-right: 35px;
  position: relative;
}
.menu__item--has-submenu > .menu__link:after{
  content: "";
  position: absolute;
  top: 4px;
  bottom: 0;
  right: 10px;
  margin: auto;
  display: block;
  width: 18px;
  height: auto;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEzIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yLjI1Njg0IDAuMjA0NTlMNi44NTA1OSA0Ljc5ODM0TDExLjQ0NDMgMC4yMDQ1OUwxMi44NTA2IDEuNjEwODRMNi44NTA1OSA3LjYxMDg0TDAuODUwNTg2IDEuNjEwODRMMi4yNTY4NCAwLjIwNDU5WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.menu--mobile .menu__submenu .menu__link:after{
  display: none; 
}
.menu--mobile .menu__submenu{
  padding-left: 30px;
}
.menu--mobile .menu__submenu .menu__link{
  font-size: 20px;
}
.menu--desktop .menu__item--has-submenu:hover .menu__submenu{
  display: flex; 
}
.menu--desktop  ul.menu__submenu{
  display: none;
  flex-direction: column;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  transform-origin: top center;
  background-color: #C400FF;
  border-radius: 15px;
  padding: 40px 40px 40px 50px;
}
.menu--mobile .menu__submenu{
  display: none;
}
.menu--mobile .menu__link{
  white-space: normal;
}
.menu--mobile ul.menu__submenu.js-open{
  display: flex;
  flex-direction: column;
}
.menu__submenu .menu__link{
  text-transform: none;
  display: flex;
  flex-direction: row;
  position: relative;
  justify-content: space-between;
  align-items: center;
  font-size: 22px;
}
.menu__submenu .menu__link:after{
  content:"";
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA0MSA0MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBvcGFjaXR5PSIwLjIiIGN4PSIyMC44NTA2IiBjeT0iMjAuNjI2NSIgcj0iMjAiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMi44MzUgMTkuNjQyMUgyNC44MzVMMTkuMzUwNiAxNC4xMTA4TDIwLjc1NjggMTIuNzA0NkwyOC42Nzg3IDIwLjYyNjVMMjAuNzU2OCAyOC41NDgzTDE5LjM1MDYgMjcuMTQyMUwyNC44MzUgMjEuNjEwOEgxMi44MzVWMTkuNjQyMVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 20px;
}
.menu__wrapper{
  display: flex;
  flex-direction: row;
}
.menu--desktop {
  display: flex;
}

.menu--mobile {
  display: none;
}
.menu--mobile .menu__wrapper{
  flex-direction: column; 
}
.menu__burger{
  width: 70px;
  height: 56px;
  position: relative;
}
.menu__burger span{
  position: absolute;
  left: 0;
  right: 0;
  border-radius:6px;
  height: 12px;
  background-color: #fff;
  width: 100%;
  transform-origin: center;
  transition: all 0.3s ease-in-out;
}
.menu__burger span:nth-of-type(1){
  top: 0; 
}
.menu__burger span:nth-of-type(2){
  top: 0; 
  bottom: 0;
  margin: auto;
}
.menu__burger span:nth-of-type(3){
  bottom: 0;
}
.mobile-menu-header .menu__burger span:nth-of-type(1){
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(45deg);
}
.mobile-menu-header .menu__burger span:nth-of-type(2){display: none;}
.mobile-menu-header .menu__burger span:nth-of-type(3){
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(-45deg);
}

@media screen and (max-width: 1439px) {
  .header__logo-text {
      font-size: 44px;
  }
}

@media (max-width: 1023px) {
  .header__logo-text {
      font-size: 58px;
  }
  .menu--desktop {
    display: none;
  }

  .menu--mobile {
    display: block;
  }
  .header__second-navigation{
    display: none; 
  }
  .menu__wrapper{
    display: none;
  }
  .menu__wrapper.js-active{
    position: fixed;
    display: flex;
    flex-direction: column;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(180deg, #FF616B 0%, #6C00A7 52.67%, #000066 100%);
    z-index: 10;
    padding: 54px 40px;
  }
  .mobile-menu-header{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .mobile-menu-items{
    position: relative;
    margin-top: 64px;
  }
}

@media screen and (max-width: 479px) {
  .header__logo-wrapper {
    width: 135px;
  }
  .header__logo-text {
      font-size: 35px;
  }
  .menu__burger {
    height: 40px;
    position: relative;
    width: 50px;
  }
  .menu__burger span {
    height: 7px;
  }
}

@media screen and (max-width: 379px) {
  .header__main-navigation {
    margin-right: 0;
  }
  .menu__burger {
    height: 25px;
    width: 40px;
  }
  .menu__burger span {
    height: 4px;
  }
}

/* Menu items */
.footer{
  position: relative;
  background: transparent;
  font-family: "proxima-nova";
  padding: 527px 0 130px;
  z-index: 1;
}
.footer-wave {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 667px;
  width: 34.5%;
  max-height: 1509px;
  height: 54.5%;
  z-index: -1;
}
.footer-wave img {
  width: 100%;
}
.footer-logo img {
max-width: 100%;
}
.footer a {
  color: #fff;
  text-decoration: none;
}
.footer__logo-text {
display: none
}
.footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-menu {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-top: 70px;
  margin-bottom: 70px;
}
.footer-contact {
  grid-column: span 4 / span 4;
  grid-column-start: 2;
}
.footer-contact .hs_cos_wrapper {
  row-gap: 50px;
  display: flex;
  flex-direction: column;
}
.footer-contact__items {
  display: flex;
  flex-direction: column;
  gap: 30px;
  font-size: 20px;
  font-weight: 500;
  line-height: 120%;
}
.footer-contact__item a {
  display: flex;
  align-items: center;
}
.footer-contact__item a:hover {
  text-decoration: underline;
}
.footer-contact__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin-right: 21px;
  color: #fff;
}
.footer-policy {
  display: flex;
  flex-direction: column;
  gap: 13px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.footer-policy a {
 text-decoration: underline;
  padding-left: 61px;
  opacity: 0.6;
}
.footer-policy a:hover {
  opacity: 1;
}
.footer-nav {
  grid-column: span 5 / span 5;
  grid-column-start: 7;
  display: flex;
  flex-direction: column;
  gap: 40px;
  font-size: 22px;
  font-weight: 700;
  line-height: 120%;
}
.footer-nav > div{
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.footer-nav__item {
  position: relative;
  padding-right: 80px;
}

.footer-nav__item:hover {
  text-decoration: underline;
}
.footer-nav__item:hover:after {
  background-color: rgba(255, 255, 255, 0.3);
}
.footer-nav__item:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 50%;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3e%3ccircle opacity='0.2' cx='20' cy='20' r='20' fill='white'/%3e%3cpath d='M11.9844 19.0156H23.9844L18.5 13.4844L19.9062 12.0781L27.8281 20L19.9062 27.9219L18.5 26.5156L23.9844 20.9844H11.9844V19.0156Z' fill='white'/%3e%3c/svg%3e"); 
  transition: all 0.3s ease-in-out;
}
.footer-articles {
  grid-column: span 5 / span 5;
  grid-column-start: 13;
  display: flex;
  flex-direction: column;
  row-gap: 60px;
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
}
.footer-articles > div{
  display: flex;
  flex-direction: column;
  row-gap: 60px;
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
}
.footer-articles__group {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.footer-articles__item:hover {
  text-decoration: underline;
}
.footer-articles__title {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}

@media screen and (max-width: 1679px) {
  .footer{ 
    padding: 200px 0 230px;
  }
  .footer-contact__icon {
    margin-right: 16px;
  }
  .footer-contact {
    grid-column: span 4 / span 6;
    grid-column-start: 2;
  }
  .footer-nav {
    grid-column: span 5 / span 7;
    grid-column-start: 9;
  }
  .footer-articles {
    grid-column: span 5 / span 7;
    grid-column-start: 17;
  }
  .footer-nav__item {
    padding-right: 50px;
  }
}
@media screen and (max-width: 1439px) {
  .footer-menu {
    display: flex;
    flex-direction: column;
    gap: 100px;
  }
  .footer-nav {
    max-width: 519px;
  }
  .footer-articles .hs_cos_wrapper {
    display: grid;
    grid-template-columns: repeat(24, 1fr);
  }
  .footer-articles__group:nth-child(2n + 1) {
    grid-column: span 5 / span 10;
    grid-column-start: 1;
  }
  .footer-articles__group:nth-child(2n) {
    grid-column: span 5 / span 10;
    grid-column-start: 12;
  }
}
@media screen and (max-width: 1023px) {
.footer__logo-text {
  display: block;
  color: #fff;
  font-size: 58px;
  font-style: normal;
  font-weight: 900;
  line-height: 88%;
}
.footer__logo-img {
display: none
}
}
@media screen and (max-width: 639px) {
  .footer-articles .hs_cos_wrapper {
    display: flex;
    flex-direction: column;
  }
}
/* Menu and simple menu */

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

/* Horizontal menu */

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

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

/* Vertical menu */

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

/* Flyouts */

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

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

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

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

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

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

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

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

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

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

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

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

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

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



.img-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.img-icon--cover img {
  object-fit: cover;
}

.svg-icon {
  fill: currentColor;
}
a {
  transition: all 0.3s ease-in-out;
}
.btn {
  display: inline-flex;
  align-items: center;
  min-width: 259px;
  padding: 10px 20px;
  justify-content: center;
  text-align: center;
  font-family: "proxima-nova", sans-serif;
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; 
  border-radius: 110px;
  text-decoration: none;
  transition: background-color 0.5s ease-in-out;
}
.btn--pink {
  background: #F0F;
}
.btn--pink:hover {
  background: #cb00cb;
}
.btn--vblue {
  background: #6B00FF;
}
.btn--vblue:hover {
  background: #0202b1;
}
.btn--violet {
  background: #2B0066;
}
.btn--violet:hover {
  background: #0d001f;
}
.btn--yellow {
  background: #FFBE00;
}
.btn--yellow:hover {
  background: #cd9a01;
}
.btn-opacity {
  background: rgba(255, 255, 255, 0.10);
}
.btn-opacity:hover {
  background: rgba(255, 255, 255, 0.25);
}
.btn--arrow {
  position: relative;
  padding-right: 40px;
  text-align: left;
  border-radius: 60px;
  transition: all 0.3s ease-in-out;
}
.btn--arrow:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3e%3cpath d='M0.984375 7.01562H12.9844L7.5 1.48438L8.90625 0.078125L16.8281 8L8.90625 15.9219L7.5 14.5156L12.9844 8.98438H0.984375V7.01562Z' fill='white'/%3e%3c/svg%3e");
}
.btn--download {
  position: relative;
  padding: 10px 50px 10px 30px;
  border-radius: 140px;
  background: rgba(255, 255, 255, 0.10);
  transition: all 0.3s ease-in-out;
  text-align: center;
  font-size: 26px;
  font-weight: 600;
  line-height: 160%;
}
.btn--download:hover {
  background: rgba(255, 255, 255, 0.20);
}
.btn--download:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
  width: 17px;
  height: 20px;
  flex-shrink: 0;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='20' viewBox='0 0 17 20' fill='none'%3e%3cpath d='M0.661499 19.8952V17.6331H16.3385V19.8952H0.661499ZM16.3385 7.53251L8.5 15.371L0.661499 7.53251H5.13313V0.798762H11.8669V7.53251H16.3385Z' fill='white'/%3e%3c/svg%3e");
}

@media screen and (max-width: 1439px) {
  .card__body .btn {
    justify-content: flex-start;
    text-align: left;
    min-width: 341px;
    padding: 12px 30px 12px 30px;
    font-size: 28px;
  }
  .btn--arrow {
    padding-right: 50px;
  }
  .btn--download {
    padding-right: 50px;
    font-size: 24px;
  }
}
@media screen and (max-width: 1023px) {
  .btn--download {
    padding-right: 50px;
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .btn--download {
    padding-right: 50px;
    font-size: 18px;
  }
}
@media screen and (max-width: 639px) {
  .btn,
  .card__body .btn {
    justify-content: center;
    text-align: center;
    width: 100%;
    max-width: 341px;
    min-width: auto;
    padding: 10px 20px;
    font-size: 18px;
  }
  .btn--arrow,
  .btn--download {
    padding-right: 40px;
  }
  .btn--download {
    font-size: 15px;
  }
}
.link-arrow {
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3e%3ccircle opacity='0.2' cx='20' cy='20' r='20' fill='white'/%3e%3cpath d='M11.9844 19.0156H23.9844L18.5 13.4844L19.9062 12.0781L27.8281 20L19.9062 27.9219L18.5 26.5156L23.9844 20.9844H11.9844V19.0156Z' fill='white'/%3e%3c/svg%3e");
}
.circle-block {
  position: relative;
  width: 328px;
  height: 328px;
}
.circle-block--left {
  grid-column: span 4 / span 5;
  grid-column-start: 1;
  grid-row-start: 1;
  margin-top: 75px;
}
.circle-block--right {
  grid-column: span 4 / span 5;
  grid-column-start: 20;
  grid-row-start: 1;
}
.circle-block--right .circle-block__body {
  bottom: -160px;
}
.circle-block__body {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 21px;
  text-align: center;
  border-radius: 50%;
  background: #FF616B;
  box-shadow: 0px 24px 38px 0px rgba(0, 0, 0, 0.08), 0px 9px 46px 0px rgba(0, 0, 0, 0.06), 0px 11px 15px 0px rgba(0, 0, 0, 0.14);
}
.bg-color--peach {
  background: #FF616B;
}
.bg-color--pink {
  background: #F0F;
}
.circle-block__num {
  margin-bottom: 12px;
  font-family: Geologica;
  font-size: 70px;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
}
.circle-block__text {
  margin-bottom: 21px;
  color: #FFF;
  text-align: center;
  font-family: "Geologica", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.17px;
}
.circle-block__link {
  display: inline-flex;
  color: #FFF;
  text-align: center;
  font-family: "proxima-nova", sans-serif;
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

@media screen and (max-width: 1439px) {
  .circle-block {
    width: 434px;
    height: 434px;
  }
  .circle-block__num {
    font-size: 80px;
    margin-bottom: 32px;
    letter-spacing: -4px;
  }
  .circle-block__text {
    margin-bottom: 32px;
    font-size: 20px;
  }
  .circle-block__link {
    font-size: 20px;
  }
  .blocks-section__left.circle-block,
  .blocks-section__right.circle-block {
    display: none;
  }
}

@media screen and (max-width: 1023px) {

}
@media screen and (max-width: 767px) {
  .circle-block {
    width:456px;
    height: 0;
    margin: 0 auto;
    padding-bottom: 456px;
  }
  .circle-block__num {
    font-size: 97px;
    margin-bottom: 14px;
  }
  .circle-block__text {
    margin-bottom: 32px;
    font-size: 24px;
  }
  .circle-block__link {
    font-size: 24px;
  }
}
@media screen and (max-width: 639px) {
  .circle-block {
    width:328px;
    padding-bottom: 328px;
  }
  .circle-block__num {
    font-size: 70px;
    margin-bottom: 12px;
  }
  .circle-block__text {
    font-size: 17px;
  }
  .circle-block__link {
    font-size: 19px;
  }
}
@media screen and (max-width: 479px) {
  .circle-block {
    width:250px;
    padding-bottom: 250px;
  }
  .circle-block__num {
    font-size: 52px;
    margin-bottom: 10px;
  }
  .circle-block__text {
    font-size: 13px;
    margin-bottom: 12px;
  }
  .circle-block__link {
    font-size: 16px;
  }
}
@media screen and (max-width: 379px) {
  .circle-block {
    width:210px;
    padding-bottom: 210px;
  }
  .circle-block__num {
    font-size: 45px;
    margin-bottom: 3px;
  }
  .circle-block__text {
    font-size: 11px;
    margin-bottom: 8px;
  }
  .link--arrow:after {
    width: 30px;
    height: 30px;
  }
  .circle-block__link {
    font-size: 14px;
  }
  .link--arrow {
    padding-left: 34px;
    position: relative;
  }
}
.link--arrow {
  position: relative;
  padding-left: 51px;
}
.link--arrow:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3e%3ccircle opacity='0.2' cx='20' cy='20' r='20' fill='white'/%3e%3cpath d='M11.9844 19.0156H23.9844L18.5 13.4844L19.9062 12.0781L27.8281 20L19.9062 27.9219L18.5 26.5156L23.9844 20.9844H11.9844V19.0156Z' fill='white'/%3e%3c/svg%3e"); 
  transition: all 0.3s ease-in-out;
}
.link-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}
.link-list a {
  position: relative;
  color: #FFF;
  font-family: "proxima-nova", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}
.link-list .link--arrow {
  display: flex;
  padding-left:0;
  padding-right: 32px;
}
.link-list .link--arrow:after {
  left: auto;
  right: 0;
  width: 24px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3e%3cpath d='M0.984375 7.01562H12.9844L7.5 1.48438L8.90625 0.078125L16.8281 8L8.90625 15.9219L7.5 14.5156L12.9844 8.98438H0.984375V7.01562Z' fill='white'/%3e%3c/svg%3e");
}

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


.img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border: 15px solid #fff;
}

@media screen and (max-width: 767px) {
  .img-wrap,
  .card__img.img-wrap {
    grid-column: span 4 / span 2;
    width: calc(var(--column)*10);

  }
  .img-wrap--mob-left,
  .card__img.img-wrap--mob-left {
    grid-column-start: 1;
    margin-left: calc(var(--column)* -7);
  }
  .img-wrap--mob-right,
  .card__img.img-wrap--mob-right {
    grid-column-start: 12;
    margin-right: calc(var(--column)*(-6));
  }
  .card__img.img-wrap--mob-right + .card__body,
  .card__img.img-wrap--mob-left + .card__body {
    margin-top: 92px;
  }
}

.card {
  display: flex;
  align-items: center;
  gap: var(--column);
}
.card__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}
.card__title {
  margin: 0;
  font-family: "Geologica", sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 100%; 
}
.card__text {
  margin: 0;
  font-family: "proxima-nova", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%; 
}
.card__img {
  flex-shrink: 0;
  width: calc(var(--column)*3);
}

@media screen and (max-width: 1439px) {
  .card__img {
    width: calc(var(--column)*5);
  }
  .card__title {
    font-size: 37px;
  }
  .card__text {
    font-size: 24px;
  }
}
@media screen and (max-width: 1023px) {

  .card__img {
    width: calc(var(--column)*7);
  }
}
@media screen and (max-width: 767px) {

}

@media screen and (max-width: 639px) {
  .card {
    align-items: flex-start;
  }
  .card__img {
    width: calc(var(--column)*5);
  }
  .card__title {
    font-size: 36px;
  }
  .card__text {
    font-size: 24px;
  }
  .card__img.img-wrap--mob-right + .card__body,
  .card__img.img-wrap--mob-left + .card__body {
    margin-top: 40px;
  }
}

@media screen and (max-width: 479px) {
  .card__body {
    gap: 20px;
  }
  .card__title {
    font-size: 24px;
  }
  .card__text {
    font-size: 18px;
  }
  .card__img.img-wrap--mob-right + .card__body,
  .card__img.img-wrap--mob-left + .card__body {
    margin-top: 20px;
  }
}
@media screen and (max-width: 379px) {
  .card__title {
    font-size: 27px;
  }
  .card__text {
    font-size: 16px;
  }
}
.custom-icon {
  background-position: center;
  background-repeat: no-repeat;
  left: 0;
  position: absolute;
  top: 1px;
  width: 31px;
  height: 24px;
}
.custom-icon--lang {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='13' viewBox='0 0 17 13' fill='none'%3e%3cpath d='M11.3203 10.6797L14.2891 6.5L11.3203 2.32031H2.17969V10.6797H11.3203ZM12.6875 1.38281L16.3203 6.5L12.6875 11.6172C12.5312 11.8516 12.3359 12.0339 12.1016 12.1641C11.8672 12.2682 11.6068 12.3203 11.3203 12.3203H2.17969C1.71094 12.3203 1.30729 12.1641 0.96875 11.8516C0.65625 11.513 0.5 11.1224 0.5 10.6797V2.32031C0.5 1.8776 0.65625 1.5 0.96875 1.1875C1.30729 0.848958 1.71094 0.679688 2.17969 0.679688H11.3203C11.6068 0.679688 11.8672 0.744792 12.1016 0.875C12.3359 0.979167 12.5312 1.14844 12.6875 1.38281Z' fill='white'/%3e%3c/svg%3e");
}
.custom-icon--time{
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' viewBox='0 0 18 17' fill='none'%3e%3cpath d='M9 15.1797C10.1979 15.1797 11.3047 14.8802 12.3203 14.2812C13.362 13.6823 14.1823 12.875 14.7812 11.8594C15.3802 10.8177 15.6797 9.69792 15.6797 8.5C15.6797 7.30208 15.3802 6.19531 14.7812 5.17969C14.1823 4.13802 13.362 3.31771 12.3203 2.71875C11.3047 2.11979 10.1979 1.82031 9 1.82031C7.80208 1.82031 6.68229 2.11979 5.64062 2.71875C4.625 3.31771 3.81771 4.13802 3.21875 5.17969C2.61979 6.19531 2.32031 7.30208 2.32031 8.5C2.32031 9.69792 2.61979 10.8177 3.21875 11.8594C3.81771 12.875 4.625 13.6823 5.64062 14.2812C6.68229 14.8802 7.80208 15.1797 9 15.1797ZM9 0.179688C10.0938 0.179688 11.1484 0.388021 12.1641 0.804688C13.2057 1.22135 14.1172 1.82031 14.8984 2.60156C15.6797 3.38281 16.2786 4.29427 16.6953 5.33594C17.112 6.35156 17.3203 7.40625 17.3203 8.5C17.3203 9.59375 17.112 10.6615 16.6953 11.7031C16.2786 12.7188 15.6797 13.6172 14.8984 14.3984C14.1172 15.1797 13.2057 15.7786 12.1641 16.1953C11.1484 16.612 10.0938 16.8203 9 16.8203C7.48958 16.8203 6.09635 16.4557 4.82031 15.7266C3.54427 14.9714 2.52865 13.9557 1.77344 12.6797C1.04427 11.4036 0.679688 10.0104 0.679688 8.5C0.679688 7.40625 0.888021 6.35156 1.30469 5.33594C1.72135 4.29427 2.32031 3.38281 3.10156 2.60156C3.88281 1.82031 4.78125 1.22135 5.79688 0.804688C6.83854 0.388021 7.90625 0.179688 9 0.179688ZM9.42969 4.32031V8.69531L13.1797 10.9219L12.5547 11.9766L8.17969 9.32031V4.32031H9.42969Z' fill='white'/%3e%3c/svg%3e");
}
.custom-icon--map {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='17' viewBox='0 0 12 17' fill='none'%3e%3cpath d='M6 3.92969C6.57292 3.92969 7.05469 4.13802 7.44531 4.55469C7.86198 4.94531 8.07031 5.42708 8.07031 6C8.07031 6.57292 7.86198 7.06771 7.44531 7.48438C7.05469 7.875 6.57292 8.07031 6 8.07031C5.42708 8.07031 4.93229 7.875 4.51562 7.48438C4.125 7.06771 3.92969 6.57292 3.92969 6C3.92969 5.42708 4.125 4.94531 4.51562 4.55469C4.93229 4.13802 5.42708 3.92969 6 3.92969ZM6 0.179688C7.06771 0.179688 8.04427 0.440104 8.92969 0.960938C9.8151 1.48177 10.5182 2.1849 11.0391 3.07031C11.5599 3.95573 11.8203 4.93229 11.8203 6C11.8203 7.30208 11.3255 8.89062 10.3359 10.7656C9.60677 12.0938 8.66927 13.5 7.52344 14.9844C6.95052 15.7396 6.44271 16.3516 6 16.8203L5.10156 15.7656C4.3724 14.8542 3.69531 13.9557 3.07031 13.0703C2.23698 11.7943 1.57292 10.6224 1.07812 9.55469C0.479167 8.20052 0.179688 7.0026 0.179688 5.96094C0.179688 4.91927 0.440104 3.95573 0.960938 3.07031C1.48177 2.1849 2.1849 1.48177 3.07031 0.960938C3.95573 0.440104 4.93229 0.179688 6 0.179688ZM6 1.82031C5.24479 1.82031 4.54167 2.01562 3.89062 2.40625C3.26562 2.77083 2.75781 3.27865 2.36719 3.92969C2.0026 4.55469 1.82031 5.24479 1.82031 6C1.82031 6.44271 1.8724 6.84635 1.97656 7.21094C2.15885 7.91406 2.52344 8.7474 3.07031 9.71094C3.7474 10.9349 4.72396 12.3932 6 14.0859C7.27604 12.3932 8.2526 10.9349 8.92969 9.71094C9.47656 8.7474 9.84115 7.91406 10.0234 7.21094C10.1276 6.84635 10.1797 6.44271 10.1797 6C10.1797 5.24479 9.98438 4.55469 9.59375 3.92969C9.22917 3.27865 8.72135 2.77083 8.07031 2.40625C7.44531 2.01562 6.75521 1.82031 6 1.82031Z' fill='white'/%3e%3c/svg%3e");
}

/* Error pages */

.error-page {
  padding: 20rem 0 2rem;
  position: relative;
  text-align: center;
}

.error-page:before {
  color: #F3F6F9;
  content: attr(data-error);
  font-size: 40vw;
  font-weight: bold;
  left: 50%;
  position: absolute;
  top: 10rem;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: -1;
}

@media screen and (min-width: 1100px) {
  .error-page:before {
    font-size: 20rem;
  }
}

/* System pages */

.systems-page {
  margin: 0 auto;
  max-width: 700px;
  padding: 3rem 1.4rem;
}

.systems-page--search-results {
  max-width: 100%;
}

.systems-page .header {
  background-color: transparent;
  border-bottom: none;
  padding: 0;
}

.systems-page .success {
  background-color: #CDE3CC;
  border: 1.5px solid #4F7D24;
  border-radius: 6px;
  color: #4F7D24;
  display: inline-block;
  margin: 1.4rem 0;
  padding: 0.1rem 0.7rem;
  width: 100%;
}

.systems-page form input {
  max-width: 100%;
}

.systems-page form input[type='submit'] {
  margin: 0.7rem 0;
  display: block;
}

/* Search pages */

.hs-search-results__title {
  font-size: 1.25rem;
  margin-bottom: 0.35rem;
  text-decoration: underline;
}

.hs-search-results__title:hover {
  text-decoration: none;
}

.hs-search-results__description {
  padding-top: 0.7rem;
}

/* Password prompt */

.password-prompt input[type=password] {
  height: auto !important;
  margin-bottom: 1.4rem;
}

.systems-page #hs-login-widget-remember,
.systems-page #hs-login-widget-remember ~ label {
  display: inline-block;
  margin-bottom: 0.175rem;
}

.systems-page #hs_login_reset {
  display: block;
  margin-bottom: 0.7rem;
}

/* Backup unsubscribe */

.backup-unsubscribe #email-prefs-form div {
  padding-bottom: 0 !important;
}

.backup-unsubscribe input[type=email] {
  font-size: 0.875rem !important;
  margin-bottom: 1.4rem;
  padding: 0.7rem !important;
}

/* Subscription preferences */

#email-prefs-form .item.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

#email-prefs-form .item.disabled input:disabled {
  cursor: not-allowed;
}

/* Membership pages */

#hs-membership-form a[class*='show-password'] {
  font-size: 0.75rem;
}

/* Input error messages */

.form-input-validation-message ul.hs-error-msgs {
  padding-left: 0;
  margin: 0;
}

.form-input-validation-message ul.hs-error-msgs li {
  margin: 0;
}