








:root {
    
  --color-black: rgba(0, 0, 0, 1.0);
  --color-grey-dark: rgba(0, 0, 0, 1.0);
  --color-grey: rgba(206, 206, 206, 1.0);
  --color-grey-light: rgba(255, 255, 255, 1.0);
  --color-white: rgba(255, 255, 255, 1.0);

  --color-primary: rgba(41, 74, 116, 1.0);
  --color-primary-light: rgba(167, 192, 201, 1.0);
  --color-secondary: rgba(167, 192, 201, 0.15);
  --color-secondary-light: rgba(255, 255, 255, 1.0);

  --accent-color: var(--color-primary);
  
  
  
  --box-shadow: 0px 0px 21px 10px rgb(0 0 0 / .17); 
  
  --primary-font-family: Titillium Web;
  --secondary-font-family: Titillium Web;
  
  --rem: 16px;
  --font-family: var(--primary-font-family);
  --line-height: 1.174;
  --font-style: ;
  --font-weight: regular;
  --font-size: 1rem;
    
    --h1-font-family: var(--secondary-font-family);
    --h1-font-size: 4rem;
    --h1-font-weight: 700;
    --h1-line-height: 1.158;
    --h1-letter-spacing: normal;
    
    --h2-font-family: var(--secondary-font-family);
    --h2-font-size: 3rem;
    --h2-font-weight: 700;
    --h2-line-height: 1.175;
    --h2-letter-spacing: normal;
    
    --h3-font-family: var(--secondary-font-family);
    --h3-font-size: 1.5rem;
    --h3-font-weight: 700;
    --h3-line-height: 1.174;
    --h3-letter-spacing: normal;
    
    --h4-font-family: var(--secondary-font-family);
    --h4-font-size: 1.25rem;
    --h4-font-weight: 700;
    --h4-line-height: 1.174;
    --h4-letter-spacing: normal;
    
    --h5-font-family: var(--secondary-font-family);
    --h5-font-size: 1rem;
    --h5-font-weight: 500;
    --h5-line-height: 1.5;
    --h5-letter-spacing: normal;
    
    --h6-font-family: var(--secondary-font-family);
    --h6-font-size: 0.9rem;
    --h6-font-weight: 500;
    --h6-line-height: 1.5;
    --h6-letter-spacing: normal;
  
  --max-width: 1231px;
  --padding: 120px 36px;
  --padding-mobile: 40px 20px;
  --button-padding: 10px 32px;
  
  --border: none;
  
  --button-color-primary: var(--color-primary);
  --button-color-primary-hover: var(--color-primary-light);
  --button-color-secondary: var(--color-secondary);
  --button-color-secondary-hover: var(--color-secondary-light);
}
@media (max-width: 768px) {
  :root {
    --padding: var(--padding-mobile);
  }
}

:root,
[data-theme="light"] {
  --bg-color: var(--color-white);
  --font-color: var(--color-grey-dark);
  --font-color-light: var(--color-grey);
  --font-color-alternate: var(--color-white);
  --bg-input: var(--color-grey-light);
  --border-input: 1px solid var(--color-grey);
  --input-placeholder: var(--light-grey);
  --input-required: var(--color-secondary);
  --bg-featured: var(--color-secondary);
}

[data-hero="light"]:not([data-theme="dark"]) .header:not(.-fixed) {
  --bg-color: transparent;
  --font-color: var(--color-white);
  --font-color-light: var(--color-grey);
  --font-color-alternate: var(--color-white);
  --bg-input: var(--color-grey-light);
  --border-input: 1px solid var(--color-grey);
  --input-placeholder: var(--light-grey);
  --input-required: var(--color-secondary);
  --bg-featured: var(--color-secondary);
}

[data-hero="light"]:not([data-theme="dark"]) .header:not(.-fixed) .widget-type-logo img {
  filter: brightness(0%) grayscale(100%) invert(100%);
}

[data-theme="dark"] {
  --color-primary: var(--color-pink);
  --color-secondary: var(--color-blue);
  --bg-color: var(--color-black);
  --font-color: var(--color-white);
  --font-color-light: var(--color-grey);
  --font-color-alternate: var(--color-white);
  --bg-input: var(--color-grey);
  --border-input: 1px solid var(--color-grey-light);
  --input-placeholder: var(--color-grey-light);
  --input-required: var(--color-secondary);
  --bg-featured: var(--color-primary);
}

[data-theme="dark"] div[class*="background-color"] {
  background-color: black!Important;
}

[data-theme="dark"] div[class*="background-gradient"] {
  background: linear-gradient(to bottom, black, var(--color-grey-dark))!Important;
}


@media (prefers-reduced-motion: no-preference){
  *,
  *::before,
  *::after {
    transition: transform .3s ease-in-out, 
                height .3s ease-in-out, 
                width .3s ease-in-out;
  }
  a {
    transition: color .3s linear;
  }
}

::-moz-selection {
  background-color: var(--color-primary);
  color: var(--font-color-alternate);
}
::selection {
  background-color: var(--color-primary);
  color: var(--font-color-alternate);
}
::-webkit-scrollbar {
  width: 10px;
  height: 0px;
}
::-webkit-scrollbar-track {
  background-color: var(--bg-color);
}
::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border-radius: 10px;
}
::-webkit-scrollbar-button {
  display: none;
}





.content-wrapper {
  max-width: var(--max-width);
}
 
.content-wrapper--vertical-spacing {}
.dnd-section {
  padding: var(--padding);
}

.dnd-section > .row-fluid {
  max-width: var(--max-width);
}





html {
  font-size: 16px;
  background-color: var(--bg-color);
}

/* Paragraphs */

body,
p,
.section-description {
  font-family: var(--font-family);
  font-style: var(--font-style);
  font-weight: var(--font-weight);
  font-size: var(--font-size);
  line-height: var(--line-height);
  color: inherit;
}

body {
  /*background-color: var(--bg-color);*/
  color: var(--font-color);
  max-width: 100vw;
}

/* Anchors */

a:where(main a):not(.cta_button, .button) {
  color: var(--color-primary);
  text-decoration: none;
  overflow: hidden;
  font-weight: 700;
  position: relative;
  padding: .2rem .5rem;
  margin-left: -.5rem;
  margin-right: -.5rem;
}

/*a:where(main a):not(.cta_button, .button, .arrowbutton)::before {
  background: var(--color-primary);
  max-width: 0px;
  content: "";
  position: absolute;
  width: 0px;
  top: 0;
  left: 0;  
  height: 100%;
  z-index: -1;
}

a:where(main a:not(.cta_button, .button, .arrowbutton)):hover,
a:where(main a:not(.cta_button, .button, .arrowbutto)):focus,
a:where(main a:not(.cta_button, .button, .arrowbutto)):active { 
  color: var(--font-color-alternate);
}

a:where(main a:not(.cta_button, .button, .arrowbutto)):hover::before,
a:where(main a:not(.cta_button, .button, .arrowbutto)):focus::before,
a:where(main a:not(.cta_button, .button, .arrowbutto)):active::before {
  max-width: 1000vw;
  width: 100%;
}*/


/* Headings */

h1,
.h1,
.hero-title {
  font-family: var(--h1-font-family);
  font-weight: var(--h1-font-weight);
  font-size: var(--h1-font-size);
  line-height: var(--h1-line-height);
  letter-spacing: var(--h1-letter-spacing, normal);
}

.hero-title {
  color: var(--font-color-alternate);
  margin-bottom: 0px;
}


.hero-title i {
  color: var(--bg-color);
  text-shadow: 1px 1px 0 var(--accent-color), -1px -1px 0 var(--accent-color), 1px -1px 0 var(--accent-color), -1px 1px 0 var(--accent-color), 1px 1px 0 var(--accent-color);
  font-style: normal;
}

.hero-subtitle {
  font-weight: 500;
  font-size: 3rem;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: var(--font-color-alternate);
}


.hero-description {
  font-weight: 00;
  font-size: 3rem;
  line-height: 1.174;
  color: var(--font-color-alternate);
}

.hero-text {
  color: var(--font-color-alternate);
}

[data-hero="light"] .hero-title,
[data-hero="light"] .hero-subtitle, 
[data-hero="light"] .hero-description {
  color: var(--font-color);
}

h2,
.h2,
.section-title {
  font-family: var(--h2-font-family);
  font-weight: var(--h2-font-weight);
  font-size: var(--h2-font-size);
  line-height: var(--h2-line-height);
  letter-spacing: var(--h2-letter-spacing, normal);
}

h3,
.h3,
.content-title {
  font-family: var(--h3-font-family);
  font-weight: var(--h3-font-weight);
  font-size: var(--h3-font-size);
  line-height: var(--h3-line-height);
  letter-spacing: var(--h3-letter-spacing, normal);
}

.content-title {
  margin-bottom: 0px;
  color: inherit;
}

h4,
.h4,
.feat-title {
  font-family: var(--h4-font-family);
  font-weight: var(--h4-font-weight);
  font-size: var(--h4-font-size);
  line-height: var(--h4-line-height);
  letter-spacing: var(--h4-letter-spacing, normal);
}

:hover .feat-title,
:focus .feat-title,
.feat-title:hover,
.feat-title:focus {
  color: var(--font-color-alternate);
}

.hero-subtitle i {
  font-style: normal;
  color: var(--color-primary);
}

@media (max-width: 767px) {
  h1,
  .h1,
  .hero-title {
    font-size: 2.5rem;
    line-height: 1.2;
  }
  .hero-subtitle {
    font-size: 2.25rem;
    line-height: 1.22;
  }
  h2,
  .h2,
  .section-title {
    font-size: 2rem; 
    line-height: 1.22;
  }
  h3,
  .h3,
  .content-title,
  h4,
  .h4,
  .feat-title,
  .hero-description {
    font-size: 1rem;
    line-height: 1.14;
  }
  .hero-title,
  .hero-subtitle,
  .section-title,
  .hero-description,
  .content-title,
  .hero .button {
    text-align: center;
  }
  .hero #hs_cos_wrapper_hero_cta .button {
    width: calc(100% - 96px)!Important;
  }
}

h5,
.h5 {
  font-family: var(--h5-font-family);
  font-weight: var(--h5-font-weight);
  font-size: var(--h5-font-size);
  line-height: var(--h5-line-height);
  letter-spacing: var(--h5-letter-spacing, normal);
}

h6,
.h6 {
  font-family: var(--h6-font-family);
  font-weight: var(--h6-font-weight);
  font-size: var(--h6-font-size);
  line-height: var(--h6-line-height);
  letter-spacing: var(--h6-letter-spacing, normal);
}

/* Blockquote */

blockquote {
  border-left-color: var(--color-primary);
}

/**** LISTS *****/
main ul {
  list-style-type: none;
  padding-left: 32px;
}
main ul > li {
  position: relative;
}
main ul > li:has( + li) {
  margin-bottom: 1em;
}
main ul:not(.-no-list):not(:has( input)) > li::before {
  content: "·";
  font-weight: 700;
  margin-left: 14px;
  position: absolute;
  top: -6px;
  left: -34px;
  font-size: 24px;
  font-family: sans serif;
}

.-no-list {
  list-style-type: none;
  padding-left: 0px;
}





button:not(.-no-button),
.button,
.hs-blog-post-listing__post-button {
  color: var(--color-white);
  background: var(--button-color-primary);
  border-radius: 8px;
  min-width: 125px;
  border: none;
  text-decoration: none;
  vertical-align: middle;
  user-select: none;
  padding: var(--button-padding);
  letter-spacing: 1.2px;
  font-size: 0.875rem;
  line-height: 1.1875rem;
  font-weight: 700;
  width: fit-content;
}

button:not(.-no-button).-secondary,
.button.-secondary {
  background: var(--button-color-secondary);
  color: var(--color-white);
}

button:not(.-no-button).-white,
.button.-white {
  color: var(--color-primary);
  background: var(--color-white);
}

button:not(.-no-button):hover,
button:not(.-no-button):focus,
button:not(.-no-button):active,
.button:hover,
.button:focus,
.button:active,
.hs-blog-post-listing__post-button:hover,
.hs-blog-post-listing__post-button:focus,
.hs-blog-post-listing__post-button:active {
  background: var(--button-color-primary-hover) !important;
}

button:not(.-no-button).-secondary:hover,
button:not(.-no-button).-secondary:focus,
button:not(.-no-button).-secondary:active,
.button.-secondary:hover,
.button.-secondary:focus,
.button.-secondary:active {
  background: var(--button-color-secondary-hover);
  color: var(--color-white);
}

.-no-button {
  border: none;
}

button:not(.-no-button).-transparent,
.button.-transparent,
.hs-blog-post-listing__post-button.-transparent {
    background-color: transparent;
    border: 1px solid var(--font-color-alternate);
}
.arrowbutton {
  width: fit-content;
}
.arrowbutton::after {
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNSAxMi4wMDA1SDE5LjUiIHN0cm9rZT0iY3VycmVudGNvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIuNSA1LjAwMDQ5TDE5LjUgMTIuMDAwNUwxMi41IDE5LjAwMDUiIHN0cm9rZT0iIzI5NEE3NCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
  width: 24px;
  height; 24px;
  margin-left: 8px;
  transition: margin-left .25s linear;
  vertical-align: -6px;
}

.arrowbutton:hover::after,
.arrowbutton:focus::after {
  margin-left: 24px;
}

@media (max-width: 767px) {
  .button {
    display: block;
    margin-inline: auto;
  }
}





/* Form title */

.form-title {
  font-weight: 600;
  font-size: 2.375rem;
  line-height: 1.21;
  letter-spacing: 0.533333px;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  background: var(--bg-input);
  border-radius: 10px;
  border: var(--border-input);
}
form input[type=ckeckbox] {
  appearance: none;
  background: var(--bg-input);
  border-radius: 4px;
  border: var(--border-input)
}

form input[type=checkbox]:checked {
  background-color: var(--color-secondary);
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: var(--input-placeholder);
}

::-moz-placeholder {
  color: var(--input-placeholder);
}

:-ms-input-placeholder {
  color: var(--input-placeholder);
}

::placeholder {
  color: var(--input-placeholder);
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: var(--input-placeholder);
}

.fn-date-picker td.is-selected .pika-button {
  background: var(--color-primary);
}

.fn-date-picker td .pika-button:hover {
  background-color: var(--color-primary);
}

.fn-date-picker td.is-today .pika-button {
  color: var(--color-primary);
}

.hs-fieldtype-booleancheckbox {
  padding-left: 28px;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  width: fit-content;
  display: block;
  color: var(--font-color-alternate);
  background: var(--button-color-primary);
  border-radius: 6px;
  min-width: 125px;
  border: none;
  text-decoration: none;
  vertical-align: middle;
  user-select: none;
  padding: var(--button-padding);
  letter-spacing: 1.2px;
  font-size: 0.875rem;
  line-height: 1.45rem;
  font-weight: 700;
  margin-inline: auto;
  margin-top: 32px;
}

@media (max-width: 768px) {
  form input[type=submit],
  form .hs-button {
    width: 100%;
  }
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form input[type=submit]:active,
form .hs-button:hover,
form .hs-button:focus,
form .hs-button:active {
  background: var(--button-color-primary-hover);
}

.legal-consent-container,
.hs-fieldtype-checkbox .input {
  color: var(--font-color-light);
}

.legal-consent-container a {
  color: var(--color-secondary-light);
}

/*.legal-consent-container a:hover,
.legal-consent-container a:focus-within,
.legal-consent-container a:active {
  color: var(--font-color-alternate);
}*/

.legal-consent-container .hs-form-booleancheckbox-display > span {
  margin-left: 0px!Important;
}
.legal-consent-container .hs-form-booleancheckbox-display,
label {
  position: relative;
}

.legal-consent-container .hs-form-booleancheckbox-display input,
input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: -28px;
  width: .875rem !Important;
  height: 1rem;
  margin-top: 0px;
  margin-right: 0px;
  border: 1ps solid var(--color-primary);
  border-radius: 4px;
  background-color: var(--bg-input);
}

.input ul {
  list-style-type: none;
}
.input ul > li::before {
  content: none;
}
label:not(.legal-consent-container label) {
  color: var(--color-primary);
  font-weight: 700;
}
.legal-consent-container label {
  color: var(--font-color);
}
.legal-consent-container label strong {
  color: var(--color-primary);
}
input {
  background-color: rgb(167 192 201 / .15);
}
input[type="checkbox"] {
  background-color: var(--bg-color);
  border: 1px solid var(--color-primary);
  border-radius: 4px;
}
.hs-form-required {
  color: rgb(255 84 11);
  font-weight: bold;
}
.legal-consent-container p:has( .hs-form-required) strong::after {
  content: "*";
  color: rgb(255 84 11);
}
.legal-consent-container .hs-form-required {
  display: none;
}







.header {
  background-color: var(--bg-color);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  max-height: 72px;
  padding-block: 5px;
  z-index: 999;
}
.header.-pre-fixed {
  transform: translateY(-100%);
}
.header.-fixed {
  background-color: var(--bg-color);
  position: fixed;
  z-index: 9999;
  box-shadow: var(--box-shadow);
}
.header.-fixed .menu__link,
[data-hero="light"] .menu__link {
  color: var(--font-color);
}
.header.-fixed .menu__link:hover,
.header.-fixed .menu__link:focus,
[data-hero="light"] .menu__link:hover,
[data-hero="light"] .menu__link:focus,
.header.-fixed .menu__item:hover > .menu__link,
.header.-fixed .menu__item:focus > .menu__link, 
[data-hero="light"] .menu__item:hover > .menu__link,
[data-hero="light"] .menu__item:fixed > .menu__link {
  color: var(--font-color-alternate);
}
@media (max-width: 767px) {
  .header.no-navigation #hs_cos_wrapper_site_logo {
    margin: 0 0 12px 0!important;
  }
}
.header.-fixed .header--toggle {
  color: var(--font-color);
}
.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: var(--font-color-alternate);
  font-size: .875rem;
  text-transform: capitalize;
  font-weight: 600;
  line-height: 1.72;
}

.menu__child-toggle-icon {
  border-top-color: var(--font-color-alternate);
}

.menu__child-toggle-icon, 
.menu__child-toggle {
  display: none!Important;
}

.menu .menu__link:not(.menu__item--depth-1 > a):hover,
.menu .menu__link:not(.menu__item--depth-1 > a):focus,
.menu .menu__item:hover,
/*.menu .menu__item:has(> a:hover),*/
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: var(--font-color-alternate);
  background-color: var(--color-secondary);
}


.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: var(--font-color-alternate);
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: var(--color-primary);
}

.menu__child-toggle-icon:active {
  border-top-color: var(--color-primary);
}

.header__logo.header__logo--main[data-type="light"] {
  display: none;
}
.header.-fixed .header__logo.header__logo--main[data-type="dark"],
[data-hero="light"]:not([data-theme="dark"]) .header__logo.header__logo--main[data-type="dark"] {
  display: none;
}
.header.-fixed .header__logo.header__logo--main[data-type="light"],
[data-hero="light"]:not([data-theme="dark"]) .header__logo.header__logo--main[data-type="light"] {
  display: block;
}

[data-theme="dark"] .header__logo.header__logo--main[data-type="light"] {
  display: none;
}
[data-theme="dark"] .header.-fixed .header__logo.header__logo--main[data-type="light"] {
  display: none;
}
[data-theme="dark"] .header.-fixed .header__logo.header__logo--main[data-type="dark"] {
  display: block;
}

@media (max-width: 767px) {
  .menu__item > .menu__link {
    padding: 0.7rem 2rem;
    color: var(--font-color);
  }
  .header__container.content-wrapper {
    padding-top: 0px;
  }
  .header__row-2 {
    padding: 0;
  }
  .header__logo.header__logo--main {
    padding-top: 10px;
    max-width: 109px;
    margin-left: 24px;
  }
  .header {
    height: 72px;
  }
  .header__navigation--toggle {
    width: 20px;
    height: 20px;
    color: var(--font-color-alternate);
    margin-right: 24px;
  }
  .header__language-switcher.open, 
  .header__navigation.open, 
  .header__search.open {
    background-color: var(--bg-color);
    min-height: calc(100vh - 74px);
    top: 0px;
    z-index: 2;
  }
}

@media (min-width: 768px) {
  /*.header__row-1, 
  .header__row-2 {
    margin-top: 10px;
  }*/
  .header__row-1 {
    gap: 24px;
  }
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    border: none;
    border-radius: 10px 10px 0 0;
    filter: drop-shadow(var(--box-shadow));
  }
  .menu .menu__submenu > .menu__item:first-child,
  .menu .menu__submenu > .menu__item:first-child > .menu__link{
    border-radius: 10px 10px 0 0;
  }
  .menu .menu__submenu > .menu__item:last-child,
  .menu .menu__submenu > .menu__item:last-child > .menu__link {
    border-radius: 0 0 10px 10px;
  }
  .menu .menu__submenu > .menu__item:first-child > .menu__link,
  .menu .menu__submenu > .menu__item:last-child > .menu__link {
    overflow: hidden;
  }
  .menu__submenu:not(:has(> li:nth-child(2))) > .menu__item,
  .menu__submenu:not(:has(> li:nth-child(2))) > .menu__item > .menu__link {
    border-radius: 10px!Important;
  }
  .menu .menu__item--depth-1 {
    padding: 20px 14px;
  }
  .menu .menu__item--depth-1 > a {
    padding: 20px 14px;
  }
  .menu .menu__item--depth-1 > .menu__link--active-link:after {
    background-color: var(--font-color);
  }
  .menu .menu__item:hover {
    border-radius: 10px;
  }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: var(--font-color);
  background-color: var(--bg-color);
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: var(--font-color-alternate);
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
  color: var(--font-color-alternate);
  background-color: var(--color-primary);
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: var(--bg-color);
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: var(--font-color-alternate);
  }
}
.partnership {
  margin-top: 10px;
  display: none;
}
@media (min-width: 768px) {
  .partnership {
    display: block
  }
}

.header.-transparent {
  background-color: transparent;
}




.footer {
  background-color: var(--color-primary);
  --font-color: white;
}

.footer * {
  --font-color: white;
}

.overfooter {
  background: var(--bg-footer);
}

/* Footer content */

.footer p,
.footer a,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: white;
}

.footer a {
  text-decoration: none;
}
.footer p {
  margin-bottom: 8px;
}
#footer.footer ul[role="menu"] {
  gap: 16px;
  margin-bottom: 40px;
  list-style-type: none;
  display: flex!Important;
  flex-flow: row wrap;
  justify-content: center;
}
.footer .orazor-address {
  padding-left: 30px;
  margin-top: 32px;
}
.footer .orazor-address li {
  line-height: 1.42;
  margin-bottom: 32px;
  position: relative;
}
.footer .orazor-address li:before {
  content: "";
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDkgMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjAzNzUzIDExLjc1NzlDMC42MzIxMDkgNi44MjEwNCAwIDYuMzE0MzcgMCA0LjVDMCAyLjAxNDcxIDIuMDE0NzEgMCA0LjUgMEM2Ljk4NTI5IDAgOSAyLjAxNDcxIDkgNC41QzkgNi4zMTQzNyA4LjM2Nzg5IDYuODIxMDQgNC45NjI0NyAxMS43NTc5QzQuNzM4OTkgMTIuMDgwNyA0LjI2MDk4IDEyLjA4MDcgNC4wMzc1MyAxMS43NTc5Wk00LjUgNi4zNzVDNS41MzU1NCA2LjM3NSA2LjM3NSA1LjUzNTU0IDYuMzc1IDQuNUM2LjM3NSAzLjQ2NDQ2IDUuNTM1NTQgMi42MjUgNC41IDIuNjI1QzMuNDY0NDYgMi42MjUgMi42MjUgMy40NjQ0NiAyLjYyNSA0LjVDMi42MjUgNS41MzU1NCAzLjQ2NDQ2IDYuMzc1IDQuNSA2LjM3NVoiIGZpbGw9IiNGMDY4MDkiLz4KPC9zdmc+Cg==');
  background-repeat: no-repeat;
  background-size: cover;
  width: 9px;
  height: 12px;
  position: absolute;
  left: -24px;
  top: 3px;
}

#footer a:hover,
#footer a:focus {
  color: #A7C0C9;
}
.footer .footer-nav {
  padding-left: 0px;
  list-style-type: none;
}
.footer h3,
.footer .footer-nav li {
  color: white;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
}
.footer span {
  color: white;
  font-size: 12px;
  font-weight: 700;
}



.body-container--blog-post {
  padding: var(--padding);
}
.hs-blog-post-listing__post-image-wrapper::before,
.hs-blog-post-listing__post-title-link::before {
  display: none !Important;
}
a.hs-blog-post-listing__post-image-wrapper {
  overflow: hidden;
  padding: 0;
  border-radius: 20px;
  margin: 0;
}
.hs-blog-post-listing__post-content {
  margin-top: 1rem;
}









/* Blog listing */

.hs-blog-post-listing__post-title-link,
.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus,
.hs-blog-post-listing__post-title-link:active {
  font-family: var(--h2-font-family);
  font-weight: var(--h2-font-weight);
  font-size: var(--h2-font-size);
  line-height: var(--h2-line-height);
  letter-spacing: var(--h2-letter-spacing, normal);
  text-transform: var(--h2-text-transform, none);
}

.hs-blog-post-listing__post-title-link {
  color: var(--color-secondary);
}

.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus {
  color: var(--color-secondary-light);
}

.hs-blog-post-listing__post-title-link:active {
  color: var(--color-secondary-light);
}

/* Blog pagination */

.hs-pagination__link:hover .hs-pagination__link-text,
.hs-pagination__link:focus .hs-pagination__link-text,
.hs-pagination__link--number:hover,
.hs-pagination__link--number:focus {
  color: var(--color-secondary);
}

.hs-pagination__link:active .hs-pagination__link-text,
.hs-pagination__link--number:active {
  color: var(--color-secondary-light);
}

.hs-pagination__link-icon svg {
  fill: var(--color-secondary);
}

/* Pricing card */

.card__price {
  font-family: var(--h3-font-family);
  font-weight: var(--h3-font-weight);
  font-size: var(--h3-font-size);
  line-height: var(--h3-line-height);
  letter-spacing: var(--h3-letter-spacing, normal);
  text-transform: var(--h3-text-transform, none);
}

.card__body svg {
  fill: var(--color-primary);
}

/* Social follow */

.social-links__icon {
  background-color: var(--color-primary);
}

.social-links__icon:hover,
.social-links__icon:focus {
  background-color: var(--color-primary-light);
}

.social-links__icon:active {
  background-color: var(--color-primary-light);
  font-family: var(--h3-font-family);
  font-weight: var(--h3-font-weight);
  font-size: var(--h3-font-size);
  line-height: var(--h3-line-height);
  letter-spacing: var(--h3-letter-spacing, normal);
  text-transform: var(--h3-text-transform, none);
  color: var(--font-color-alternate);
}
@media not (prefers-reduced-motion) {
  #footer .social-links__icon {
    transition: border-color .3s linear;
  }
  #footer .social-links__icon:hover > svg {
    transition: fill .3s linear;
  }
}
#footer .social-links__icon {
  background-color: transparent;
  border: 2px solid white;  
}
#footer .social-links__icon:hover,
#footer .social-links__icon:focus {
  background-color: transparent;
  border: 2px solid var(--color-secondary);
}
#footer .social-links__icon:hover > svg,
#footer .social-links__icon:focus > svg {
  fill: var(--color-secondary);
}

/* Hero */
.hero {
  width: 100%;
  min-height: 100svh;
  position: relative;
  margin-top: -40px;
  overflow: hidden;
  z-index: -1;
}
.hero::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0px;
  background-color: var(--bg-color);
  mix-blend-mode: multiply;
  z-index: 1;
}
.hero-background {
  width: 100%;
  height: 100%;
  object-fit: cover;  
  object-position: bottom;
  position: absolute;
  z-index: 0;
  inset: 0;
}
.hero-content-wrapper {
  padding: 160px 24px 80px 24px; 
  z-index: 2;
  position: relative; 
}
.hero-content {
  margin-top: 100px;
  width: 100%;
  min-height: calc(100svh - 300px);
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-top: 0!important;
  gap: 32px; 
  padding: 0;
  align-content: center;
}
.hero-row {
  display: flex;
  flex-flow: column;
  justify-content: center;
  margin-top: 0!important;
  gap: 32px;
  width: 100%;
}
#hs_cos_wrapper_hero_image > img {
  max-width: 100%;
}
@media (max-width: 767px) {
  .hero-content-wrapper {
  padding: 140px 24px 80px 24px; 
}
  .hero-content {
    min-height: calc(100svh - 264px);
  }
}
.hero span:empty {
  display: none;
}
.hero-row img[src=""] {
  display: none;
}

.hero.-blog {
  background: var(--bg-hero);
}
.hero.-blog .hero-background:not(.-over) {
  opacity: .5;
}
/*** Estilos Generales de Módulos de Hubspot ***/
.hs-video-wrapper {
  overflow: hidden;
  border-radius: 20px;
}
.hs-image__grid__list {
  padding-left: 0px;
}
.hs-image__grid__list__item__image {
  object-fit: contain !Important;
}
@media (max-width: 768px) {
  .widget-type-cta {
    width: 100%;
  }
  .cta_button {
    display: block !Important;  
  }
}
[data-hero="light"][data-theme="dark"] .hero::before {
  background-color: var(--color-grey-dark);
  opacity: .75;
}

/*** MASCARA ***/

/*** MODULES ****/
/* SQAP COLUMNS */
@media (max-width: 767px) {
  .row-fluid:has(.orazor-swap-responsive) {
    display: flex;
    flex-flow: column-reverse;
  }
}
/* Language selector */
.orazor-lang-selector {
  display: flex;
  flex-flow: row nowrap;
  gap: 40;
  height: 64px;
  border-radius: 49px;
  background-color: var(--color-grey);
  padding: 0;
  width: fit-content;
  border-color: var(--color-grey-dark);
}
.orazor-lang-selector__main,
.orazor-lang-selector__alternative {
  height: 64px;
  padding: 12px;
}
.orazor-lang-selector__main {
  border-radius: 50%;
  border: 1px solid var(--color-grey-dark);
  background-color: var(--color-grey-dark);
}

/* Splide */
.splide__list li::before {
  content: none;
}

/* Headers con línea */
.orazor-header {
  padding-top: 2rem;
  position: relative;
  max-width: var(--max-width);
  margin-inline: auto;
}
.orazor-header::before {
  content: "";
  height: 2px;
  width: 157px;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: currentcolor;
}

/***** ATOM ****/
.-inline {
  display: inline-block;
}
.-fullscreen {
  position: fixed;
  inset: 0px;   
  z-index: 10000000000000;
  width: 100%;
  height: 100%;
  object-fit: cover;
}