/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

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

/* 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: 100%;
    margin-left:0;
    margin-top: 2.5rem;
  }
  .row-fluid [class*="span"]:first-child {
   margin-left:0;
    margin-top: 0;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .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: 100%;
    *width: 99.94680851063829%;
  }

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

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

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

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

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

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

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

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

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

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

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

@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: 32px;

    -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.42857142857143%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Litium custom */

.display-column {
  display: flex;
  flex-direction: column;
}
.content-wrapper {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 1rem;
}
.outside-content-wrapper > * {
  max-width: 100%;
  margin: 1rem;
}

.background-wrapper {
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.body-wrapper {
  padding-top: 74px;
}

.dnd-section { 
  margin: 0 auto;
  padding: 8rem 1rem;
}
.dnd-section[class*=force-full-width-section] {
  padding: 0;
}

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

.dnd-section > .row-fluid {
  max-width: 1120px;
  margin: 0 auto;
}

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

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

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

/* NT Bau regular */
@font-face {
  font-family: "nt_bau";
  src: url("https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/litium-theme/webfont/ntbau-black-webfont.eot");
  src: url("https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/litium-theme/webfont/ntbau-black-webfont.eot#iefix")
      format("embedded-opentype"),
    url("https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/litium-theme/webfont/ntbau-black-webfont.woff2")
      format("woff2"),
    url("https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/litium-theme/webfont/ntbau-black-webfont.woff")
      format("woff"),
    url("https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/litium-theme/webfont/ntbau-black-webfont.ttf")
      format("truetype"),
    url("https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/litium-theme/webfont/ntbau-black-webfont.svg#nt_baublack")
      format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "nt_bau";
  src: url("https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/litium-theme/webfont/ntbau-bold-webfont.eot");
  src: url("https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/litium-theme/webfont/ntbau-bold-webfont.eot#iefix")
      format("embedded-opentype"),
    url("https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/litium-theme/webfont/ntbau-bold-webfont.woff2")
      format("woff2"),
    url("https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/litium-theme/webfont/ntbau-bold-webfont.woff")
      format("woff"),
    url("https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/litium-theme/webfont/ntbau-bold-webfont.ttf")
      format("truetype"),
    url("https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/litium-theme/webfont/ntbau-bold-webfont.svg#nt_baubold")
      format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "nt_bau";
  src: url("https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/litium-theme/webfont/ntbau-light-webfont.eot");
  src: url("https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/litium-theme/webfont/ntbau-light-webfont.eot#iefix")
      format("embedded-opentype"),
    url("https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/litium-theme/webfont/ntbau-light-webfont.woff2")
      format("woff2"),
    url("https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/litium-theme/webfont/ntbau-light-webfont.woff")
      format("woff"),
    url("https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/litium-theme/webfont/ntbau-light-webfont.ttf")
      format("truetype"),
    url("https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/litium-theme/webfont/ntbau-light-webfont.svg#nt_baulight")
      format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "nt_bau";
  src: url("https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/litium-theme/webfont/ntbau-medium-webfont.eot");
  src: url("https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/litium-theme/webfont/ntbau-medium-webfont.eot#iefix")
      format("embedded-opentype"),
    url("https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/litium-theme/webfont/ntbau-medium-webfont.woff2")
      format("woff2"),
    url("https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/litium-theme/webfont/ntbau-medium-webfont.woff")
      format("woff"),
    url("https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/litium-theme/webfont/ntbau-medium-webfont.ttf")
      format("truetype"),
    url("https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/litium-theme/webfont/ntbau-medium-webfont.svg#nt_baumedium")
      format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "nt_bau";
  src: url("https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/litium-theme/webfont/ntbau-regular-webfont.eot");
  src: url("https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/litium-theme/webfont/ntbau-regular-webfont.eot#iefix")
      format("embedded-opentype"),
    url("https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/litium-theme/webfont/ntbau-regular-webfont.woff2")
      format("woff2"),
    url("https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/litium-theme/webfont/ntbau-regular-webfont.woff")
      format("woff"),
    url("https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/litium-theme/webfont/ntbau-regular-webfont.ttf")
      format("truetype"),
    url("https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/litium-theme/webfont/ntbau-regular-webfont.svg#nt_bauregular")
      format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: var(--nt-bau);
  font-style: normal;
  font-weight: normal;
  font-size: var(--body-default);
  line-height: 165%;
  color: var(--black);
}

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

/* Paragraphs */

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

/* Anchors */

a {
  cursor: pointer;
  text-decoration: underline;
	color: var(--black);
}

a:hover,
a:focus {
	color: var(--blue-200);
}
a:visited {
	color: var(--grey-500);
}

/* Headings */

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

/* Lists */

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

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

ul.no-list {
  list-style: none;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}


/* Horizontal rules */

hr {
  background-color: #ccc;
  border: none;
  color: #ccc;
  height: 1px;
}

/* Image alt text */

img {
  font-size: 14px;
  word-break: normal;
}

/* Text containers */

.text-container:is(h1,h2,h3,p,a,.text-body):first-child {
  margin-top: 0;
}
.text-container:is(h1,h2,h3,p,a,.text-body):last-child {
  margin-bottom: 0;
}

/* Headings */

.heading-xxl {
  font-family: var(--nt-bau);
  font-style: normal;
  font-weight: normal;
  font-size: var(--heading-xxl);
  line-height: 100%;
  color: var(--black);
	overflow-wrap:break-word;
	word-wrap:break-word;

}

.heading-xl {
  font-family: var(--nt-bau);
  font-style: normal;
  font-weight: 500;
  font-size: var(--heading-xl);
  line-height: 120%;
  color: var(--black);
	overflow-wrap:break-word;
	word-wrap:break-word;
}

.heading-l {
  font-family: var(--nt-bau);
  font-style: normal;
  font-weight: 500;
  font-size: var(--heading-l);
  line-height: 120%;
  color: var(--black);
	overflow-wrap:break-word;
	word-wrap:break-word;
}

.heading-m {
  font-family: var(--nt-bau);
  font-style: normal;
  font-weight: 500;
  font-size: var(--heading-m);
  line-height: 125%;
  color: var(--black);
}

.heading-s {
  font-family: var(--nt-bau);
  font-style: normal;
  font-weight: 500;
  font-size: var(--heading-s);
  line-height: 125%;
  color: var(--black);
}

/* Body typography */

.body-l {
  font-family: var(--nt-bau);
  font-style: normal;
  font-weight: normal;
  font-size: var(--body-l);
  line-height: 150%;
  color: var(--black);
}

.body-default {
  font-family: var(--nt-bau);
  font-style: normal;
  font-weight: normal;
  font-size: var(--body-default);
  line-height: 165%;
  color: var(--black);
}

.body-s {
  font-family: var(--nt-bau);
  font-style: normal;
  font-weight: normal;
  font-size: var(--body-s);
  line-height: 165%;
  color: var(--black);
}

.body-xs {
  font-family: var(--nt-bau);
  font-style: normal;
  font-weight: normal;
  font-size: var(--body-xs);
  line-height: 155%;
  color: var(--black);
}

/* Labels typography */
.label-400 {
  font-family: var(--nt-bau);
  font-size: var(--label-font);
  line-height: 100%;
  font-weight: 400;
  color: var(--black);
}

.label-500 {
  font-family: var(--nt-bau);
  font-size: var(--label-font);
  font-weight: 500;
  line-height: 100%;
  color: var(--black);
}

.label-700 {
  font-family: var(--nt-bau);
  font-size: var(--label-font);
  font-weight: 700;
  line-height: 100%;
  color: var(--black);
}

/* Text alignment */
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}

@media screen and (max-width: 768px) {
  .page-header-container .heading-xxl,
  .heading-xxl,
  .heading-xl,
  .heading-l {
    -webkit-hyphens:manual;
    -ms-hyphens:manual;
    -moz-hyphens:manual;
    hyphens:manual;
  }
  .heading-xxl {
    font-size: var(--heading-xl);
  }
}
.text-container a.button-wrapper {
  margin: 40px 0;
  display: table;
}
a.link-btn,
a.link-btn:hover {
  text-decoration: none;
}

button,
.button {
  cursor: pointer;
  display: inline-block;
  width: 224px;
  height: 48px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 100%;
  text-align: center;
  transition: background-color 0.15s linear;
  white-space: normal;
  color: var(--white, #ffffff);
  background-color: var(--black);
  border: 1px solid transparent;
  border-radius: 8px;
  margin-bottom: 0;
}

button:disabled,
.button:disabled {
  color: var(--grey-400);
}

button:hover,
.button:hover {
  background-color: var(--grey-700);
}

button:focus,
.button:focus {
  outline: 2px solid var(--blue-100);
}

button:active,
.button:active {
  text-decoration: none;
}

/* Secondary button */

.button-secondary {
  color: var(--black);
  background-color: transparent;
  border-color: var(--black);
}
.button-secondary:disabled {
  color: var(--grey-300);
}

.button-secondary:hover {
  color: var(--white);
  background-color: var(--black);
}

.button-secondary:focus {
  outline: 2px solid var(--blue-100);
}

.button-secondary:active {
  text-decoration: none;
}

/* Inverse button */

.button-inverse {
  color: var(--black);
  background-color: var(--white);
}
.button-inverse:disabled {
  color: var(--grey-200);
}

.button-inverse:hover {
  color: var(--black);
  background-color: var(--grey-200);
}

.button-inverse:focus {
  outline: 2px solid var(--blue-100);
}

.button-inverse:active {
  text-decoration: none;
}

/* Secondary inverse button */

.button-secondary-inverse {
  color: var(--white);
  background-color: transparent;
  border-color: var(--white);
}
.button-secondary-inverse:disabled {
  color: var(--grey-300);
  border-color: var(--grey-300);
}

.button-secondary-inverse:hover {
  color: var(--black);
  background-color: var(--white);
}

.button-secondary-inverse:focus {
  outline: 2px solid var(--blue-100);
}

.button-secondary-inverse:active {
  text-decoration: none;
}

/* Icon button */

.button-icon {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 16px;
  position: relative;
}
.button-icon i::before {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  right: 12px;
}

/* Subtle button */

.button-subtle {
  color: var(--black);
  background-color: var(--white);
  border-color: var(--grey-200);
}

.button-subtle:disabled {
  color: var(--grey-200);
}

.button-subtle:hover {
  color: var(--black);
  background-color: var(--white);
  border-color: var(--black);
}

.button-subtle:active {
  text-decoration: none;
}

/* Play button */

.play-button,
.play-button-sm {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 88px;
  height: 88px;
  background-size: contain;
  border-radius: 50%;
  position: relative;
}

.play-button i::before,
.play-button-sm i::before {
  position: absolute;
  top: 50%;
  left: 44px;
  transform: translate(-50%, -50%);
  font-size: 30px;
}

.play-button:focus,
.play-button-sm:focus {
  outline: none;
  box-shadow: 0 0 0 2pt var(--blue-100);
}

.play-button-sm {
  width: 42px;
  height: 42px;
}

.play-button-sm i::before {
  left: 21px;
  font-size: 1rem;
}

/* Auto width button */
.button-auto-width {
  display: block;
  width: auto;
  padding: 8px 16px;
  height: 32px;
  border-radius: 4px;
}

a:hover button{
  text-decoration: none;
}
.card-sm-container {
  display: flex;
  flex-direction: column;
  border: 1px solid transparent;
}

.card-top-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  height: 252px;
  width: 352px;
  border: 1px solid transparent;
}

.card-lg-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 592px;
	position:relative;
	padding: 4rem;
}

.card-inner-content {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
	row-gap: 1rem;
}
.card-inner-content > * {
  margin: 0;
}
.card-inner-content i {
  font-size: 4.5rem;
}
.card-inner-content > a {
  margin-top: 1rem;
}

/* Blog cards */

.card-blog-container {
  display: flex;
  flex-direction: column;
}

.card-blog-top {
  height: 352px;
  padding: 36px 40px;
  margin-bottom: 16px;
  border-radius: 8px;
}

.card-blog-top i {
  font-size: 7rem;
}

.card-blog-container .tags-container {
  display: flex;
  margin-bottom: 16px;
}

.card-blog-container .tags-container .tag {
  margin-right: 8px;
}

.article-summary {
  margin-top: 36px;
}
/* Global classes */
.d-flex {
  display: flex;
}

.flex-column {
  flex-direction: column;
}
.justify-content-center {
  justify-content: center;
}

.align-items-center {
  align-items: center;
}
/* Form fields */ 
 
.hs-form-field {
  margin-bottom: 1.4rem;
}

form {
  margin: 16px 0;
}

/* Help text - legends */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

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

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

/* 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: var(--error);
}

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

div.hs-form-field {
  position: relative;
  margin-bottom: 12px;
}

div.hs-form-field ul.no-list .hs-error-msgs .inputs-list {
  position: absolute;
}
.hs-form-field > ul {
  position: absolute;
}
.hs-form-field > ul li {
  margin: 0;
  line-height: 16px;
}

form ul .hs-error-msg {
  color: var(--error);
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}
@font-face {
  font-family: 'litium-icons';
  src:  url('https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/Web/Litium/litium-theme/icon-font/litium-icons-v2.eot?xulu50');
  src:  url('https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/Web/Litium/litium-theme/icon-font/litium-icons-v2.eot?xulu50#iefix') format('embedded-opentype'),
    url('https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/Web/Litium/litium-theme/icon-font/litium-icons-v2.ttf?xulu50') format('truetype'),
    url('https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/Web/Litium/litium-theme/icon-font/litium-icons-v2.woff?xulu50') format('woff'),
    url('https://7176527.fs1.hubspotusercontent-na1.net/hubfs/7176527/Web/Litium/litium-theme/icon-font/litium-icons-v2.svg?xulu50#litium-icons') format('svg');
  font-weight: 400;
  font-style: normal;
}
 
[class^="icon-"],
[class*=" icon-"],
.icon {
  display: inline-block;
  font-family: "litium-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  vertical-align: -.125em;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-accelerator::before {
  content: "\ea01";
}
.icon-arrow-down::before {
  content: "\ea02";
}
.icon-arrow-left::before {
  content: "\ea03";
}
.icon-arrow-right::before {
  content: "\ea04";
}
.icon-arrow-up::before {
  content: "\ea05";
}
.icon-battery::before {
  content: "\ea06";
}
.icon-calculator::before {
  content: "\ea07";
}
.icon-calendar::before {
  content: "\ea08";
}
.icon-camera::before {
  content: "\ea09";
}
.icon-cardboard::before {
  content: "\ea0a";
}
.icon-caret-down::before {
  content: "\ea0b";
}
.icon-caret-left::before {
  content: "\ea0c";
}
.icon-caret-right::before {
  content: "\ea0d";
}
.icon-caret-up::before {
  content: "\ea0e";
}
.icon-carriage::before {
  content: "\ea0f";
}
.icon-cashier::before {
  content: "\ea10";
}
.icon-certificate::before {
  content: "\ea11";
}
.icon-chat::before {
  content: "\ea12";
}
.icon-check::before {
  content: "\ea13";
}
.icon-circle::before {
  content: "\ea14";
}
.icon-circlediagram::before {
  content: "\ea15";
}
.icon-clock::before {
  content: "\ea16";
}
.icon-close::before {
  content: "\ea17";
}
.icon-cloud::before {
  content: "\ea18";
}
.icon-cms::before {
  content: "\ea19";
}
.icon-coins::before {
  content: "\ea1a";
}
.icon-computermouse::before {
  content: "\ea1b";
}
.icon-commerce:before {
  content: "\ea60";
}
.icon-conversation::before {
  content: "\ea1c";
}
.icon-creditcard::before {
  content: "\ea1d";
}
.icon-cup::before {
  content: "\ea1e";
}
.icon-data::before {
  content: "\ea1f";
}
.icon-desktop::before {
  content: "\ea20";
}
.icon-diamond::before {
  content: "\ea21";
}
.icon-e-commerce::before {
  content: "\ea22";
}
.icon-edit::before {
  content: "\ea23";
}
.icon-electricity::before {
  content: "\ea24";
}
.icon-etailer::before {
  content: "\ea25";
}
.icon-fast::before {
  content: "\ea26";
}
.icon-file::before {
  content: "\ea27";
}
.icon-film::before {
  content: "\ea28";
}
.icon-filter::before {
  content: "\ea29";
}
.icon-fullscreen::before {
  content: "\ea2a";
}
.icon-gear::before {
  content: "\ea2b";
}
.icon-gift::before {
  content: "\ea2c";
}
.icon-globe::before {
  content: "\ea2d";
}
.icon-heart::before {
  content: "\ea2e";
}
.icon-hourglass::before {
  content: "\ea2f";
}
.icon-image::before {
  content: "\ea30";
}
.icon-invisible::before {
  content: "\ea31";
}
.icon-language::before {
  content: "\ea32";
}
.icon-language-thick::before {
  content: "\ea33";
}
.icon-laptop::before {
  content: "\ea34";
}
.icon-lightbulb::before {
  content: "\ea35";
}
.icon-link::before {
  content: "\ea36";
}
.icon-list::before {
  content: "\ea37";
}
.icon-location::before {
  content: "\ea38";
}
.icon-lock::before {
  content: "\ea39";
}
.icon-mail::before {
  content: "\ea3a";
}
.icon-menu::before {
  content: "\ea3b";
}
.icon-minus::before {
  content: "\ea3c";
}
.icon-more::before {
  content: "\ea3d";
}
.icon-paperclip::before {
  content: "\ea3e";
}
.icon-person::before {
  content: "\ea3f";
}
.icon-phone::before {
  content: "\ea40";
}
.icon-pim::before {
  content: "\ea41";
}
.icon-play-outline::before {
  content: "\ea42";
}
.icon-play-solid::before {
  content: "\ea43";
}
.icon-plus::before {
  content: "\ea44";
}
.icon-reports::before {
  content: "\ea45";
}
.icon-retailer::before {
  content: "\ea46";
}
.icon-scale::before {
  content: "\ea47";
}
.icon-search::before {
  content: "\ea48";
}
.icon-search-thick::before {
  content: "\ea49";
}
.icon-sent::before {
  content: "\ea4a";
}
.icon-shopping-bag::before {
  content: "\ea4b";
}
.icon-shopping-cart::before {
  content: "\ea4c";
}
.icon-smiley-happy::before {
  content: "\ea4d";
}
.icon-smiley-neutral::before {
  content: "\ea4e";
}
.icon-smiley-sad::before {
  content: "\ea4f";
}
.icon-solutions::before {
  content: "\ea50";
}
.icon-speaker::before {
  content: "\ea51";
}
.icon-star::before {
  content: "\ea52";
}
.icon-statistics::before {
  content: "\ea53";
}
.icon-sun::before {
  content: "\ea54";
}
.icon-tag::before {
  content: "\ea55";
}
.icon-target::before {
  content: "\ea56";
}
.icon-tech::before {
  content: "\ea57";
}
.icon-telephone::before {
  content: "\ea58";
}
.icon-thumb-down::before {
  content: "\ea59";
}
.icon-thumb-up::before {
  content: "\ea5a";
}
.icon-truck::before {
  content: "\ea5b";
}
.icon-unlocked::before {
  content: "\ea5c";
}
.icon-visable::before {
  content: "\ea5d";
}
.icon-wallet::before {
  content: "\ea5e";
}
/* Type text */

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="file"] {
  font-family: var(--nt-bau);
  width: 100%;
  border: none;
  border-bottom: 1px solid var(--grey-400);
  transition: all 0.3 linear;
  padding: 0;
  background-color: transparent;
}

input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
input[type="number"]::placeholder,
input[type="file"]::placeholder {
  color: var(--grey-400);
}

input[type="text"]:active,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="file"]:focus {
  outline: none;
  border-bottom: 1px solid var(--blue-200);
}

input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="email"]:disabled,
input[type="tel"]:disabled,
input[type="number"]:disabled,
input[type="file"]:disabled {
  color: var(--grey-200);
  border-color: var(--grey-200);
  background-color: transparent;
}

input[type="text"]:disabled::placeholder,
input[type="password"]:disabled::placeholder,
input[type="email"]:disabled::placeholder,
input[type="tel"]:disabled::placeholder,
input[type="number"]:disabled::placeholder,
input[type="file"]:disabled::placeholder {
  color: var(--grey-200);
}

/* Type password */
input[type="password"] {
  border-color: var(--grey-200);
}
/* Submit */

form input[type="submit"],
form .hs-button {
  cursor: pointer;
  display: inline-block;
  width: 360px;
  max-width: 100%;
  height: 48px;
  font-size: 1rem;
  text-align: center;
  transition: background-color 0.15s linear;
  white-space: normal;
  color: var(--white, #ffffff);
  background-color: var(--black);
  border: 1px solid transparent;
  border-radius: 8px;
  margin-bottom: 8px;
}
form input[type="submit"]:hover,
form .hs-button:hover {
  background-color: var(--grey-700);
}

form input[type="submit"]:focus,
form .hs-button:focus {
  outline: 2px solid var(--blue-100);
}

/* Label */

label {
  font-size: var(--body-xs);
  color: var(--grey-400);
}

/* Input + label */

.input-container {
  display: flex;
  flex-direction: column;
  margin: 16px 0;
  position: relative;
}

/* Error / Invalid */

.input-container .error-message {
  display: none;
}

.error-message {
  color: var(--error);
  display: inline-block;
  font-size: 12px;
  line-height: 15px;
  margin: 5px 0 0;
}
input .invalid {
  border-color: var(--error);
}
input .invalid + .error-message {
  display: inline-block;
}

/* Success / Valid */
.input-container .success-message {
  display: none;
}

.success-message {
  color: var(--success);
  display: inline-block;
  font-size: 12px;
  line-height: 15px;
  margin: 5px 0 0;
}

input:valid {
  border-color: var(--success);
}

input:valid + .success-message {
  display: inline-block;
}

input:optional {
  border-color: var(--grey-400);
}

.form-container input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}

/* Icons */

.input-icon-container {
  display: flex;
}

.input-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 27px;
}

/* Checkbox */

.checkbox-container {
  display: block;
  position: relative;
  padding-left: 34px;
  margin-bottom: 8px;
  cursor: pointer;
  /* -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; */
}

.checkbox-container input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkbox-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  border-radius: 4px;
  border: 1px solid var(--black);
  background-color: var(--white);
}

.checkbox-container input[type="checkbox"]:checked ~ .checkmark {
  background-color: var(--black);
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkbox-container input[type="checkbox"]:checked ~ .checkmark:after {
  display: block;
}

.checkbox-container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 6px;
  height: 11px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkbox-text-container .checkbox-text {
  margin-left: 40px;
}

.checkbox-multiple-text-container {
  margin-left: 40px;
}

.checkbox-multiple-text-container .checkbox-text {
  margin: 5px 0;
}

.bordered-checkbox-container {
  display: flex;
  align-items: center;
  width: 100%;
  color: var(--grey-200);
  border: 1px solid var(--grey-200);
  padding: 20px 32px;
  cursor: pointer;
  transition: var(--hover-transition);
}

.bordered-checkbox-container .checkbox-container {
  height: 24px;
  margin-bottom: 0;
}

.bordered-checkbox-container .label-500,
.bordered-checkbox-container .checkbox-text {
  color: inherit;
}

.bordered-checkbox-container:hover {
  border-color: var(--grey-700);
  color: var(--grey-700);
}

.bordered-container-checked {
  color: var(--black);
  border-color: var(--black);
}

/* Custom Hubspot checkbox */
.form-container ul.inputs-list li.hs-form-booleancheckbox {
  display: flex;
  margin: 16px 0;
}

.form-container ul.inputs-list li.hs-form-booleancheckbox .hs-form-required {
  margin-left: 0;
  color: var(--error);
  vertical-align: top;
}
.form-container ul.inputs-list li.hs-form-booleancheckbox label {
  position: relative;
}

.form-container ul.inputs-list li.hs-form-booleancheckbox label span {
  display: inline-block;
  margin-left: 40px; /* Width of the new radio select and any additional spacing on the left */
  margin-right: 16px; /* Additional spacing on the right */
  font-size: 1rem;
  color: var(--black);
}
/* Hide the original checkbox */
.form-container ul.inputs-list li.hs-form-booleancheckbox label input {
  height: 24px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 24px;
}
/* Add new checkbox */
.form-container ul.inputs-list li.hs-form-booleancheckbox label span::before {
  border: 1px solid var(--black);
  content: "";
  height: 24px;
  left: 0;
  position: absolute;
  top: 0;
  width: 24px;
  border-radius: 4px;
}
/* Style new checked item */
.form-container ul.inputs-list li.hs-form-booleancheckbox label span::after {
  content: "";
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  height: 16px;
  left: 8px;
  opacity: 0;
  position: absolute;
  top: 2px;
  transform: rotate(45deg);
  transition: opacity 0.2s ease-in-out;
  width: 8px;
}
/* Show when checked */
.form-container
  ul.inputs-list
  li.hs-form-booleancheckbox
  label
  input:checked
  + span::after {
  opacity: 1;
}

.form-container
  ul.inputs-list
  li.hs-form-booleancheckbox
  label
  input:checked
  + span::before {
  background-color: var(--black);
}
/* Style when focused */
.form-container
  ul.inputs-list
  li.hs-form-booleancheckbox
  label
  input:focus
  + span::after {
  outline: 3px solid transparent; /* For Windows high contrast mode. */
}

/* Input + button */

.input-btn-container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 24px;
}

.input-btn-container .input-container {
  margin-bottom: 0;
}
.input-btn-container button {
  margin-left: 8px;
  margin-bottom: 0;
}

/* Select */

.language-select-wrapper {
  position: relative;
  user-select: none;
  width: 100%;
  max-width: 124px;
}
.language-footer-select {
  position: relative;
  display: flex;
  flex-direction: column;
}
.language-select__trigger {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  color: var(--black);
  height: 60px;
  line-height: 60px;
  background: transparent;
  cursor: pointer;
}
.language-options {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  right: 0;
  transition: all 0.5s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 2;
}
.language-footer-select.open .language-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.language-option {
  position: relative;
  display: block;
  padding: 5px;

  cursor: pointer;
  transition: all 0.5s;
}
.language-option:hover {
  cursor: pointer;
  background-color: #b2b2b2;
}
.language-option.selected {
  color: #ffffff;
  background-color: var(--black);
}

.arrow {
  position: relative;
  height: 10px;
  width: 10px;
}
.arrow::before,
.arrow::after {
  content: "";
  position: absolute;
  bottom: 0px;
  width: 0.1rem;
  height: 100%;
  transition: all 0.5s;
}
.arrow::before {
  left: -7px;
  transform: rotate(-45deg);
  background-color: var(--black);
}
.arrow::after {
  left: 0px;
  transform: rotate(45deg);
  background-color: var(--black);
}
.open .arrow::before {
  left: 5px;
  transform: rotate(45deg);
}
.open .arrow::after {
  left: 5px;
  transform: rotate(-45deg);
}
.pill {
    cursor: pointer;
    display: inline-block;
    padding: 0 16px;
    height: 32px;
    line-height: 32px;
    width: auto;
    border: 1px solid var(--grey-200);
    border-radius: 32px;
    text-align: center;
    transition: all 0.3s ease-out;
}

.pill.active, .pill:hover  {
  border-color: var(--black);
    
}
/* 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;
}
.tag {
  display: inline-block;
  padding: 4px 8px;
  text-align: center;
  height: 24px;
  line-height: 100%;
  border-radius: 100px;
  color: var(--white);
  border: 1px solid transparent;
  margin-bottom: 8px;
  font-weight: 500;
}

.tag-outlined {
  background-color: transparent;
  color: var(--black);
  border-color: var(--grey-200);
}
.tag-blue {
  background-color: var(--blue-200);
}
.tag-green {
  background-color: var(--green-200);
}
.tag-red {
  background-color: var(--red-200);
}
.tag-purple {
  background-color: var(--purple-100);
}
.tag-black {
  background-color: var(--black);
}
.tag-white {
  color: var(--black);
  background-color: var(--white);
}


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

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 74px;
  background-color: transparent;
  color: var(--white);
  padding: 0 16px;
  position: fixed;
  z-index: 9999;
  width: 100%;
  transition: all 0.5s ease;
  top: 0;
}

.header.is-hidden {
  transform: translateY(-100%);
}


.header.black-header {
  background-color: var(--black);
}

.header.white-header {
  color: var(--black);
  background-color: var(--white);
}

header.header a {
	text-decoration: none;
}

.header__row-1,
.header__row-2 {
  align-items: center;
  display: flex;
  width: 100%;
}

.header__row-1 {
  justify-content: flex-start;
}
.header-col {
  display: flex;
}

.header-logo-container {
  display: flex;
  margin-right: 40px;
}
.header-logo-container img {
  z-index: 1;
}

.header.white-header .header-logo-container img {
  filter: invert(1);
}

.header.white-header.active .header-logo-container img {
  filter: none;
}
.header .content-wrapper {
  position: relative;
  width: 100%;
}
.menu-container {
  width: auto;
  z-index: 1;
}

.submenu-background {
  position: absolute;
  height: 600px;
  left: -9999px;
  opacity: 0;
  min-width: 100%;
  background-color: var(--black);
  z-index: 0;
  top: 0;
  transition: opacity 0.5s ease;
}

.submenu-background.active {
  left: 0;
  right: 0;
  opacity: 1;
  background-color: black;
}

.first-header-col,
.last-header-col {
  width: 180px;
  z-index: 1;
}

.last-header-col button {
  margin: 0;
}

/* Language modal and icon */
.lang-container {
  display: flex;
  align-items: center;
}

.lang-container .lang-switcher-icon img {
  filter: invert(88%) sepia(100%) saturate(2%) hue-rotate(188deg)
    brightness(110%) contrast(97%);
}

/* Search modal and icon */
.search-container {
  display: flex;
  align-items: center;
  margin-right: 18px;
  z-index: 1;
}
.search-container i {
  color: var(--white);
  font-size: 18px;
}

.header.white-header .search-container i {
  color: var(--black);
}

.header.white-header.active .search-container i {
  color: var(--white);
}

.header.white-header .lang-container .lang-switcher-icon img {
  filter: none;
}

.header.white-header.active .lang-container .lang-switcher-icon img {
  filter: invert(88%) sepia(100%) saturate(2%) hue-rotate(188deg)
    brightness(110%) contrast(97%);
}

.header .button-container {
  z-index: 1;
  margin: 0;
}

.mobile-col {
  display: none;
}

.header.white-header .navigation-primary a {
  color: var(--black);
}

/* Mobile */

@media (max-width: 767px) {
  .header .content-wrapper {
    display: none;
  }
  .header .last-header-col {
    display: none;
  }
  .mobile-col {
    display: flex;
  }

  .mobile-col .button-container button {
    margin-bottom: 0;
    margin-right: 18px;
    color: var(--black);
    background-color: var(--white);
  }

  .mobile-col .left-col {
    display: none;
  }

  .first-header-col,
  .last-header-col {
    width: 50%;
  }

  .right-col {
    display: flex;
  }

  /* Modal is active */
  .header {
    transition: background-color 0.5s ease;
  }
  .header.active-mobile-menu {
    background-color: var(--black);
  }
  .header.active-mobile-menu .mobile-col {
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
  .header.active-mobile-menu .mobile-col .left-col {
    display: flex;
  }
  .header.active-mobile-menu .first-header-col {
    display: none;
  }

  .header.active-mobile-menu .last-header-col {
    width: 100%;
  }
  .header.active-mobile-menu .lang-container .lang-switcher-icon img {
    filter: invert(88%) sepia(100%) saturate(2%) hue-rotate(188deg)
      brightness(110%) contrast(97%);
      height: 24px;
      width: 24px;
  }

  .header.active-mobile-menu .icon-close {
    display: flex;
    font-size: 36px;
    color: var(--white);
  }

  .header.active-mobile-menu .icon-menu {
    display: none;
  }

  .header .active-modal .content-wrapper {
    display: block;
  }

  .header.active-mobile-menu .search-container i{
    color: var(--white);
    font-size: 24px;
  }
}
.footer {
  padding-top: 64px;
  background-color: var(--black);
}
.footer.simple-footer {
	padding-top: 0;
}
.footer .content-wrapper .left-col .span12 {
  margin: 0;
}

/* Language selector */
.footer .content-wrapper .language-select-wrapper .language-select__trigger {
  color: var(--white);
}

:is(.footer .language-select-wrapper .language-select__trigger) .arrow::after,
.arrow::before {
  background-color: var(--white);
}

.footer .language-select-wrapper .language-option {
  color: var(--white);
}

/* Links - top row */
.footer .content-wrapper .links-col,
.footer .content-wrapper .links-col .heading-m {
  color: var(--white);
}

.footer .content-wrapper .links-col ul {
  padding: 0;
  list-style-type: none;
  flex-direction: column;
}

.footer .content-wrapper .links-col ul li a {
  display: block;
  color: var(--white);
	text-decoration:none;
}

.footer .content-wrapper .links-col ul li:hover {
  text-decoration: underline;
  color: var(--white);
}
.footer .content-wrapper .links-col ul li.footer-subheading {
	color: var(--white);
	margin: 2rem 0 1rem;
}
.footer .content-wrapper .links-col ul li.footer-subheading:hover {
	text-decoration: none;
}

/* Horizontal menu */
footer .second-row-links ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style-type: none;
  justify-content: flex-end;
}

footer .second-row-links h3 {
  display: none;
}

.footer .first-row {
  padding-bottom: 60px;
}

/* Footer line */
.footer .footer-line {
  background-color: var(--grey-700);
  border: 0;
  color: var(--grey-700);
  height: 1px;
}

/* Second row */
.footer .second-row {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-top: 22px;
  padding-bottom: 32px;
}

.footer .second-row .copyright-container {
  color: var(--grey-300);
}

.footer .second-row .second-row-links {
  color: var(--white);
  text-align: right;
}
.footer .second-row .second-row-links a {
  color: var(--white);
  margin-right: 1rem;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}


@media (max-width: 767px) {

  .footer .first-row {
    padding: 1rem;
  }
  .footer .social-links-container {
    text-align: center;
  }
  .footer .language-select-wrapper {
    margin: 0 auto;
  }

  .footer .links-col {
    text-align: center;
    margin-bottom: 2rem;
  }
}
/* Menu and simple menu */

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

/* Horizontal menu */

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

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

/* Vertical menu */

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

/* Flyouts */

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

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

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

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

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

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

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

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

div#hs-eu-cookie-confirmation:first-of-type {
  position: fixed !important;
  height: auto !important;
  width: 592px !important;
  top: auto !important;
  left: 1rem !important;
  bottom: 1rem !important;
  padding: 24px !important;
  background-color: var(--black) !important;
  font: 1rem/165% var(--nt-bau) !important;
  color: var(--white) !important;
  box-shadow: none !important;
  border: none !important;
}


/***** Text container *****/

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner:first-of-type {
  background-color:var(--black) !important;
  padding: 0 !important;
  position: unset !important;
  bottom: unset !important;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner:first-of-type div#hs-eu-policy-wording {
  margin-bottom: 0 !important;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner:first-of-type p {
	color: var(--white) !important;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner:first-of-type p:first-child strong {
  font-size: 20px !important;
  line-height: 25px !important;
  font-weight: 500 !important;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner:first-of-type p a {
  color: var(--white) !important;
  text-decoration: underline !important;
}


/***** Buttons *****/

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner:first-of-type a {
  background-color: none !important;
  box-shadow: none !important;
  color: var(--white) !important;
  height:32px !important;
  border-radius:4px !important;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner:first-of-type #hs-en-cookie-confirmation-buttons-area {
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: row !important;
  gap: 10px !important;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner:first-of-type #hs-en-cookie-confirmation-buttons-area a {
  margin-right: 0 !important;
  font-weight: 500 !important;
	font-size: 1rem !important;
	padding: .5rem 1rem !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* Accept button */
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner:first-of-type a#hs-eu-confirmation-button {
  order: 1 !important;
  color:var(--black) !important;
  background-color:var(--white) !important;
  border:1px solid var(--black) !important;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner:first-of-type a#hs-eu-confirmation-button:hover {
  color:var(--black) !important;
  background-color:var(--grey-200) !important;
  border:1px solid var(--black) !important;
  transition:.2s ease;
  -webkit-transition:.2s ease;
  -moz-transition:.2s ease;
  -o-transition:.2s ease;
  -ms-transition:.2s ease
}

/* Decline button */
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner:first-of-type a#hs-eu-decline-button {
  order: 2 !important;
  color:var(--white) !important;
  background-color: none !important;
  border:1px solid var(--white) !important;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner:first-of-type a#hs-eu-decline-button:hover {
  color:var(--black) !important;
  background-color: var(--white) !important;
  border:1px solid var(--white) !important;
  transition:.2s ease;
  -webkit-transition:.2s ease;
  -moz-transition:.2s ease;
  -o-transition:.2s ease;
  -ms-transition:.2s ease
}

/* Settings button */
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner:first-of-type a#hs-eu-cookie-settings-button {
  order: 3 !important;
  color:var(--white) !important;
  background-color: none !important;
  border: none !important;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner:first-of-type a#hs-eu-cookie-settings-button:hover {
  color: var(--grey-200) !important;
  transition:.2s ease;
  -webkit-transition:.2s ease;
  -moz-transition:.2s ease;
  -o-transition:.2s ease;
  -ms-transition:.2s ease
}


/***** Mobile *****/

@media screen and (max-width: 768px) {
  div#hs-eu-cookie-confirmation:first-of-type {
    position: fixed !important;
    height: auto !important;
    width: 392px !important;
    max-width: calc(100% - 2rem) !important;
    top: auto !important;
    left: 1rem !important;
    bottom: 1rem !important;
  }
	div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner:first-of-type p:first-child strong {
		font-size: 1rem !important;
	}
  div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner:first-of-type p {
    font-size: 0.875rem !important;
    line-height: 165% !important;
  }
}


/* Variables
Files that contains declared variables for styles, colors, sizes etc.
*/

:root {
  /* Brand colors */
  --litium-black: #0a0a0a;
  --litium-blue: #00a7ff;
  /* Accent colors */
  --blue-100: #00a7ff;
  --blue-200: #0005a0;
  --red-100: #ff502d;
  --red-200: #96000a;
  --green-100: #00df7a;
  --green-200: #005a41;
  --purple-100: #8752ff;
  --purple-200: #4a009d;
  /* Semantic colors */
  --success: #008a27;
  --error: #ff502d;
  --caution: #f2b200;
  /* Neutral colors */
  --white: #ffffff;
  --grey-100: #f5f5f5;
  --grey-200: #dfdfdf;
  --grey-300: #b0b0b0;
  --grey-400: #808080;
  --grey-700: #484848;
  --black: #0a0a0a;
}


/*****************************************/
/*              ACCENT COLORS            */
/*****************************************/

/* Blue 100 */

.blue-100-border {
  border-color: var(--blue-100);
}
.blue-100-bg {
  background-color: var(--blue-100);
}
.blue-100-text {
  color: var(--blue-100);
}

/* Blue 200 */

.blue-200-border {
  border-color: var(--blue-200);
}
.blue-200-bg {
  background-color: var(--blue-200);
}
.blue-200-text {
  color: var(--blue-200);
}

/* Red 100 */

.red-100-border {
  border-color: var(--red-100);
}
.red-100-bg {
  background-color: var(--red-100);
}
.red-100-text {
  color: var(--red-100);
}

/* Red 200 */

.red-200-border {
  border-color: var(--red-200);
}
.red-200-bg {
  background-color: var(--red-200);
}
.red-200-text {
  color: var(--red-200);
}

/* Green 100 */

.green-100-border {
  border-color: var(--green-100);
}
.green-100-bg {
  background-color: var(--green-100);
}
.green-100-text {
  color: var(--green-100);
}

/* Green 200 */

.green-200-border {
  border-color: var(--green-200);
}
.green-200-bg {
  background-color: var(--green-200);
}
.green-200-text {
  color: var(--green-200);
}

/* purple 100 */

.purple-100-border {
  border-color: var(--purple-100);
}
.purple-100-bg {
  background-color: var(--purple-100);
}
.purple-100-text {
  color: var(--purple-100);
}

/* purple 200 */

.purple-200-border {
  border-color: var(--purple-200);
}
.purple-200-bg {
  background-color: var(--purple-200);
}
.purple-200-text {
  color: var(--purple-200);
}

/*****************************************/
/*             SEMANTIC COLORS           */
/*****************************************/

/* Success */

.success-border {
  border-color: var(--success);
}
.success-bg {
  background-color: var(--success);
}
.success-text {
  color: var(--success);
}

/* Error */

.error-border {
  border-color: var(--error);
}
.error-bg {
  background-color: var(--error);
}
.error-text {
  color: var(--error);
}

/* Caution */

.caution-border {
  border-color: var(--red-100);
}
.caution-bg {
  background-color: var(--caution);
}
.caution-text {
  color: var(--caution);
}

/*****************************************/
/*             NEUTRAL COLORS            */
/*****************************************/

/* White */
.white-border {
  border-color: var(--white);
}
.white-bg {
  background-color: var(--white);
}
.white-text {
  color: var(--white);
}

/* Grey 100 */
.grey-100-border {
  border-color: var(--grey-100);
}
.grey-100-bg {
  background-color: var(--grey-100);
}
.grey-100-text {
  color: var(--grey-100);
}


/* Grey 200 */
.grey-200-border {
  border-color: var(--grey-200);
}
.grey-200-bg {
  background-color: var(--grey-200);
}
.grey-200-text {
  color: var(--grey-200);
}


/* Grey 300 */
.grey-300-border {
  border-color: var(--grey-300);
}
.grey-300-bg {
  background-color: var(--grey-300);
}
.grey-300-text {
  color: var(--grey-300);
}


/* Grey 400 */
.grey-400-border {
  border-color: var(--grey-400);
}
.grey-400-bg {
  background-color: var(--grey-400);
}
.grey-400-text {
  color: var(--grey-400);
}


/* Grey 700 */
.grey-700-border {
  border-color: var(--grey-700);
}
.grey-700-bg {
  background-color: var(--grey-700);
}
.grey-700-text {
  color: var(--grey-700);
}


/* Black */
.black-border {
  border-color: var(--black);
}
.black-bg {
  background-color: var(--black);
}
.black-text {
  color: var(--black);
}


/***** Overlay ******/
.bg-overlay-35 {
	background-color: rgba(0,0,0,0.35);
	width: 100%;
	height: 100%;
	position: absolute;
}
:root {
  --nt-bau: "nt_bau", Arial, Helvetica, sans-serif;
  --nt-bau-medium: "nt_baumedium", Arial, Helvetica, sans-serif;
  --nt-bau-bold: "nt_baubold", Arial, Helvetica, sans-serif;
  --nt-bau-black: "nt_baublack", Arial, Helvetica, sans-serif;
  --nt-bau-light: "nt_baulight", Arial, Helvetica, sans-serif;
}
:root {
  /* Heading Font Sizes */
  --heading-xxl: 64px;
  --heading-xl: 40px;
  --heading-l: 28px;
  --heading-m: 20px;
  --heading-s: 16px;
  /* Body Font Sizes */
  --body-l: 20px;
  --body-default: 16px;
  --body-s: 14px;
  --body-xs: 12px;
  /* Labels Font Sizes */
  --label-font: 16px;
}


.width-100 {
  width: 100%;
}

.width-auto {
  width: auto;
}
:root {
  --hover-transition: all 0.3s linear;
}