/* @import url('http://example.com/example_style.css'); */

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

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/*! http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) |&&| normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css |&&| html5doctor.com Reset Stylesheet v1.6.1 | Last Updated: 2010-09-17 | Author: Richard Clark - http://richclarkdesign.com | Twitter: @rich_clark *** Merged and trimmed to keep the best from both by Daniele O'rlmente?! Messa */

/* meyer's reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}

/* normalize.css
(their version addresses more tags) */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
}
progress {
  vertical-align: baseline;
}

/* normalize.css */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* normalize.css */
[hidden],
template {
  display: none;
}

/* meyer's reset */
body {
  line-height: 1;
}

/* meyer's reset */
ol, ul {
  list-style: none;
}

/* meyer's reset */
blockquote, q {
  quotes: none;
}
blockquote::before, blockquote::after,
q::before, q::after {
  content: '';
  content: none;
}

/* meyer's reset */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* normalize.css */
a {
  background-color: transparent;
}

a:focus,
a:active,
a:hover {
  outline: 0;
}

/* html5doctor */
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/* normalize.css + html5doctor merging for bold and italic */
b,
mark,
strong {
  font-weight: bold;
}

/* normalize.css + html5doctor merging for bold and italic */
i,
em,
dfn,
mark {
  font-style: italic;
}

/* html5doctor */
del {
  text-decoration: line-through;
}

/* html5doctor & normalize.css */
small {
  font-size: 80%;
}

/* normalize.css */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}

/* (added ms-interpolation) */
img {
  -ms-interpolation-mode: bicubic;
}

/* normalize.css */
svg:not(:root) {
  overflow: hidden;
}

/* html5doctor */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/* normalize.css */
pre {
  overflow: auto;
}

/* normalize.css */
/* (added white-space & word-wrap) */
code,
kbd,
pre,
samp {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: monospace, monospace;
  font-size: 1em;
}

/* normalize.css */
optgroup {
  font-weight: bold;
}

button[disabled],
input[disabled] {
  cursor: default;
}


/* CSS variables */

:root {
  --column-gap: 2.13%;
  --column-width-multiplier: 8.333;
}

/* Mobile layout */

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


  .row-fluid .span1,
  .row-fluid .span2,
  .row-fluid .span3,
  .row-fluid .span4,
  .row-fluid .span5,
  .row-fluid .span6,
  .row-fluid .span7,
  .row-fluid .span8,
  .row-fluid .span9,
  .row-fluid .span10,
  .row-fluid .span11,
  .row-fluid .span12{
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 960px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
}
/* Grid System - @begin */
.columns {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  align-content: flex-start;
}
.columns.columns-center {
  justify-content: center;
}
.columns.columns-middle {
  flex-wrap: nowrap;
  align-items: center;
}
.columns.columns-stretch {
  flex-wrap: nowrap;
  align-items: stretch;
}
.columns.columns-vertical {
  flex-direction: column;
}
.column {
  margin-left: 0;
  margin-right: 0;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.column-no-pad {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.column-middle.column, .column-middle.column-no-pad {
  align-self: center;
}
.column-stretch.column, .column-stretch.column-no-pad {
  flex-grow: 1;
  align-self: stretch;
}
.last-col {
  margin-left: auto !important;
}

@media all {
  .m-all {
    width: 100%;
  }
  .m-1of2 {
    width: 50%;
  }
  .m-1of3 {
    width: 33.33333%;
  }
  .m-2of3 {
    width: 66.66667%;
  }
  .m-1of4 {
    width: 25%;
  }
  .m-3of4 {
    width: 75%;
  }
  .m-1of5 {
    width: 20%;
  }
  .m-2of5 {
    width: 40%;
  }
  .m-3of5 {
    width: 60%;
  }
  .m-4of5 {
    width: 80%;
  }
  .m-1of6 {
    width: 16.66667%;
  }
  .m-5of6 {
    width: 83.33333%;
  }
}

@media (min-width: 480px) {
  .p-all {
    width: 100%;
  }
  .p-1of2 {
    width: 50%;
  }
  .p-1of3 {
    width: 33.33333%;
  }
  .p-2of3 {
    width: 66.66667%;
  }
  .p-1of4 {
    width: 25%;
  }
  .p-3of4 {
    width: 75%;
  }
  .p-1of5 {
    width: 20%;
  }
  .p-2of5 {
    width: 40%;
  }
  .p-3of5 {
    width: 60%;
  }
  .p-4of5 {
    width: 80%;
  }
  .p-1of6 {
    width: 16.66667%;
  }
  .p-5of6 {
    width: 83.33333%;
  }
  .p-1of7 {
    width: 14.28571%;
  }
  .p-2of7 {
    width: 28.57143%;
  }
  .p-3of7 {
    width: 42.85714%;
  }
  .p-4of7 {
    width: 57.14286%;
  }
  .p-5of7 {
    width: 71.42857%;
  }
  .p-6of7 {
    width: 85.71429%;
  }
  .p-1of8 {
    width: 12.5%;
  }
  .p-3of8 {
    width: 37.5%;
  }
  .p-5of8 {
    width: 62.5%;
  }
  .p-7of8 {
    width: 87.5%;
  }
}

@media (min-width: 960px) {
  .t-all {
    width: 100%;
  }
  .t-1of2 {
    width: 50%;
  }
  .t-1of3 {
    width: 33.33333%;
  }
  .t-2of3 {
    width: 66.66667%;
  }
  .t-1of4 {
    width: 25%;
  }
  .t-3of4 {
    width: 75%;
  }
  .t-1of5 {
    width: 20%;
  }
  .t-2of5 {
    width: 40%;
  }
  .t-3of5 {
    width: 60%;
  }
  .t-4of5 {
    width: 80%;
  }
  .t-1of6 {
    width: 16.66667%;
  }
  .t-5of6 {
    width: 83.33333%;
  }
  .t-1of7 {
    width: 14.28571%;
  }
  .t-2of7 {
    width: 28.57143%;
  }
  .t-3of7 {
    width: 42.85714%;
  }
  .t-4of7 {
    width: 57.14286%;
  }
  .t-5of7 {
    width: 71.42857%;
  }
  .t-6of7 {
    width: 85.71429%;
  }
  .t-1of8 {
    width: 12.5%;
  }
  .t-3of8 {
    width: 37.5%;
  }
  .t-5of8 {
    width: 62.5%;
  }
  .t-7of8 {
    width: 87.5%;
  }
  .t-1of9 {
    width: 11.11111%;
  }
  .t-5of9 {
    width: 55.55556%;
  }
  .t-4of9 {
    width: 44.44444%;
  }
  .t-1of10 {
    width: 10%;
  }
  .t-1of11 {
    width: 9.09091%;
  }
  .t-1of12 {
    width: 8.33333%;
  }
  .t-5of12 {
    width: 41.66667%;
  }
  .t-7of12 {
    width: 58.33333%;
  }
  .t-10of12 {
    width: 83.33333%;
  }
  .t-11of12 {
    width: 91.66667%;
  }
}

@media (min-width: 1040px) {
  .d-all {
    width: 100%;
  }
  .d-1of2 {
    width: 50%;
  }
  .d-1of3 {
    width: 33.33333%;
  }
  .d-2of3 {
    width: 66.66667%;
  }
  .d-1of4 {
    width: 25%;
  }
  .d-3of4 {
    width: 75%;
  }
  .d-1of5 {
    width: 20%;
  }
  .d-2of5 {
    width: 40%;
  }
  .d-3of5 {
    width: 60%;
  }
  .d-4of5 {
    width: 80%;
  }
  .d-1of6 {
    width: 16.66667%;
  }
  .d-5of6 {
    width: 83.33333%;
  }
  .d-1of7 {
    width: 14.28571%;
  }
  .d-2of7 {
    width: 28.57143%;
  }
  .d-3of7 {
    width: 42.85714%;
  }
  .d-4of7 {
    width: 57.14286%;
  }
  .d-5of7 {
    width: 71.42857%;
  }
  .d-6of7 {
    width: 85.71429%;
  }
  .d-1of8 {
    width: 12.5%;
  }
  .d-3of8 {
    width: 37.5%;
  }
  .d-5of8 {
    width: 62.5%;
  }
  .d-7of8 {
    width: 87.5%;
  }
  .d-1of9 {
    width: 11.11111%;
  }
  .d-5of9 {
    width: 55.55556%;
  }
  .d-4of9 {
    width: 44.44444%;
  }
  .d-1of10 {
    width: 10%;
  }
  .d-1of11 {
    width: 9.09091%;
  }
  .d-1of12 {
    width: 8.33333%;
  }
  .d-5of12 {
    width: 41.66667%;
  }
  .d-7of12 {
    width: 58.33333%;
  }
  .d-10of12 {
    width: 83.33333%;
  }
  .d-11of12 {
    width: 91.66667%;
  }
}
/* Grid System - @end */

@font-face {
  font-family: 'daikin-icons';
  src: url("//139607367.fs1.hubspotusercontent-eu1.net/hubfs/139607367/raw_assets/public/DMEP-daikin-2023/fonts/daikin-icons.woff2") format('woff2');
  font-weight: 400;
  font-style: normal;
}
:root {
  --base-font-size: 1.4rem;
  --color-black: #000000;
  --color-blue: #019adb; /* #019adb */
  --color-blue-lightest: #e5f5fb;
  --color-blue-light: #1dbcff;
  --color-blue-dark: #0080b7;
  --color-grey: #515151; /* #515151 */
  --color-grey-darkest: #26292b;
  --color-grey-dark: #484e54;
  --color-grey-medium: #dddddd;
  --color-grey-light: #f5f5f5;
  --color-orange: #f54e00;
  --color-orange-light: #ff7300;
  --color-red: #ff0000;
  --color-white: #ffffff;

  --color-transparent: rgba(255, 255, 255, 0);
  --color-transparent-black: rgba(0, 0, 0, 0.6);
  --color-transparent-white: rgba(255, 255, 255, 0.5);
  --color-transparent-blue: rgba(1, 154, 219, 0.85);

  --font-primary: "Open Sans", sans serif;
  --font-icons: "daikin-icons";

  --size-header-height: 11rem;
  --size-header-height-mobile: 6rem;
  --size-logo-height: 7rem;
  --size-logo-height-mobile: 4rem;
}

html {
  box-sizing: border-box;

  -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;

  /* 1rem === 10px */
  font-size: 62.5%;
}

html, body {
  min-height: 100vh;
  scroll-behavior: smooth;
  color: var(--color-grey);
}

body {
  overflow-x: hidden;
}

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

*:not(table):not(thead):not(tbody):not(tfoot):not(tr):not(td):not(th) {
  backface-visibility: hidden;
}

/* Headings */
h1,
h2,
h3,
h4 {
  font-family: var(--font-primary);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: bold;
  line-height: normal;
  text-rendering: optimizelegibility;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
}

h1 {
  font-size: calc(var(--base-font-size)*2.5);
}
h2 {
  font-size: calc(var(--base-font-size)*2);
}
h3 {
  font-size: calc(var(--base-font-size)*1.8);
}
h4 {
  font-size: calc(var(--base-font-size)*1.5);
}
h5 {
  font-size: calc(var(--base-font-size));
}
h6 {
  font-size: calc(var(--base-font-size)*0.9);
}


/* Texts hyphenation */
p,
span,
blockquote,
q {
  /* scope is limited to specific tags to prevent possible side-effects */

  -ms-word-wrap: break-word;
    word-wrap: break-word;
     word-break: break-word; /* non-standart css for webkit */

  /* cleaning up the ragged lines and breaks */
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      hyphens: auto;

  /* sets a minimum number of characters before and after the break */
  -webkit-hyphenate-before: 2;
   -webkit-hyphenate-after: 3;
       hyphenate-lines: 3;
}

p + p,
p + a,
a + p,
p + h5,
p + h4,
p + h3 {
  margin-top: 1em;
}

/* VISUALS */
img,
picture,
video {
  display: block;
}

/* IMAGES */
img,
picture {
  max-width: 100%;
  height: auto;
}
img.vertical-image,
picture.vertical-image {
  max-height: 100%;
  width: auto;
}

/* TABLES */
table {
  table-layout: fixed;
  margin: 0;
}

caption {
  padding: 0 1em 1em;
}

thead {}
tbody {}
tfoot {}

tr,
th,
td {
  vertical-align: middle;
}

tr {}

th,
td {
  padding: 0.5em 1em;
  text-align: left;
}

th {
  border-bottom: 1px solid #000;
}

td {
  border-top: 1px solid rgba(0,0,0,0.75);
}

/* BTCF! - @begin */
.btcf::after {
  content: '';
  display: table;
  clear: both;
}
/* BTCF! - @end */
/* Display - @begin */
.flex.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.inline-flex.inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.inline.inline {
  display: inline;
}

.block.block {
  display: block;
}

.inline-block.inline-block {
  display: inline-block;
}

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

.invisible.invisible {
  visibility: hidden;
  opacity: 0;
}

/* Display - @end */
/* Visibility - @begin */
.p-up.p-up,
.p-down.p-down,
.m-up.m-up,
.m-down.m-down,
.t-up.t-up,
.t-down.t-down,
.t-only.t-only,
.d-up.d-up {
  display: none !important;
}

@media (min-width: 480px) {
  .p-up.p-up {
    display: block !important;
  }
  .p-up.p-up.columns, .p-up.p-up.flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .p-up.p-up.inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .p-up.p-up.inline-block {
    display: inline-block !important;
  }
  .p-up.p-up.inline {
    display: inline !important;
  }
  .p-up.p-up.hidden {
    display: none !important;
    visibility: hidden;
  }
}

@media (max-width: 479px) {
  .p-down.p-down {
    display: block !important;
  }
  .p-down.p-down.columns, .p-down.p-down.flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .p-down.p-down.inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .p-down.p-down.inline-block {
    display: inline-block !important;
  }
  .p-down.p-down.inline {
    display: inline !important;
  }
  .p-down.p-down.hidden {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 768px) {
  .t-up.t-up {
    display: block !important;
  }
  .t-up.t-up.columns, .t-up.t-up.flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .t-up.t-up.inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .t-up.t-up.inline-block {
    display: inline-block !important;
  }
  .t-up.t-up.inline {
    display: inline !important;
  }
  .t-up.t-up.hidden {
    display: none !important;
    visibility: hidden;
  }
}

@media (max-width: 1180px) {
  .t-down.t-down {
    display: block !important;
  }
  .t-down.t-down.columns, .t-down.t-down.flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .t-down.t-down.inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .t-down.t-down.inline-block {
    display: inline-block !important;
  }
  .t-down.t-down.inline {
    display: inline !important;
  }
  .t-down.t-down.hidden {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 768px) and (max-width: 1180px) {
  .t-only.t-only {
    display: block !important;
  }
  .t-only.t-only.columns, .t-only.t-only.flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .t-only.t-only.inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .t-only.t-only.inline-block {
    display: inline-block !important;
  }
  .t-only.t-only.inline {
    display: inline !important;
  }
  .t-only.t-only.hidden {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 1181px) {
  .d-up.d-up {
    display: block !important;
  }
  .d-up.d-up.columns, .d-up.d-up.flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-up.d-up.inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-up.d-up.inline-block {
    display: inline-block !important;
  }
  .d-up.d-up.inline {
    display: inline !important;
  }
  .d-up.d-up.hidden {
    display: none !important;
    visibility: hidden;
  }
}

@media (max-width: 959px) {
  .m-down.m-down {
    display: block !important;
  }
  .m-down.m-down.columns, .m-down.m-down.flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .m-down.m-down.inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .m-down.m-down.inline-block {
    display: inline-block !important;
  }
  .m-down.m-down.inline {
    display: inline !important;
  }
  .m-down.m-down.hidden {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 960px) {
  .m-up.m-up {
    display: block !important;
  }
  .m-up.m-up.columns, .m-up.m-up.flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .m-up.m-up.inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .m-up.m-up.inline-block {
    display: inline-block !important;
  }
  .m-up.m-up.inline {
    display: inline !important;
  }
  .m-up.m-up.hidden {
    display: none !important;
    visibility: hidden;
  }
}
/* Visibility - @end */

/* Positions - @begin */
.static {
  position: static;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
/* Positions - @end */

/* Margins - @begin */
.mgn-lft-auto.mgn-lft-auto {
  margin-left: auto;
}
.mgn-rgt-auto.mgn-rgt-auto {
  margin-right: auto;
}
.mgn-top-auto.mgn-top-auto {
  margin-top: auto;
}
.mgn-btm-auto.mgn-btm-auto {
  margin-bottom: auto;
}
.mgn-x-auto.mgn-x-auto {
  margin-left: auto;
  margin-right: auto;
}
.mgn-y-auto.mgn-y-auto {
  margin-left: auto;
  margin-right: auto;
}
.mgn-auto.mgn-auto {
  margin: auto;
}
/* Margins - @end */

/* Backgrounds (images, sizes, etc) - @begin */
.bg-img {
  background-color: transparent ;
  background-repeat: no-repeat ;
  background-attachment: scroll ;
  background-position: 50%  ;
}

.bg-contain {
  background-size: contain  ;
}

.bg-cover {
  background-size: cover  ;
}
/* Backgrounds (images, sizes, etc) - @end */

/* Fittings - @begin */
.fit-contain {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.fit-cover {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}
/* Fittings - @end */

/* Ordering - @begin */
.order-0.order-0 {
  order: 0;
}
.order-1.order-1 {
  order: 1;
}
.order-2.order-2 {
  order: 2;
}
.order-3.order-3 {
  order: 3;
}
.order-4.order-4 {
  order: 4;
}
.order-5.order-5 {
  order: 5;
}
.order-6.order-6 {
  order: 6;
}
.order-7.order-7 {
  order: 7;
}
.order-8.order-8 {
  order: 8;
}
.order-9.order-9 {
  order: 9;
}
.order-10.order-10 {
  order: 10;
}
/* Ordering - @end */

.pprint {
  font-family: monospace;
  font-size: 1.5rem;
}
.icon {
  position: relative;
  display: inline-block;
  height: 1.1em;
  width: 1.1em;
  overflow: hidden;
  text-align: center;
}
.icon::before {
  speak: never;
  content: "";
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-family: var(--font-icons);
  width: 1em;
  line-height: 1;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon.icon-none,
.icon.icon-before,
.icon.icon-after {
  display: inline-flex;
  align-items: center;
  width: auto;
  overflow: visible;
}
.icon.icon-before {
  text-align: left;
}
.icon.icon-after {
  text-align: right;
}
.icon.icon-none::before {
    display: none;
  }
}
.icon.icon-before::before {
  order: 0;
}
.icon.icon-after::before {
  order: 1;
}
.icon.icon-before .icon-label {
  padding-left: 0.25em;
}
.icon.icon-after .icon-label {
  padding-right: 0.25em;
}

.icon-label {
  display: inherit;
}
.icon:not(.icon-before):not(.icon-after):not(.icon-none) .icon-label {
  overflow: hidden;
  text-indent: 101%;
}

/* icons - @begin */


.icon-triangle-down::before {
  content: "\e922";
}
.icon-triangle-up::before {
  content: "\e925";
}
.icon-triangle-right::before {
  content: "\e923";
}
.icon-triangle-left::before {
  content: "\e926";
}
.icon-youtube::before {
  content: "\e924";
}
.icon-arrow-down::before {
  content: "\e900";
}
.icon-arrow-left::before {
  content: "\e901";
}
.icon-arrow-right::before {
  content: "\e902";
}
.icon-arrow-up::before {
  content: "\e903";
}
.icon-close::before {
  content: "\e904";
}
.icon-docs::before {
  content: "\e905";
}
.icon-facebook::before {
  content: "\e906";
}
.icon-instagram::before {
  content: "\e907";
}
.icon-linkedin::before {
  content: "\e908";
}
.icon-minus::before {
  content: "\e909";
}
.icon-plus::before {
  content: "\e90a";
}
.icon-search::before {
  content: "\e90b";
}
.icon-select-down::before {
  content: "\e90c";
}
.icon-select-left::before {
  content: "\e90d";
}
.icon-select-right::before {
  content: "\e90e";
}
.icon-select-up::before {
  content: "\e90f";
}
.icon-triangle::before {
  content: "\e911";
}
.icon-share::before {
  content: "\e910";
}
.icon-hamburger::before {
  content: "\e912";
}
.icon-arrow-sw-ne::before {
  content: "\e914";
}
.icon-arrow-se-nw::before {
  content: "\e913";
}
.icon-arrow-ne-sw::before {
  content: "\e915";
}
.icon-arrow-nw-se::before {
  content: "\e916";
}
.icon-lt::before {
  content: "\e917";
}
.icon-gt::before {
  content: "\e918";
}
.icon-play::before {
  content: "\e919";
}
.icon-filters::before {
  content: "\e91a";
}
.icon-download::before {
  content: "\e91b";
}
.icon-mail::before {
  content: "\e91c";
}

/* icons - @end */
/* @begin css dots spinner */
.daikin-ellipsis {
  display: block;
  margin: 0 auto;
  position: relative;
  width: 8rem;
  aspect-ratio: 1/1;
}
.daikin-ellipsis.not-active {
  display: none;
}
.daikin-ellipsis div {
  position: absolute;
  top: calc(50% - .7rem);
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  background: var(--color-blue);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.daikin-ellipsis div:nth-child(1) {
  left: .8rem;
  animation: daikin-ellipsis1 0.6s infinite;
}
.daikin-ellipsis div:nth-child(2) {
  left: .8rem;
  animation: daikin-ellipsis2 0.6s infinite;
}
.daikin-ellipsis div:nth-child(3) {
  left: 3.2rem;
  animation: daikin-ellipsis2 0.6s infinite;
}
.daikin-ellipsis div:nth-child(4) {
  left: 5.6rem;
  animation: daikin-ellipsis3 0.6s infinite;
}
@keyframes daikin-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes daikin-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes daikin-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(2.4rem, 0);
  }
}
/* @end css dots spinner */

.font-light.font-light {
  font-weight: 300;
}
.font-regular.font-regular {
  font-weight: 400;
}
.font-medium.font-medium {
  font-weight: 500;
}
.font-bold.font-bold {
  font-weight: 600;
}

.text-blue {
  color: var(--color-blue);
}
.text-blue-light {
  color: var(--color-blue-light);
}
.text-blue-dark {
  color: var(--color-blue-dark);
}
.text-orange {
  color: var(--color-orange);
}
.text-orange-light {
  color: var(--color-orange-light);
}
.text-black {
  color: var(--color-black);
}
.text-grey.text-grey {
  color: var(--color-grey);
}
.text-white {
  color: var(--color-white);
}

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

.text-content-wrapper h3,
.text-heading {
  font-family: var(--font-primary);
  font-size: 3.2rem;
  line-height: 1.2;
}

.text-content-wrapper h2,
.text-heading.big {
  font-size: 4.8rem;
}

.text-heading.medium-big {
  font-size: 4rem;
}

.text-content-wrapper h4,
.text-heading.medium {
  font-size: 2.4rem;
}

.text-content-wrapper h5,
.text-heading.small {
  font-size: 1.8rem;
}

.text-content {
  font-family: var(--font-primary);
  font-size: 1.4rem;
  line-height: 1.7;
}

.text-content-wrapper h2,
.text-content-wrapper h3,
.text-content-wrapper h4,
.text-content-wrapper h5 {
  font-family: var(--font-primary);
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.text-content-wrapper h2:first-child,
.text-content-wrapper h3:first-child,
.text-content-wrapper h4:first-child,
.text-content-wrapper h5:first-child {
  margin-top: 0;
}

.text-content-wrapper p + p,
.text-content-wrapper p + ul,
.text-content-wrapper ol + ol,
.text-content-wrapper ul + ul,
.text-content-wrapper ul + ol,
.text-content-wrapper p + ol {
  margin-top: 1em;
}

.text-content-wrapper ul {
  list-style: outside disc;
  padding-inline-start: 2em;
}
.text-content-wrapper ol {
  list-style: outside decimal;
  padding-inline-start: 2em;
}

.text-content-wrapper li img {
  display: inline-block;
  vertical-align: middle;
}

.text-content-wrapper a {
  text-decoration: none;
  color: var(--color-blue);
  transition: color 0.3s;
}
@media screen and (min-width: 1040px) {
  .text-content-wrapper a:hover {
    color: var(--color-blue-light);
  }
}

.text-content.big {
  font-size: 1.8rem;
  line-height: 1.5;
}

.text-content.medium {
  font-size: 1.6rem;
  line-height: 1.8;
}

.text-content.small {
  font-size: 1.3rem;
  line-height: 1.4;
}

.input-field.checkbox-field {
  position: relative;
  display: block;
  overflow: hidden;
  padding-top: calc(2rem + 0.5em);
}
.input-field.checkbox-field,
.input-field.checkbox-field * {
  cursor: pointer;
}

.input-field.checkbox-field .input-label.checkbox-label {
  padding-top: calc(2rem + 0.5em);
}
.input-label.checkbox-label::before,
.input-label.checkbox-label::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  transition: opacity 0.3s, background-color 0.3s;
}

.input-label.checkbox-label::before {
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--color-blue);
  background-color: var(--color-white);
}
.input-label.checkbox-label:hover::before {
  background-color: var(--color-blue);
}

.input-label.checkbox-label::after {
  height: 1rem;
  width: 1.5rem;
  border-left: 3px solid var(--color-white);
  border-bottom: 3px solid var(--color-white);
  transform-origin: 75% 30%;
  transform: rotate(-45deg);
  opacity: 0;
}

.input.input-checkbox {
  position: absolute;
  top: -100%;
  opacity: 0.2;
}
.input.input-checkbox:checked + .input-label.checkbox-label::before {
  background-color: var(--color-blue);
}
.input.input-checkbox:checked + .input-label.checkbox-label::after {
  opacity: 1;
}


.page .hs-form,
.daikin-form-wrapper form,
.page .form-title,
.daikin-form-wrapper .form-title {
  font-family: var(--font-primary);
  font-size: 1.4rem;
  line-height: 1.7;
}

.daikin-form-wrapper {
  padding-top: 4rem;
}

.page .form-title,
.daikin-form-wrapper .form-title {
  font-size: 1.8rem;
  line-height: 1.2;
}

.page .hs-form h1,
.daikin-form-wrapper form h1,
.page .hs-form h2,
.daikin-form-wrapper form h2,
.page .hs-form h3,
.daikin-form-wrapper form h3 {
  font-family: var(--font-primary);
  font-size: calc(var(--base-font-size)*1.5);
}

.page .hs-form,
.daikin-form-wrapper form {
  width: 100%;
  /* border: 1px dashed red; */
}
.page .hs-form fieldset,
.daikin-form-wrapper fieldset {
  padding-top: 2rem !important;
  display: flex;
  flex-wrap: wrap;
  max-width: unset !important;
}
.page .hs-form .hs-form-field,
.page .hs-form fieldset::after,
.page .hs-form .hs-form-field.hs-form-field::after,
.daikin-form-wrapper .hs-form-field,
.daikin-form-wrapper fieldset::after,
.daikin-form-wrapper .hs-form-field.hs-form-field::after {
  content: "";
  display: table;
  clear: both;
}
.page .hs-form .hs-form-field.hs-form-field,
.daikin-form-wrapper .hs-form-field.hs-form-field {
  float: none !important;
}
.page .hs-form fieldset.form-columns-1 .hs-form-field.hs-form-field,
.daikin-form-wrapper fieldset.form-columns-1 .hs-form-field.hs-form-field {
  width: 100% !important;
}
.page .hs-form fieldset.form-columns-2 .hs-form-field.hs-form-field:nth-child(odd),
.daikin-form-wrapper fieldset.form-columns-2 .hs-form-field.hs-form-field:nth-child(odd) {
  /*padding-top: 1.5rem;*/

  @media screen and (min-width: 480px) {
    padding-right: 1.5rem;
  }
}
.page .hs-form fieldset.form-columns-2 .hs-form-field.hs-form-field:nth-child(even),
.daikin-form-wrapper fieldset.form-columns-2 .hs-form-field.hs-form-field:nth-child(even) {
  padding-top: 1.5rem;

  @media screen and (min-width: 480px) {
    padding-top: 0;
    padding-left: 1.5rem;
  }
}

.page .hs-form .hs-form-field.hs-form-field label,
.daikin-form-wrapper .hs-form-field.hs-form-field label {
  display: inline-block;
  font-weight: 600;
}

.page .hs-form .hs-richtext.hs-richtext,
.page .hs-form .hs-form-field.hs-form-field label,
.page .hs-form .hs-form-field.hs-form-field .input,
.daikin-form-wrapper .hs-richtext.hs-richtext,
.daikin-form-wrapper .hs-form-field.hs-form-field label,
.daikin-form-wrapper .hs-form-field.hs-form-field .input {
  margin: 0 auto;
  width: 100%;
}
.page .hs-form .legal-consent-container .hs-form-booleancheckbox.hs-form-booleancheckbox,
.daikin-form-wrapper .legal-consent-container .hs-form-booleancheckbox.hs-form-booleancheckbox {}
.page .hs-form .legal-consent-container .hs-form-booleancheckbox.hs-form-booleancheckbox label,
.daikin-form-wrapper .legal-consent-container .hs-form-booleancheckbox.hs-form-booleancheckbox label {
  cursor: pointer;
  padding: 0;
  font-weight: 400;
}
.page .hs-form .legal-consent-container.legal-consent-container div + div,
.daikin-form-wrapper .legal-consent-container.legal-consent-container div + div {
  padding-top: 1rem;
}
/*
.daikin-form-wrapper.daikin-form-wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {}
*/
.page .hs-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.page .hs-form textarea,
.page .hs-form select,
.daikin-form-wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.daikin-form-wrapper textarea,
.daikin-form-wrapper select {
  outline: none;
  background-color: var(--color-blue-lightest);
  border-radius: 0;
  border: 1px solid var(--color-blue);
  width: 100% !important;
  font-family: var(--font-primary);
  font-size: 1.4rem;
  padding: 0.5rem;
}
.page .hs-form .hs-error-msgs,
.daikin-form-wrapper .hs-error-msgs {
  font-size: 90%;
  font-style: italic;
  font-weight: 400;
  color: var(--color-red);
}
.page .hs-form.hs-form input[type=button],
.page .hs-form.hs-form input[type=submit],
.daikin-form-wrapper.daikin-form-wrapper input[type=button],
.daikin-form-wrapper.daikin-form-wrapper input[type=submit] {
  display: inline-block;
  margin-top: 2em;
  padding: 1.5rem 3em;
  line-height: 1;
  font-family: var(--font-primary);
  text-decoration: none;
  text-transform: uppercase;
  color: var(--color-white);
  background-color: var(--color-blue);
  border: 1px solid var(--color-transparent);
}
@media screen and (min-width: 1040px) {
  .page .hs-form.hs-form input[type=button],
  .page .hs-form.hs-form input[type=submit],
  .daikin-form-wrapper.daikin-form-wrapper input[type=button],
  .daikin-form-wrapper.daikin-form-wrapper input[type=submit] {
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s, opacity 0.3s;
  }
  .page .hs-form.hs-form input[type=button]:hover,
  .page .hs-form.hs-form input[type=submit]:hover,
  .daikin-form-wrapper.daikin-form-wrapper input[type=button]:hover,
  .daikin-form-wrapper.daikin-form-wrapper input[type=submit]:hover {
    background-color: var(--color-blue-light);
  }
}
.main-content {
  margin: 0;
  padding: 0;
  width: 100vw;
  display: flex;
  flex-direction: column;
  min-height: calc(75vh - var(--size-header-height-mobile));
  overflow-x: hidden;
  
  @media screen and (min-width: 1040px){
    min-height: calc(75vh - var(--size-header-height));
  }
}
.inner-column {
  margin: 0 auto;
  padding: 0 1.5rem;
  max-width: 144rem;
  width: 100%;
}

.header-outer-wrapper {
  z-index: 20;
  position: sticky;
  top: 0;
  background-color: var(--color-white);
}

.header {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  height: var(--size-header-height-mobile);
  width: 100vw;
  background-color: var(--color-white);

  @media screen and (min-width: 1181px) {
    height: var(--size-header-height);
  }
}
.header .inner-column {}
.main-header {}
.main-header .inner-column {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.main-header .navigations-wrapper .inner-wrapper {
  position: absolute;
  display: flex;
  flex-direction: column;
  top: var(--size-header-height-mobile);
  right: 0;
  bottom: 0;
  left: 0;
  width: 100dvw;
  height: calc(100dvh - var(--size-header-height-mobile));
  background: var(--color-white);
  transform: translateX(-100%);
  transition: transform 0.3s;

  @media screen and (min-width: 1181px) {
    top: unset;
    right: unset;
    bottom: unset;
    left: unset;
    width: auto;
    height: auto;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    background-color: var(--color-transparent);
    transform: none;
  }
}
.mobile-menu-opened .main-header .navigations-wrapper .inner-wrapper {
  transform: translateX(0);
  @media screen and (min-width: 1181px) {
    transform: none;
  }
}

.main-header .navigations-wrapper {
  margin-left: auto;
}

.main-logo {}
.main-logo .logo-img {
  height: var(--size-logo-height-mobile);

  @media screen and (min-width: 1181px) {
    height: var(--size-logo-height);
  }
}

.search-open {
  &.search-open-mobile {
    margin-right: 1.5rem;
  }
  &.search-open-desktop {
    margin-left: 1.5rem;
  }
}

.search-overlay {
  z-index: 0;
  transform: translateY(-100%);
  transition: transform .3s;
  background-color: var(--color-transparent-black);

  .search-opened & {
    transform: translateY(0);
  }

  .inner-column {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
    align-items: center;
    flex-direction: column-reverse;

    @media screen and (min-width: 960px) {
      padding-top: 3.2rem;
      padding-bottom: 3.2rem;
      flex-direction: row;
    }

    @media screen and (min-width: 1140px) {
      padding-top: 4rem;
      padding-bottom: 4rem;
    }
  }

  .search-form {}
  .search-input,
  .search-submit {
    border: 0 none;

    &:focus {
      outline: none;
    }
  }
  .search-input {
    width: calc(100% - 10rem);
    padding: 1em;
    height: 4rem;
  }
  .search-submit {
    max-width: 10rem;
    max-height: 4rem;
  }
  .search-close {
    padding-bottom: 1rem;

    @media screen and (min-width: 960px) {
      padding-bottom: 0;
    }
  }
  .search-close-icon {
    margin-left: auto;
  }
}
.site-footer {
  color: var(--color-white);
}

.site-footer .inner-column {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;

  @media screen and (min-width: 1181px) {}
}

.prefooter {
  padding: 4rem 0 8rem;
  background-color: var(--color-grey-dark);
}
.prefooter-nav {
  margin-top: 3rem;
}

.footer {
  padding: 3rem 0;
  background-color: var(--color-grey-darkest);
}
.footer-column + .footer-column {
  margin-top: 1.5rem;
}
.footer-block {
  margin-top: 1.5rem;
}
.footer-copy {}
.footer-legals {}

@media screen and (min-width: 768px) {
  .prefooter-nav {
    margin-top: 0;
  }
  .footer-column + .footer-column {
    margin-top: 0;
  }
  .footer-block {
    margin-top: 0;
  }
  .footer-block + .footer-block {
    margin-top: 1.5rem;
  }

  .footer-copy,
  .footer-legals {
    text-align: right;
  }
}
.navigation,
.menu {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;

  @media screen and (min-width: 1181px) {
    flex-direction: row;
  }
}
.navigation {}
.navigation.disabled a {
  pointer-events: none;
  opacity: 0.6;
}
.menu {}
.menu-item {
  width: 100%;
  margin: 0;

  &.has-children {
    position: relative;
    padding-right: 0;
  }

  .submenu-toggle {
    margin-left: .25em;
    cursor: pointer;
    position: absolute;
    top: .5em;
    right: 1.5em;

    &.submenu-opened::before {
      transform: rotate(180deg);
    }
  }

  @media screen and (min-width: 1181px) {
    width: max-content;
    margin: 0 3rem 0 0;

    .submenu-toggle {
      position: relative;
      top: unset;
      right: unset;
    }
  }
}
.menu-voice {
  display: inline-block;
  width: 100%;
  padding: 1rem 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--color-blue);

  @media screen and (min-width: 1180px) {
    max-width: 20em;
    width: max-content;
    padding: 0;
    text-align: left;
    color: var(--color-grey);
  }

  @media screen and (min-width: 1180px) {
    border-bottom: 2px solid transparent;
  }
}
.menu-children {
  overflow: hidden;
  height: 0;
  padding-left: 1em;
  padding-right: 1em;
  background-color: var(--color-transparent);
  transition: all .3s;

  .menu-item + .menu-item {
    margin-top: .5em;
  }

  .submenu-opened + & {
    background-color: var(--color-white);
    border-color: var(--color-blue-lightest);
    padding-top: .5em;
    padding-bottom: .5em;
    height: auto;
    z-index: 1;
  }

  @media screen and (min-width: 1181px) {
    position: absolute;
    border-top: 1px solid var(--color-transparent);

    .submenu-opened + & {
      border-color: var(--color-blue-light);
    }
  }
}

.menu-toggler {
  position: relative;
  width: 3.2rem;
  aspect-ratio: 1/1;
  overflow: hidden;

  background-image:
    linear-gradient(90deg, var(--color-white) 0%, var(--color-white) 25%, var(--color-transparent) 25%, var(--color-transparent) 100%),
    linear-gradient(
      180deg,
      var(--color-transparent) 0%,
      var(--color-transparent) calc(50% - 2px),
      var(--color-blue) calc(50% - 2px),
      var(--color-blue) calc(50% + 2px),
      var(--color-transparent) calc(50% + 2px),
      var(--color-transparent) 100%
    );
}
.menu-toggler::before,
.menu-toggler::after {
  content: '';
  display: inherit;
  position: absolute;
  left: 50%;
  width: 3.2rem;
  height: .4rem;
  background-color: var(--color-blue);

  transform-origin: 50% 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  transition: transform 0.3s, top 0.3s;
}
.menu-toggler::before {
  top: 15%;
}
.menu-toggler::after {
  top: 85%;
}
.mobile-menu-opened .menu-toggler {
  background-image: linear-gradient(
    180deg,
    var(--color-transparent) 0%,
    var(--color-transparent) calc(50% - 2px),
    var(--color-transparent) calc(50% - 2px),
    var(--color-transparent) calc(50% + 2px),
    var(--color-transparent) calc(50% + 2px),
    var(--color-transparent) 100%
  );
}
.mobile-menu-opened .menu-toggler::before {
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg)
}
.mobile-menu-opened .menu-toggler::after {
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.menu-toggler-label {
  pointer-events: none;
  display: inherit;
  transform: translateX(-101%);
}

.main-menu {
  width: 100dvw;
  border-top: 1px solid var(--color-blue);

  @media screen and (min-width: 1181px) {
    border-top: 0 none;
    width: auto;
  }
}
.main-menu-item.menu-depth-1 + .main-menu-item.menu-depth-1 {
  border-top: 1px solid var(--color-blue);

  @media screen and (min-width: 1181px) {
    border-top: 0 none;
  }
}

.language-nav {
  width: 100dvw;
  border-top: 1px solid var(--color-blue);
  border-bottom: 1px solid var(--color-blue);

  @media screen and (min-width: 1181px) {
    border-top: 0 none;
    border-bottom: 0 none;
    width: auto;
  }
}
.language-nav .navigation-label {
  padding-top: 1rem;
}

.language-menu {
  flex-direction: row;

  @media screen and (min-width: 1181px) {
    border-left: 1px solid var(--color-blue);
    padding: 0 1.5rem 0 3rem;
  }
}
.language-menu-item {
  @media screen and (min-width: 1181px) {
    margin-right: 1rem;
  }
}
.language-menu-voice {
  padding-left: 1rem;
  padding-right: 1rem;
  @media screen and (min-width: 1181px) {
    padding: 0;
  }
}
.language-menu-item.active .language-menu-voice {
  pointer-events: none;
  color: var(--color-blue);
}

.header-button-voice {
  margin: 2rem auto;
  @media screen and (min-width: 1181px) {
    margin: 0 auto;
  }
}

.button {
  display: inline-block;
  padding: 1.5rem 2em;
  line-height: 1;
  font-family: var(--font-primary);
  text-decoration: none;
  text-transform: uppercase;
  color: var(--color-white);
  background-color: var(--color-blue);
}
.button.orange {
  background-color: var(--color-orange);
}
.button.white {
  color: var(--color-blue);
  background-color: var(--color-white);
}
.button.blue-dark {
  color: var(--color-white);
  background-color: var(--color-blue-dark);
}

.text-content p a,
.link {
  color: var(--color-blue);
}
.text-content p a {
  text-decoration: none;
}

.prefooter-link {
  display: inline-block;
  border-bottom: 1px solid transparent;
  text-transform: uppercase;
  text-decoration: none;
}

.prefooter-menu-opener {
  position: relative;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
.prefooter-menu-opener::before,
.prefooter-menu-opener::after {}
.prefooter-menu-opener::before {}
.prefooter-menu-opener::after {}

.prefooter-nav {}
.prefooter-menu {
  margin-top: 1.5rem;
}
.prefooter-menu-item {}
.prefooter-menu-item + .prefooter-menu-item {
  margin-top: 1.5rem;
}
.prefooter-menu-voice {
  text-decoration: none;
  opacity: 0.7;
}

.footer-nav {}
.footer-menu {
  flex-direction: column;
}
.footer-menu-item {}
.footer-menu-item + .footer-menu-item {
  padding: 0;
}
.footer-menu-voice {
  display: inline-block;
  margin-top: 1rem;
  border-bottom: 1px solid var(--color-transparent);
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .prefooter-menu {
    margin-top: 2rem;
  }
  .prefooter-menu-item + .prefooter-menu-item {
    margin-top: 2rem;
  }
  .footer-menu {
    flex-direction: row;
  }
  .footer-menu-item {
    margin-top: 0;
  }
  .footer-menu-item + .footer-menu-item {
    margin-left: 1em;
    border-left: 1px solid var(--color-white);
    padding: 0 1em;
  }
}

/* transitions - desktop only */
@media screen and (min-width: 1181px) {
  .link,
  .menu-voice,
  .button,
  .footer-link,
  .footer-menu-voice,
  .prefooter-link,
  .prefooter-menu-voice {
    transition: background-color 0.3s, color 0.3s, border-color 0.3s, opacity 0.3s;
  }
  .menu-voice:hover {
    color: var(--color-blue-light);
    border-color: var(--color-blue-light);
  }

  .button:hover {
    background-color: var(--color-blue-light);
  }
  .button.orange:hover {
    background-color: var(--color-orange-light);
  }
  .button.white:hover {
    color: var(--color-white);
    background-color: var(--color-blue-light);
  }
  .button.blue-dark:hover {
    background-color: var(--color-blue);
  }

  .text-content p a:hover,
  .link:hover {
    color: var(--color-blue-light);
  }

  .prefooter-link:hover {
    border-color: var(--color-white);
  }
  .prefooter-menu-opener {
    pointer-events: none;
  }
  .prefooter-menu-opener::before,
  .prefooter-menu-opener::before {
    display: none;
  }
  .prefooter-navigation {}
  .prefooter-menu {}
  .prefooter-menu-item {}
  .prefooter-menu-voice:hover {
    opacity: 1;
    text-decoration: underline;
  }

  .footer-menu-voice:hover {
    border-color: currentcolor;
  }
}

.page {
  background-color: var(--color-grey-light);
}
.page .inner-column {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
//* FAQ Container */
.faq-container {
    max-width: 800px;
    margin: 20px auto;
    text-align: left !important;
    font-family: var(--font-primary, Arial, sans-serif) !important;
}

/* FAQ Title */
.faq-container h2 {
    font-size: 22px !important;
    font-weight: bold !important;
    text-align: left !important;
    margin-bottom: 20px !important;
}

/* FAQ Item - Ensure Proper Spacing */
.faq-item {
    margin-bottom: 20px !important; /* Keeps space between FAQ boxes */
    display: block !important;
}

/* FAQ Question Button */
.faq-question {
    font-size: 18px !important; /* Question text size */
    font-weight: bold !important;
    color: #333 !important;
    cursor: pointer !important;
    display: block !important;
    padding: 16px !important;
    background: #c0dcf3 !important; /* Light blue background */
    border-radius: 6px !important;
    text-align: left !important;
    width: 100% !important;
    border: 1px solid #87c0e2 !important;
    transition: background 0.3s ease-in-out !important;
}

/* Hover effect */
.faq-question:hover {
    background: #a8cbe2 !important;
}

/* FAQ Answer - Adjusted Text Size */
.faq-answer {
    display: block !important;
    max-height: 0 !important;
    overflow: hidden !important;
    padding: 0px 18px !important;
    font-size: 15px !important; /* Slightly smaller answer text */
    line-height: 1.5 !important; /* Keeps good readability */
    background: white !important;
    border-left: 5px solid #0073e6 !important; /* Blue left border */
    border-radius: 6px !important;
    text-align: left !important;
    transition: max-height 0.3s ease-out, opacity 0.3s ease-out !important;
}

/* Active State - Open Answer */
.faq-answer.active {
    max-height: 600px !important;
    padding: 14px 18px !important;
}

/* Ensure Space Between Questions */
.faq-item + .faq-item {
    margin-top: 20px !important;
}

/* Make FAQ Links Daikin Blue */
.faq-answer a {
    color: #0073e6 !important;
    text-decoration: none;
    font-weight: bold;
}

.faq-answer a:hover {
    text-decoration: underline;
}
/* FAQ Container */
.faq-container {
    max-width: 800px;
    margin: 20px auto;
    text-align: left !important;
    font-family: var(--font-primary, Arial, sans-serif) !important;
}

/* FAQ Title */
.faq-container h2 {
    font-size: 22px !important;
    font-weight: bold !important;
    text-align: left !important;
    margin-bottom: 20px !important;
}

/* FAQ Item - Ensure Proper Spacing */
.faq-item {
    margin-bottom: 20px !important; /* Keeps space between FAQ boxes */
    display: block !important;
}

/* FAQ Question Button */
.faq-question {
    font-size: 18px !important; /* Question text size */
    font-weight: bold !important;
    color: #333 !important;
    cursor: pointer !important;
    display: block !important;
    padding: 16px !important;
    background: #c0dcf3 !important; /* Light blue background */
    border-radius: 6px !important;
    text-align: left !important;
    width: 100% !important;
    border: 1px solid #87c0e2 !important;
    transition: background 0.3s ease-in-out !important;
}

/* Hover effect */
.faq-question:hover {
    background: #a8cbe2 !important;
}

/* FAQ Answer - Adjusted Text Size */
.faq-answer {
    display: block !important;
    max-height: 0 !important;
    overflow: hidden !important;
    padding: 0px 18px !important;
    font-size: 15px !important; /* Slightly smaller answer text */
    line-height: 1.5 !important; /* Keeps good readability */
    background: white !important;
    border-left: 5px solid #0073e6 !important; /* Blue left border */
    border-radius: 6px !important;
    text-align: left !important;
    transition: max-height 0.3s ease-out, opacity 0.3s ease-out !important;
}

/* Active State - Open Answer */
.faq-answer.active {
    max-height: 600px !important;
    padding: 14px 18px !important;
}

/* Ensure Space Between Questions */
.faq-item + .faq-item {
    margin-top: 20px !important;
}

/* Make FAQ Links Daikin Blue */
.faq-answer a {
    color: #0073e6 !important;
    text-decoration: none;
    font-weight: bold;
}

.faq-answer a:hover {
    text-decoration: underline;
}
/* Listing - @begin */
.case-studies {}
.case-studies .inner-column {}
.case-studies-list {}

.case-study-list-item {
  display: none;
  align-items: center;
  padding: 0 0 3rem;
  border: 1px solid var(--color-grey-medium);
  background-color: var(--color-white);
}
.case-study-list-item.to-show {
  display: flex;
}
.case-study-list-item + .case-study-list-item {
  margin-top: 4rem;
}

.case-study-list-item .study-item-pdf {
  padding: 0 1.5rem;
}

.case-study-list-item .study-item-figure {
  display: block;
  position: relative;
}

.case-study-list-item .study-item-img {
  aspect-ratio: 16/9;
  width: 100%;
  margin: 0 auto;
}

.case-study-list-item .study-item-header {
  padding: 1.5rem 1.5rem 0;
}

.case-study-list-item .study-item-heading-link {
  text-decoration: none;
}
.case-study-list-item .study-item-heading {}

.study-item-infos {
  margin-top: 1em;
}
.study-item-infos .study-item-info {
  display: flex;
  padding: 0;
}
.study-item-infos .study-item-info-label {
  padding: 0;
}
.study-item-infos .study-item-info-value {
  padding: 0 0 0 0.5em;
}

.case-study-list-item .study-item-link {
  padding: 1.5rem 1.5rem 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

@media screen and (min-width: 960px) {
  .case-study-list-item {
    padding: 3rem 2rem;
  }
  .case-study-list-item + .case-study-list-item {
    margin-top: 4rem;
  }
  .case-study-list-item .study-item-img {
    aspect-ratio: 4/3;
    width: 75%;
    margin: 0 auto;
  }
  .case-study-list-item .study-item-header {
    padding-top: 0;
  }
  .case-study-list-item .study-item-link {
    padding-top: 0;
    justify-content: flex-end;
  }
}

/* Listing - @end */

/* Single - @begin */
.case-study-body {}
.case-study-content {}
.case-study-content .text-content-wrapper {
  color: var(--color-grey);
}

.study-side-figure,
.study-side-image {
  display: block;
}
.study-side-figure {
  margin-top: 2rem;
}
.study-side-image {}
/* Single - @end */
.careers {}

.jobs-list {}

.jobs-list-wrapper {}

.jobs-list-column {
  background-color: var(--color-white);
  position: relative;
}
.jobs-list-heading-column {}
.jobs-list-content-column {}

.jobs-list-item-header {
  padding: 3rem 2rem;
  color: var(--color-white);
  background-color: var(--color-blue);
}

.jobs-list-item-body {
  padding: 3rem 2rem;
  display: flex;
  flex-direction: column;
}

.jobs-list-item {
  padding: 0 0 2rem 0;
  background-color: var(--color-white);
}

.js-jobs-list-item-opener,
.jobs-item-heading,
.jobs-item-subheading {
  color: var(--color-white);
  text-decoration: none;
}

.jobs-item-opener {}
.jobs-item-heading {
  font-size: 2.4rem;
  margin-bottom: 0.3em;
}
.jobs-item-subheading {}
.jobs-item-content {}
.jobs-item-link {
  margin: 2em auto 0;
}

.jobs-spontaneous {
  margin-bottom: 6rem;
}

.jobs-list-header {
  padding-bottom: 3rem;
}

.job-body {}
.job-content {}
.job-footer {}
.job-footer.viewport-wide {
  width: 100vw;
}
.job-footer.viewport-wide .inner-wrapper {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (min-width: 960px) {
  .jobs-list-item-header {
    transition: background-color 0.3s;
  }
  .js-jobs-list-item-opener.active .jobs-list-item-header {
    background-color: var(--color-blue-dark);
  }

  .jobs-list-item .jobs-list-item-header,
  .jobs-list-item .jobs-list-item-header.active {
    padding: 0;
    text-align: center;
    background-color: var(--color-white);
  }

  .jobs-list-item .jobs-item-heading,
  .jobs-list-item .jobs-item-subheading {
    color: var(--color-grey);
  }
  .jobs-list-item {
    padding: 3rem 2rem;
    position: absolute;
    opacity: 0;
    
    transition: opacity 0.3s;
  }
  .jobs-list-item.active {
    z-index: 1;
    opacity: 1;
  }

  .jobs-item-heading {
    font-size: 3.2rem;
    line-height: 1.2;
  }

  .jobs-list-item-body {
    padding: 3rem 0 0;
  }
}
@media screen and (min-width: 1040px) {
  .js-jobs-list-item-opener:hover .jobs-list-item-header {
    background-color: var(--color-blue-dark);
  }
}
.ranges {}
.single-range-block {}
.single-range-block .inner-wrapper {}

/* listing page */
.range-list {}
.range-list-item {
  align-items: center;
  display: none;
}
.range-list-item.to-show {
  display: flex;
}
.range-list-item + .range-list-item {}
.range-list-item {
  margin-bottom: 4rem;
  border-bottom: 1px solid var(--color-grey-medium);
  padding-bottom: 2.5rem;
}

.range-item-figure {}
.range-item-figure-link {
  display: block;
  aspect-ratio: 4/3;
  border: 1px solid var(--color-blue);
}
.range-item-img {}
.range-item-header {
  padding-top: 2rem;
}
.range-item-heading-link {
  text-decoration: none;
}
.range-item-heading {}
.range-item-subtitle,
.range-item-infos {
  margin-top: 1.5rem;
}
.range-item-subtitle {}
.range-item-infos {}
.range-item-info {
  display: flex;
}
.range-item-info-label {
  padding-right: 0.5em;
}
.range-item-info-value {}
.range-item-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 0 0;
}
.range-item-action {
  margin-right: auto;
  margin-left: auto;
}
.range-item-action + .range-item-action {
  margin-top: 1.5rem;
}

@media screen and (min-width: 960px) {
  .range-item-header {
    padding-top: 0;
  }
  .range-item-actions {
    padding: 0;
    flex-flow: row;
  }
  .range-item-action {
    margin-right: 0;
  }
  .range-item-action + .range-item-action {
    margin-top: 0;
    margin-right: 0;
    margin-left: 3rem;
  }
}


/* detail page */
.single-range {}
.single-range .inner-column {}
.single-range .hero-block {}

.range-filters {
  position: relative;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  margin: 0 auto 6rem;
  background-color: var(--color-white);
}
.range-filters-form {
  display: block;
  margin: 0 auto;
  max-width: 144rem;
  padding: 4rem 0;
}
.range-filters-row {
  max-width: 100dvw;
}
.range-filters-row + .range-filters-row {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid var(--color-blue);
}
.range-filters-row:last-child {
  margin-top: 4rem;
  border-color: var(--color-grey-medium);
  padding-top: 3rem;
}

.range-filters input[type="button"],
.range-filters input[type="submit"],
.range-filters input[type="reset"] {
  border: 0 none;
  padding: 0.5em 2em;
  max-width: max-content;
  cursor: pointer;
}

.range-filters .filter-group {
  max-width: 100%;
}
.range-filters .filter-group-options {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.range-filters .filter-group-heading {
  padding-bottom: 1rem;
}
.range-filters .filter-group-label {}

.range-filters .filter {}
.range-filters .filter-select {
  border: 1px solid var(--color-blue);
  border-radius: 0;
}
.range-filters .filter-radio {}
.range-filters .filter-checkbox {}

.range-filters .filter-select,
.range-filters .filter-select .filter-value {
  font-family: var(--font-primary);
}


.range-filters .filter-radio,
.range-filters .filter-checkbox {
  position: relative;
  margin-bottom: 1rem;
}
.range-filters .filter-radio input,
.range-filters .filter-checkbox input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.range-filters .filter-radio input:disabled + .filter-group-label,
.range-filters .filter-checkbox input:disabled + .filter-group-label {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
.range-filters .filter-radio input + .filter-group-label::before,
.range-filters .filter-checkbox input + .filter-group-label::before {
}
.range-filters .filter-radio input:checked + .filter-group-label::after,
.range-filters .filter-checkbox input:checked + .filter-group-label::after {
  background-color: var(--color-blue);
}

.range-filters .filter-radio .filter-group-label,
.range-filters .filter-checkbox .filter-group-label {
  padding: 0 1em 0 calc(2rem + 0.5em);
  line-height: 2rem;
  cursor: pointer;
}
.range-filters .filter-radio .filter-group-label::before,
.range-filters .filter-checkbox .filter-group-label::before,
.range-filters .filter-radio .filter-group-label::after,
.range-filters .filter-checkbox .filter-group-label::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 2rem;
  height: 2rem;
  transform-origin: 50%;
  transform: translateY(-50%);

  transition: border-color 0.3s, background-color 0.3s;
}
.range-filters .filter-radio .filter-group-label::before,
.range-filters .filter-radio .filter-group-label::after {
  border-radius: 50%;
}
.range-filters .filter-checkbox .filter-group-label::before,
.range-filters .filter-checkbox .filter-group-label::after {}
.range-filters .filter-radio .filter-group-label::before,
.range-filters .filter-checkbox .filter-group-label::before {
  border: 1px solid var(--color-blue);
}
.range-filters .filter-radio .filter-group-label::after,
.range-filters .filter-checkbox .filter-group-label::after {
  background: var(--color-transparent);
  transform: translateY(-50%) scale(0.6);
}

.range-filters-results {
  align-self: center;
  text-align: center;
}
.range-filters-results-qty {}
.range-filters-results-label {}

.range-filters-actions {
  padding-top: 1.5rem;
  text-align: center;
}

@media screen and (min-width: 960px) {
  .range-filters-results {
    text-align: right;
  }
  .range-filters-actions {
    padding-top: 0;
    text-align: left;
  }
}

@media screen and (min-width: 1181px) {
  .range-filters .filter-radio .filter-group-label:hover::after,
  .range-filters .filter-checkbox .filter-group-label:hover::after {
    background: var(--color-blue-light);
  }
}
.single-range-tabs {}

.single-range-tabs .inner-wrapper {
  max-width: 144rem;
  margin: 0 auto;
}

.single-range-tabs-navigation {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.single-range-tabs-switcher {
  width: calc(50% - 1px);
  text-align: center;
  text-transform: capitalize;
}
.single-range-tabs-switcher.active {
  background-color: var(--color-blue-dark);
}
@media screen and (min-width: 1040px) {
  .single-range-tabs-switcher {
    transition: background-color 0.3s;
  }
  .single-range-tabs-switcher:hover {
    background-color: var(--color-blue-dark);
  }
}

.single-range-tabs-contents {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.3s ;
}
.single-range-tab {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  padding: 3rem 1.5rem 4rem;
  opacity: 0;
  transition: opacity 0.3s;
}
.single-range-tab:not(.active) {
  pointer-events: none;
}
.single-range-tab.active {
  opacity: 1;
}
.single-range-certifications {
  position:relative;
  margin-top: 4rem;
  width: 100%;
  padding: 4rem 0;
}
.single-range-certifications.viewport-wide {
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);

  color: var(--color-white);
  background-color: var(--color-blue);
}
.single-range-certifications .inner-wrapper {
  max-width: 144rem;
  width: 100%;
  margin: 0 auto;
  padding: 0 1.5rem;
}
.single-range-certification {}
.single-range-certification + .single-range-certification {
  margin-top: 3rem;
}
.single-range-certification .certification-figure,
.single-range-certification .certification-logo {
  display: block;
  margin: 0;
  padding: 0;
}
.single-range-certification .certification-text {
  margin-top: 1em;
  font-style: italic;
}
.single-range-certification .certification-text a {
  color: var(--color-white);
  text-decoration: none;
  display: inline-block;
  border-bottom: 1px solid transparent;
}

@media screen and (min-width: 1040px) {
  .single-range-certification .certification-text a {
    transition: border-color 0.3s;
  }
  .single-range-certification .certification-text a:hover {
    border-color: var(--color-white);
  }
}
.single-range-cases {
  margin-top: 4rem;
  padding-bottom: 4rem;
}
.single-range-cases .inner-wrapper {
  position: relative;
}

.range-cases-header {}
.range-cases-heading {
  text-align: center;
}

.range-cases-body {
  position: relative;
  margin: 3rem auto;
}

.range-cases-slider {}
.range-cases-wrapper {}
.range-case-item {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  aspect-ratio: 45/42;
  padding: 2rem;
}
.range-case-item::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--color-transparent-black);
  z-index: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.range-case-heading,
.range-case-link {
  z-index: 1;
}
.range-case-heading {}
.range-case-link {
  margin-top: 1rem;
  max-width: max-content;
}
.range-cases-pagination {
  bottom: 0;
  transform: translateY( calc(100% + 2rem) );
}
.single-range-solutions {
  position: relative;
  margin-top: 4rem;
  padding: 2rem 0 6rem;
}
.single-range-solutions .inner-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0 1.5rem;
  max-width: 144rem;
  width: 100%;
}

.range-solutions-header {}
.range-solutions-heading {
  text-align: center;
}

.range-solutions-body {
  position: relative;
  margin: 4rem auto;
}

.range-solutions-slider {}
.range-solutions-wrapper {}
.range-solution-item {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0 0 3rem;
  text-align: center;
  background-color: var(--color-white);
}
.range-solution-item iframe {
  width: 100%;
}
.range-solution-link {
  text-decoration: none !important;
}
.range-solution-heading {
  margin-top: 2rem;
  padding: 0 1.5rem;
}
.range-solution-text {
  margin-top: 1rem;
  padding: 0 1.5rem;
}
.range-solution-button {
  margin: 1.5rem auto 0;
  max-width: max-content;
  padding-left: 2em;
  padding-right: 2em;
}
.range-solutions-pagination {
  bottom: 0;
  transform: translateY( calc(100% + 2rem) );
}
.single-range-references {
  position: relative;
  margin-top: 4rem;
  padding: 2rem 0 6rem;
}
.single-range-references.viewport-wide {
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);

  background-color: var(--color-white);
}
.single-range-references .inner-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0 1.5rem;
  max-width: 144rem;
  width: 100%;
}

.range-references-header {}
.range-references-heading {
  text-align: center;
}

.range-references-body {
  position: relative;
  margin: 4rem auto;
}

.range-references-slider {}
.range-references-wrapper {}
.range-reference-item {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: center;
}
.range-reference-figure {
}
.range-reference-image {
  aspect-ratio: 4/3;
}
.range-reference-link {
  text-decoration: none !important;
}
.range-reference-heading {
  margin-top: 2rem;
}
.range-reference-text {
  margin-top: 1rem;
}
.range-references-pagination {
  bottom: 0;
  transform: translateY( calc(100% + 2rem) );
}
.solutions {}

/* listing page */
.solution-list {
  align-items: stretch;
}
.solution-list-item {
  padding-left: 0;
  padding-right: 0;
}
.solution-list-item + .solution-list-item {
  margin-top: 3rem;
}

.solution-item-inner-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 0 0 3rem;
  background-color: var(--color-white);
}
.solution-item-figure,
.solution-item-figure-link,
.solution-item-img {
  display: block;
}
.solution-item-img {
  aspect-ratio: 322/223;
}
.solution-item-figure {}
.solution-item-figure-link {}
.solution-item-image {
  aspect-ratio: 4/3;
}
.solution-item-heading-link,
.solution-item-content {
  padding: 0 1.5rem;
}
.solution-item-heading-link {}
.solution-item-heading {
  margin-top: 2rem;
}
.solution-item-content {
  margin-top: 1rem;
  margin-bottom: 2rem;
  text-align: center;
}
.solution-item-content-link {
  margin-top: auto;
}

.solution-item-figure-link,
.solution-item-heading-link,
.solution-item-content-link {
  text-decoration: none;
}

@media screen and (min-width: 480px) {
  .solution-list-item,
  .solution-list-item + .solution-list-item {
    margin-top: 0;
  }
  .solution-list-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .solution-list-item:nth-child(n+4) {
    margin-top: 4rem;
  }
}
@media screen and (min-width: 960px) {
  .solution-list-item,
  .solution-list-item + .solution-list-item {
    margin-top: 0;
  }
  .solution-list-item:nth-child(n+5) {
    margin-top: 4rem;
  }
}

/* detail page */
.single-solution {}
.technologies {}
.single-technology-block {}
.single-technology-block .inner-wrapper {}
.sub-technology .hero-block {}

// .sub-technology .hero-block::before {
//   content: '';
// }
// .sub-technology .hero-block .inner-wrapper {
//   max-width: unset;
//   position: absolute;
//   left: auto;
//   right: 0;
//   top: 0;
//   bottom: 0;
//   height: 100%;
//   width: 75%;
//   clip-path: polygon( 25% 0, 0 100%, 100% 100%, 100% 0 );
//   display: flex;
//   background-color: var(--color-transparent-blue);
// }
// .sub-technology .hero-block .hero-content {
//   text-align: right;
//   margin: auto 0 auto auto;
//   max-width: 72rem;
// }

/* listing page */

/* detail page */
.systems-page{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.systems-page .systems-button{
  margin-top: 2rem;
}

/* Subscription */
.subscription-form-wrapper  h1, 
.subscription-form-wrapper  h2, 
.subscription-form-wrapper  h3,
.subscription-form-wrapper  h4,
.subscription-form-wrapper  h5,
.subscription-form-wrapper  h6,
.subscription-form-wrapper  p,
.subscription-form-wrapper span,
.subscription-form-wrapper input{
  font-family: var(--font-primary) !important;
}
#newsletter-body{
  background-color: var(--color-grey-light)!important;

  display: flex;
  justify-content: center;
}

.newsletter-page h1,
.newsletter-page h2,
.newsletter-page h3,
.newsletter-page h4,
.newsletter-page h5,
.newsletter-page h6,
.newsletter-page span,
.newsletter-page p,
.submitted-message.hs-main-font-element {
  font-family: var(--font-primary) !important;
}
.submitted-message.hs-main-font-element {
  text-align: center;
  padding-top: 2em;
  font-size: 20px;
  font-weight: bold;
}

.newsletter-page{
  width: 80%!important;
  background-color: var(--color-white);
}
.newsletter-header{
  width: 100%!important;
  justify-content: center;
}
.newsletter-main{
  background-color: var(--color-white);
}
.newsletter-footer{
  border-top: 2px solid var(--color-blue);
}
.newsletter-footer footer a {
  color: var(--color-black)!important;
}
.newsletter-footer .prefooter{
  background-color: var(--color-white);
}
.newsletter-footer .footer{
  background-color: var(--color-white);
}
/* Import Myriad Pro Fonts */
@font-face {
  font-family: 'Myriad Pro';
  src: url('/path-to-font/MyriadPro-Light.woff2') format('woff2'),
       url('/path-to-font/MyriadPro-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Myriad Pro';
  src: url('/path-to-font/MyriadPro-Regular.woff2') format('woff2'),
       url('/path-to-font/MyriadPro-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

/* Apply Myriad Pro Light to all text */
body,
p,
span,
div,
a,
.blog-post-content,
.blog-item-abstract,
.blog-item-meta,
.blog-item-link,
.blog-tag-item,
.blog-list-item .inner-wrapper,
.faq-answer,
.faq-question {
  font-family: 'Myriad Pro', sans-serif;
  font-weight: 300;
}

/* Apply Myriad Pro Regular to all headers */
h1, h2, h3, h4, h5, h6,
.blog-item-heading,
.blog-item-header,
.blog-post h1,
.blog-post h2,
.blog-post h3,
.blog-post h4,
.blog-post h5,
.blog-post h6,
.faq-container h2 {
  font-family: 'Myriad Pro', sans-serif;
  font-weight: 400;
}

/* Ensure words do not break mid-word and move to the next line */
.blog-post-content,
.blog-item-heading,
.blog-item-abstract,
.blog-item-meta,
.blog-item-link,
.faq-question,
.faq-answer {
  word-break: normal;
  overflow-wrap: break-word;
  white-space: normal;
}

/* Ensure long words do not overflow the container */
.blog-post-content,
.blog-item-heading,
.blog-item-abstract,
.blog-item-meta,
.blog-item-link,
.faq-question,
.faq-answer {
  max-width: 100%;
  display: block;
  overflow: hidden;
}

/* Existing Styles */
.blog,
.post {
  background-color: var(--color-white);
}
.blog .inner-column,
.post .inner-column {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

/* Post Listing */
.blog-list-item + .blog-list-item {
  margin-top: 4rem;
  padding-top: 4rem;
  border-top: 1px solid var(--color-grey-light);
}
.blog-list-item .inner-wrapper {
  display: flex;
  flex-direction: column;
}
.blog-item-figure {
  aspect-ratio: 16/9;
  border: 1px solid var(--color-blue);
}
.blog-item-header {
  padding: 1.5rem 0 0;
}
.blog-item-meta {
  padding: 1rem 0 0;
}
.blog-item-abstract {
  padding: 1.5rem 0 0;
}
.blog-item-link {
  margin-top: 1rem;
  display: inline-block;
}

.blog-list-pagination {
  padding-top: 2rem;
}
.blog-list-pagination .hs-pagination__link--number {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  width: 4rem;
  color: var(--color-blue);
  background-color: var(--color-blue-lightest);
  border: 1px solid var(--color-blue);
}
.blog-list-pagination .hs-pagination__link--active {
  color: var(--color-white);
  background-color: var(--color-blue);
}

@media screen and (min-width: 960px) {
  .blog-list-item .inner-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .blog-item-header {
    padding: 0 0 0 3rem;
  }
}

@media screen and (min-width: 1040px) {
  .blog-list-pagination .hs-pagination__link--prev:hover svg,
  .blog-list-pagination .hs-pagination__link--next:hover svg,
  .blog-list-pagination .hs-pagination__link--first:hover svg,
  .blog-list-pagination .hs-pagination__link--last:hover svg {
    fill: var(--color-blue-light);
  }
}