*, *:before, *:after {
   box-sizing: border-box;
}


.full-width-layout h1 {
   font-weight: 600;
   color: rgb(47, 107, 231);
   font-size: 2rem;
   margin: 25px 0px;
}

.full-width-layout .body-container-wrapper {
   margin: 19px 0 0 0;
}



.full-width-layout  figure {
   margin: 0;
   margin-top: 32px;
   overflow-x: auto;
}

.full-width-layout  figure table tbody tr:nth-child(2n+1) {
   background-color: rgb(240, 240, 240);
}


.full-width-layout  figure table {
   border: 0;
   border-collapse: collapse;
}

.full-width-layout  figure table tbody tr {
   word-break: normal;
}

.full-width-layout  figure table td {
   border: 0;
   padding: .5em;
   line-height: 24px;
   font-size: 16px;
   vertical-align: middle;
}
.body-container--home{
   overflow:hidden;
}

@media(max-width:767px){
   .body-container--home .widget-type-linked_image {
      margin-bottom: 30px;
      margin-top: 30px;
   }
}
/*! 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;
}
/* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -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;
}

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

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

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

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

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

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

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

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

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

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

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

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

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1100px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -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;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -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;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.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 (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: 1023px) {
    .visible-tablet {
        display: inherit !important;
    }

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

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

    .visible-desktop {
        display: none !important ;
    }
}
.content-wrapper {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
}

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

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

.row {
  display: flex;
  flex-wrap: wrap;

}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  padding: 0;
}

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
}



@media (min-width: 768px){
  .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }  
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;

}

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

/* Paragraphs */

p {
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
}

span {
  font-family: 'Inter', sans-serif;
  text-align: left;
}

/* Anchors */

a {
  cursor: pointer;
  text-decoration: none;
}

a:hover{
  text-decoration: underline;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
svg {
  vertical-align: middle;
}

b, strong {
  font-weight: bold;
}


/* Headings */

h1 {
  margin: 0 0 0 0;
  font-size: 48px;
  line-height: 1.25;
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
  color: #0F388A;
}

h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 0 0;
  line-height: 1.25;
  font-family: 'Inter', sans-serif;
}


/* Lists */
 

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 1.5;
}
address, dl, ol, ul {
  margin: 0;
  padding: 0 0 0 20px;
}

dl, ol, ul {
  margin: 0;
}


ul.no-list {
  list-style: none;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

/* Code blocks */

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 1px solid;
  margin: 0 0 1.4rem;
  padding-left: 25px;
}

/* Horizontal rules */

hr {
  display: none;
}
button,
.button {
  cursor: pointer;
  display: inline-block;
  background-color: #2A6CEE;
  border: 0px;
  border-radius: 12px;
  padding: 10px 15px;
  font-size: 16px;
  margin: 0;
  color: #fff;
}

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

button:hover,
button:focus,
.button:hover,
.button:focus {
  text-decoration: none;
}

button:active,
.button:active {
  text-decoration: none;
}
/* Form fields */

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

/* Labels */

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

/* Help text - legends */

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 {
  background-color: #FFF;
  border: 2px solid;
  border-radius: 3px;
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.7rem;
  width: 100%;
  height:auto !important;
}

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

.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],
  .hs-button {
  cursor: pointer;
  display: inline-block;
  background-color: rgb(47, 107, 231);
  border: 0px;
  border-radius: 50px;
  padding: 10px 50px;
  font-size: 1.2rem;
  margin: 20px 0px 0px;
  color: rgb(255, 255, 255);
}
.hs-button:hover{
  text-decoration:none;
}
/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}
/* Table */

table {
  border: 1px solid;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table Cells */

th,
td {
  border: 1px solid;
  padding: 0.75rem;
  vertical-align: top;
}

/* Table Header */

thead th,
thead td {
  border-bottom: 2px solid;
  vertical-align: bottom;
}
/* 

LIST OF CONTENTS

--------------------------

1 HEADER GENERAL SETTINGS
  
  1.1 LP header
  1.2 header wrapper
  1.3 header content block
  1.4 header logo

--------------------------

2 DESKTOP tab menu
  
  2.1 DESKTOP tab menu wrapper
  2.2 DESKTOP tab menu item list
  2.3 DESKTOP language list
  2.4 child triggers

--------------------------

3 MOBILE tab menu

  3.1 MOBILE menu
  3.2 MOBILE tab toggler - burger icon
  3.3 MOBILE tab menu item list
  3.4 MOBILE language list
  
*/


/* --- 1 HEADER GENERAL SETTINGS --- */

/* --- 1.1 LP header --- */

header.cm-header.lp_header {
  padding: 15px 30px !important;
}

/* --- 1.1.1 LP header logo --- */

.lp_header .header-logo {
  position: relative;
  top: 3px;
}

/* --- 1.2 header wrapper --- */

.wrapper-header {
  min-height: 65px;
}

/* --- 1.3 header content block --- */

.cm-header {
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-bottom: 1px solid #E3E5E8;
  padding: 15px 30px;
  /* scroll */
  position: fixed;
  z-index: 999;
  width: 100%;
  top: 0px;
}

.header-navbar-wrapper{
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 30px;
}

/* RH */

#RH-cm-header {
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px 30px;
  position: fixed;
  z-index: 999;
  width: 100%;
  top: 0px;
  background-color: #862D5B;
  transition: background-color 0.2s ease-in-out;
}

#RH-cm-header.scrolled {
  background-color: #fff; /* Change to your desired color */
  border-bottom: 1px solid #E3E5E8;
}

.RH-header-navbar-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 30px;
}

.RH-header-logo-menu-toggler {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.RH-cm-header-white {
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-bottom: 1px solid #E3E5E8;
  padding: 15px 30px;
  /* scroll */
  position: fixed;
  z-index: 999;
  width: 100%;
  top: 0px;
}

/* web app */

.app-header-logo-menu-toggler {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

#app-cm-header {
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px 30px;
  position: fixed;
  z-index: 999;
  width: 100%;
  top: 0px;
  background-color: #0F388A;
  transition: background-color 0.2s ease-in-out;
}

#app-cm-header.scrolled {
  background-color: #fff; /* Change to your desired color */
  border-bottom: 1px solid #E3E5E8;
}

.app-header-navbar-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 0 30px;
  gap: 20px;
}

/* --- 1.4 header logo --- */

.header-logo a {
  font-size: 16px;
  color: #0F388A;
  text-decoration: none;
  background-color: transparent;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  display: inline-block;
}

.header-logo a span {
  cursor: pointer;
}

.header-logo  svg {
  width: auto;
  height: 35px;
}

/* RH */

/* icon */

#RH-header-logo-icon-top-left {
  fill: #fff;
}

#RH-header-logo-icon-top-left.scrolled {
  fill: #BF4082;
}

#RH-header-logo-icon-bottom-right {
  fill: #fff;
}

#RH-header-logo-icon-bottom-right.scrolled {
  fill: #73264E;
}

#RH-header-logo-icon-half-left {
  fill: #fff;
}

#RH-header-logo-icon-half-left.scrolled {
  fill: #DD88B4;
}

#RH-header-logo-icon-half-right {
  fill: #fff;
}

#RH-header-logo-icon-half-right.scrolled {
  fill: #D1619B;
}

/* name */

#RH-header-logo-rheuma {
  fill: #fff;
}

#RH-header-logo-rheuma.scrolled {
  fill: #CB4D8E;
}

#RH-header-logo-helper {
  fill: #fff;
}

#RH-header-logo-helper.scrolled {
  fill: #EBADCD;
}

/* web app header */

#app-logo-text {
  fill: #fff;
}

#app-logo-text.scrolled {
  fill: #0F388A;
}

#app-icon-bottom-left-half-left {
  fill: #5A8CF2;
}

#app-icon-bottom-left-half-left.scrolled {
  fill: #427CF0;
}

#app-icon-bottom-right {
  fill: #1754CF;
}

#app-icon-bottom-right.scrolled {
  fill: #0F388A;
}

#app-icon-upper-left {
  fill: #86ACF9;
}

#app-icon-upper-left.scrolled {
  fill: #719DF4;
}

#app-icon-upper-right-half-left {
  fill: #CFDEFC;
}

#app-icon-upper-right-half-left.scrolled {
  fill: #B6CDFB;
}

#app-icon-bottom-left-half-right {
  fill: #2A6CEE;
}

#app-icon-bottom-left-half-right.scrolled {
  fill: #1A5EE5;
}

#app-icon-upper-right-half-right {
  fill: #B6CDFB;
}

#app-icon-upper-right-half-right.scrolled {
  fill: #9EBDFA;
}

/* --- 2 DESKTOP tab menu --- */

/* --- 2.1. DESKTOP tab menu wrapper --- */

.mobile-menu {
    display: none;
}

.custom-menu {
  flex-grow: 1;
  align-items: center;
  justify-content: flex-end;
  border-right: 1px solid #0F388A;
  border-radius: 0px;  
}

/* RH */

.RH-mobile-menu {
    display: none;
}

.RH-mobile-menu-white {
    display: none;
}

#RH-custom-menu {
  flex-grow: 1;
  align-items: center;
  justify-content: flex-end;
  border-radius: 0px;  
}

#RH-custom-menu-white {
  flex-grow: 1;
  align-items: center;
  justify-content: flex-end;
  border-radius: 0px;  
}

/* web app */

.app-header-cta-embed {
  padding: 8px 14px;
  background: #fff;
  border: 1px solid #2A6CEE;
  border-radius: 12px;
  text-align: center;
  line-height: 125%;
}

.app-header-cta-embed:hover {
  background: #FCFCFD;
  cursor: pointer;
}

.app-header-cta-embed>a{
  color: #2A6CEE;
  font-size: 14px;
}

.app-header-cta-embed>a:hover {
  color: #2A6CEE;
  text-decoration: none;
}

.app-header-cta-embed>a:active {
  color: #2A6CEE;
  text-decoration: none;
}

.app-header-cta-embed>a:focus {
  color: #2A6CEE;
  text-decoration: none;
}

/* --- 2.2 DESKTOP tab menu item list --- */

.custom-menu .hs-menu-wrapper>ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  list-style: none;
  padding: 0 10px 0 0;
  margin: 0;
}

.custom-menu .hs-menu-wrapper>ul>li {
  display: inline-block;
}

/* RH */

#RH-custom-menu .hs-menu-wrapper>ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  list-style: none;
  padding: 0;
  margin: 0;
}

#RH-custom-menu .hs-menu-wrapper>ul>li {
  display: inline-block;
}

#RH-custom-menu-white .hs-menu-wrapper>ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  list-style: none;
  padding: 0;
  margin: 0;
}

#RH-custom-menu-white .hs-menu-wrapper>ul>li {
  display: inline-block;
}

/* --- 2.2.1 menu item --- */

.custom-menu .hs-menu-wrapper>ul>li>a {
  color: #0F388A;
  padding: 7px 13px;
  font-size: 16px;
  transition: none;
  border: 1px solid #fff;
  border-radius: 14px;
}

/* RH */

#RH-custom-menu .hs-menu-wrapper>ul>li>a {
  color: #fff;
  padding: 7px 13px;
  font-size: 16px;
  transition: none;
  border: 1px solid #862D5B00;
  border-radius: 14px;
}

#RH-custom-menu.scrolled .hs-menu-wrapper>ul>li>a {
  color: #862D5B;
  padding: 7px 13px;
  font-size: 16px;
  transition: none;
  border: 1px solid #ffffff00;
  border-radius: 14px;
}

#RH-custom-menu-white .hs-menu-wrapper>ul>li>a {
  color: #862D5B;
  padding: 7px 13px;
  font-size: 16px;
  transition: none;
  border: 1px solid #fff;
  border-radius: 14px;
}

#app-custom-menu .hs-menu-wrapper>ul>li>a {
  color: #fff;
  padding: 7px 13px;
  font-size: 16px;
  transition: none;
  border: 1px solid #862D5B00;
  border-radius: 14px;
}

#app-custom-menu.scrolled .hs-menu-wrapper>ul>li>a {
  color: #862D5B;
  padding: 7px 13px;
  font-size: 16px;
  transition: none;
  border: 1px solid #ffffff00;
  border-radius: 14px;
}

/* --- 2.2.2 menu item - hover --- */

.custom-menu .hs-menu-wrapper>ul>li>a:hover {
  color: #0F388A;
  text-decoration: none;
  border: 1px solid #0F388A;
  border-radius: 14px;
}

/* RH */

#RH-custom-menu .hs-menu-wrapper>ul>li>a:hover {
  color: #fff;
  text-decoration: none;
  border: 1px solid #fff;
  border-radius: 14px;
}

#RH-custom-menu.scrolled .hs-menu-wrapper>ul>li>a:hover {
  color: #862D5B;
  text-decoration: none;
  border: 1px solid #862D5B;
  border-radius: 14px;
}

#RH-custom-menu-white .hs-menu-wrapper>ul>li>a:hover {
  color: #862D5B;
  text-decoration: none;
  border: 1px solid #862D5B;
  border-radius: 14px;
}

/* --- 2.2.3 menu item - pressed --- */

.custom-menu .hs-menu-wrapper>ul>li>a:active {
  color: #0F388A;
  background: #E6EEFE;
  border-radius: 14px;
  border: 1px solid #E6EEFE;
  text-decoration: none;
}

/* RH */

#RH-custom-menu .hs-menu-wrapper>ul>li>a:active {
  color: #862D5B;
  background: #FBEAF3;
  border-radius: 14px;
  border: 1px solid #FBEAF3;
  text-decoration: none;
}

#RH-custom-menu.scrolled .hs-menu-wrapper>ul>li>a:active {
  color: #862D5B;
  background: #FBEAF3;
  border-radius: 14px;
  border: 1px solid #FBEAF3;
  text-decoration: none;
}

#RH-custom-menu-white .hs-menu-wrapper>ul>li>a:active {
  color: #862D5B;
  background: #FBEAF3;
  border-radius: 14px;
  border: 1px solid #FBEAF3;
  text-decoration: none;
}

/* --- 2.2.4 menu item - active tab --- */

.custom-menu .hs-menu-wrapper>ul>li.active>a {
  color: #0F388A;
  background: #E6EEFE;
  border-radius: 14px;
  border: 1px solid #E6EEFE;
}

/* RH */

#RH-custom-menu .hs-menu-wrapper>ul>li.active>a {
  color: #862D5B;
  background: #FBEAF3;
  border-radius: 14px;
  border: 1px solid #FBEAF3;
}

#RH-custom-menu-white .hs-menu-wrapper>ul>li.active>a {
  color: #862D5B;
  background: #FBEAF3;
  border-radius: 14px;
  border: 1px solid #FBEAF3;
}


/* --- 2.3 DESKTOP language list --- */

/* --- 2.3.1 language tab item --- */

.header__language-switcher.header--element {
  height: 40px;
  margin-left: 10px;
  color: #0F388A;
  padding: 7px 13px;
  font-size: 16px;
  transition: none;
  border: 1px solid #fff;
  border-radius: 14px;
  cursor: pointer;
}

.header__language-switcher--label {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-direction: column;
}

/* --- 2.3.2 current chosen language item --- */

.header__language-switcher--label-current {
  color: #0f388a;
  position: relative;
  display: flex;
  align-items: flex-start;
  padding: 0;
    
}

.header__language-switcher--label-current:hover {
  color: #0F388A;
}

/* --- 2.3.3 current chosen language - flag item --- */

.header__language-switcher--label-current span {
  margin: 2px 10px 0px 0px;
}

/* --- 2.3.4 language list --- */

/* random hidden globe icon - don't delete! */
.header__language-switcher .globe_class {
  background: none;
  height: auto;
  width: auto;
  cursor: default;
}
/* ------ */


/* --- 2.3.4.1 language list wrapper --- */

/* show language list */
.header__language-switcher:hover ul {
    display: block;
  }

.header__language-switcher .lang_list_class {
  display: none;
  list-style: none;
  margin: 0px;
  background: #fff;
  border: 1px solid #0F388A;
  border-radius: 18px;
  padding: 10px;
  position: absolute;
  left: 46px;
  top: -65px;
}

.header__language-switcher .lang_list_class:before {
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  background: none;
  border: none;
}


/* --- 2.3.4.2 language list flag item --- */

.lng-n.en::before {
    /* content: '🇬🇧'; */
    content: url("https://24903196.fs1.hubspotusercontent-eu1.net/hubfs/24903196/flag-EN-icon.svg");
    width: 20px;
    height: 20px;
    display: inline-block;   
}

.lng-n.de::before {
    content: url("https://24903196.fs1.hubspotusercontent-eu1.net/hubfs/24903196/flag-DE-icon.svg");
    width: 20px;
    height: 20px;
    display: inline-block;   
}

.lng-n.it::before {
    content: url("https://24903196.fs1.hubspotusercontent-eu1.net/hubfs/24903196/flag-IT-icon.svg");
    width: 20px;
    height: 20px;
    display: inline-block;   
}

/* --- dropdown list icons --- */

.header__language-switcher .lang_list_class li a[data-language="en"]:before {
    content: url("https://24903196.fs1.hubspotusercontent-eu1.net/hubfs/24903196/flag-EN-icon.svg");
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 2px 10px 0px 0px;   
}

.header__language-switcher .lang_list_class li a[data-language="de"]:before {
    content: url("https://24903196.fs1.hubspotusercontent-eu1.net/hubfs/24903196/flag-DE-icon.svg");
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 2px 10px 0px 0px;   
}

.header__language-switcher .lang_list_class li a[data-language="it"]:before {
    content: url("https://24903196.fs1.hubspotusercontent-eu1.net/hubfs/24903196/flag-IT-icon.svg");
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 2px 10px 0px 0px;   
}



/* --- 2.3.4.3 language list item --- */

.header__language-switcher .lang_list_class li {
  padding: 0;
  font-size: 16px;
  line-height: 1.5;
  border: none;
}

.header__language-switcher .lang_list_class li a {
  color: #0F388A;
  display: flex;
  flex-direction: row;
  padding: 7px 13px;
  border: 1px solid #fff;
  border-radius: 14px;
}

/* --- 2.3.4.4 language list item - hover --- */

.header__language-switcher .lang_list_class li a:hover {
  color: #0F388A;
  text-decoration: none;
  border: 1px solid #0F388A;
  border-radius: 14px;
  transition: none;
}

/* --- 2.3.4.5 language list item - pressed --- */

.header__language-switcher .lang_list_class li a:active {
  color: #0F388A;
  background: #E6EEFE;
  border-radius: 14px;
  border: 1px solid #E6EEFE;
  transition: none;
}

/* --- 2.3.4.6 first language item on the list --- */

body .header__language-switcher .lang_list_class li:first-child {
  border: none;
  padding: 0;
}

/* --- 2.3.4.6.1 first language item on the list - active  --- */

html[lang="en"]  .header__language-switcher .lang_list_class li a[lang="en"] {
  color: #0F388A;
  background: #E6EEFE;
  border-radius: 14px;
  border: 1px solid #E6EEFE;
  transition: none;
  cursor: default;
}

html[lang="de"]  .header__language-switcher .lang_list_class li a[lang="de"] {
  color: #0F388A;
  background: #E6EEFE;
  border-radius: 14px;
  border: 1px solid #E6EEFE;
  transition: none;
  cursor: default;
}

html[lang="it"]  .header__language-switcher .lang_list_class li a[lang="it"] {
  color: #0F388A;
  background: #E6EEFE;
  border-radius: 14px;
  border: 1px solid #E6EEFE;
  transition: none;
  cursor: default;
}

/* --- 2.3.4.7 last language item on the list --- */

body .header__language-switcher .lang_list_class li:last-child {
  border: none;
  padding: 0;
}

body .header__language-switcher .lang_list_class:after, body .header__language-switcher .lang_list_class:before{
  display:none;
}


/* --- 2.4 child triggers --- */

.child-trigger {
  display: block !important;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 55px !important;
  min-width: 55px !important;
  height: 40px !important;
  padding: 0 !important;
}

.child-trigger:hover {
  text-decoration: none
}

.child-trigger i {
  position: relative;
  top: 50%;
  margin: 0 auto !important;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0)
}

.child-trigger i:after {
  position: absolute;
  content: ''
}

.child-trigger i,.child-trigger i:after {
  width: 10px;
  height: 1px;
  background-color: #fff;
  display: block
}

.child-trigger i:after {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.child-trigger.child-open i:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.child-trigger i,.child-trigger i:after {
  background-color: #000
}

 .nav-active .child-trigger i:after {
  display: none;
}
/* ------ */


/* --- 3 MOBILE tab menu --- */

/* max-width = show if the width is ...px or LESS 
   min-width = show if the viewport is ...px or MORE */

/* --- 3.1 MOBILE menu --- */

@media (max-width: 991px){

  header.desktop_view {
    display: none;
  }
  
  .header-navbar-wrapper {
    align-items: center;
    display: flex;
    padding: 0;
    position: relative;
    justify-content: space-between;
  }
  
  header.cm-header { 
    margin-left: auto;
    margin-right: auto;
    padding: 15px 60px !important; 
    height: auto;
  }
  
  header.cm-header.lp_header {
    padding: 15px 60px !important;
  }
  
  /* RH */
  
   .RH-header-navbar-wrapper {
    justify-content: space-between;
    padding: 0;
  }
  
  #RH-cm-header { 
    margin-left: auto;
    margin-right: auto;
    padding: 15px 60px !important; 
    height: auto;
  }
  
   .RH-cm-header-white {
    margin-left: auto;
    margin-right: auto;
    padding: 15px 60px !important; 
    height: auto;
  }



/* --- 3.2 MOBILE tab toggler - burger icon --- */
  
  .navbar-toggler {
    color: #0F388A;
    background-color: transparent;
    cursor: pointer;
  }

  .navbar-toggler .navbar-toggler-icon{
    display: inline-block;
    width: 35px;
    height: 35px;
    vertical-align: middle;
    content: "";
    background-image: url("https://24903196.fs1.hubspotusercontent-eu1.net/hubfs/24903196/mobile-menu-icon.svg");
  } 
  
  /* RH */
  
  .RH-navbar-toggler {
    height: 35px;
    
  }

  #RH-navbar-toggler-icon {
    display: inline-block;
    width: 35px;
    height: 35px;
    vertical-align: middle;
    content: "";
    stroke: #fff;
    cursor: pointer;
  } 
  
  #RH-navbar-toggler-icon.scrolled {
    display: inline-block;
    width: 35px;
    height: 35px;
    vertical-align: middle;
    content: "";
    stroke: #862D5B;
    cursor: pointer;
  }
  
  #RH-navbar-toggler-icon-white {
    display: inline-block;
    width: 35px;
    height: 35px;
    vertical-align: middle;
    content: "";
    stroke: #862D5B;
    cursor: pointer;
  }

/* --- 3.3 MOBILE tab menu item list --- */
  
  .custom-menu {
    display: none;
  }

  .mobile-menu {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
    padding: 0;
    display: none;
    padding: 15px 0;
    overflow: visible !important;
  }
  
  .mobile-menu.open {
    overflow: visible;
  } 
  
  .header__language-switcher.header--element.desktop_view {
    display: none;
  }
  
  .header__language-switcher--label {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
  }
  
  /* RH */
  
  #RH-custom-menu {
    display: none;
  }
  
  #RH-custom-menu-white {
    display: none;
  }
  
  .RH-mobile-menu {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
    padding: 0;
    display: none;
    padding: 15px 0 10px;
    overflow: visible !important;
    width: 100%;
  }
  
  .RH-mobile-menu.open {
    display: block;
  }
  
  .RH-mobile-menu-white {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
    padding: 0;
    display: none;
    padding: 15px 0 10px;
    overflow: visible !important;
    width: 100%;
  }
  
  .RH-mobile-menu-white.open {
    display: block;
  }
  
  /* --- 3.3.1 mobile menu wrapper --- */
  
  .mobile-menu .hs-menu-wrapper>ul {
    display: flex;
    flex-direction: column;
    list-style: none;
  }
  
  /* --- 3.3.2 mobile menu list item --- */
  
  .mobile-menu .hs-menu-wrapper>ul>li {
    position: relative;
    text-align: center;
    border-bottom: 1px solid #F1F2F4;
    border-radius: 1px;
    padding: 10px 0;
  }

  .mobile-menu .hs-menu-wrapper>ul>li>a {
    color: #0F388A;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 16px;
    line-height: 1.5;
    padding: 15px 0px;
    text-decoration: none;
  }

  /* RH */
  
  .RH-mobile-menu .hs-menu-wrapper>ul>li {
    position: relative;
    text-align: center;
    padding: 7px 0;
  }
  
  .RH-mobile-menu .hs-menu-wrapper>ul>li>a {
    /*color: #fff;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 16px;
    line-height: 1.5;
    padding: 8px 0px;
    text-decoration: none;
  }
  
  .RH-mobile-menu-white .hs-menu-wrapper>ul>li {
    position: relative;
    text-align: center;
    padding: 7px 0;
  }
  
  .RH-mobile-menu-white .hs-menu-wrapper>ul>li>a {
    color: #0F388A;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 16px;
    line-height: 1.5;
    padding: 8px 0px;
    text-decoration: none;
  }
  
  [role=menuitem] {
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 16px;
    line-height: 1.5;
    text-decoration: none;
  }
  
  [role=menuitem].scrolled {
    color: #862D5B;
  }
  
  /* --- 3.3.3 MOBILE menu item - pressed --- */

  .mobile-menu .hs-menu-wrapper>ul>li>a:active {
    background: #e6eefe;
    display: inline-block;
    border: 1px solid #e6eefe;
    border-radius: 14px;
    color: #0f388a;
    text-decoration: none;
    padding: 7px 13px;
  }

  /* RH */

  .RH-mobile-menu .hs-menu-wrapper>ul>li>a:active {
    background: #FBEAF3;
    display: inline-block;
    border: 1px solid #FBEAF3;
    border-radius: 14px;
    color: #862D5B;
    text-decoration: none;
    padding: 7px 13px;
  }
  
  .RH-mobile-menu .hs-menu-wrapper>ul>li>a:hover {
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 14px;
    color: #862D5B;
    background: #fff;
    text-decoration: none;
    padding: 7px 13px;
  }
  
  .RH-mobile-menu-white .hs-menu-wrapper>ul>li>a:active {
    background: #FBEAF3;
    display: inline-block;
    border: 1px solid #FBEAF3;
    border-radius: 14px;
    color: #862D5B;
    text-decoration: none;
    padding: 7px 13px;
  }
 
  .RH-mobile-menu-white .hs-menu-wrapper>ul>li>a:hover {
    background: #fff;
    display: inline-block;
    border: 1px solid #862D5B;
    border-radius: 14px;
    color: #862D5B;
    text-decoration: none;
    padding: 7px 13px;
  }

/* --- 3.3.4 MOBILE menu item - active tab --- */

  .mobile-menu .hs-menu-wrapper>ul>li.active>a {
    background: #e6eefe;
    display: inline-block;
    border: 1px solid #e6eefe;
    border-radius: 14px;
    color: #0f388a;
    text-decoration: none;
    padding: 7px 13px;
  }

  /* RH */

  .RH-mobile-menu .hs-menu-wrapper>ul>li.active>a {
    background: #FBEAF3;
    display: inline-block;
    border: 1px solid #FBEAF3;
    border-radius: 14px;
    color: #862D5B;
    text-decoration: none;
    padding: 7px 13px;
  }
  
  .RH-mobile-menu-white .hs-menu-wrapper>ul>li.active>a {
    background: #FBEAF3;
    display: inline-block;
    border: 1px solid #FBEAF3;
    border-radius: 14px;
    color: #862D5B;
    text-decoration: none;
    padding: 7px 13px;
  } 
  
  /* --- 3.3.5 mobile menu list language item --- */
  
  .mobile-menu .lang_switcher_class {
    position: relative;
    display: inline-block;
  }
  
  .header__language-switcher.header--element {
    position: relative;
    margin: 0;
    border: none;
  }
  
  .mobile_view .header__language-switcher--label-current {
    text-align: center;
    color: #0F388A;
    /*display: block;*/
    font-size: 16px;
    line-height: 1.5;
    padding: 15px 0px;
  }
  
  .header__language-switcher .lang_list_class li {
    border: none;
    font-size: 16px;
    line-height: 1.5;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  
  .mobile-menu .header__language-switcher .lang_list_class li:first-child {
    border: none;
    padding: 0;
    display: none;
  }

}  

/* --- 3.4 MOBILE language list --- */

@media (min-width: 768px) and (max-width: 991px){
  
  header.cm-header { 
    margin-left: auto;
    margin-right: auto;
    padding: 15px 60px !important; 
    height: auto;
  }
  
  header.cm-header.lp_header {
    padding: 15px 60px !important;
  }
  
  .mobile-menu .header__language-switcher .lang_list_class {
    background: #fff;
    border: 1px solid #e3e5e8;
    border-top: 0;
    border-radius: 0;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0px 9999px 15px;
    position: absolute;
    top: -22px
  }
  
  .header__language-switcher.header--element.desktop_view {
    display: none;
  }
  
  /* RH */
  
  header#RH-cm-header { 
    margin-left: auto;
    margin-right: auto;
    padding: 15px 60px !important; 
    height: auto;
  }
  
  .RH-header-navbar-wrapper {
    justify-content: space-between;
    padding: 0;
    display: flex;
    flex-direction: column;
   }
  
  .RH-header-logo-menu-toggler {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  
  .RH-cm-header-white {
    margin-left: auto;
    margin-right: auto;
    padding: 15px 60px !important; 
    height: auto;
  }
  
  /* web app */
  
  header#app-cm-header { 
    margin-left: auto;
    margin-right: auto;
    padding: 15px 60px !important; 
    height: auto;
  }
 
}

@media (min-width: 426px) and (max-width: 767px){
  
  header.cm-header { 
    margin-left: auto;
    margin-right: auto;
    padding: 15px 45px !important; 
    height: auto;
  }
  
  header.cm-header.lp_header {
    padding: 15px 45px !important;
  }
  
  .header__language-switcher.header--element.desktop_view {
    display: none;
  }
  
  .mobile-menu .header__language-switcher .lang_list_class {
    background: #fff;
    border: 1px solid #e3e5e8;
    border-top: 0;
    border-radius: 0;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0px 9999px 15px;
    position: absolute;
    top: -22px
  }
  
  /* RH */
  
  header#RH-cm-header { 
    margin-left: auto;
    margin-right: auto;
    padding: 15px 45px !important; 
    height: auto;
  }
  
  .RH-header-navbar-wrapper {
    justify-content: space-between;
    padding: 0;
    display: flex;
    flex-direction: column;
   }
  
  .RH-header-logo-wrapper {
    width: 0;
    height: 32px;
   }
  
  .RH-header-logo-wrapper-white {
    width: 0;
    height: 32px;
   }
  
  .RH-header-logo-menu-toggler {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  
  .RH-cm-header-white {
    margin-left: auto;
    margin-right: auto;
    padding: 15px 45px !important; 
    height: auto;
  }
  
  /* web app */
  
  header#app-cm-header { 
    margin-left: auto;
    margin-right: auto;
    padding: 15px 45px !important; 
    height: auto;
  }
 
} 

@media (min-width: 376px) and (max-width: 425px){
  
  header.cm-header { 
    margin-left: auto;
    margin-right: auto;
    padding: 15px 45px !important; 
    height: auto;
  }
  
  header.cm-header.lp_header {
    padding: 15px 45px !important;
  }
  
  .header__language-switcher.header--element.desktop_view {
    display: none;
  }
  
  .mobile-menu .header__language-switcher .lang_list_class {
    background: #fff;
    border: 1px solid #e3e5e8;
    border-top: 0;
    border-radius: 0;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0px 9999px 15px;
    position: absolute;
    top: -22px
  }
  
  /* RH */
  
  header#RH-cm-header { 
    margin-left: auto;
    margin-right: auto;
    padding: 15px 45px !important; 
    height: auto;
  }
  
  #RH-header-logo-rheuma {
    display: none;
  }

  #RH-header-logo-rheuma.scrolled {
    display: none;
  }

  #RH-header-logo-helper {
    display: none;
  }

  #RH-header-logo-helper.scrolled {
    display: none;
  }
  
  .RH-rheuma-white {
    display: none;
  }  
  
  .RH-helper-white {
    display: none;
  }
  
  .RH-header-navbar-wrapper {
    justify-content: space-between;
    padding: 0;
    display: flex;
    flex-direction: column;
   }
  
  .RH-header-logo-wrapper {
    width: 0;
    height: 32px;
   }
  
  .RH-header-logo-wrapper-white {
    width: 0;
    height: 32px;
   }
  
  .RH-header-logo-menu-toggler {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  
  .RH-cm-header-white {
    margin-left: auto;
    margin-right: auto;
    padding: 15px 45px !important; 
    height: auto;
  }
  
 /* web app */
  
  header#app-cm-header { 
    margin-left: auto;
    margin-right: auto;
    padding: 15px 45px !important; 
    height: auto;
  }
  
  .app-header-navbar-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 10px;
  }
 
} 

@media (min-width: 321px) and (max-width: 375px){
  
  header.cm-header { 
    margin-left: auto;
    margin-right: auto;
    padding: 15px 45px !important; 
    height: auto;
  }
  
  header.cm-header.lp_header {
    padding: 15px 45px !important;
  }
  
  .header__language-switcher.header--element.desktop_view {
    display: none;
  }
  
  .mobile-menu .header__language-switcher .lang_list_class {
    background: #fff;
    border: 1px solid #e3e5e8;
    border-top: 0;
    border-radius: 0;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0px 9999px 15px;
    position: absolute;
    top: -22px
  }
  
  /* RH */
  
  header#RH-cm-header { 
    margin-left: auto;
    margin-right: auto;
    padding: 15px 45px !important; 
    height: auto;
  }
  
  #RH-header-logo-rheuma {
    display: none;
  }

  #RH-header-logo-rheuma.scrolled {
    display: none;
  }

  #RH-header-logo-helper {
    display: none;
  }

  #RH-header-logo-helper.scrolled {
    display: none;
  }
  
  .RH-rheuma-white {
    display: none;
  }  
  
  .RH-helper-white {
    display: none;
  }
  
  .RH-header-navbar-wrapper {
    justify-content: space-between;
    padding: 0;
    display: flex;
    flex-direction: column;
   }
  
  .RH-header-logo-wrapper {
    width: 0;
    height: 32px;
   }
  
  .RH-header-logo-wrapper-white {
    width: 0;
    height: 32px;
   }
  
  .RH-header-logo-menu-toggler {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  
   .RH-cm-header-white {
    margin-left: auto;
    margin-right: auto;
    padding: 15px 45px !important; 
    height: auto;
  }
  
  /* web app */
  
  header#app-cm-header { 
    margin-left: auto;
    margin-right: auto;
    padding: 15px 45px !important; 
    height: auto;
  }
  
  .app-header-navbar-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 10px;
  }
 
} 

@media (max-width: 320px){
  
  header.cm-header { 
    margin-left: auto;
    margin-right: auto;
    padding: 15px 45px !important; 
    height: auto;
  }
  
  header.cm-header.lp_header {
    padding: 15px 45px !important;
  }
  
  .header__language-switcher.header--element.desktop_view {
    display: none;
  }
  
  .mobile-menu .header__language-switcher .lang_list_class {
    background: #fff;
    border: 1px solid #e3e5e8;
    border-top: 0;
    border-radius: 0;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0px 9999px 15px;
    position: absolute;
    top: -22px
  }
  
  /* RH */
  
  header#RH-cm-header { 
    margin-left: auto;
    margin-right: auto;
    padding: 15px 45px !important; 
    height: auto;
  }
  
  #RH-header-logo-rheuma {
    display: none;
  }

  #RH-header-logo-rheuma.scrolled {
    display: none;
  }

  #RH-header-logo-helper {
    display: none;
  }

  #RH-header-logo-helper.scrolled {
    display: none;
  }
  
  .RH-rheuma-white {
    display: none;
  }
  
  .RH-helper-white {
    display: none;
  }
  
  .RH-header-navbar-wrapper {
    justify-content: space-between;
    padding: 0;
    display: flex;
    flex-direction: column;
   }
  
  .RH-header-logo-wrapper {
    width: 0;
    height: 32px;
   }
  
  .RH-header-logo-wrapper-white {
    width: 0;
    height: 32px;
   }
  
  .RH-header-logo-menu-toggler {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  
  .RH-cm-header-white {
    margin-left: auto;
    margin-right: auto;
    padding: 15px 45px !important; 
    height: auto;
  }
  
  /* web app */
  
  header#app-cm-header { 
    margin-left: auto;
    margin-right: auto;
    padding: 15px 45px !important; 
    height: auto;
  }
  
  .app-header-navbar-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 10px;
  }
 
}
/* 

LIST OF CONTENTS

--------------------------

1 DESKTOP footer
  
  1.1 DESKTOP LP footer
  1.2 DESKTOP websites footer
    1.2.1 DIVIDER
    1.2.2 DESKTOP rows and columns general settings
    1.2.3 DESKTOP top row
    1.2.4 DESKTOP middle row
    1.2.5 DESKTOP bottom row

--------------------------

2 MOBILE footer
  
  2.1 MOBILE LP footer
  2.2 MOBILE websites footer
    2.2.1 MOBILE rows and columns general settings
    2.2.2 MOBILE top row
    2.2.3 MOBILE middle row
    2.2.4 MOBILE bottom row
 
*/


/* --- 1 DESKTOP footer --- */

/* --- 1.1 DESKTOP LP footer --- */

.footer_no_navigation {
  background: #F1F2F4;
  padding: 30px 30px !important;
  width: 100%;
}

.footer_copyright_no_navigation {
  color: #000;
  text-align: right;
  font-size: 12px;
  padding: 0 30px;
}
  
.footer_copyright_no_navigation a{
  color: #000;
  text-align: right;
  font-size: 12px;
  
  text-decoration: underline;
}

.footer_copyright_no_navigation-flex {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
}


/* --- 1.2 DESKTOP websites footer --- */

/* --- 1.2.1 DIVIDER --- */

.row-footer-divider {
  border-top: 1px solid #B9BDC6;
  border-radius: 0;
  margin: 0 30px;
}

/* --- 1.2.2 DESKTOP rows and columns general settings --- */

footer.footer {
  display: block;
  background: #F1F2F4;
  padding: 50px 30px !important;
  width: 100%;
}

footer.content-wrapper {
  display: inherit;
}
  
footer.footer .col-md-4 {
   display: flex !important;
   max-width: fit-content !important;
   flex-direction: column !important;
   padding: 0 !important;
  } 

footer.footer .col-md-4 ul {
  display: flex;
  gap: 15px;
  flex-direction: column;
  align-items: flex-start;
}

footer.footer .col-md-4 ul>li {
  margin: 0 !important;
}

/* --- 1.2.3 DESKTOP top row: logo + social links --- */

.row-footer-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 30px 30px 30px;
}

/* --- 1.2.3.1 logo --- */

.footer_logo {
  margin: 0;
  height: 50px;
  width: auto;
}

.footer_logo img {
  margin: 0;
  height: 50px;
  width: auto;
}

/* --- 1.2.3.2 social links --- edit in social-follow custom module --- */

/* --- 1.2.4 DESKTOP middle row --- */

.row-footer-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 30px;
}

footer .footer_content p a {
  color: #000;
}
.footer_content p {
  color: #000;
}

/* --- 1.2.4.1 content titles --- */

footer .footer-title {
  color: #000;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 0 15px 0;
  line-height: 1.5;
  display: block;
  cursor: default;
}

footer .product_link .hs-menu-wrapper > ul > li > a,footer .info_link .hs-menu-wrapper > ul > li > a, footer .policies_link .hs-menu-wrapper > ul > li > a {
  color: #000;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 0 15px 0;
  line-height: 1.5;
  display: block;
  cursor: default;
}

footer .info_link .hs-menu-wrapper>ul>li>a:hover, footer .product_link .hs-menu-wrapper>ul>li>a:hover, footer .policies_link .hs-menu-wrapper>ul>li>a:hover {
  color: #000;
  text-decoration: none;
  cursor: default;
}

/* --- 1.2.4.2 content items --- */

footer .product_link .hs-menu-wrapper > ul ul > li, footer .info_link .hs-menu-wrapper > ul ul > li, footer .policies_link .hs-menu-wrapper > ul ul > li {
  margin: 15px 0px;
  color: #000 !important;
}

footer .product_link .hs-menu-wrapper > ul ul > li > a, footer .info_link .hs-menu-wrapper > ul ul > li > a, footer .policies_link .hs-menu-wrapper > ul ul > li {
  color: #000 !important;
  font-size: 14px;
}

footer .product_link .hs-menu-wrapper > ul ul > li > a:hover, footer .info_link .hs-menu-wrapper > ul ul > li > a:hover, footer .policies_link .hs-menu-wrapper > ul ul > li > a:hover {
  color: #000 !important;
  text-decoration: underline;
}

/* --- 1.2.5 DESKTOP bottom row --- */

footer.footer .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  margin: 0 !important;
  padding: 30px 30px 0 30px !important;
}

footer.footer .col {
    position: relative;
    width: 100%;
    padding: 0 !important;
  } 

/* --- 1.2.5.1 EU logo --- */

footer .fund_img {
  width: auto;
  height: 50px;
  margin: 0;
}

/* --- 1.2.5.2 copyright --- */

footer .footer_copyright {
  color: #000;
  text-align: right;
  font-size: 12px;
  padding: 0;
}


/* --- 2 MOBILE footer --- */


@media (max-width: 991px){
  
  /* --- 2.1 MOBILE LP footer --- */
  
  .footer_no_navigation {
    padding: 30px !important;
  }
  
  .footer_copyright_no_navigation {
    padding: 0 15px;
    text-align: left;
  }
  
  .footer_copyright_no_navigation a{
    text-align: left;
  }
  

  
  /* --- 2.2 MOBILE websites footer --- */
  
  /* --- 2.2.1 MOBILE rows and columns general settings --- */
  
  footer.footer {
    display: flex;
    flex-direction: column;
    justify-items: left;
    padding: 30px 45px !important;
  }
  
  .row-footer-divider {
    border-top: 1px solid #B9BDC6;
    border-radius: 0;
    margin: 0;
  }
  
  footer.footer .col {
    position: relative;
    width: 100%;
    padding: 0 !important;
  } 
  
  footer.footer .col-md-4 {
    position: relative;
    width: 100%;
    padding: 0 0 30px 0 !important;
  } 
  
  /* --- 2.2.2 MOBILE top row --- */
  
  footer .row-footer-top {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0;
  }
  
  footer .footer_logo {
    margin: 0;
  }

  footer .footer_social {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    } 
  
  /* --- 2.2.3 MOBILE middle row --- */
  
  footer .info_link .hs-menu-wrapper>ul>li>a, footer .product_link .hs-menu-wrapper>ul>li>a, footer .policies_link .hs-menu-wrapper>ul>li>a {
    width: 100%;
    padding: 0;
  }
  
  li.hs-menu-item .hs-menu-depth-2 {
    padding: 0;
  }
  
  .row-footer-content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 30px 0 0 0;
  }
  
  footer .footer-title {
  color: #000;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 0 15px 0;
  line-height: 1.5;
  display: block;
  cursor: default;
  }
  
  /* --- 2.2.4 MOBILE bottom row --- */
  
  footer.footer .row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 30px 0 0 0 !important;
  }
  
  footer .footer_copyright {
    color: #000;
    text-align: left;
    font-size: 12px;
    padding: 30px 0 0 0;
  }
  
}

@media (min-width: 768px) and (max-width: 990px){
  
  footer.footer {
    display: flex;
    flex-direction: column;
    justify-items: left;
    padding: 30px 60px !important;
  }
  
}


@media (max-width: 767px){
  
  .footer_copyright_no_navigation-flex {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  
}
.hs-menu-wrapper ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.hs_contact h1 {
  font-weight: 600;
  color: rgb(47, 107, 231);
  font-size: 2rem;
  margin: 25px 0px;
}

.hs_contact h2 {
  font-weight: 600;
  color: rgb(47, 107, 231);
  font-size: 1.2rem;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

.hs_contact img {
  max-height: 400px;
  text-align: right;
}
.hs_contact a {
  color: inherit;
}
.hs_contact a:hover {
  color: inherit;
}