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

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700&display=swap");


*, *::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;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * 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
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 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
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, 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;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

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

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 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;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

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

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 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, IE 10+, and Firefox.
 */

details {
  display: block;
}

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

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

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

html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  overflow: hidden;
  position: relative;
}

html, body {
  font-size: 16px;
  line-height: 19px;
  font-family: 'Inter', sans-serif;
  color: var(--color-neutral);
  min-width: 310px;
  letter-spacing: -0.03em;
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.row-fluid {
  display: block;
}

.dnd-section.row-depth-1 > .row-fluid {
  max-width: 1400px;
  margin: 0 20px 110px;
}

.dnd-section.row-depth-1[class*="full-width-section"] > .row-fluid {
  margin: 0 0 110px;
  max-width: none;
}

/* Responsive grid */

.row-fluid [class*='span'] {
  display: flex;
  flex-direction: column;
  min-height: 1px;
  /*margin-left: 2.127659574%;*/
  width: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.row-fluid [class*='span']:first-child {
  margin-left: 0;
}

.hs-inline-edit .row-fluid {
  padding: 20px;
}

/* Clearfix */

.clearfix:before, .clearfix:after {
  display: table;
  content: '';
}

.clearfix:after {
  clear: both;
}

/* Visibilty classes */

.hide {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

.hidden {
  display: none;
  visibility: hidden;
}

/* Responsive visibilty classes */

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

@media(min-width: 768px) {

  
  
  .row-fluid {
    display: flex;
  }

  .dnd-section.row-depth-1 > .row-fluid {
    margin: 0 65px 110px;
  }

  .dnd-section.row-depth-1[class*="full-width-section"] > .row-fluid {
    margin: 0 0 110px;
  }

  .row-fluid .span12 {
    width: 99.99999998999999%;
  }

  .row-fluid .span11 {
    width: 91.489361693%;
  }

  .row-fluid .span10 {
    width: 82.97872339599999%;
  }

  .row-fluid .span9 {
    width: 74.468085099%;
  }

  .row-fluid .span8 {
    width: 65.95744680199999%;
  }

  .row-fluid .span7 {
    width: 57.446808505%;
  }

  .row-fluid .span6 {
    width: 48.93617020799999%;
  }

  .row-fluid .span5 {
    width: 40.425531911%;
  }

  .row-fluid .span4 {
    width: 31.914893614%;
  }

  .row-fluid .span3 {
    width: 23.404255317%;
  }

  .row-fluid .span2 {
    width: 14.89361702%;
  }

  .row-fluid .span1 {
    width: 6.382978723%;
  }
}

@media (min-width: 1400px) {
  .dnd-section.row-depth-1 > .row-fluid {
    margin: 0 auto 170px;
  }

  .dnd-section.row-depth-1[class*="full-width-section"] > .row-fluid {
    margin: 0 0 170px;
  }
}


@media (max-width: 767px) {
  .visible-phone {
    display: inherit !important;
  }

  .hidden-phone {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .visible-tablet {
    display: inherit !important;
  }

  .hidden-tablet {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}


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

.dnd-section {
  margin-bottom: 0;
}

#main-content {
  margin-top: 57px;
}

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

p.editor {
  color: var(--color-editor);
  font-size: 15px;
  font-weight: normal;
}

img {
  display: block;
}

header.editor {
  border: 1px solid var(--color-editor);
}

@media(min-width: 768px) {
  #main-content {
    margin-top: 120px;
  }
}

.price-tag {
  white-space: nowrap;
}
html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  word-break: break-all;
}

/* Paragraphs & Lists */

p, li, dt, dd {
  font-size: 1rem;
  line-height: 130%;
  font-weight: 400;
}

p {
  margin: 0 0 1.4rem;
}

p > small {
  opacity: 0.5;
  font-size: inherit;
}

p.dim,
.dim p {
  opacity: 0.7;
  /* #9e9e9e */
}

/* Anchors */

a {
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: var(--color-neutral-70);
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
  color: var(--color-neutral);
}

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

@media (min-width: 576px) {
  p, li, dt, dd {
    font-size: 1.1rem;
    margin: 0 0 1.3rem;
  }
}

@media (min-width: 992px) {
  p, li, dt, dd {
    font-size: 1.3rem;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1.4rem;
}

h1, h2, h3, h1 a, h2 a, h3 a {
  font-style: normal;
  color: var(--color-title);
  font-weight: 700;
  line-height: 120%;
}

h1 {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 1em;
}

h2 {
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 1em;
  letter-spacing: -0.03em;
}

h1 small,
h2 small {
  display: block;
  position: relative;
  margin-top: 0.5em;
  font-size: 50%;
  color: var(--color-subtitle);
  line-height: 130%;
  letter-spacing: -0.01em;
  font-weight: 600;
}

h2 a {
  text-decoration: underline;
  text-decoration-color: var(--color-title-underline);
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
  color: var(--color-title);
}

h2 a small {
  text-decoration: none;
  color: var(--color-subtitle);
}

h3 {
  font-size: 1.3rem;
  margin: 2rem 0;
}

h3 a {
  text-decoration: underline;
  text-decoration-color: var(--color-title-underline);
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}

h3.section-subtitle {
  text-align: center;
}

.accent h3,
.accent h3 a {
    color: var(--color-white);
}

.accent h3 a {
  text-decoration-color: var(--color-white-25);
}

.home-page h2 {
  font-size: 2rem;
  text-align: center;
}

@media (min-width: 768px) {
  h2 {
    font-size: 2rem;
    margin-bottom: 3rem;
  }
  .home-page h2 {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  h1 {
    font-size: 2rem;
  }
  
  h2 {
    font-size: 2.5rem;
    /*margin-top: 10rem;*/
    margin-bottom: 4rem;
  }
  
  h3 {
    font-size: 2rem;
  }

  h2.headline a {
    text-decoration-thickness: 3px;
    text-underline-offset: 5px;
  }
  
  .home-page h2 {
    font-size: 4.5rem;
  }
}
:root {
  
}

.button-wrapper {
  text-align: center;
  width: 100%;
}

.button-wrapper.align-center {
  text-align: center;
}

.hs-button,
button,
.button {
  position: relative;
  cursor: pointer;
  padding: 0 50px;
  display: inline-block;
  text-align: center;
  transition: all .3s ease-in-out;
  white-space: nowrap;
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0 auto;
  border: none;
  border-radius: 40px;
  text-decoration: none;
  background-color: var(--color-secondary);
  color: var(--color-neutral-70);
  height: var(--button-height);
  line-height: var(--button-height);
}

.hs-button:hover,
button:hover,
.button:hover {
  background-color: var(--color-secondary-d);
}

.button-arrow {
  padding-right: 63px;
  background-image: var(--icon-arrow-right);
  background-position: center right 30px;
  background-repeat: no-repeat;
}

.button-arrow-top {
  background-image: var(--icon-arrow-top);
}

.hs-button.primary.large,
.button-cta {
  color: var(--color-white);
  background-color: var(--color-primary);
}

.hs-button.primary.large:hover,
.button-cta:hover {
  background-color: var(--color-primary-dd);
}

.accent .button-cta,
.button-cta-light {
  background-color: var(--color-white);
  color: var(--color-primary);
}

.accent .button-cta:hover {
  background-color: var(--color-primary-light);
}

.button-narrow {
  padding: 0 30px;
}

.button-secondary {
  background-color: var(--color-secondary-d);
}

.button-icon {
  padding: 0 3rem;
  background-position: center center;
}

.button-icon span {
  display: none;
}

.button-confirm {
  background-color: var(--color-right);
  color: var(--color-white);
}

.button-iconified {
  white-space: nowrap;
}

.button-iconified i {
  display: inline-block;
  height: 14px;
  width: 16px;
  margin-left: 10px;
  mask-image: var(--icon-arrow-right-mask);
  -webkit-mask-image: var(--icon-arrow-right-mask);
  background-color: var(--color-neutral-70);
}

/* Round button with Fontastic icon. */
.button-circle {
  aspect-ratio: 1/1;
  height: var(--button-height);
  width: var(--button-height);
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
  padding: 14px;
  position: relative;
}

.button-circle svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: var(--color-neutral-70);
}

.button-wrong, .button-right {
  color: var(--color-white);
}

.button-right {
  background-color: var(--color-right);
}

.button-wrong {
  background-color: var(--color-wrong);
}

.button-wrong i, .button-right i {
  background-color: var(--color-white);
}

.button-right:hover {
  background-color: var(--color-right-hover);
}

.button-wrong:hover {
  background-color: var(--color-wrong-hover);
}

button:disabled,
.button:disabled {
  background-color: var(--color-neutral-20);
  border-color: var(--color-neutral-20);
  color: var(--color-neutral-40);
  background-image: repeating-linear-gradient(-60deg, var(--color-neutral-10) 0, var(--color-neutral-10) 1.5px, transparent 0, transparent 50%);
  background-size: 9px 16px;
}

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

.button-youtube {
  background-image: var(--icon-youtube);
  background-size: 57%;
}
.button-facebook {
  background-image: var(--icon-facebook);
  background-size: 38%;
}
.button-mail {
  background-image: var(--icon-mail);
  background-size: 50%;
}
.image-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  padding: 25px;
  border-radius: 0;
  overflow: hidden;
}

.image-wrapper.square {
  padding: 0;
  aspect-ratio: 1 / 1;
}

.image-wrapper img {
  object-fit: contain;
/*  flex: 1 0 auto;*/
  height: auto;
  max-width: 100%;
  max-height: 100%;
/*  width: 100%;*/
}

.audio-wrapper {
  margin: 20px auto;
  text-align: center;
}

figcaption ol {
  column-count: 1;
  padding: 3% 5%;
}

.text-wrapper {
  padding: 25px;
  border-radius: 0;
}

@media(min-width: 768px) {
  figcaption ol {
    column-count: 3;
  }
}
.chip {
  border: none;
  border-radius: 40px;
  text-align: center;
  position: relative;
  display: inline-block;
  font-weight: 500;
  font-size: 16px;
  background-color: var(--color-black-25);
  transition: all .1s ease-in-out;
  text-decoration: none;
  padding: 4px 20px;
  color: var(--color-black-75);
}

.chip.transparent {
  background-color: transparent;
  color: var(--color-primary);
}

.chip.contour {
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
}

.chip.large {
  padding: 10px 20px;
}
 
.accent .chip {
  background-color: var(--color-white-25);
  color: var(--color-primary);
}

.accent .chip.transparent {
  background-color: transparent;
  color: var(--color-white);
  border: 1px solid var(--color-white);
}
/* Fields */

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

/* Labels */

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

/* Help text */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

form input[type=text],
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;
  padding: 16px 26px;
  font-size: 1.1rem;
  width: 100%;
  transition: all .3s ease-in-out;
  white-space: normal;
  font-weight: 600;
  margin: 0 auto;
  border: 1px solid var(--color-black-25);
  background-color: var(--color-secondary-ll);
  color: var(--color-neutral);
  border-radius: 40px;
}

form select {
  cursor: pointer;
  white-space: nowrap;
}



form .select-wrapper {
  display: grid;
  grid-template-areas: "select";
  align-items: center;
  min-width: fit-content;
}

form .select-wrapper::after {
  background-color: var(--color-neutral-30);
  clip-path: polygon(50% 100%,0 0,100% 0);
  content: "";
  height: 0.8em;
  justify-self: end;
  width: 1.2em;
  margin-right: 23px;
  pointer-events: none;
}

form select {
  appearance: none;
  padding-right: 60px;
}

select,
.select-wrapper::after {
  grid-area: select;
}

select:invalid,
select option[value=""] {
  color: var(--color-neutral-20);
}

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

ul,
ol {
  margin: 0 0 1.4rem;
  padding-left: 2rem;
}

ul {
  list-style-type: disc;
  padding-left: 28px;
  text-align: left;
}

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

li {
  margin-bottom: 0.7rem;
}

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

ul.in-line {
  list-style-type: none;
  list-style: none;
  padding: 0;
  display: flex;
  justify-items: center;
  margin: 0 auto;
  width: fit-content;
}

ul.in-line li {
  padding: 0 7px;
}

.checklist {
  list-style-type: none;
  padding-left: 2px;
}

.checklist li {
    position: relative;
    font-weight: 500;
    color: #969696;
    margin-bottom: 16px;
    padding-left: 35px
}

.checklist li::before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 20px;
    height: 20px;
    background: transparent var(--icon-check) no-repeat center;
}

.accent li {
  color: #ffffff;
}

.accent .checklist li:before {
  background-image: var(--icon-check-accent);
}
.bubble {
  background-color: var(--color-primary-light);
  border-radius: 50%;
  height: 20vw;
  width: 20vw;
  z-index: -1;
  position: absolute;
  top: 10vw;
  left: 10vw;
}

.dot {
  position: absolute;
  clip-path: circle(50%);
  z-index: -1;
  background-color: var(--color-primary-light);
  border-radius: 50%;
  height: 100px;
  width: 100px;
}

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

header {
  margin: 0;
}

/*@media (min-width: 768px) {
  header {
    margin-top: 60px;
  }
}*/

#navbar {
  z-index: 9999;
}

#navbar .nav__main {
  position: relative;
  display: flex;
  height: 112px;
  z-index: 9999;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  transition: all .3s ease-in-out;
  background: var(--color-white);
}

#navbar .nav__main > div {
  height: 56px;
  margin: 0;
}

#navbar hr {
  width: 100%;
  margin: 0;
  opacity: 0.5;
}

.nav a {
  text-decoration: none;
}

#navbar .button-cta {
  padding: 0 22px;
  margin: 0;
  height: 35px;
  line-height: 35px;
}

.nav__logo {
  display: flex;
  align-items: center;
  padding: 0 25px 0;
}

.nav__logo img {
  position: relative;
  height: 40px;
  width: auto;
  top: 1px;
}

.nav__menu {
  order: 3;
  width: 100%;
  border-top: 1px solid #00000020;
  border-bottom: 1px solid #00000020;
}

.nav__utils {
  display: flex;
  align-items: center;
  justify-content: center;
  order: 2;
  white-space: nowrap;
}

/* menu */

.nav__main .hs-menu-wrapper ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  list-style-type: none;
  padding: 0;
}

.nav__main .hs-menu-item {
  margin: 0;
}

.nav__main .hs-menu-item a {
  padding: 4px 10px;
  font-size: 18px;
  line-height: 57px;
  font-weight: 500;
  color: var(--color-neutral-70);
  white-space: nowrap;
}

/*  
* 
* 
* Hamburger Menu 
* 
* 
*  
*/

.nav__trigger {
  margin: 0 25px 0 20px;
  cursor: pointer;
}

#hamburop {
  background-image: var(--icon-burger-open);
  width: 23px;
  height: 22px;
}

#hamburclose {
  background-image: var(--icon-burger-close);
  width: 23px;
  height: 25px;
}

#navbar.is-open #hamburop {
  display: none;
}

#navbar.is-open #hamburclose {
  display: block;
}

#navbar.is-open .mobmenu {
  display: initial;
}

#navbar .mobmenu {
  display: none;
  position: absolute;
  z-index: 9999;
  left: 0;
  right: 0;
}

.close {
  display: none;
}

.nav__login .icon {
  height: 36px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  display: flex;
}

.nav__login .text {
  display: none;
  margin-left: 7px;
}

.nav__signup {
  display: none;
}

.nav__signup > .icon {
  margin-right: 25px;
}

.nav .btn-container {
  display: flex;
  align-items: center;
}

.nav .btn-container .circle {
  margin-right: 26px;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  background: var(--color-neutral-70);
  display: none;
  align-items: center;
  justify-content: center;
}

.nav__button {
  border: none;
  border-radius: 40px;
  text-align: center;
  position: relative;
  display: inline-block;
  color: #0065f2;
  font-weight: 600;
  font-size: 16px;
  background-color: #0065f2;
  transition: all .3s ease-in-out;
  text-decoration: none;
  height: 40px;
  padding: 12px 20px;
}

.nav__button i {
  font-size: 18px;
}

.nav__button:active, .nav__button.active {
  background: #0054ca;
}

.nav__button:hover {
  background-color: #005ddf;
  cursor: pointer;
}

@media (min-width: 768px) {

  #navbar {
    height: 56px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }

  #navbar .nav__main {
    height: 56px;
    flex-wrap: nowrap;
    border-bottom: 1px solid #00000020;
  }
  
  .nav__main > div {
    flex-basis: 0;
  }
  
  .nav__logo {
    flex-grow: 1;
  }

  .nav__menu {
    order: 2;
    width: auto;
    border: none;
    flex-grow: 4;
  }

  .nav__utils {
    order: 3;
    flex-grow: 1;
    justify-items: flex-end;
  }

  .nav__list {
    width: 310px;
    order: 2;
    border: none;
    padding: 0
  }

  .nav__login .text {
    display: block
  }

  html:not([data-scroll="0"]) .nav__signup {
    display: flex;
  }

  html:not([data-scroll="0"]) .nav__login {
    display: none;
  }
}


#menu-sign-in {
  text-decoration: none;
  color: #545454;
font-size: 17px;
    font-weight: 500;

}
.icon {order:1;}
nav {
  font-family: "Inter",sans-serif;}
.align {
  display:none;
}
@media screen and (min-width:768px) {
  .align {
  display:block;
    margin-top:2px;
}
.icon {
  display:flex;
}
  .align {
    align-self:center;
    margin-left: 10px;
    margin-right: 35px;
  }
}

#menu-sign-up {
  text-decoration: none;
  color: #545454;
font-size: 17px;
    font-weight: 500;

}
.icon {order:1;}
nav {
  font-family: "Inter",sans-serif;}
.align {
  display:none;
}
@media screen and (min-width:768px) {
  .align {
  display:block;
    margin-top:2px;
}
.icon {
  display:flex;
}
  .align {
    align-self:center;
    margin-left: 10px;
    margin-right: 35px;
  }
}
/*********************
  PRE-FOOTER
*********************/
.pre-footer {
  position: relative;
  top: 16px;
  z-index: 5;
  display: grid;
  grid-template-rows: auto auto auto;
  justify-content: center;
  align-content: center;
  gap: 30px;
  border-radius: 0 0 16px 16px;
  box-shadow: 0 62px 49px 0 #000;
  background-color: var(--color-white);
  padding: 0 30px 30px;
  justify-items: center;
}

.pre-footer__brand {
  align-self: center;
}
.pre-footer__brand img {
  display: block;
  height: 44px;
  width: auto;
  margin: 0 auto;
}

.pre-footer__brand h4 {
  margin: 0;
  font-weight: 600;
  font-size: 18px;
  line-height: 135%;
  text-align: center;
  color: var(--color-neutral-50);
}

@media(min-width: 992px) {
  .pre-footer {
    grid-template-rows: none;
    grid-template-columns: 1fr auto 1fr;
    justify-content: space-between;
    align-items: end;
    justify-items: center;
  }
  .pre-footer__social {
    justify-self: start;
  }
  .pre-footer__back {
    justify-self: end;
  }
}

/*********************
  FOOTER
*********************/
#footer {
  left: 0;
  bottom: 0;
}

.footer .country-subdivision {
  margin: 5px 0
}

.footer .country-subdivision a {
  background: none;
  margin-bottom: 0;
  font-size: .9rem
}

.copyright {
  width: 100%;
  padding: 0 0 1rem 0;
  text-align: center;
  font-size: 0.7rem;
  color: var(--color-white-25);
  background: var(--color-tertiary);
}



.pre-footer {
  position: relative;
  top: 16px;
  z-index: 5;
  display: grid;
  grid-template-rows: auto auto auto;
  justify-content: center;
  align-content: center;
  gap: 30px;
  border-radius: 0 0 16px 16px;
  box-shadow: 0 62px 49px 0 #000;
  background-color: var(--color-white);
  padding: 0 30px 30px;
  justify-items: center;
}

.pre-footer__social.no-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
  width: fit-content;
}

.pre-footer__social.no-list li { 
  margin: 0;
}

.pre-footer__brand {
  align-self: center;
}
.pre-footer__brand img {
  display: block;
  height: 35px;
  margin: 0 auto;
}

.pre-footer__brand h4 {
  margin: 0;
  font-weight: 600;
  font-size: 18px;
  line-height: 135%;
  text-align: center;
  color: var(--color-neutral-50);
}

@media(min-width: 992px) {
  .pre-footer {
    grid-template-rows: none;
    grid-template-columns: 1fr auto 1fr;
    justify-content: space-between;
    align-items: end;
      justify-items: center;
  }
  .pre-footer__social.no-list {
    justify-self: start;
  }
  .pre-footer__back {
    justify-self: end;
  }
}

/*********************
FOOTER !
*********************/
#footer {
  left: 0;
  bottom: 0;
}

.footer__contact {
  align-self: center;
  text-align: center;
  padding-bottom: 2rem;
  display: grid;
  grid-template-rows: repeat(auto-fit);
}

.footer__contact .phone {
  display: block;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 135%;
  margin: 0 auto;
  color: var(--color-white-50);
  text-decoration: none;
  padding: 20px;
}

.footer .country-subdivision {
  margin: 5px 0
}

.footer .country-subdivision a {
  background: none;
  margin-bottom: 0;
  font-size: .9rem
}

.footer .phone-wrap {
  margin-bottom: 56px;
  margin-top: 30px;
}

@media (min-width: 1024px) {
  .footer__contact {
    order: 3;
    padding-bottom: 0;
  }

  .social-list {
    margin-bottom: 0;
  }
}


/*****************************
LANGUAGE SWITCHER !
*****************************/

#language-picker {
  position: relative;
  width: fit-content;
  display: block;
  margin: 0 auto;
}



.lp__label,
.lp__choices {
  position: relative;
  display: block;
  background: #2d486c;
  cursor: pointer;
  transition: all .3s ease-in-out;
  margin: 0 auto;
  border: none;
  border-radius: 8px;
  width: auto;
  color: var(--color-white);
}

.lp__choices {
  padding: 0;
}

.lp__choices li {
  margin: 0;
  padding: 0;
}

.lp__label,
.lp__choices a {
  margin: 0;
  line-height: 56px;
  white-space: nowrap;
  font-size: 16px;
  height: 56px;
}

.lp__label {
  padding: 0 3rem 0 3.5rem;
  background-color: var(--color-tertiary-light);
  background-image: var(--icon-world), var(--icon-dropdown);
  background-repeat: no-repeat, no-repeat;
  background-position: left 16px center, right 18px center;
}

.lp__choices {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: none;
  list-style-type: none;
}

.lp__choices.visible {
  display: block;
}

.lp__choices a {
  display: block;
  color: var(--color-white);
  text-decoration: none;
  padding: 0 1.5rem;
}

.lp__choices li:first-child a {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.lp__choices li:last-child a {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.lp__choices a:hover {
  background-color: var(--color-white-25);
}

.copyright {
  width: 100%;
  padding: 0 0 1rem 0;
  text-align: center;
  font-size: 0.7rem;
  color: var(--color-white-25);
  background: var(--color-tertiary);
}



.footer-legal {
    background: var(--color-tertiary);
    height: auto;
    padding: 0 40px;
    width: 100%;
}

.footer-legal a {
  color: var(--color-white-75);
  font-size: 0.9rem;
}

.footer-legal .policies {
  text-align: center;
}




.footer__contact {
  text-align: center;
  padding-bottom: 2rem;
  display: grid;
  grid-template-rows: 1fr 1fr;
}

.footer__contact .phone {
  display: block;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 135%;
  margin: 0 auto;
  color: var(--color-white-50);
  text-decoration: none;
  padding: 20px;
}

.footer .phone-wrap {
  margin-bottom: 56px;
  margin-top: 30px;
}

@media (min-width: 992px) {
  .footer__contact {
    order: 3;
    padding-bottom: 0;
  }
}



/*****************************
LANGUAGE SWITCHER !
*****************************/

#language-picker {
  position: relative;
  width: fit-content;
  display: block;
  margin: 0 auto;
  min-width: 205px;
  text-align: left;
  align-self: end;
}



.lp__label,
.lp__choices {
  position: relative;
  display: block;
  background: #2d486c;
  cursor: pointer;
  transition: all .3s ease-in-out;
  margin: 0 auto;
  border: none;
  border-radius: 8px;
  width: auto;
  color: var(--color-white);
}

.lp__choices {
  padding: 0;
}

.lp__choices li {
  margin: 0;
  padding: 0;
}

.lp__label,
.lp__choices a,
.lp__choices span {
  margin: 0;
  line-height: 56px;
  white-space: nowrap;
  font-size: 16px;
  height: 56px;
}

.lp__label {
  padding: 0 3rem 0 3.5rem;
  background-color: var(--color-tertiary-light);
  background-image: var(--icon-world), var(--icon-dropdown);
  background-repeat: no-repeat, no-repeat;
  background-position: left 16px center, right 18px center;
}

.lp__choices {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: none;
  list-style-type: none;
}

.lp__choices.visible {
  display: block;
}

.lp__choices a,
.lp__choices span {
  display: block;
  color: var(--color-white);
  text-decoration: none;
  padding: 0 1.5rem;
}

.lp__choices li:first-child > * {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.lp__choices li:last-child > * {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.lp__choices a:hover {
  background-color: var(--color-white-25);
}



.social-platforms {
  display: grid;
  gap: 16px;
  width: fit-content;
}

.social-platforms li { 
  margin: 0;
}

.social-platforms a {
  position: relative;
  padding: 10px;
}

.social-platforms span {
  display: initial;
}

.social-platforms span.hidden {
  display: none;
}

.social-platforms svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: var(--color-neutral-40);
}

@media(min-width: 992px) {
  .social-platforms {
    justify-self: start;
  }
}
#breadcrumbs {
  text-align: center;
  list-style-type: none;
  padding: 0;
  margin: 0 0 40px 0;
}

#breadcrumbs li {
  font-size: 0.7em;
  display: inline-block;
  margin: 0;
  line-height: 100%;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#breadcrumbs a {
  padding: 2px;
  margin: 0;
  color: #5f5f5f99;
  text-decoration: none;
  font-weight: 500;
}

#breadcrumbs li:before {
  content: "\2771";
  padding: 0 8px 0 0;
  color: #5f5f5f40;
}

#breadcrumbs li:first-child:before {
  display: none;
}

@media(min-width: 768px) {
  #breadcrumbs li {
    max-width: 300px;
  }
}
.mega-menu {
  width: 100%;
  height: auto;
  background: var(--color-tertiary);
  padding: 70px 40px;
}

.mega-menu__content > div {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-width: 1400px;
  width: fit-content;
  margin: 0 auto;
  column-gap: 100px;
  width: 100%;
  justify-content: space-around;
}

.mega-menu__content .hs-menu-item a {
  background: transparent url(https://21118949.fs1.hubspotusercontent-na1.net/hubfs/21118949/arrow-right-white.svg) no-repeat center right;
  color: var(--color-white-75);
  display: inline-block;
  font-size: 1rem;
  font-weight: 500;
  line-height: 130%;
  padding: 0.5rem 1.6rem 0.5rem 0;
  text-decoration: none;
}

.mega-menu__content li {
  margin-bottom: 0.5rem;
}

@media (min-width: 1024px) {
  .mega-menu__content > div {
    flex-direction: row;
  }
}

#footer.mega-menu {
  padding-top: 115px;
}

/* 
* 
* Mega Menu Search 
* 
* 
*/
.mega-menu__search {
  flex-basis: 100%;
  margin-bottom: 100px;
}

.mega-menu__search > div {
  width: 100%;
}

.hs-search-field__input {
  box-sizing: border-box;
  width: 100%;
}
.hs-search-field__bar button svg {
  height: 10px;
}

.hs-search-field {
  position: relative;
  text-align: center;
  z-index: 1;
  max-width: 550px;
  margin: 0 auto;
  padding: 10px;
}

.mega-menu__search label {
  display: none;
}

.hs-search-field__input {
  padding: 0.7rem 2em;
  height: 56px;
  max-width: 550px;
  border: none;
  border-radius: 40px;
  background-image: var(--icon-search);
  background-repeat: no-repeat;
  background-position: right 15px center;
}

.hs-search-field__suggestions {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: -1;
  list-style: none;
  margin: 0 auto;
  padding: 80px 18px 30px;
  color: var(--color-white);
  border: none;
  background: var(--color-tertiary-light);
  border-radius: 40px;
}

.hs-search-field--open .hs-search-field__suggestions {
  display: block;
}

.hs-search-field__suggestions li {
  display: block;
  margin: 0;
  padding: 0;
}

.hs-search-field__suggestions li a {
  display: block;
  padding: 5px 20px;
  font-size: 1rem;
  text-decoration: none;
  color: var(--color-white);
}

.hs-search-field__suggestions #results-for {
  display: block;
  padding: 10px 20px;
  font-size: 0.8em;
  color: var(--color-white-50);
}

.hs-search-field__suggestions a,
.hs-search-field__suggestions #results-for {
  display: block;
}

.hs-search-field__suggestions a:hover,
.hs-search-field__suggestions a:focus {
  background-color: var(--color-white-25);
  outline: none;
}
:root {
  --card-border-radius: 8px;
}

.board {
  position: relative;
  overflow: auto; /* Scrollable right to left on mobile. */
  padding-bottom: 26px;
}

.cards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
}

.board.scroll .cards {
  width: fit-content;
  flex-wrap: nowrap;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 30px;
  width: auto;
  background: var(--color-white);
  border: 1px solid var(--color-black-25);
  border-radius: var(--card-border-radius);
}

.board.scroll .card {
  width: 300px;
}

.card h3 {
  font-weight: 600;
  font-size: 1.5rem;
  margin-top: 15px;
  text-align: left;
}

.card > div:first-child {
  justify-self: start;
}

.card.accent {
  color: var(--color-white);
  background-color: var(--color-primary);
}

.card.filled {
  background-color: var(--color-secondary-ll);
}

.card.full {
  border: none;
  border-radius: 0;
  margin-left: -25px;
  margin-right: -25px;
  justify-content: center;
}

@media(min-width: 576px) {
  .card.full {
    border: 1px solid var(--color-black-25);
    border-radius: var(--card-border-radius);
    margin-left: 0;
    margin-right: 0;
  }
}

@media(min-width: 992px) {
  
  .cards:not(.cards-xl) {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
    max-width: 1400px;
    width: auto;
    margin: 0 auto;
    overflow: inherit;
  }

  
  .board.scroll .cards:not(.cards-xl),
  .cards:not(.cards-xl) .card,
  .board.scroll .cards:not(.cards-xl) .card {
    width: auto;
  }
  
  .cards:not(.cards-xl) .card.full {
      justify-content: space-between;
  }
}

@media(min-width: 1200px) {
  
  .cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    max-width: 1400px;
    width: auto;
    margin: 0 auto;
    overflow: inherit;
  }

  .board.scroll .cards,
  .card,
  .board.scroll .card {
    width: auto;
  }
  
  .card.full {
      justify-content: space-between;
  }
}
.sign-up-module {
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 600px;
  min-width: 300px;
  width: fit-content;
  justify-items: center;
}

.align-center .sign-up-module {
  margin-left: auto;
  margin-right: auto;
}

.sign-up-module > div {
  width: fit-content;
}

.sign-up-module .button-cta {
  margin-top: 0;
}
header {
  margin: 0;
}

/*@media (min-width: 768px) {
  header {
    margin-top: 60px;
  }
}*/

#navbar {
  z-index: 9999;
}

#navbar .nav__main {
  position: relative;
  display: flex;
  height: 112px;
  z-index: 9999;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  transition: all .3s ease-in-out;
  background: var(--color-white);
}

#navbar .nav__main > div {
  height: 56px;
  margin: 0;
}

#navbar hr {
  width: 100%;
  margin: 0;
  opacity: 0.5;
}

.nav a {
  text-decoration: none;
}

#navbar .button-cta {
  padding: 0 22px;
  margin: 0;
  height: 35px;
  line-height: 35px;
}

.nav__logo {
  display: flex;
  align-items: center;
  padding: 0 25px 0;
}

.nav__logo img {
  position: relative;
  height: 40px;
  width: auto;
  top: 1px;
}

.nav__menu {
  order: 3;
  width: 100%;
  border-top: 1px solid #00000020;
  border-bottom: 1px solid #00000020;
}

.nav__utils {
  display: flex;
  align-items: center;
  justify-content: center;
  order: 2;
  white-space: nowrap;
}

/* menu */

.nav__main .hs-menu-wrapper ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  list-style-type: none;
  padding: 0;
}

.nav__main .hs-menu-item {
  margin: 0;
}

.nav__main .hs-menu-item a {
  padding: 4px 10px;
  font-size: 18px;
  line-height: 57px;
  font-weight: 500;
  color: var(--color-neutral-70);
  white-space: nowrap;
}

/*  
* 
* 
* Hamburger Menu 
* 
* 
*  
*/

.nav__trigger {
  margin: 0 25px 0 20px;
  cursor: pointer;
}

#hamburop {
  background-image: var(--icon-burger-open);
  width: 23px;
  height: 22px;
}

#hamburclose {
  background-image: var(--icon-burger-close);
  width: 23px;
  height: 25px;
}

#navbar.is-open #hamburop {
  display: none;
}

#navbar.is-open #hamburclose {
  display: block;
}

#navbar.is-open .mobmenu {
  display: initial;
}

#navbar .mobmenu {
  display: none;
  position: absolute;
  z-index: 9999;
  left: 0;
  right: 0;
}

.close {
  display: none;
}

.nav__login .icon {
  height: 36px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  display: flex;
}

.nav__login .text {
  display: none;
  margin-left: 7px;
}

.nav__signup {
  display: none;
}

.nav__signup > .icon {
  margin-right: 25px;
}

.nav .btn-container {
  display: flex;
  align-items: center;
}

.nav .btn-container .circle {
  margin-right: 26px;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  background: var(--color-neutral-70);
  display: none;
  align-items: center;
  justify-content: center;
}

.nav__button {
  border: none;
  border-radius: 40px;
  text-align: center;
  position: relative;
  display: inline-block;
  color: #0065f2;
  font-weight: 600;
  font-size: 16px;
  background-color: #0065f2;
  transition: all .3s ease-in-out;
  text-decoration: none;
  height: 40px;
  padding: 12px 20px;
}

.nav__button i {
  font-size: 18px;
}

.nav__button:active, .nav__button.active {
  background: #0054ca;
}

.nav__button:hover {
  background-color: #005ddf;
  cursor: pointer;
}

@media (min-width: 768px) {

  #navbar {
    height: 56px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }

  #navbar .nav__main {
    height: 56px;
    flex-wrap: nowrap;
    border-bottom: 1px solid #00000020;
  }
  
  .nav__main > div {
    flex-basis: 0;
  }
  
  .nav__logo {
    flex-grow: 1;
  }

  .nav__menu {
    order: 2;
    width: auto;
    border: none;
    flex-grow: 4;
  }

  .nav__utils {
    order: 3;
    flex-grow: 1;
    justify-items: flex-end;
  }

  .nav__list {
    width: 310px;
    order: 2;
    border: none;
    padding: 0
  }

  .nav__login .text {
    display: block
  }

  html:not([data-scroll="0"]) .nav__signup {
    display: flex;
  }

  html:not([data-scroll="0"]) .nav__login {
    display: none;
  }
}


#menu-sign-in {
  text-decoration: none;
  color: #545454;
font-size: 17px;
    font-weight: 500;

}
.icon {order:1;}
nav {
  font-family: "Inter",sans-serif;}
.align {
  display:none;
}
@media screen and (min-width:768px) {
  .align {
  display:block;
    margin-top:2px;
}
.icon {
  display:flex;
}
  .align {
    align-self:center;
    margin-left: 10px;
    margin-right: 35px;
  }
}

#menu-sign-up {
  text-decoration: none;
  color: #545454;
font-size: 17px;
    font-weight: 500;

}
.icon {order:1;}
nav {
  font-family: "Inter",sans-serif;}
.align {
  display:none;
}
@media screen and (min-width:768px) {
  .align {
  display:block;
    margin-top:2px;
}
.icon {
  display:flex;
}
  .align {
    align-self:center;
    margin-left: 10px;
    margin-right: 35px;
  }
}
























:root {
  
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1400px;
  
  --page-margin: 65px;

  --color-dev-accent: #ff00ff;
  --color-editor: #be4d25;

  --color-white: #ffffff;
  --color-white-25: #ffffff40;
  --color-white-50: #ffffff80;
  --color-white-75: #ffffffc0;

  --color-black: #000000;
  --color-black-25: #00000010;
  --color-black-50: #00000030;
  --color-black-75: #00000050;
  
  --color-neutral: #7f7f7f;
  --color-neutral-10: #f5f5f5;
  --color-neutral-20: #e6e6e6;
  --color-neutral-30: #d1d1d1;
  --color-neutral-40: #b3b3b3;
  --color-neutral-50: #969696;
  --color-neutral-60: #7f7f7f;
  --color-neutral-70: #5f5f5f;
  --color-neutral-80: #303030;

  --color-primary-light: #e4f1fa;
  --color-primary-light-l: #e9f6ff;   
  --color-primary-light-ll: #ebf8ff;  
  --color-primary-light-25: #e4f1fa60;
  --color-primary-light-d: #d5e2eb;
  --color-primary-light-dd: #c6d3dc;

  --color-primary: #0065f2;
  --color-primary-d: #0056e3;
  --color-primary-dd: #0047d4;
  
  --color-secondary: #f0f0f4;
  --color-secondary-l: #f3f3f7;   
  --color-secondary-ll: #f7f7fb;  
  --color-secondary-d: #e1e1e5;
  --color-secondary-dd: #d2d2d6;
  
  --color-alternate: #0a78c5;
  --color-alternate-light: #cfe2f3;
  --color-alternate-light-l: #d9ecfd;
  --color-alternate-light-ll: #e3f6ff;
  
  --color-tertiary: #22344d;
  --color-tertiary-light: #31435c;

  --color-right: #318b31;
  --color-right-hover: #278127;
  --color-wrong: #b61e1e;
  --color-wrong-hover: #ac1414;
  
  /* Objects */
  --color-title: var(--color-black);
  --color-subtitle: var(--color-neutral-50);
  --color-title-underline: var(--color-neutral-30);
  
  --color-text: var(--color-neutral);
  --color-text-light: var(--color-white);
  
  --button-height: 52px;
  
  /* Presets */
  --preset-2-background-color: #053c63;
  --preset-2-text-color: #000000;
  
  /* Presets */
  --preset-3-background-color: #f0f0f4;
  --preset-3-text-color: #000000;  
  
  /*  Advertisement Presets */
  
  --ad-preset-1-background: #0065F2;
  --ad-preset-1-text: #FFFFFF;
  --ad-preset-1-button: #ffffff;
  --ad-preset-1-button-hover: #f0f0f0;
  --ad-preset-1-button-label: #0065F2;
  
  --ad-preset-2-background: #e4f1fa;
  --ad-preset-2-text: #ffffff;
  --ad-preset-2-button: #0065F2;
  --ad-preset-2-button-hover: #0056e3;
  --ad-preset-2-button-label: #ffffff;

  --ad-preset-3-background: #ffffff;
  --ad-preset-3-text: #000000;
  --ad-preset-3-button: #0065F2;
  --ad-preset-3-button-hover: #0056e3;
  --ad-preset-3-button-label: #ffffff;

  --icon-arrow-right-mask: url(https://21118949.fs1.hubspotusercontent-na1.net/hubfs/21118949/global/icons/arrow-right.svg);
  
  --icon-arrow-right: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 7C3.14834e-08 7.72026 0.469647 8.20418 1.16344 8.20418H10.7378L12.5524 8.1254L10.2255 10.2637L8.61374 11.9968C8.40027 12.2106 8.26151 12.5032 8.26151 12.8521C8.26151 13.5048 8.73115 14 9.37158 14C9.67045 14 9.94797 13.8762 10.1935 13.6286L15.6478 7.88907C15.8719 7.66399 16 7.32637 16 7C16 6.67363 15.8719 6.33601 15.6478 6.11093L10.1935 0.371383C9.94797 0.123794 9.67045 -1.30638e-08 9.37158 0C8.73115 2.7994e-08 8.26151 0.483923 8.26151 1.14791C8.26151 1.49678 8.40027 1.78939 8.61374 2.00322L10.2255 3.73633L12.5417 5.8746L10.7378 5.79582L1.16344 5.79582C0.469646 5.79582 -3.14834e-08 6.27974 0 7Z' fill='%237f7f7f'/%3E%3C/svg%3E");
  --icon-arrow-top: url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0254 6.42383L6.44434 0.833984L0.863281 6.42383L2.19922 7.75977L5.50391 4.42871V14H7.38477V4.42871L10.6895 7.75977L12.0254 6.42383Z' fill='%237f7f7f'%3E%3C/path%3E%3C/svg%3E");
  --icon-check: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM13.2197 6.96967L8.75 11.4393L6.78033 9.46967C6.48744 9.17678 6.01256 9.17678 5.71967 9.46967C5.42678 9.76256 5.42678 10.2374 5.71967 10.5303L8.21967 13.0303C8.51256 13.3232 8.98744 13.3232 9.28033 13.0303L14.2803 8.03033C14.5732 7.73744 14.5732 7.26256 14.2803 6.96967C13.9874 6.67678 13.5126 6.67678 13.2197 6.96967Z' fill='%230065f2' /%3E%3C/svg%3E");
  --icon-check-accent: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM13.2197 6.96967L8.75 11.4393L6.78033 9.46967C6.48744 9.17678 6.01256 9.17678 5.71967 9.46967C5.42678 9.76256 5.42678 10.2374 5.71967 10.5303L8.21967 13.0303C8.51256 13.3232 8.98744 13.3232 9.28033 13.0303L14.2803 8.03033C14.5732 7.73744 14.5732 7.26256 14.2803 6.96967C13.9874 6.67678 13.5126 6.67678 13.2197 6.96967Z' fill='%23ffffff' /%3E%3C/svg%3E");
  --icon-burger-open: url("data:image/svg+xml, %3Csvg width='23' height='22' viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='23' height='4' rx='2' fill='%237f7f7f'/%3E%3Crect y='9' width='23' height='4' rx='2' fill='%237f7f7f'/%3E%3Crect y='18' width='23' height='4' rx='2' fill='%237f7f7f'/%3E%3C/svg%3E");
  --icon-burger-close: url("data:image/svg+xml, %3Csvg width='23' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='21.2132' width='30' height='4' rx='2' transform='rotate(-45 0 21.2132)' fill='%237f7f7f'/%3E%3Crect x='21.2132' y='24.2548' width='30' height='4' rx='2' transform='rotate(-135 21.2132 24.2548)' fill='%237f7f7f'/%3E%3C/svg%3E");
  --icon-search: url("data:image/svg+xml,%3Csvg width='23' height='22' viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_13177_2117)'%3E%3Cpath d='M21.5999 19.4401L16.12 13.96C17.1743 12.4728 17.7374 10.6931 17.7301 8.87001C17.732 7.11484 17.2132 5.39857 16.2393 3.93837C15.2655 2.47818 13.8803 1.33972 12.2591 0.667132C10.6379 -0.00545686 8.8537 -0.182003 7.13216 0.159929C5.41062 0.501862 3.82906 1.34694 2.58797 2.58803C1.34688 3.82912 0.501924 5.41043 0.159991 7.13198C-0.181941 8.85352 -0.00551701 10.6379 0.667072 12.2591C1.33966 13.8802 2.47812 15.2654 3.93831 16.2393C5.39851 17.2132 7.11478 17.732 8.86995 17.73C10.7095 17.7342 12.5041 17.1606 14.0001 16.09L19.4801 21.5601C19.7611 21.8415 20.1424 21.9997 20.5401 22C20.8366 21.9998 21.1262 21.9117 21.3726 21.7468C21.6191 21.582 21.8112 21.3478 21.9246 21.0739C22.0381 20.7999 22.0679 20.4986 22.0101 20.2078C21.9523 19.917 21.8094 19.6499 21.5999 19.4401ZM14.7301 8.87001C14.7301 10.0314 14.3855 11.1667 13.7401 12.1322C13.0946 13.0978 12.1773 13.8501 11.1041 14.2941C10.0309 14.7381 8.8502 14.8538 7.71126 14.6265C6.57232 14.3992 5.52642 13.8392 4.70589 13.0172C3.88535 12.1953 3.32701 11.1484 3.10164 10.0091C2.87628 8.86972 2.99396 7.68914 3.43978 6.61672C3.8856 5.54429 4.63941 4.62819 5.60604 3.98439C6.57267 3.34059 7.70855 2.99804 8.86995 3.00002C10.425 3.00267 11.9156 3.62224 13.0142 4.7228C14.1129 5.82335 14.7301 7.31492 14.7301 8.87001Z' fill='%237f7f7f'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_13177_2117'%3E%3Crect width='22.03' height='22' fill='%237f7f7f'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --icon-world: url("data:image/svg+xml,%3Csvg class='lp__icon-world' width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0C5.37276 0 0 5.37276 0 12C0 18.6272 5.37276 24 12 24C18.6272 24 24 18.6272 24 12C24 5.37276 18.6272 0 12 0ZM12 22.7997C11.0505 22.7997 9.82544 21.0301 9.07747 17.9994H14.924C14.1747 21.03 12.9494 22.7997 12 22.7997ZM8.81972 16.8002C8.59022 15.5583 8.44398 14.1498 8.41247 12.6007H15.5886C15.5571 14.1509 15.4098 15.5584 15.1814 16.8002H8.81972ZM1.23058 12.5996H7.21215C7.2414 14.0868 7.37527 15.5031 7.60252 16.8002H2.34007C1.70223 15.5211 1.31384 14.1026 1.23058 12.5996ZM12 1.20035C12.9495 1.20035 14.1746 2.9699 14.9225 6.00058H9.07718C9.8253 2.97005 11.0507 1.20035 12 1.20035ZM15.1803 7.19977C15.4098 8.44173 15.556 9.85018 15.5875 11.3993L8.41253 11.4004C8.44403 9.85018 8.5914 8.44271 8.81977 7.20089L15.1803 7.19977ZM7.21215 11.4004H1.23058C1.31383 9.89744 1.70194 8.47874 2.33981 7.19977H7.60226C7.37502 8.49685 7.24141 9.91319 7.21215 11.4004ZM16.7878 12.5996H22.7694C22.6862 14.1026 22.2981 15.5213 21.6602 16.7991H16.3977C16.625 15.5031 16.7586 14.0868 16.7878 12.5996ZM16.7878 11.4004C16.7586 9.91319 16.6247 8.49688 16.3975 7.19977H21.6599C22.2978 8.47773 22.6859 9.89744 22.7692 11.3993L16.7878 11.4004ZM20.9738 6.00058H16.1523C15.709 4.08927 15.0655 2.50638 14.2882 1.45003C17.0612 2.05075 19.4417 3.71684 20.9738 6.00058ZM9.71191 1.45003C8.93457 2.50526 8.28996 4.08921 7.84783 6.00058H3.02629C4.55849 3.7169 6.93885 2.05078 9.71191 1.45003ZM3.02621 17.9994H7.84775C8.291 19.9107 8.93445 21.4936 9.71183 22.55C6.93879 21.9492 4.55832 20.2832 3.02621 17.9994ZM14.2881 22.55C15.0654 21.4947 15.71 19.9108 16.1522 17.9994H20.9737C19.4415 20.2831 17.0611 21.9492 14.2881 22.55Z' fill='%23e4f1fa'%3E%3C/path%3E%3C/svg%3E");
  --icon-dropdown: url("data:image/svg+xml,%3Csvg class='lp__icon-arrow' width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.793 0.732712C12.0787 1.03263 12.0672 1.50737 11.7672 1.79306L6.51678 6.79439C6.22711 7.07032 5.77187 7.07032 5.4822 6.79439L0.231735 1.79306C-0.0681872 1.50737 -0.0797238 1.03263 0.205968 0.732712C0.491659 0.432789 0.966392 0.421253 1.26631 0.706944L5.99949 5.21553L10.7327 0.706944C11.0326 0.421253 11.5073 0.43279 11.793 0.732712Z' fill='%23f0f0f4'%3E%3C/path%3E%3C/svg%3E");
  --icon-right: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' width='30' height='30'%3E%3Cg data-name='Layer 2'%3E%3Cg id='All'%3E%3Cpath fill='%23008200' d='M0,10.36C1.75,7.79,3.8,6.58,4.64,6.41a80.47,80.47,0,0,0,7.33,10c4.14-4,10.75-11.31,14-16.42A11.3,11.3,0,0,1,30,4.22C28.71,9.37,19.24,21.53,10.21,30,7.46,27,2.09,17.78,0,10.36Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  --icon-wrong: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 154 183' width='30' height='30'%3E%3Cg data-name='Layer 2'%3E%3Cg id='All'%3E%3Cpath fill='red' d='M63.94,130.47,22.69,183c-2.13-2.59-4.22-4.93-6.1-7.42C10.64,167.68,5,159.6,1.3,150.3c-.36-.93-.58-1.91-1-2.83a3.54,3.54,0,0,1,.78-4.07Q21,119.86,40.74,96.29c1.19-1.42,1.27-2.32.41-4.05C33.74,77.48,26.3,62.73,19.33,47.76c-2.79-6-4.46-12.48-6.54-18.78a3.26,3.26,0,0,1,.35-2.52C17.61,20.12,22.56,14.19,29,9.75a71.33,71.33,0,0,1,6.72-3.64C47.52,24.52,59.12,42.67,72.81,59.85,76.33,56.12,79.64,52.54,83,49c12.12-12.54,24.22-25.1,36.43-37.54,3.66-3.73,7.67-7.11,11.49-10.68,1.19-1.12,2.27-1,3.54-.12A75.62,75.62,0,0,1,154,21.77c-3.15,3.6-6.34,7.18-9.46,10.81Q123.63,57,102.77,81.46c-2.31,2.71-4.36,5.65-6.59,8.44a2.34,2.34,0,0,0,0,3.45c10.89,13.63,21.69,27.33,32.56,41,1.13,1.42,2.46,2.68,3.82,4.14a63.56,63.56,0,0,1-10.83,14.47c-7.08,7.24-15.22,12.78-25,15.83a3,3,0,0,1-3.8-1.13Q79.41,150.29,65.77,133C65.21,132.25,64.7,131.5,63.94,130.47Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --icon-youtube: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.8254 3.43676C18.682 3.66741 19.3575 4.34286 19.5881 5.19953C20 6.74813 20 10.0101 20 10.0101C20 10.0101 20 13.2555 19.5881 14.8206C19.3575 15.6773 18.682 16.3527 17.8254 16.5834C16.2603 16.9952 10 16.9952 10 16.9952C10 16.9952 3.7397 16.9952 2.17463 16.5834C1.31796 16.3527 0.642504 15.6773 0.411862 14.8206C0 13.272 0 10.0101 0 10.0101C0 10.0101 0 6.7646 0.411862 5.19953C0.642504 4.34286 1.31796 3.66741 2.17463 3.43676C3.7397 3.0249 10 3.0249 10 3.0249C10 3.0249 16.2603 3.0249 17.8254 3.43676ZM13.196 10.0101L8.0066 13.0084V7.01171L13.196 10.0101Z' fill='%23b3b3b3'%3E%3C/path%3E%3C/svg%3E");
  --icon-facebook: url("data:image/svg+xml,%3Csvg width='18' height='33' viewBox='0 0 18 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7852 18.7812L17.6719 13H12.125V9.25C12.125 7.66797 12.8984 6.125 15.3828 6.125H17.9062V1.20312C17.9062 1.20312 15.6172 0.8125 13.4297 0.8125C8.85938 0.8125 5.875 3.58203 5.875 8.59375V13H0.796875V18.7812H5.875V32.7578C6.89453 32.918 7.9375 33 9 33C10.0625 33 11.1055 32.918 12.125 32.7578V18.7812H16.7852Z' fill='%23b3b3b3'%3E%3C/path%3E%3C/svg%3E");
  --icon-mail: url("data:image/svg+xml, %3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 4.608V12.75C20 14.483 18.6435 15.8992 16.9344 15.9949L16.75 16H3.25C1.51697 16 0.100754 14.6435 0.00514483 12.9344L0 12.75V4.608L9.65199 9.66437C9.86995 9.77854 10.13 9.77854 10.348 9.66437L20 4.608ZM3.25 0H16.75C18.4347 0 19.8201 1.28191 19.9838 2.92355L10 8.15334L0.0161917 2.92355C0.173861 1.34271 1.46432 0.09545 3.06409 0.00522852L3.25 0H16.75H3.25Z' fill='%23b3b3b3'%3E%3C/path%3E%3C/svg%3E");
  --icon-team: url("data:image/svg+xml,%3Csvg width='39' height='39' viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.7324 17.2515C36.6665 17.2515 39.4446 18.9481 38.9411 21.043L36.6481 30.5282C36.1443 32.6212 33.9976 34.3196 31.8581 34.3196H29.9226C29.4725 34.3196 29.0261 34.2418 28.5908 34.1011L31.7321 21.1042C32.0415 19.8336 31.7525 18.5834 30.8968 17.5017C30.8301 17.4202 30.756 17.3368 30.6801 17.2535L32.7324 17.2515Z' fill='%230A78C5'/%3E%3Cpath d='M30.9396 5.87537C33.5604 5.87537 35.685 7.99801 35.685 10.6133C35.685 13.2323 33.5605 15.3568 30.9396 15.3568C28.3206 15.3568 26.1998 13.2324 26.1998 10.6133C26.1998 7.99616 28.3206 5.87537 30.9396 5.87537Z' fill='%230A78C5'/%3E%3Cpath d='M21.9585 15.5991C27.354 15.5991 31.162 17.9273 30.4673 20.8002L27.3279 33.7989C26.6333 36.6698 23.6938 39 20.7598 39H18.1019C15.1698 39 12.2469 36.6718 11.5746 33.7989L8.52585 20.8002C7.85164 17.9274 11.682 15.5991 17.0735 15.5991H21.9585Z' fill='%230A78C5'/%3E%3Cpath d='M25.9998 6.49937C25.9998 10.0889 23.09 12.9987 19.5004 12.9987C15.9109 12.9987 12.9992 10.0889 12.9992 6.49937C12.9992 2.9098 15.9109 0 19.5004 0C23.09 0 25.9998 2.9098 25.9998 6.49937Z' fill='%230A78C5'/%3E%3Cpath d='M8.06321 5.87537C10.6822 5.87537 12.803 7.99801 12.803 10.6133C12.803 13.2323 10.6822 15.3568 8.06321 15.3568C5.44238 15.3568 3.3216 13.2324 3.3216 10.6133C3.3216 7.99616 5.44053 5.87537 8.06321 5.87537Z' fill='%230A78C5'/%3E%3Cpath d='M10.3079 34.0952V34.1008C9.87447 34.2416 9.42808 34.3194 8.97986 34.3194H7.04248C4.90506 34.3194 2.76763 32.6209 2.27858 30.5279L0.0559548 21.0446C-0.434897 18.9479 2.35824 17.2532 6.29022 17.2532H8.33135C8.25911 17.3365 8.18502 17.4124 8.11649 17.5014C7.25708 18.583 6.96442 19.824 7.26078 21.0983L10.3079 34.0952Z' fill='%230a78c5'/%3E%3C/svg%3E%0A");
  --image-step-one: url("data:image/svg+xml,%3Csvg width='122' height='161' viewBox='0 0 122 161' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M119.348 1.06476C117.431 27.3185 100.621 84.211 48.7122 101.751C-16.1736 123.676 -3.445 51.7523 31.4284 66.7398C59.3272 78.7298 40.7005 133.333 27.8998 159.136' stroke='%23e4f1fa' stroke-width='5' stroke-dasharray='6 6'/%3E%3C/svg%3E%0A");
  --image-step-two: url("data:image/svg+xml,%3Csvg width='277' height='244' viewBox='0 0 277 244' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M274.307 1.52912C254.872 49.3798 189.13 145.428 81.6373 146.818C-52.7282 148.556 14.4736 21.9827 70.52 71.0232C115.357 110.256 47.6068 200.933 8.12705 241.368' stroke='%23e4f1fa' stroke-width='5' stroke-dasharray='6 6'/%3E%3C/svg%3E%0A");
  --image-step-three: url("data:image/svg+xml,%3Csvg width='192' height='231' viewBox='0 0 192 231' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.46867 2.99998C40.0375 20.2574 116.691 76.7543 114.757 164.683C112.339 274.594 10.769 216.032 52.4671 171.607C85.8255 136.068 158.031 194.053 189.964 227.488' stroke='%23e4f1fa' stroke-width='5' stroke-dasharray='6 6'/%3E%3C/svg%3E%0A");
    }
.preset_2 .image-wrapper {
  background-color: var(--preset-2-background-color);
  border-radius: 10px;
  aspect-ratio: 1 / 1;
}

.preset_2 .text-wrapper {
  background-color: var(--preset-2-background-color);
  color: var(--preset-2-text-color);
  border-radius: 10px;
}

.preset_3 .image-wrapper {
  background-color: var(--preset-3-background-color);
  border-radius: 10px;
  aspect-ratio: 1 / 1;
}

.preset_3 .text-wrapper {
  background-color: var(--preset-3-background-color);
  color: var(--preset-3-text-color);
  border-radius: 10px;
}

/* Page Template Specific Styling */
@media (min-width: 768px) {
  .landing-page main h2 {
    font-size: 2.5rem;
  }

  .landing-page main .dnd-module.span12 h2,
  .landing-page main .dnd-module.span12 p {
    max-width: 992px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 992px) {
  .landing-page main h2 {
    font-size: 3rem;
  }
}

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