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

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

/**
 * Add the correct box sizing in Firefox.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

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

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

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

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

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */

legend {
  padding: 0;
}

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

progress {
  vertical-align: baseline;
}

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

details {
  display: block;
}

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

summary {
  display: list-item;
}

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



/* 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: 768px) {
  .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));
    }
  
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 1rem;
}

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

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

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

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

/* poppins-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* space-grotesk-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 300;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Space-Grotesk/space-grotesk-v16-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* space-grotesk-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Space-Grotesk/space-grotesk-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* space-grotesk-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Space-Grotesk/space-grotesk-v16-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* space-grotesk-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Space-Grotesk/space-grotesk-v16-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* space-grotesk-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Space-Grotesk/space-grotesk-v16-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/* The overflow-wrap is meant to prevent long/large words from breaking the mobile responsiveness of a page (e.g. horizontal scrolling). It is preferred to reduce font sizes on mobile to address this, with this CSS specifically helping with extreme scenarios where a reduction in font size is not possible. */

.page-center {
  max-width:1280px;
  width:100%;
  padding:0px 12px;
  margin:0 auto;
  float:none;
}

body {
  line-height: 1.4;
  overflow-wrap: break-word;
  font-family: 'Space Grotesk' !important;
}








/* Handles word breaking for a few specific languages which handle breaks in words differently. If your content is not translated into these languages, you can safely remove this.  */

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

/* Paragraphs */

p {
  font-size: 1rem;
  margin: 0 0 1.4rem;
  font-family: 'Space Grotesk' !important;
}

/* Anchors */

a {
  cursor: pointer;
  font-family: 'Space Grotesk' !important;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1.4rem;
  font-family: 'Poppins' !important;
}

/* Lists */

ul,
ol {
  margin: 0 0 1.4rem;
  font-family: 'Space Grotesk' !important;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
  font-family: 'Space Grotesk' !important;
}

ul.no-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
  font-family: 'Space Grotesk' !important;
}

/* Code blocks */

pre {
  overflow: auto;
  font-family: 'Space Grotesk' !important;
}

code {
  vertical-align: bottom;
  font-family: 'Space Grotesk' !important;
}


/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 0.7rem;
  font-family: 'Space Grotesk' !important;
}

/* Horizontal rules */

hr {
  border: none;
  border-bottom: 1px solid #CCC;
}

/* Image alt text */

img {
  font-size: 0.583rem;
  word-break: normal;
}
button,
.button,
.hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

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

/* No button */

.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
  background: none;
  border: none;
  border-radius: 0;
  color: initial;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  transition: none;
}
/* Fields */

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

/* Labels */

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

/* Form Title */
.form-title {
  margin-bottom: 0;
}

/* Help text */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.7rem;
  width: 100%;
}

form textarea {
  resize: vertical;
}

form fieldset {
  max-width: 100% !important;
}

/* Inputs - checkbox/radio */

form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

form .inputs-list > li {
  display: block;
  margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
  cursor: pointer;
  margin-right: 0.35rem;
}

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 3%;
  top: 45%;
  transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 1rem !important;
}

/* Validation */

.hs-form-required {
  color: #EF6B51;
}

.hs-input.invalid.error {
  border-color: #EF6B51;
}

.hs-error-msg {
  color: #EF6B51;
  margin-top: 0.35rem;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}
/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}


/* Search button input field and suggestions */
.body-container-wrapper .hs-search-field__button {
  padding: 15px;
}

.body-container-wrapper .hs-search-field__bar--button-inline .hs-search-field__button {
  margin-left: 6px;
  margin-bottom: 0;
}

.body-container-wrapper .hs-search-field__button svg {
  height: 15px;
  fill: #fff;
}

.body-container-wrapper .hs-search-field__bar > form > .hs-search-field__input {
  padding: 10px;
}

.body-container-wrapper .hs-search-field__suggestions li a {
  color: #494A52;
  padding: 0.35rem 0.7rem;
  text-decoration: none;
  transition: background-color 0.3s;
}






/****************Form StyleTiton**********************/
.form.form .form-title {
  display: none;
}
.form form {
  position: relative;
}
.form form .hs_firstname .input:before,
.form form .hs_lastname .input:before,
.form form .hs_company .input:before,
.form form .hs_email .input:before,
.form form .hs_country .input:before,
.form form .hs_phone .input:before,
.form form .hs_message.hs-message .input:before,
.form form .hs_nature_of_problem .input:before,
.form form .hs_comments .input:before {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 24px;
  left: 15px;
  position: absolute;
  top: 15px !important;
  width: 24px;
  z-index: 1;
}
@supports (-webkit-overflow-scrolling: touch) {
  .form form .hs_firstname .input:before,
  .form form .hs_lastname .input:before,
  .form form .hs_company .input:before,
  .form form .hs_email .input:before,
  .form form .hs_country .input:before,
  .form form .hs_phone .input:before,
  .form form .hs_comments .input:before,
  .form form .hs_message.hs-message .input:before {
    top: 18px !important;
  }
}
@supports (-webkit-touch-callout: none) {
  .form form .hs_firstname .input:before,
  .form form .hs_lastname .input:before,
  .form form .hs_company .input:before,
  .form form .hs_email .input:before,
  .form form .hs_comments .input:before,
  .form form .hs_country .input:before,
  .form form .hs_phone .input:before,
  .form form .hs_message.hs-message .input:before {
    top: 18px !important;
  }
}






.form form .hs_firstname .input:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 21V19C20 17.9391 19.5786 16.9217 18.8284 16.1716C18.0783 15.4214 17.0609 15 16 15H8C6.93913 15 5.92172 15.4214 5.17157 16.1716C4.42143 16.9217 4 17.9391 4 19V21' stroke='%23A2A2A2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z' stroke='%23A2A2A2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.form form .hs_firstname:has(.error) .input:before{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 21V19C20 17.9391 19.5786 16.9217 18.8284 16.1716C18.0783 15.4214 17.0609 15 16 15H8C6.93913 15 5.92172 15.4214 5.17157 16.1716C4.42143 16.9217 4 17.9391 4 19V21' stroke='%23B91C29' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z' stroke='%23B91C29' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.form form .hs_lastname .input:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 21V19C20 17.9391 19.5786 16.9217 18.8284 16.1716C18.0783 15.4214 17.0609 15 16 15H8C6.93913 15 5.92172 15.4214 5.17157 16.1716C4.42143 16.9217 4 17.9391 4 19V21' stroke='%23A2A2A2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z' stroke='%23A2A2A2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.form form .hs_lastname:has(.error) .input:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 21V19C20 17.9391 19.5786 16.9217 18.8284 16.1716C18.0783 15.4214 17.0609 15 16 15H8C6.93913 15 5.92172 15.4214 5.17157 16.1716C4.42143 16.9217 4 17.9391 4 19V21' stroke='%23B91C29' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z' stroke='%23B91C29' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.form form .hs_company .input:before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M7.50077 10.9974L4.60077 10.9957C4.04072 10.9954 3.76069 10.9952 3.54679 11.1041C3.35864 11.1998 3.20567 11.3527 3.10982 11.5408C3.00085 11.7547 3.00087 12.0347 3.00093 12.5947L3.00174 20.9947M16.5008 11.0028L19.4008 11.0045C19.9608 11.0049 20.2408 11.005 20.4548 11.1142C20.6429 11.2101 20.7959 11.3632 20.8918 11.5514C21.0008 11.7654 21.0009 12.0454 21.0009 12.6055L21.0017 21.0055M16.5017 21.0028L16.5003 6.2028C16.5002 5.0827 16.5001 4.52265 16.2821 4.09469C16.0903 3.71825 15.7843 3.41211 15.408 3.22014C14.9801 3.00189 14.4201 3.00156 13.3 3.00089L10.7 2.99934C9.57989 2.99867 9.01983 2.99833 8.59203 3.21607C8.21573 3.40759 7.9098 3.71337 7.71809 4.08958C7.50014 4.51727 7.50019 5.07732 7.5003 6.19743L7.50173 20.9974M22.0017 21.0061L2.00174 20.9941M11.0004 6.99952L13.0004 7.00071M11.0008 10.9995L13.0008 11.0007M11.0012 14.9995L13.0011 15.0007" stroke="%23A2A2A2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.form form .hs_company:has(.error) .input:before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M7.50077 10.9974L4.60077 10.9957C4.04072 10.9954 3.76069 10.9952 3.54679 11.1041C3.35864 11.1998 3.20567 11.3527 3.10982 11.5408C3.00085 11.7547 3.00087 12.0347 3.00093 12.5947L3.00174 20.9947M16.5008 11.0028L19.4008 11.0045C19.9608 11.0049 20.2408 11.005 20.4548 11.1142C20.6429 11.2101 20.7959 11.3632 20.8918 11.5514C21.0008 11.7654 21.0009 12.0454 21.0009 12.6055L21.0017 21.0055M16.5017 21.0028L16.5003 6.2028C16.5002 5.0827 16.5001 4.52265 16.2821 4.09469C16.0903 3.71825 15.7843 3.41211 15.408 3.22014C14.9801 3.00189 14.4201 3.00156 13.3 3.00089L10.7 2.99934C9.57989 2.99867 9.01983 2.99833 8.59203 3.21607C8.21573 3.40759 7.9098 3.71337 7.71809 4.08958C7.50014 4.51727 7.50019 5.07732 7.5003 6.19743L7.50173 20.9974M22.0017 21.0061L2.00174 20.9941M11.0004 6.99952L13.0004 7.00071M11.0008 10.9995L13.0008 11.0007M11.0012 14.9995L13.0011 15.0007" stroke="%23B91C29" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.form form .hs_email .input:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M4.00488 4.49474L20.0049 4.51515C21.1049 4.51655 22.0046 5.4177 22.0043 6.5177L22.0006 18.5177C22.0003 19.6177 21.1 20.5165 20 20.5151L4.00003 20.4947C2.90003 20.4933 2.0003 19.5922 2.00064 18.4922L2.00428 6.49219C2.00461 5.39219 2.90488 4.49334 4.00488 4.49474Z' stroke='%23A2A2A2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.0049 6.50989L12.0028 13.4971L2.00488 6.48438' stroke='%23A2A2A2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.form form .hs_email:has(.error) .input:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M4.00488 4.49474L20.0049 4.51515C21.1049 4.51655 22.0046 5.4177 22.0043 6.5177L22.0006 18.5177C22.0003 19.6177 21.1 20.5165 20 20.5151L4.00003 20.4947C2.90003 20.4933 2.0003 19.5922 2.00064 18.4922L2.00428 6.49219C2.00461 5.39219 2.90488 4.49334 4.00488 4.49474Z' stroke='%23B91C29' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.0049 6.50989L12.0028 13.4971L2.00488 6.48438' stroke='%23B91C29' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.form form .hs_country .input:before {
  top:13px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M12 13.5C13.6569 13.5 15 12.1569 15 10.5C15 8.84315 13.6569 7.5 12 7.5C10.3431 7.5 9 8.84315 9 10.5C9 12.1569 10.3431 13.5 12 13.5Z' stroke='%23A2A2A2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 22.5C16 18.5 20 14.9183 20 10.5C20 6.08172 16.4183 2.5 12 2.5C7.58172 2.5 4 6.08172 4 10.5C4 14.9183 8 18.5 12 22.5Z' stroke='%23A2A2A2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.form form .hs_country:has(.error) .input:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M12 13.5C13.6569 13.5 15 12.1569 15 10.5C15 8.84315 13.6569 7.5 12 7.5C10.3431 7.5 9 8.84315 9 10.5C9 12.1569 10.3431 13.5 12 13.5Z' stroke='%23B91C29' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 22.5C16 18.5 20 14.9183 20 10.5C20 6.08172 16.4183 2.5 12 2.5C7.58172 2.5 4 6.08172 4 10.5C4 14.9183 8 18.5 12 22.5Z' stroke='%23B91C29' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.form form .hs_phone .input:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M12 18H12.01M8.2 22.5H15.8C16.9201 22.5 17.4802 22.5 17.908 22.282C18.2843 22.0903 18.5903 21.7843 18.782 21.408C19 20.9802 19 20.4201 19 19.3V5.7C19 4.57989 19 4.01984 18.782 3.59202C18.5903 3.21569 18.2843 2.90973 17.908 2.71799C17.4802 2.5 16.9201 2.5 15.8 2.5H8.2C7.0799 2.5 6.51984 2.5 6.09202 2.71799C5.71569 2.90973 5.40973 3.21569 5.21799 3.59202C5 4.01984 5 4.5799 5 5.7V19.3C5 20.4201 5 20.9802 5.21799 21.408C5.40973 21.7843 5.71569 22.0903 6.09202 22.282C6.51984 22.5 7.07989 22.5 8.2 22.5ZM12.5 18C12.5 18.2761 12.2761 18.5 12 18.5C11.7239 18.5 11.5 18.2761 11.5 18C11.5 17.7239 11.7239 17.5 12 17.5C12.2761 17.5 12.5 17.7239 12.5 18Z' stroke='%23A2A2A2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.form form .hs_phone:has(.error) .input:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M12 18H12.01M8.2 22.5H15.8C16.9201 22.5 17.4802 22.5 17.908 22.282C18.2843 22.0903 18.5903 21.7843 18.782 21.408C19 20.9802 19 20.4201 19 19.3V5.7C19 4.57989 19 4.01984 18.782 3.59202C18.5903 3.21569 18.2843 2.90973 17.908 2.71799C17.4802 2.5 16.9201 2.5 15.8 2.5H8.2C7.0799 2.5 6.51984 2.5 6.09202 2.71799C5.71569 2.90973 5.40973 3.21569 5.21799 3.59202C5 4.01984 5 4.5799 5 5.7V19.3C5 20.4201 5 20.9802 5.21799 21.408C5.40973 21.7843 5.71569 22.0903 6.09202 22.282C6.51984 22.5 7.07989 22.5 8.2 22.5ZM12.5 18C12.5 18.2761 12.2761 18.5 12 18.5C11.7239 18.5 11.5 18.2761 11.5 18C11.5 17.7239 11.7239 17.5 12 17.5C12.2761 17.5 12.5 17.7239 12.5 18Z' stroke='%23B91C29' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.form form .hs_message.hs-message .input:before,.form form .hs_comments .input:before,.form form .hs_nature_of_problem .input:before{
  top:16px;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M3.02344 8.37031C3.02344 6.69015 3.02344 5.85008 3.35042 5.20834C3.63804 4.64385 4.09698 4.18491 4.66147 3.89729C5.3032 3.57031 6.14328 3.57031 7.82344 3.57031H16.2234C17.9036 3.57031 18.7437 3.57031 19.3854 3.89729C19.9499 4.18491 20.4088 4.64385 20.6965 5.20834C21.0234 5.85008 21.0234 6.69015 21.0234 8.37031V13.7703C21.0234 15.4505 21.0234 16.2905 20.6965 16.9323C20.4088 17.4968 19.9499 17.9557 19.3854 18.2433C18.7437 18.5703 17.9036 18.5703 16.2234 18.5703H13.7072C13.0831 18.5703 12.7711 18.5703 12.4727 18.6316C12.2079 18.6859 11.9516 18.7758 11.7109 18.8988C11.4396 19.0374 11.196 19.2323 10.7087 19.6221L8.32319 21.5305C7.90711 21.8634 7.69906 22.0298 7.52398 22.03C7.37171 22.0302 7.22766 21.9609 7.13267 21.8419C7.02344 21.7051 7.02344 21.4387 7.02344 20.9058V18.5703C6.09347 18.5703 5.62848 18.5703 5.24698 18.4681C4.2117 18.1907 3.40306 17.382 3.12566 16.3468C3.02344 15.9653 3.02344 15.5003 3.02344 14.5703V8.37031Z' stroke='%23A2A2A2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.form form .hs_message.hs-message:has(.error) .input:before,.form form .hs_comments:has(.error) .input:before,.form form .hs_nature_of_problem:has(.error) .input:before{
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M3.02344 8.37031C3.02344 6.69015 3.02344 5.85008 3.35042 5.20834C3.63804 4.64385 4.09698 4.18491 4.66147 3.89729C5.3032 3.57031 6.14328 3.57031 7.82344 3.57031H16.2234C17.9036 3.57031 18.7437 3.57031 19.3854 3.89729C19.9499 4.18491 20.4088 4.64385 20.6965 5.20834C21.0234 5.85008 21.0234 6.69015 21.0234 8.37031V13.7703C21.0234 15.4505 21.0234 16.2905 20.6965 16.9323C20.4088 17.4968 19.9499 17.9557 19.3854 18.2433C18.7437 18.5703 17.9036 18.5703 16.2234 18.5703H13.7072C13.0831 18.5703 12.7711 18.5703 12.4727 18.6316C12.2079 18.6859 11.9516 18.7758 11.7109 18.8988C11.4396 19.0374 11.196 19.2323 10.7087 19.6221L8.32319 21.5305C7.90711 21.8634 7.69906 22.0298 7.52398 22.03C7.37171 22.0302 7.22766 21.9609 7.13267 21.8419C7.02344 21.7051 7.02344 21.4387 7.02344 20.9058V18.5703C6.09347 18.5703 5.62848 18.5703 5.24698 18.4681C4.2117 18.1907 3.40306 17.382 3.12566 16.3468C3.02344 15.9653 3.02344 15.5003 3.02344 14.5703V8.37031Z' stroke='%23B91C29' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

}

.heroContactForm_rightCol.form .hs_message.hs-message .input:before{
  background-image:none !important;
}
.heroContactForm_rightCol.form form textarea{
  padding-left: 16px !important;
}
.form .hs-fieldtype-select {
  position: relative;
}

.form .hs-fieldtype-select select {
  position: relative;
  top: 100%; /* Positions dropdown below the field */
  left: 0;
  width: 100% !important;
  color:#A2A2A2 !important;
}

.form .hs_country.hs-country{
  position:relative;
  display:unset !important;
}
.form .hs_country.hs-country select,
.form select{
  width: 100%;
  padding-top: 17px;
  padding-bottom:17px;
  padding-right: 36px; 
  font-size: 16px;
  background-color: white; 
  appearance: none; 
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}
.form .hs_country.hs-country:after,
.form .hs_company_type:after{
  content: "";
  background: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Hero-ContactUs-Form/chevron-down.svg') no-repeat right 10px center;
  background-size: 24px;
  background-repeat: no-repeat;
  font-size: 14px;
  position: absolute;
  right: 16px;
  top: 0;
  bottom:10px;
  margin:auto;
  pointer-events: none;
  width: 30px;
  height: 30px;
}
.form form .hs_country:has(.error):after {
  background: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Hero-ContactUs-Form/chevron-down-red.svg') no-repeat right 10px center;
  background-size: 18px;
  background-repeat: no-repeat;
  font-size: 14px;
  position: absolute;
  right: 16px;
  top: 32%;
  transform: translateY(-50%);
  pointer-events: none;
  width: 35px;
  height: 35px;
}
.form .hs-form-field {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-bottom: 0;
  position: relative;
  text-align: left;
  min-width: min(200px, 100%);
}
.form form .hs_firstname input,
.form form .hs_lastname input,
.form form .hs_company input,
.form form .hs_email input,
.form form .hs_phone input,
.form form .hs-country select,
.form form textarea{
  padding-left: 45px !important;
  position: relative;
  margin-bottom: 12px;
}
.form fieldset.form-columns-1 label {
  font-size: 16px;
  color: var(--dark);
}

.form form textarea {
  font-size: 16px !important;
}
.form form .hs_firstname input,
.form form .hs_lastname input,
.form form .hs_company input,
.form form .hs_email input,
.form form .hs-country select,
.form form .hs-phone input,
.form form .hs_serial_number input,
.form form .hs_drop_files_here input,
.form form textarea,
.form form .hs_address input,
.form form .hs_jobtitle input,
.form form .hs_date_unit_installed_or_filters_last_replaced input
{
  width: 100% !important;
}
.form form .hs_email input:placeholder{
  font-size:14px; 
}
.form .hs-button {
  width: 100% !important;
  padding: 12px;
  font-size: 14px;
  display: block;
}
.form .form-columns-2 .hs-form-field .hs-input{
  width: 100% !important;
}
.form-columns-2 .hs-form-field {
  flex: 0 49% !important;
}
.form .form-title, 
.form .submitted-message, 
.form form {
  font-size: 14px;
  max-width: 100%;
}
.form form .hs-richtext {
  font-size: 12px;
  max-width: 100%;
  font-weight: 400;
  padding: 10px 0;
}
.form form .legal-consent-container {
  overflow-wrap: break-word;
  word-break: break-word;
  display: inline-block;
  max-width: 100%;
  position:relative;
  z-index:999;
}
.form form .hs-richtext a {
  color: #B91C29;
  text-decoration: none;
  font-weight: bold;
}
.form form .hs_submit.hs-submit {
  width: 100% !important;
  display: block;
  text-align: center;
  position: relative;
  bottom: 0;
  right: 0;
}
.form label.hs-error-msg.hs-main-font-element {
  font-size: 12px;
}
.form .form-title, 
.form .submitted-message, 
.form form {
  background-color: transparent;
  border: 1px #f8fafc;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  font-style: normal;
  text-decoration: none;
}
.form .hs-input {
  border-radius: 7px;
  padding-top: 17px;
  padding-right: 36px;
  padding-bottom: 17px;
  padding-left: 15px;
  box-sizing: border-box;
}
.form .hs-input {
  margin-bottom: 12px;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  color: #000 !important;
}
.form .hs-input::placeholder {
  color: #A2A2A2 !important;
  opacity: 1; /* Firefox */
}
.form .hs-input.error::placeholder{
  color: #B91C29 !important;
}
.form label.hs-error-msg.hs-main-font-element {
  font-size: 12px;
}
.hs-form-field > label span,
.form .hs-fieldtype-text.field.hs-form-field > label span,
.form .hs-fieldtype-phonenumber.field.hs-form-field > label span {
  color: var(--dark);
  font-size: 16px;
  font-family: 'Poppins' !important;
}
.form legend {
  font-family: 'Poppins' !important;
}
.form fieldset.form-columns-0 .hs-richtext {
  max-width: 100% !important;
}

.form fieldset.form-columns-1 .hs_address input {
  width: 100% !important;
}
.form ul li.hs-form-booleancheckbox input {
  width: auto !important;
}
.form legend {
  font-size: 16px;
  color: var(--dark);
  margin-bottom: 10px;
}
.form form .hs-input.invalid.error {
  border-color: #B91C29;
  color: #B91C29 !important;
}
.form form .hs-error-msg {
  color: #B91C29;
}
.heroDownloadFormWrap {
  position: relative;
}
.form .hs-button {
  align-items: center;
  border-radius: 7px;
  box-shadow: 4px 3px 6px 3px rgba(0, 0, 0, .06);
  color: #fff;
  display: flex;
  font-size: 18px;
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1.8px;
  padding: 16px 30px;
  text-align: center;
  background: linear-gradient(270deg, #b91c29, #dc2635);
}
.form .hs-button:hover {
  transform: scale(1.05);
}
.form form .hs-richtext {
  font-size: 12px;
  font-weight:400;
  color: #000;
  font-family: Poppins;
}
.form form .legal-consent-container {
  overflow-wrap: break-word;
  word-break: break-word;
  display: inline-block;
  position:relative;
  /*   z-index:999; */
}
.form form .hs-richtext {
  max-width: 215px; 
  /*   margin: 14px 0px; */
  margin-bottom:0px;
}
.heroContactForm_rightCol.form form .hs-richtext{
  width:100%;
  max-width:unset;
  margin-bottom:0px;
}
.form form .hs-richtext a {
  color: #B91C29; 
  text-decoration: none !important; 
  font-family: Poppins !important;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-weight:400;
}
.form form .hs_submit.hs-submit {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.fullPageForm_section.form form .hs_submit.hs-submit{
  display: flex;
  justify-content: flex-end;
  position: absolute;
  bottom: 10px;
  right: 0px;
}
.fullPageForm_section.form span.hs-form-required {
  display: none;
}
.form .hs_error_rollup {
  display: none;
}

.form .input {
  margin-right: 0px !important;
  width: 100%;
  position:relative;
}
.form fieldset.form-columns-2 {
  display: flex;
  gap: 10px;
  justify-content: space-between;
}
.form form .inputs-list > li {
  display: block;
  margin: 10px 0px !important;
}
.fullPageForm_section.form form .inputs-list > li {
  display: block;
  margin: 10px 0px !important;
}
.fullPageForm_section.check-column ul.inputs-list.multi-container li {
  margin: 0px 0px !important;
}
.fullPageForm_section.form input.hs-button.primary.large {
  text-shadow: 1px 1px 0px rgba(147, 26, 36, 0.70);
}
.fullPageForm_section.form  form input[type=checkbox], 
.fullPageForm_section.form  form input[type=radio]{
  margin-right:0px; 
}
.fullPageForm_section.form .hs-form-booleancheckbox label{
  gap:10px;
  align-items:flex-start;
}

.form .hs-input.invalid.error {
  border-color: #b91c29;
  margin-bottom: 0px;
}
.form .hs-input {
  margin-bottom: 12px;
}
.form label {
  margin: 0;
}
.form fieldset.form-columns-1 .hs_message label {
  margin-bottom: 16px;
}
.form fieldset.form-columns-1 .hs_message label span {
  font-family: Poppins !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  color: #231F20;
  /* margin-bottom: 16px !important; */
}
.form legend.hs-field-desc a {
/*   color: var(--dark);
  text-decoration: none; */
      color: #B91C29;
}
.form .submitted-message {
  font-size: 24px !important;
  font-weight: 600 !important;
  text-align: center !important;
  color:#931A24 !important;
}
.form fieldset.form-columns-3 {
  display: flex;
  gap: 16px;
}

/* Hide default radio */
.form .hs-input[type="radio"] {
  display: none;
}

/* Custom radio container */
.form .hs-form-radio-display {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  position: relative;
}

/* Unchecked state - radio button */
.form .hs-form-radio-display::before {
  content: "";
  width: 32px;
  height: 32px;
  border: 2px solid #d1d6dc !important;
  border-radius: 50%;
  display: inline-block;
  transition: all 0.3s ease;
  background-color: #fff;
  position: relative;
}

/* Checked state - background color and tick mark */
.form .hs-input[type="radio"]:checked + span::before {
  content: "";
  width: 32px;
  height: 32px;
  /*     background-color: #B91C29; /* Red background */ */
  border-radius: 50%;
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  background:url(https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Hero-ContactUs-Form/Vector.svg);
  background-repeat:no-repeat;
  background-position:center;
  background-size:32px;
}

.form.check_column ul.inputs-list.multi-container {
  display: flex;
  flex-wrap:wrap;
  ///gap:16px;
  gap:12px !important;
  align-items: center;
  margin-bottom: 3px;
}
.form li.hs-form-radio label span {
  font-family: Poppins !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 120%;
  color: #A2A2A2 !important;
  font-variant-numeric: oldstyle-nums proportional-nums;
}

.form li.hs-form-radio label {
  padding: 12px 20px 12px 12px;
  padding-right: 20px;
  border: 2px solid #d1d6dc !important;
  border-radius: 50px;
  flex:0 19%;
  background:#fff;
}
.form li.hs-form-booleancheckbox span {
  width: 85%;
  font-family: Poppins;
  font-size: 12px!important;
  font-style: normal;
  font-weight: 400!important;
  line-height: 130%;
  color: #231F20;
  margin:0px !important;
  font-variant-numeric: oldstyle-nums proportional-nums;
}
.form li.hs-form-booleancheckbox span a {
  color: #B91C29;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: Poppins !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 130%;
}
.form .hs-form-checkbox span {
  font-family: Poppins;
  font-size: 12px!important;
  font-style: normal;
  font-weight: 400!important;
  line-height: 130%;
  color: #231F20;
  margin:0px !important;
}
.form .hs-form-checkbox span a {
  color: #B91C29;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: Poppins !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 130%;
}
.fullPageForm_section.form .hs_message.hs-message label {
  display: none;
}
.form .hs-fieldtype-select.field.hs-form-field > label span {
  color: var(--dark);
  font-size: 16px;
}
.form .hs-fieldtype-checkbox.field.hs-form-field > label span {
  color: var(--dark);
  font-size: 16px;
  font-family: Poppins;
}
.form input[type="checkbox"] {
  appearance: none;
  margin-bottom:0px !important;
}
.form .hs-form-booleancheckbox label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0px;
}
.form input[type="checkbox"] {
  background: url("https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Hero-ContactUs-Form/default-minus-square.svg") no-repeat !important;
  background-size: 36px !important;
  width: 36px !important;
  height: 36px !important;
  background-position: center !important;
  position:relative;
}

.fullPageForm_section.form .legal-consent-container ul.no-list.hs-error-msgs.inputs-list li {
  display: none;
}

.form input[type="checkbox"]:checked {
  background: url("https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Hero-ContactUs-Form/tick-square.svg") no-repeat !important; 
  background-position: center !important;
  background-size: 36px !important;
  width: 36px !important;
  height: 36px !important;
}
/* ERROR STATE: When there's an error message */
.fullPageForm_section.form .hs-form-booleancheckbox.has-error input[type="checkbox"] {
  background: url("https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Hero-ContactUs-Form/minus-square.svg") no-repeat !important;
  background-position: center !important;
  background-size: 36px !important;
  width: 36px !important;
  height: 36px !important;
}
.legal-consent-container .input:has(+ .no-list.hs-error-msgs.inputs-list) input[type="checkbox"]{
  background: url("https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Hero-ContactUs-Form/minus-square.svg") no-repeat !important;
  background-position: center !important;
  background-size: 36px !important;
  width: 36px !important;
  height: 36px !important;
}

.fullPageForm_section.form fieldset.form-columns-2 {
  display: flex;
  gap: 16px;
}
.fullPageForm_section.form .hs_country.hs-country {
  width: unset !important;
  flex: 0 34% !important;
}
.fullPageForm_section.form .hs_email.hs-email {
  flex: 0 70%;
  width: unset !important;
}
.form fieldset.form-columns-1 legend em {
  color: var(--dark);
  font-size: 16px;
  /* margin-bottom: 16px; */
}
ul.no-list.hs-error-msgs.inputs-list {
  padding: 0px;
  list-style-type: none;
}
.form form .hs-richtext h1, 
.form form .hs-richtext h2, 
.form form .hs-richtext h3, 
.form form .hs-richtext h4, 
.form form .hs-richtext h5, 
.form form .hs-richtext h6 {
  color: var(--dark);
  font-family: Poppins;
}
.form form .hs-richtext h1 {
  font-size:64px;
  font-weight:700;
}
.form form .hs-richtext h2 {
  font-size:40px;
  font-weight:700;
}
.form form .hs-richtext h3 {
  font-size:32px;
  font-weight:600;
}
.form form .hs-richtext h4 {
  font-size:24px;
  font-weight:600;
}
.form form .hs-richtext h5 {
  font-size:20px;
  font-weight:600;
}
.form form .hs-richtext h6 {
  font-size:20px;
  font-weight:500;
}



@media(max-width:1081px){
  .form fieldset.form-columns-2 {
    display: flex;
    gap: 0px !important;
    flex-direction:column;
  }
  .form .hs_firstname.hs-firstname,
  .form .hs_lastname.hs-lastname,
  .form form .hs_phone,
  .form form .hs_company.hs-company{
    width: 100% !important;
  }
  .form form .hs_email.hs-email,
  .form form .hs_country.hs-country{
    width: 100% !important;
  }
  .form form .form-columns-2 .hs-form-field {
    flex: 0 100% !important;
  }
  .form-columns-2 .hs-form-field{
    width:100% !important;
  }
}
@media screen and (max-width: 1000px) { 
  .form form .hs-richtext h1 {
    font-size:60px;
  }
}
@media(max-width:1024px){
  .form form .hs_submit.hs-submit,
  .fullPageForm_section.form form .hs_submit.hs-submit{
    position: unset !important;
    display:block;
    width:100% !important;
  }
  .form form .hs-richtext {
    margin: 14px 0;
    max-width: 100%;
  }
  .form form fieldset.form-columns-3 {
    flex-direction: column;
  }
  .form form .hs_firstname.hs-firstname,
  .form form .hs_lastname.hs-lastname,
  .form form .hs_company.hs-company{
    width:100% !important; 
  }
  .form fieldset.form-columns-3,
  .fullPageForm_section.form fieldset.form-columns-2{
    gap: 0px !important;
  }
}

@media (max-width: 800px) {
  .form form .hs-richtext h1 {
    font-size:48px;
  }
}

@media (max-width: 768px) {
  .form form .hs_firstname .input:before,
  .form form .hs_lastname .input:before,
  .form form .hs_company .input:before,
  .form form .hs_email .input:before,
  .form form .hs_country .input:before,
  .form form .hs_comments .input:before,
  .form form .hs_nature_of_problem .input:before,
  .form form .hs_message.hs-message .input:before{
    height: 20px;
    width: 20px;
    left: 10px;
    top: 15px;
  }
  .form form .hs_message.hs-message .input:before,.form form .hs_nature_of_problem .input:before{
    top:16px;
  }
  .form form .hs_firstname input,
  .form form .hs_lastname input,
  .form form .hs_company input,
  .form form .hs_email input,
  .form form .hs-country input,
  .form form .hs-phone input,
  .form .hs_country.hs-country select,
  .form form textarea,
  {
    padding-left: 40px !important;
    font-size: 14px !important;
    margin-bottom: 15px;
  }
  .form .hs-input.hs_firstname.hs-firstname,
  .form .hs-input.hs_lastname,
  .form .hs-input.hs_company,
  .form form .hs-input.hs_email
  {
    width: 100%;
    padding: 12px;
    font-size: 14px;

  }
  .form .hs-button {
    width: 100% !important;
    padding: 12px;
    font-size: 14px;
    display: block;
  }
  .form .form-columns-2 .hs-form-field .hs-input{
    width: 100% !important;
  }
  .form .form-title, 
  .form .submitted-message, 
  .form form {
    font-size: 14px;
    max-width: 100%;
  }
  .form form .hs-richtext {
    font-size: 12px;
    max-width: 100%;
    font-weight: 400;
    padding: 10px 0;
  }  
  .form form .legal-consent-container {
    overflow-wrap: break-word;
    word-break: break-word;
    display: inline-block;
    max-width: 100%;
    position:relative;
    /*     z-index:999; */
  }
  .form form .hs-richtext a {
    color: #B91C29;
    text-decoration: none;
    font-weight: bold;
  }
  .form form .hs_submit.hs-submit {
    width: 100% !important;
    display: block;
    text-align: center;
    position: relative;
    bottom: 0;
    right: 0;
  }
  .form label.hs-error-msg.hs-main-font-element {
    font-size: 12px;
  }
  .form form .hs_message.hs-message .input:before{
    left:10px; 
  }
  .form form .hs_phone .input:before {
    top: 10px;
    left: 10px;
  }
  .form form .hs_email .input:before {
    top: 15px;
  }
}

@media (max-width: 480px) {
  .form form .hs_firstname .input:before,
  .form form .hs_lastname .input:before,
  .form form .hs_company .input:before,
  .form form .hs_email .input:before,
  .form form .hs_country .input:before,
  .form form .hs_comments .input:before
  .form form .hs_phone .input:before, 
  .form form .hs_message.hs-message .input:before,
  .form form .hs_nature_of_problem .input:before,{
    height: 18px;
    width: 18px;
    left: 8px;
    top: 14px ;

  }
  .form form .hs_email .input:before{
    top:17px;
  }
  .form form .hs_country .input:before {
    top:16px;
  }
  .form form .hs_firstname input,
  .form form .hs_lastname input,
  .form form .hs_company input,
  .form form .hs_email input,
  .form form .hs_phone input,
  .form form .hs-country select,
  .form form textarea{
    padding-left: 35px !important;
    font-size: 12px !important;
    margin-bottom: 12px;
  }
  .form .hs-form-field {
    min-width: 100%;
  }
  .form form textarea,
  .form .hs_country.hs-country select{
    font-size: 12px !important;
    padding-left: 35px !important;
  }
  .form form .hs-richtext h1 {
    font-size:40px;
  }
}


@media(max-width:395px){
  .form form .hs_firstname input,
  .form form .hs_lastname input,
  .form form .hs_company input,
  .form form .hs_email input {
    padding-left: 35px !important;
    font-size: 12px;
    margin-bottom: 12px;
  }
  .form form .hs_firstname .input:before, 
  .form form .hs_lastname .input:before, 
  .form form .hs_company .input:before, 
  .form form .hs_email .input:before,
  .form form .hs_nature_of_problem .input:before,
  .form form .hs_message.hs-message .input:before,
  .form form .hs_comments .input:before{
    height: 18px;
    width: 18px;
    left: 8px;
    top: 14px;
    -webkit-background-size: cover;
    -webkit-background-position: center;
  }
  .form form .hs_message.hs-message .input:before {
    height: 18px;
    width: 18px;
    left: 8px;
    top: 18px;
  }
}
@media only screen and (min-width: 395px) and (-webkit-min-device-pixel-ratio: 3) {
  .form form .hs_firstname .input:before, 
  .form form .hs_lastname .input:before, 
  .form form .hs_company .input:before, 
  .form form .hs_email .input:before {
    height: 18px;
    width: 18px;
    left: 8px;
    top: 14px;
    -webkit-background-size: cover;
    -webkit-background-position: center;
  }
}
@media(max-width:321px){
  .form form .hs_email .input:before {
    height: 18px;
    width: 18px;
    left: 8px;
    top: 16px;
  }
}
/* Table */

table {
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}

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

/* Header DND sections */

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

/* Header container */

.header__container {
  display: flex;
  justify-content: space-between;
}

.header__row-1 {
  padding-top: 1rem;
}

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

@media (max-width: 1150px) and (min-width: 767px) {
  .header__column {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .header__container {
    flex-direction: column;
    padding: 1rem 0 0;
  }

  .header__column {
    position: relative;
  }

  .header__row-1 {
    padding-top: 0;
  }

  .header__row-2 {
    justify-content: center;
    padding: 1.05rem;
  }
}

/* Navigation skipper */

.header__skip {
  height: 1px;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -1000px;
  width: 1px;
}

.header__skip:hover,
.header__skip:focus,
.header__skip:active {
  height: auto;
  left: 0;
  overflow: visible;
  top: 0;
  width: auto;
}

/* Logo */

.header__logo {
  align-items: center;
  display: flex;
  height: auto;
  margin-right: auto;
  max-width: 200px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .header__logo {
    margin: 0 auto;
    width: 100%;
  }
}

.header__logo img {
  max-width: 100%;
}

.header__logo .logo-company-name {
  font-size: 1.167rem;
  margin-top: 0.7rem;
}

.header__logo--main {
  padding-top: 1rem;
}

/* Search bar */

.header__search {
  padding: 0 1rem;
  width: auto;
}



  .hs-search-field__form {
    position: relative;
  }

  .header__search .hs-search-field__label {
    flex-basis: auto;
  }



.header__search .hs-search-field__input {
  
  height: 45px;
  padding: 0 0.7rem;
}



  .header__search .hs-search-field__button {
    padding: 0;
    fill: #000;
    background-color: transparent;
    border: none;
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0;
  }

  .header__search .hs-search-field__button svg {
    height: 25px;
  }


.header__search .hs-search-field--open .hs-search-field__input {
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  max-width: 100%;
}

.header__search .hs-search-field--open .hs-search-field__suggestions {
  background-color: #FFF;
  border: 2px solid #D1D6DC;
  border-radius: 0 0 6px 6px;
  border-top-width: 1px;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.header__search .hs-search-field__suggestions li {
  border-top: 1px solid #D1D6DC;
  font-size: 0.875rem;
}

.header__search .hs-search-field__suggestions li a {
  color: #494A52;
  padding: 0.35rem 0.7rem;
  text-decoration: none;
  transition: background-color 0.3s;
}

.header__search .hs-search-field__suggestions #results-for {
  display: none;
}

@media (min-width: 767px) {
  .header__search form {
    align-items: center;
    display: flex;
    flex-direction: row;
  }

  .header__search label {
    margin: 0 1rem 0 0;
  }

  .header__search .hs-search-field__input {
    width: auto;
  }
}

@media (max-width: 767px) {
  .header__search {
    border-top: 2px solid #CED4DB;
    order: 1;
    padding: 1.05rem;
  }
}

/* Language switcher */

.header__language-switcher {
  cursor: pointer;
  padding-right: 1.4rem;
}

.header__language-switcher .lang_switcher_class {
  position: static;
}

.header__language-switcher .lang_list_class {
  border: 2px solid;
  border-radius: 3px;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2);
  display: block;
  left: calc(100% - 24px);
  opacity: 0;
  min-width: 100px;
  padding-top: 0;
  text-align: left;
  top: 100%;
  transition: opacity 0.3s;
  visibility: hidden;
}

.header__language-switcher:hover .lang_list_class,
.header__language-switcher:focus .lang_list_class {
  opacity: 1;
  transition: opacity 0.3s;
  visibility: visible;
}

.header__language-switcher .lang_list_class:before {
  left: 70%;
  top: -25px;
}

.header__language-switcher .lang_list_class:after {
  left: 70%;
  top: -22px;
}

.header__language-switcher .lang_list_class.first-active::after {
  top: -22px;
  transition: 0.3s;
}

.header__language-switcher .lang_list_class li {
  border: none;
  font-size: 18px;
  padding: 0.35rem 0.7rem;
}

.header__language-switcher .lang_list_class li:first-child {
  border-radius: 6px 6px 0 0;
  border-top: none;
}

.header__language-switcher .lang_list_class li:last-child {
  border-bottom: none;
  border-radius: 0 0 6px 6px;
}

.header__language-switcher .lang_list_class li:hover {
  transition: background-color 0.3s;
}

.header__language-switcher--label {
  display: flex;
  position: relative;
}

.header__language-switcher--label-current {
  align-items: center;
  display: flex;
  font-size: 0.75rem;
  margin-bottom: 0.175rem;
  margin-left: 0.7rem;
}

.header__language-switcher--label-current:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #494A52;
  content: "";
  display: block;
  height: 0px;
  margin-left: 0.7rem;
  margin-top: 0.175rem;
  width: 0px;
}

@media (max-width: 767px) {
  .header__language-switcher {
    border-top: 2px solid #CED4DB;
    padding-left: 1.05rem;
    padding-right: 0;
  }

  .header__language-switcher .lang_list_class {
    border: none;
    box-shadow: unset;
    display: block;
    left: 30px;
    opacity: 1;
    padding: 0 1.05rem;
    top: 0;
    visibility: visible;
  }

  .header__language-switcher .lang_list_class li {
    background-color: inherit;
    font-size: 0.917rem;
  }

  .header__language-switcher--label-current {
    display: none;
  }

  .header__language-switcher .globe_class {
    background-image: none;
  }

  .header__language-switcher .lang_list_class li:hover{
    background-color: inherit;
  }

  .header__language-switcher .lang_list_class:before,
  .header__language-switcher .lang_list_class:after {
    content: none;
  }
    /* V1 lang switcher updates to keep "in line" w/ v0 mobile styles */
    .header__language-switcher .hs-language-switcher__menu {
        display: block;
        box-shadow:none!important;
        background: transparent;
    }
    .header__language-switcher .hs-language-switcher__menu a {
        font-size: 20px!important;
    }
    .header__language-switcher .hs-language-switcher__button {
        display: none;
    }
  }

/* Navigation */

#nav-toggle {
  display: none;
}

/* Mobile toggles */

@media (max-width: 767px) {
  .header__navigation,
  .header__search,
  .header__language-switcher {
    display: none;
    width: 100%;
  }

  .header__navigation.open,
  .header__search.open,
  .header__language-switcher.open {
    background-color: #F8FAFC;
    display: block;
    left: 0;
    min-height: calc(100vh - 115px);
    position: absolute;
    right: 0;
    top: 75px;
    z-index: 2;
  }

  .header__navigation--toggle,
  .header__search--toggle,
  .header__language-switcher--toggle,
  .header__close--toggle {
    cursor: pointer;
    margin: 0 5vw;
    position: relative;
  }

  .header__navigation--toggle.hide,
  .header__search--toggle.hide,
  .header__language-switcher--toggle.hide {
    display: none;
  }

  .header__navigation--toggle.open,
  .header__search--toggle.open,
  .header__language-switcher--toggle.open {
    display: block;
    margin-left: 0;
    margin-right: auto;
  }

  .header__navigation--toggle:after,
  .header__search--toggle:after,
  .header__language-switcher--toggle:after {
    display: none;
    font-size: 1.083rem;
    font-weight: 600;
    position: absolute;
    left: 40px;
    text-transform: uppercase;
    top: -10px;
  }

  .header__navigation--toggle.open:after,
  .header__search--toggle.open:after,
  .header__language-switcher--toggle.open:after {
    display: block;
    word-break: normal;
  }

  .header__navigation--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oYW1idXJnZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9ImhhbWJ1cmdlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iR3JvdXAiIHN0cm9rZT0iIzQ5NEE1MiIgc3Ryb2tlLXdpZHRoPSIzIj4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgeD0iMS41IiB5PSI5LjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTUiIHg9IjEuNSIgeT0iMTcuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__navigation--toggle:after {
    content: "Menu";
  }

  .header__language-switcher--toggle {
    background-image: url(//static.hsappstatic.net/cos-LanguageSwitcher/static-1.1/img/globe.png);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__language-switcher--toggle:after {
    content: "Language";
  }

  .header__search--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__search--toggle:after {
    content: "Search";
  }

  .header__close--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE5cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5jbG9zZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZyBpZD0iY2xvc2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgLTEuMDAwMDAwKSIgc3Ryb2tlPSIjNDk0QTUyIiBzdHJva2Utd2lkdGg9IjMiPiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMTAuNTAwMDAwKSByb3RhdGUoLTQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0xMC4wMDAwMDAsIC0xMC41MDAwMDApICIgeD0iLTAuNSIgeT0iMTAuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCAxMC41MDAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtMTAuNTAwMDAwKSAiIHg9Ii0wLjUiIHk9IjEwLjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 110%;
    display: none;
    height: 25px;
    margin-right: 0;
    width: 25px;
  }

  .header__close--toggle.show {
    display: block;
  }
}
/* 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;
  }
}

/* CTA, logo, and rich text images */

.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}
/* poppins-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Poppins/poppins-v22-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* space-grotesk-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 300;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Space-Grotesk/space-grotesk-v16-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* space-grotesk-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Space-Grotesk/space-grotesk-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* space-grotesk-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Space-Grotesk/space-grotesk-v16-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* space-grotesk-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Space-Grotesk/space-grotesk-v16-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* space-grotesk-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  src: url('https://145014106.fs1.hubspotusercontent-eu1.net/hubfs/145014106/Titon-2025/Font/Space-Grotesk/space-grotesk-v16-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


:root {
  --corporate: #931A24;
  --ventilation: #303C49; /* Horizon 900 */
  --ventilation-800: #364554; /* Horizon 800 */
  --ventilation-500: #4D748D; /* Horizon 500 */
  --hardware: #5A3559; /* Vidid Violet 900 */
  --hardware-800: #6C3C6C; /* Vidid Violet 800 */
  --hardware-700: #8C4D8C; /* Vidid Violet 700 */
  --dark: #231f20; /* actual #231f20 --- test #FF41BD */
  --copy: #584c50; /* actual #584c50 --- test #F7A79C */
  --light: #fff; /* actual #FAFAFA --- test #FF8400 */
  --tag-corporate: #931A24; /* actual #931A24 --- test #A33FD9*/
  --tag-ventilation: #4D748D; /* actual #4D748D --- test #7424FF */
  --tag-hardware: #6C3C6C;
  --tag-dark: #231F20;
  --tag-light: #fff; /* actual #FAFAFA --- test #FF8400 */
  --headings-subtle-shadow: -2px 1px 3px rgba(35, 31, 32, 0.18);
  --h5-headings-subtle-shadow: -1px 1px 1px rgba(0, 0, 0, 0.11);
}


/**************************************************************H1************************************************************************/

[class^="h1-"] {
  font: 700 64px/100% 'Poppins', sans-serif !important;
  font-variant-numeric: oldstyle-nums proportional-nums;
  text-decoration: none;
  letter-spacing: -1.28px;
  margin-bottom: 12px;
  text-shadow: var(--headings-subtle-shadow);
}
/*  // fallback colour for IE 11 if causing issues we can active */
.h1-corporate {  color: var(--corporate); }
.h1-ventilation {  color: var(--ventilation); }
.h1-hardware {  color: var(--hardware); }
.h1-dark {  color: var(--dark); }
.h1-light {  color: var(--light);   
  text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.40), -2px 2px 34px rgba(0, 0, 0, 0.32);
}

[class^="h1-"]:hover,
[class^="h1-"]:focus {
  text-decoration: none;
}

/**************************************************************H2************************************************************************/

[class^="h2-"] {
  font: 700 40px/110% 'Poppins', sans-serif !important;
  font-variant-numeric: oldstyle-nums proportional-nums;
  text-decoration: none;
  margin-bottom: 22px;
  text-shadow: var(--headings-subtle-shadow);
}
/*  // fallback colour for IE 11 if causing issues we can active */
.h2-corporate {  color: var(--corporate); }
.h2-ventilation {  color: var(--ventilation); }
.h2-hardware {  color: var(--hardware); }
.h2-dark {  color: var(--dark); }
.h2-light {  color: var(--light);   
  text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.40), -2px 2px 34px rgba(0, 0, 0, 0.32);
}

[class^="h2-"]:hover:where(a) {
  text-decoration: underline;
  color: inherit;
}
[class^="h2"]:focus {
  text-decoration: none;
}

/**************************************************************H3************************************************************************/

[class^="h3-"] {
  font: 600 32px/120% 'Poppins', sans-serif !important;
  font-variant-numeric: oldstyle-nums proportional-nums;
  text-decoration: none;
  text-shadow: var(--headings-subtle-shadow);
}
/*  // fallback colour for IE 11 if causing issues we can active */
.h3-corporate { color: var(--corporate); }
.h3-ventilation {  color: var(--ventilation); }
.h3-hardware {  color: var(--hardware); }
.h3-dark { color: var(--dark); }
.h3-light { color: var(--light);   
  text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.40), -2px 2px 34px rgba(0, 0, 0, 0.32);
}

[class^="h3-"]:hover,
[class^="h3-"]:focus {
  text-decoration: none;
}


/*.h3-ventilation {
color: #364554;
font-variant-numeric: oldstyle-nums proportional-nums;
text-shadow: 1px 1px 0px #040C15;
font-family: Poppins;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 120%;
}
.h3-hardware {
color: #6C3C6C;
font-variant-numeric: oldstyle-nums proportional-nums;
text-shadow: 1px 1px 0px #040C15;
font-family: Poppins;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 120%;
}
.h3-corporate {
color: #931A24;
font-variant-numeric: oldstyle-nums proportional-nums;
text-shadow: 1px 1px 0px #040C15;
font-family: Poppins;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 120%;
}
.h3-dark {
color: #4b4144;
font-variant-numeric: oldstyle-nums proportional-nums;
text-shadow: 1px 1px 0px #040C15;
font-family: Poppins;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 120%;
}
.h3-light {
color: #fafafa;
font-variant-numeric: oldstyle-nums proportional-nums;
text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.40), -2px 2px 34px rgba(0, 0, 0, 0.32);
//text-shadow: 1px 1px 0px #040C15;
font-family: Poppins;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 120%;
}*/


/************************************************************H4**************************************************************************/

[class^="h4-"] {
  font: 600 24px/120% 'Poppins', sans-serif !important;
  font-variant-numeric: oldstyle-nums proportional-nums;
  text-decoration: none;
  text-shadow: var(--headings-subtle-shadow);
}
/*  // fallback colour for IE 11 if causing issues we can active */
.h4-corporate {  color: var(--corporate); }
.h4-ventilation {  color: var(--ventilation); }
.h4-hardware {  color: var(--hardware); }
.h4-dark {  color: var(--dark); }
.h4-light { color: var(--light);   
  text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.40), -2px 2px 34px rgba(0, 0, 0, 0.32);
}

[class^="h4-"]:hover,
[class^="h4-"]:focus {
  text-decoration: none;
}


/*.h4-ventilation {
color: #364554;
font-variant-numeric: oldstyle-nums proportional-nums;
text-shadow: 1px 1px 0px #1D262F;
font-family: Poppins !important;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 120%;
}
.h4-hardware {
color: #6C3C6C;
font-variant-numeric: oldstyle-nums proportional-nums;
text-shadow: 1px 1px 0px #1D262F;
font-family: Poppins !important;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 120%;
}
.h4-corporate {
color: #931A24;
font-variant-numeric: oldstyle-nums proportional-nums;
text-shadow: 1px 1px 0px #1D262F;
font-family: Poppins !important;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 120%;
}
.h4-light {
color: #fafafa;
font-variant-numeric: oldstyle-nums proportional-nums;
text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.40), -2px 2px 34px rgba(0, 0, 0, 0.32);
//text-shadow: 1px 1px 0px #1D262F;
font-family: Poppins !important;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 120%;
}
.h4-dark {
color: #4b4144;
font-variant-numeric: oldstyle-nums proportional-nums;
text-shadow: 1px 1px 0px #1D262F;
font-family: Poppins !important;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 120%;
}
*/

.distributorsHeading .h4-dark {
  color: #231F20;
}
/************************************************************H5**************************************************************************/

[class^="h5-"] {
  font: 600 20px/120% 'Poppins', sans-serif !important;
  font-variant-numeric: oldstyle-nums proportional-nums;
  margin-bottom:12px;
  text-decoration: none;
  text-shadow: var(--h5-headings-subtle-shadow);
}
/*  // fallback colour for IE 11 if causing issues we can active */
.h5-corporate {  color: var(--corporate); }
.h5-ventilation {  color: var(--ventilation); }
.h5-hardware { color: var(--hardware); }
.h5-dark {  color: var(--dark); }
.h5-light { color: var(--light);   
  text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.40), -2px 2px 34px rgba(0, 0, 0, 0.32);
}

[class^="h5-"]:hover,
[class^="h5-"]:focus {
  text-decoration: none;
}


/*.h5-ventilation {
color: #364554;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 120%;
margin: 0px;
margin-bottom:12px;
font-family: Poppins !important;
}
.h5-ventilation:hover {
color: #364554;
}
.h5-hardware {
color: #6c3c6c;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 120%;
margin: 0px;
margin-bottom:12px;
font-family: Poppins !important;
}
.h5-hardware:hover {
color: #6c3c6c;
}
.h5-corporate {
color: #931a24;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 120%;  
margin: 0px;
margin-bottom:12px;
font-family: Poppins !important;
}
.h5-corporate:hover {
color: #931a24;
}
.h5-light {
color: #fafafa;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 120%;  
margin: 0px;
margin-bottom:12px;
font-family: Poppins !important;
}
.h5-light:hover {
color: #ffffff;
}
.h5-dark {
color: #231f20;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 120%;
margin: 0px;
margin-bottom:12px;
font-family: Poppins !important;
}
.h5-dark:hover {
color: #231f20;
}
*/

/***********************************************************H6***************************************************************************/

[class^="h6-"] {
  font: 500 20px/120% 'Poppins', sans-serif !important;
  font-variant-numeric: oldstyle-nums proportional-nums;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 8px;
  padding-bottom: 4px;
  text-decoration: none;
}
/*  // fallback colour for IE 11 if causing issues we can active */
.h6-ventilation { color: var(--tag-ventilation); }
.h6-hardware { color: var(--tag-hardware); }
.h6-corporate { color: var(--tag-corporate); }
.h6-dark { color: var(--tag-dark); }
.h6-light { color: var(--tag-light); }

.h6-ventilation svg path { stroke: var(--tag-ventilation); }
.h6-hardware svg path {  stroke: var(--tag-hardware); }
.h6-corporate svg path {  stroke: var(--tag-corporate); }
.h6-dark svg path {  stroke: var(--tag-dark); }
.h6-light svg path { stroke: var(--tag-light); }



[class^="h6-"]:hover:where(a) {
  text-decoration: underline;
  color: inherit;
}
[class^="h6-"]:focus {
  text-decoration: none;
}


/*.h6-ventilation {
color: #1d262f;
font-variant-numeric: oldstyle-nums proportional-nums;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 120%;
letter-spacing: 2px;
text-transform: uppercase;
margin: 0px;
margin-bottom: 8px;
}
.h6-hardware {
color: #381a37;
font-variant-numeric: oldstyle-nums proportional-nums;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 120%;
letter-spacing: 2px;
text-transform: uppercase;
margin: 0px;
margin-bottom: 8px;
}
.h6-corporate {
color: #450a0f;
font-variant-numeric: oldstyle-nums proportional-nums;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 120%;
letter-spacing: 2px;
text-transform: uppercase;
margin: 0px;
margin-bottom: 8px;
}
.h6-light {
color: #ffffff;
font-variant-numeric: oldstyle-nums proportional-nums;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 120%;
letter-spacing: 2px;
text-transform: uppercase;
margin: 0px;
margin-bottom: 8px;
}
.h6-dark {
color: #231F20;
font-variant-numeric: oldstyle-nums proportional-nums;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 120%;
letter-spacing: 2px;
text-transform: uppercase;
margin: 0px;
margin-bottom: 8px;
}
*/

/***********************************************************Body-Copy***************************************************************************/
.body-copy,
.body-copy p {
  color: var(--copy);
  font: 400 16px/140% "Space Grotesk", sans-serif !important;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: "Space Grotesk" !important;
  margin-bottom:24px;
  text-decoration: none;
}

.body-copy p + p {
  margin-top: 24px;
}

.body-copy:hover,
.body-copy:focus {
  color: #584C50;
  text-decoration: none;
}
.body-copy-light,
.body-copy-light p {
  color: var(--color-white-solid, #fafafa);
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  margin-bottom:0px;
  margin-top:20px;
  text-decoration: none;
}
.body-copy-light:hover,
.body-copy-light:focus {
  color:#fff;
  text-decoration: none;
}
.body-copy-ventilation,
.body-copy-ventilation p {
  color: #364554;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  margin-bottom:20px;
  text-decoration: none;
}
.body-copy-ventilation:hover,
.body-copy-ventilation:focus {
  color: #364554;
  text-decoration: none;
}
.body-copy-hardware,
.body-copy-hardware p {
  color: #6C3C6C;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  margin-bottom:20px;
  text-decoration: none;
}
.body-copy-hardware:hover,
.body-copy-hardware:focus{
  color: #6C3C6C;
  text-decoration: none;
}
.body-copy-corporate,
.body-copy-corporate p {
  color: #931A24;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  margin-bottom:20px;
  text-decoration: none;
}
.body-copy-corporate:hover,
.body-copy-corporate:focus {
  color: #931A24;
  text-decoration: none;
}
/**********************************************************Linear Gradient Button Medium****************************************************************************/
/*.nav-ventilation-button-icon-medium,
.nav-ventilation-button-icon-medium:hover {
display: flex;
height: 45px;
padding: 12px 12px 12px 24px;
align-items: center;
gap: 4px;
border-radius: 6.545px;
background: linear-gradient(270deg, #3B5163 0%, #5E88A2 100%);
box-shadow: 1.636px 3.273px 12.273px 0px rgba(0, 0, 0, 0.26);
color: #FFF;
text-shadow: 0.818px 0.818px 0px rgba(29, 38, 47, 0.50);
font-family: "Space Grotesk" !important;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 18.529px;
letter-spacing: 1.6px;
text-decoration:none;
}*/

/* START Explore Primary Ventilation Medium Animation */

.nav-ventilation-button-icon-medium {
  display: flex;
  align-items: center;
  height: 45px;
  padding: 12px 12px 12px 24px; /* Initial padding */
  gap: 4px;
  border-radius: 6px;
  background: linear-gradient(270deg, #3B5163 0%, #5E88A2 100%);
  background-size: 200% 200%;
  background-position: 0% 50%;
  box-shadow: 1.636px 3.273px 12.273px rgba(0, 0, 0, 0.26);
  color: #FFF;
  text-shadow: -0.818px 0.818px 0 rgba(29, 38, 47, 0.5);
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: 1.6px;
  text-decoration: none;
  transition: 
    background-position 0.6s ease-in-out, 
    box-shadow 0.3s ease-in-out, 
    padding 0.3s ease-in-out,
    transform 0.3s ease-in-out; /* Added transition for transform */
  cursor: pointer;
}

.nav-ventilation-button-icon-medium:hover,
.nav-ventilation-button-icon-medium:focus {
  color: #FFF;
  text-shadow: -0.818px 0.818px 0 rgba(29, 38, 47, 0.5);
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: 1.6px;
  text-decoration: none;
  background-position: 100% 50%; /* Reverse gradient */
  box-shadow: 1.636px 3.273px 14px rgba(0, 0, 0, 0.35);
  padding: 12px 18px 12px 30px;
  transform: translateX(4px);
}
/* END Animation */

.nav-hardware-button-icon-medium,
.nav-hardware-button-icon-medium:focus,
.nav-hardware-button-icon-medium:hover {
  display: flex;
  height: 45px;
  padding: 12px 12px 12px 24px;
  align-items: center;
  gap: 4px;
  border-radius: 6.545px;
  background: linear-gradient(270deg, #6C3C6C 0%, #9E5A9F 100%);
  box-shadow: 1.636px 3.273px 12.273px 0px rgba(0, 0, 0, 0.26);
  color: #FFF;
  text-shadow: 0.818px 0.818px 0px rgba(29, 38, 47, 0.50);
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 18.529px; /* 115.809% */
  letter-spacing: 1.6px;
  text-decoration:none;
}
.nav-corporate-button-icon-medium,
.nav-corporate-button-icon-medium:focus,
.nav-corporate-button-icon-medium:hover {
  display: flex;
  height: 45px;
  padding: 12px 12px 12px 24px;
  align-items: center;
  gap: 4px;
  border-radius: 6.545px;
  background: linear-gradient(270deg, #B91C29 0%, #DC2635 100%);
  box-shadow: 1.636px 3.273px 12.273px 0px rgba(0, 0, 0, 0.26);
  color: #FFF;
  text-shadow: 0.818px 0.818px 0px rgba(29, 38, 47, 0.50);
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 18.529px; /* 115.809% */
  letter-spacing: 1.6px;
  text-decoration:none;
}
.nav-dark-button-icon-medium,
.nav-dark-button-icon-medium:focus,
.nav-dark-button-icon-medium:hover {
  display: flex;
  height: 45px;
  padding: 12px 12px 12px 24px;
  align-items: center;
  gap: 4px;
  border-radius: 6.545px;
  background: linear-gradient(270deg, #231f20 0%, #6c5d62 100%);
  box-shadow: 1.636px 3.273px 12.273px 0px rgba(0, 0, 0, 0.26);
  color: #FFF;
  text-shadow: 0.818px 0.818px 0px rgba(29, 38, 47, 0.50);
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 18.529px; /* 115.809% */
  letter-spacing: 1.6px;
  text-decoration:none;
}
.nav-light-button-icon-medium,
.nav-light-button-icon-medium:focus,
.nav-light-button-icon-medium:hover {
  display: flex;
  height: 45px;
  padding: 12px 12px 12px 24px;
  align-items: center;
  gap: 4px;
  border-radius: 6.545px;
  background: linear-gradient(270deg, #f8f7f8 0%, #ffffff 100%);
  box-shadow: 1.636px 3.273px 12.273px 0px rgba(0, 0, 0, 0.26);
  color: #231F20;
  text-shadow: 0.818px 0.818px 0px rgba(29, 38, 47, 0.50);
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 18.529px; /* 115.809% */
  letter-spacing: 1.6px;
  text-decoration:none;
}
/******************************************************Tag Resource********************************************************************************/
.tag-resources-ventilation {
  font-family: Poppins !important;
  color: #364554;  
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-weight: 500;
  letter-spacing: 1.6px;
  line-height: 120%;
  margin: 0;
  text-transform: uppercase;
}
.tag-resources-ventilation-light {
  font-family: Poppins !important;
  color: #99B5C7;  
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-weight: 500;
  letter-spacing: 1.6px;
  line-height: 120%;
  margin: 0;
  text-transform: uppercase;
}


.tag-resources-ventilation svg,
.tag-resources-ventilation svg path {
  fill: #364554;
}
.tag-resources-hardware {
  font-family: Poppins !important;
  color: #6C3C6C;
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-weight: 500;
  letter-spacing: 1.6px;
  line-height: 120%;
  margin: 0;
  text-transform: uppercase;
}
.tag-resources-hardware svg,
.tag-resources-hardware path {
  fill: #6C3C6C;
}
.tag-resources-corporate {
  font-family: Poppins !important;
  color: #931A24;
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-weight: 500;
  letter-spacing: 1.6px;
  line-height: 120%;
  margin: 0;
  text-transform: uppercase;
}
.tag-resources-corporate svg,
.tag-resources-corporate path {
  fill: #931A24;
}
.tag-resources-light {
  font-family: Poppins !important;
  color: #fafafa;
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-weight: 500;
  letter-spacing: 1.6px;
  line-height: 120%;
  margin: 0;
  text-transform: uppercase;
}
.tag-resources-light svg,
.tag-resources-light path {
  fill: #fafafa;
}
.tag-resources-dark {
  font-family: Poppins !important;
  color: #231F20;
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-weight: 500;
  letter-spacing: 1.6px;
  line-height: 120%;
  margin: 0;
  text-transform: uppercase;
}
.tag-resources-dark svg,
.tag-resources-dark path {
  fill: #231F20;
}
/******************************************************Tag********************************************************************************/
.tag-ventilation {  
  color: var(--tag-ventilation);
  text-align: center;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: Poppins !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 24px */
  letter-spacing: 2px;
  text-transform: uppercase;
}
.tag-ventilation:hover {  
  color: var(--tag-ventilation);
}
.tag-hardware {  
  color: var(--tag-hardware);
  text-align: center;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: Poppins !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 24px */
  letter-spacing: 2px;
  text-transform: uppercase;
}
.tag-hardware:hover {  
  color: var(--tag-hardware);
}
.tag-corporate {  
  color: var(--tag-corporate);
  text-align: center;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: Poppins !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 24px */
  letter-spacing: 2px;
  text-transform: uppercase;
}
.tag-corporate:hover {  
  color: #931A24;
}
.tag-dark {  
  color: var(--tag-dark); 
  text-align: center;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: Poppins !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 24px */
  letter-spacing: 2px;
  text-transform: uppercase;
}
.tag-dark:hover {  
  color: #231F20; 
}
.tag-light {  
  color: var(--tag-light);
  text-align: center;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: Poppins !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 24px */
  letter-spacing: 2px;
  text-transform: uppercase;
}
.tag-light:hover {  
  color: #ffffff; 
}

/****************************************************Distributors Tag******************************************************************************/

.distributorsTag .tag-ventilation {
  color: var(--tag-ventilation);
}
.distributorsTag .tag-hardware {
  color: var(--tag-hardware);
}
.distributorsTag .tag-corporate {
  color: var(--tag-corporate);
}
.distributorsTag .tag-dark {
  color: var(--tag-dark);
}

/******************************************************Lead Text********************************************************************************/
.lead-ventilation,
.lead-ventilation p {
  color: #364554;
  font-size: 20px;
  font-style: normal;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 0;
  margin-top: 12px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .25);
}
.lead-hardware,
.lead-hardware p {
  color: #6C3C6C;
  font-size: 20px;
  font-style: normal;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 0;
  margin-top: 12px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .25);
}
.lead-corporate,
.lead-corporate p {
  color: #931A24;
  font-size: 20px;
  font-style: normal;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 0;
  margin-top: 12px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .25);
}
.lead-dark,
.lead-dark p {
  color: #231F20;
  font-size: 20px;
  font-style: normal;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 0;
  margin-top: 12px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .25);
}
.lead-light,
.lead-light p {
  color: #fafafa;
  font-size: 20px;
  font-style: normal;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 0;
  margin-top: 12px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .25);
}
/******************************************************Linear Gradient Button Large********************************************************************************/
/*.button-ventilation-large,
.button-ventilation-large:hover {
background: linear-gradient(270deg, #3B5163 0%, #5E88A2 100%);
border-radius: 8px;
box-shadow: 2px 4px 15px 0 rgba(0, 0, 0, .26);
color: #fff;
display: inline-block;
font-size: 18px;
font-style: normal;
font-weight: 700;
letter-spacing: 1.8px;
line-height: 22.647px;
padding: 16px 30px;
text-decoration: none;
text-shadow: -1px 1px 0 #1d262f;
}*/

/* Explore Primary Button (nav-ventilation-button-large) START */

.button-ventilation-large {

  background-size: 200% 200%;
  background-position: 0% 50%;
  border-radius: 7px;
  box-shadow: 2px 4px 15px 0 rgba(0, 0, 0, .26);
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1.8px;
  line-height: 22.647px;
  padding: 16px 30px;
  text-decoration: none;
  text-shadow: -1px 1px 0 #1d262f;
  transition: 
    background-position 0.6s ease-in-out, 
    box-shadow 0.3s ease-in-out, 
    padding 0.3s ease-in-out,
    transform 0.3s ease-in-out; /* Added transition for transform */
  cursor: pointer;
  background: linear-gradient(270deg, #3B5163 0%, #5E88A2 100%);
}
.button-ventilation-large:focus,
.button-ventilation-large:hover{
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1.8px;
  line-height: 22.647px;
  text-decoration: none;
  text-shadow: -1px 1px 0 #1d262f;
  background-position: 100% 50%;
  box-shadow: 1.636px 3.273px 14px rgba(0, 0, 0, 0.35);
  padding: 16px 36px;
  transform: translateX(-6px);
}

/* Explore Primary Button (nav-ventilation-button-large) END */


.button-hardware-large,
.button-hardware-large:focus,
.button-hardware-large:hover {
  background: linear-gradient(270deg, #6C3C6C 0%, #9E5A9F 100%);
  border-radius: 8px;
  box-shadow: 2px 4px 15px 0 rgba(0, 0, 0, .26);
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1.8px;
  line-height: 22.647px;
  padding: 16px 30px;
  text-decoration: none;
  text-shadow: 1px 1px 0 #1d262f;
  transition: 
    background-position 0.6s ease-in-out, 
    box-shadow 0.3s ease-in-out, 
    padding 0.3s ease-in-out,
    transform 0.3s ease-in-out; /* Added transition for transform */
}
.button-hardware-large:hover {
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1.8px;
  line-height: 22.647px;
  text-decoration: none;
  text-shadow: -1px 1px 0 #1d262f;
  background-position: 100% 50%;
  box-shadow: 1.636px 3.273px 14px rgba(0, 0, 0, 0.35);
  padding: 16px 36px;
  transform: translateX(-6px);
}
.button-corporate-large,
.button-corporate-large:focus,
.button-corporate-large:hover {
  background: linear-gradient(270deg, #B91C29 0%, #DC2635 100%);
  border-radius: 8px;
  box-shadow: 2px 4px 15px 0 rgba(0, 0, 0, .26);
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1.8px;
  line-height: 22.647px;
  padding: 16px 30px;
  text-decoration: none;
  text-shadow: 1px 1px 0 #1d262f;
  transition: 
    background-position 0.6s ease-in-out, 
    box-shadow 0.3s ease-in-out, 
    padding 0.3s ease-in-out,
    transform 0.3s ease-in-out; /* Added transition for transform */
}
.button-corporate-large:hover {
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1.8px;
  line-height: 22.647px;
  text-decoration: none;
  text-shadow: -1px 1px 0 #1d262f;
  background-position: 100% 50%;
  box-shadow: 1.636px 3.273px 14px rgba(0, 0, 0, 0.35);
  padding: 16px 36px;
  transform: translateX(-6px);
}
.button-dark-large,
.button-dark-large:focus,
.button-dark-large:hover {
  background: linear-gradient(270deg, #231f20 0%, #6c5d62 100%);
  border-radius: 8px;
  box-shadow: 2px 4px 15px 0 rgba(0, 0, 0, .26);
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1.8px;
  line-height: 22.647px;
  padding: 16px 30px;
  text-decoration: none;
  text-shadow: 1px 1px 0 #1d262f;
  transition: 
    background-position 0.6s ease-in-out, 
    box-shadow 0.3s ease-in-out, 
    padding 0.3s ease-in-out,
    transform 0.3s ease-in-out; /* Added transition for transform */
}
.button-dark-large:hover {
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1.8px;
  line-height: 22.647px;
  text-decoration: none;
  text-shadow: -1px 1px 0 #1d262f;
  background-position: 100% 50%;
  box-shadow: 1.636px 3.273px 14px rgba(0, 0, 0, 0.35);
  padding: 16px 36px;
  transform: translateX(-6px);
}
.button-light-large,
.button-light-large:focus,
.button-light-large:hover {
  background: linear-gradient(270deg, #f8f7f8 0%, #ffffff 100%);
  border-radius: 8px;
  box-shadow: 2px 4px 15px 0 rgba(0, 0, 0, .26);
  color: #231F20;
  display: inline-block;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1.8px;
  line-height: 22.647px;
  padding: 16px 30px;
  text-decoration: none;
  text-shadow: 1px 1px 0 #1d262f;
  transition: 
    background-position 0.6s ease-in-out, 
    box-shadow 0.3s ease-in-out, 
    padding 0.3s ease-in-out,
    transform 0.3s ease-in-out; /* Added transition for transform */
}
.button-light-large:hover {
  border-radius: 7px;
  color: #231F20;
  display: inline-block;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1.8px;
  line-height: 22.647px;
  text-decoration: none;
  text-shadow: -1px 1px 0 #1d262f;
  background-position: 100% 50%;
  box-shadow: 1.636px 3.273px 14px rgba(0, 0, 0, 0.35);
  padding: 16px 36px;
  transform: translateX(-6px);
}
/******************************************************tag-h6-ventilation********************************************************************************/

[class^="tag-h6-"] {
  font: 500 20px/120% 'Poppins', sans-serif !important;
  font-variant-numeric: oldstyle-nums proportional-nums;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 8px;
  /*padding-bottom: 4px;*/
  text-decoration: none;
}

.tag-h6-ventilation, .tag-h6-ventilation:hover { color: #4D748D; color: var(--tag-ventilation); }
.tag-h6-hardware, .tag-h6-hardware:hover { color: #6C3C6C; color: var(--tag-hardware); }
.tag-h6-corporate, .tag-h6-corporate:hover { color: #931A24; color: var(--tag-corporate); }
.tag-h6-dark, .tag-h6-dark:hover { color: #231F20; color: var(--tag-dark); }
.tag-h6-light, .tag-h6-light:hover { color: #ffffff; color: var(--tag-light); }


.tag-h6-ventilation svg path { fill: #4D748D; fill: var(--tag-ventilation); }
.tag-h6-hardware svg path { fill: #6C3C6C; fill: var(--tag-hardware); }
.tag-h6-corporate svg path { fill: #931A24; fill: var(--tag-corporate); }
.tag-h6-dark svg path { fill: #231F20; fill: var(--tag-dark); }
.tag-h6-light svg path { fill: #ffffff; fill: var(--tag-light); }  

[class^="tag-h6-"]:hover,
[class^="tag-h6-"]:focus {
  text-decoration: none;
}


/*.tag-h6-ventilation,
.tag-h6-ventilation:hover,
.tag-h6-ventilation:focus { 
color: var(--Horizon-500, #4D748D);
font: 500 20px/120% 'Poppins', sans-serif !important;
font-variant-numeric: oldstyle-nums proportional-nums;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 8px;
padding-bottom: 4px;
text-decoration: none;
}

.tag-h6-hardware,
.tag-h6-hardware:hover,
.tag-h6-hardware:focus { 
color: var(--Vivid-Violet-800, #6C3C6C);
font: 500 20px/120% 'Poppins', sans-serif !important;
font-variant-numeric: oldstyle-nums proportional-nums;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 8px;
padding-bottom: 4px;
text-decoration: none;
}

.tag-h6-corporate,
.tag-h6-corporate:hover,
.tag-h6-corporate:focus { 
color: var(--Titon-Red-800, #931A24);
font: 500 20px/120% 'Poppins', sans-serif !important;
font-variant-numeric: oldstyle-nums proportional-nums;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 8px;
padding-bottom: 4px;
text-decoration: none;

}
.tag-h6-dark,
.tag-h6-dark:hover,
.tag-h6-dark:focus { 
color: var(--Night, #231F20);
font: 500 20px/120% 'Poppins', sans-serif !important;
font-variant-numeric: oldstyle-nums proportional-nums;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 8px;
padding-bottom: 4px;
text-decoration: none;
}

.tag-h6-light,
.tag-h6-light:hover,
.tag-h6-light:focus { 
color:#ffffff;
font: 500 20px/120% 'Poppins', sans-serif !important;
font-variant-numeric: oldstyle-nums proportional-nums;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 8px;
padding-bottom: 4px;
text-decoration: none;
}*/


/******************************************************Responsive********************************************************************************/

/* 3 Column centered ONLY */
[class^="bar-middle-"] {
  width: 66px;
  height: 7px;
  margin-top: 60px;
}
/*  // fallback colour for IE 11 if causing issues we can active */
.bar-middle-ventilation {  color: var(--tag-ventilation); }
.bar-middle-hardware {  color: var(--tag-hardware); }
.bar-middle-corporate {  color: var(--tag-corporate); }
.bar-middle-dark { color: var(--tag-dark); }
.bar-middle-light {  color: var(--tag-light); }


/*****/
.bar-ventilation {
  width: 66px;
  height: 7px;
  margin-top: 10px;
  background-color: #4d748d;
}
.bar-hardware {
  width: 66px;
  height: 7px;
  margin-top: 21px;
  background-color: #8C4D8C;
}
.bar-corporate {
  width: 66px;
  height: 7px;
  margin-top: 21px;
  background-color: #931A24;
}
.bar-dark {
  width: 66px;
  height: 7px;
  margin-top: 21px;
  background-color: #847379;
}
.bar-light {
  width: 66px;
  height: 7px;
  margin-top: 21px;
  background-color: #ffffff;
}








/******************************************************Lead Copy********************************************************************************/
.lead-copy-ventilation,
.lead-copy-ventilation p {
  color:#1d262f;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: "Space Grotesk";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 26px */
}
.lead-copy-hardware,
.lead-copy-hardware p {
  color:#381a37;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: "Space Grotesk";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 26px */
}
.lead-copy-corporate,
.lead-copy-corporate p {
  color:#450a0f;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: "Space Grotesk";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 26px */
}
.lead-copy,
.lead-copy p {
  color:#231F20;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: "Space Grotesk";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 26px */
}
.lead-copy-light,
.lead-copy-light p {
  color:#fafafa;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: "Space Grotesk";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 26px */
}
/******************************************************Tag Default********************************************************************************/

[class^="tag-default-"] {
  font: 600 14px/120% 'Poppins', sans-serif !important;
  font-variant-numeric: oldstyle-nums proportional-nums;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  margin-bottom: 8px;
  text-decoration: none;
}
/*  // fallback colour for IE 11 if causing issues we can active */
.tag-default-ventilation {  color: var(--tag-ventilation); }
.tag-default-hardware { color: var(--tag-hardware); }
.tag-default-corporate {  color: var(--tag-corporate); }
.tag-default-dark {  color: var(--tag-dark); }
.tag-default-light {  color: var(--tag-light); }

[class^="tag-default-"]:hover:where(a) {
  text-decoration: underline;
  color: inherit;
}
[class^="tag-default-"]:focus {
  text-decoration: none;
}



/*.tag-default-ventilation {
//color: #4D748D;
color: var(--tag-ventilation); 
font-variant-numeric: oldstyle-nums proportional-nums;
font-family: Poppins !important;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 120%;
letter-spacing: 1.4px;
text-transform: uppercase;
margin-bottom:8px;
}

.tag-default {
color:#931a24;
font-variant-numeric: oldstyle-nums proportional-nums;
font-family: Poppins !important;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 120%;
letter-spacing: 1.4px;
text-transform: uppercase;
margin-bottom:8px;
}
.tag-default-hardware {
color:#6c3c6c;
font-variant-numeric: oldstyle-nums proportional-nums;
font-family: Poppins !important;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 120%;
letter-spacing: 1.4px;
margin-bottom:8px;
text-transform: uppercase;
}
.tag-default-dark {
color:#4b4144;
font-variant-numeric: oldstyle-nums proportional-nums;
font-family: Poppins !important;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 120%;
letter-spacing: 1.4px;
text-transform: uppercase;
margin-bottom:8px;
}
.tag-default-light {
color:#ffffff;
font-variant-numeric: oldstyle-nums proportional-nums;
font-family: Poppins !important;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 120%;
letter-spacing: 1.4px;
text-transform: uppercase;
margin-bottom:8px;
}*/

/******************************************************nav-button-icon-default********************************************************************************/
/*.nav-button-icon-default-ventilation,
.nav-button-icon-default-ventilation:hover {
align-items: center;
color: #364554;
display: flex;
font-size: 18px;
font-style: normal;
font-weight: 700;
letter-spacing: 1.8px;
line-height: 120%;
padding: 8px 0;
text-decoration: none;
}*/


/******** Primary - nav-button-icon-ventilation-default - Animation START **************/

.nav-button-icon-default-ventilation {
  color: var(--Horizon-800, #364554);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 1.8px;
  line-height: 120%;
  padding: 8px 0;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.nav-button-icon-default-ventilation:hover {
  color: var(--Horizon-800, #364554);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 1.8px;
  line-height: 120%;
  padding: 8px 0;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.nav-button-icon-default-ventilation svg {
  transition: transform 0.3s ease-in-out;
}

.nav-button-icon-default-ventilation:hover svg {
  transform: translateX(10px);
}

.nav-button-icon-default-ventilation svg rect {
  fill: var(--Horizon-800, #364554);
}

.nav-button-icon-default-ventilation a {
  color: inherit;
  text-decoration: none;
}

.nav-button-icon-default-ventilation a:hover {
  color: inherit;
  text-decoration: none;
}

/********. Primary - nav-button-icon-ventilation-default - Animation END **************/


/******** Primary - nav-button-icon-corporate-default - Animation START **************/

.nav-button-icon-default-corporate {
  color: var(--Horizon-800, #931A24);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 1.8px;
  line-height: 120%;
  padding: 8px 0;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.nav-button-icon-default-corporate:hover {
  color: var(--Horizon-800, #931A24);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 1.8px;
  line-height: 120%;
  padding: 8px 0;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.nav-button-icon-default-corporate svg {
  transition: transform 0.3s ease-in-out;
}

.nav-button-icon-default-corporate:hover svg {
  transform: translateX(10px);
}

.nav-button-icon-default-corporate svg rect {
  fill: var(--Horizon-800, #931A24);
}

.nav-button-icon-default-corporate a {
  color: inherit;
  text-decoration: none;
}

.nav-button-icon-default-corporate a:hover {
  color: inherit;
  text-decoration: none;
}

/********. Primary - nav-button-icon-ventilation-default - Animation END **************/




.nav-button-icon-default-hardware,
.nav-button-icon-default-hardware:hover {
  align-items: center;
  color: #6c3c6c;
  display: flex;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1.8px;
  line-height: 120%;
  padding: 8px 0;
  text-decoration: none;
}
.nav-button-icon-default-hardware svg {
  transition: transform 0.3s ease-in-out;
}
.nav-button-icon-default-hardware:hover svg {
  transform: translateX(10px);
}
.nav-button-icon-default,
.nav-button-icon-default:hover {
  align-items: center;
  color: #931a24;
  display: flex;
  font-size: 18px;
  font-style: normal;
  font-weight: 700 !important;
  letter-spacing: 1.8px;
  line-height: 120%;
  padding: 8px 0;
  text-decoration: none !important;
}
.nav-button-icon-default svg {
  transition: transform 0.3s ease-in-out;
}
.nav-button-icon-default:hover svg {
  transform: translateX(10px);
}
.nav-button-icon-default-dark,
.nav-button-icon-default-dark:hover {
  align-items: center;
  color: #4b4144;
  display: flex;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1.8px;
  line-height: 120%;
  padding: 8px 0;
  text-decoration: none;
}
.nav-button-icon-default-dark svg {
  transition: transform 0.3s ease-in-out;
}
.nav-button-icon-default-dark:hover svg {
  transform: translateX(10px);
}
.nav-button-icon-default-light,
.nav-button-icon-default-light:hover {
  align-items: center;
  color: #ffffff;
  display: flex;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1.8px;
  line-height: 120%;
  padding: 8px 0;
  text-decoration: none;
}
.nav-button-icon-default-light svg {
  transition: transform 0.3s ease-in-out;
}
.nav-button-icon-default-light:hover svg {
  transform: translateX(10px);
}
.nav-button-icon-default-ventilation svg,
.nav-button-icon-default-hardware svg,
.nav-button-icon-default svg,
.nav-button-icon-default-corporate svg,
.nav-button-icon-default-dark svg,
.nav-button-icon-default-light svg  {
  margin-left:8px;
}
.nav-button-icon-default-ventilation svg,
.nav-button-icon-default-ventilation svg rect { 
  fill:#364554;
}
.nav-button-icon-default-hardware svg,
.nav-button-icon-default-hardware svg rect { 
  fill:#6C3C6C;
}
.nav-button-icon-default svg,
.nav-button-icon-default svg rect { 
  fill:#931A24;
}
.nav-button-icon-default-dark svg,
.nav-button-icon-default-dark svg rect {
  fill:#4b4144;
}
.nav-button-icon-default-light svg,
.nav-button-icon-default-light svg rect {
  fill:#ffffff;
}
/******************************************************List********************************************************************************/
.li-list-ventilation {
  color: #364554;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  padding-left: 10px;
  list-style-type: none;
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
}
.li-list-ventilation svg path {
  stroke: #364554;
}
.li-list-hardware {
  color: #6C3C6C;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  padding-left: 10px;
  list-style-type: none;
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
}
.li-list-hardware svg path {
  stroke: #6C3C6C;
}
.li-list-corporate {
  color: #931A24;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  padding-left: 10px;
  list-style-type: none;
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
}
.li-list-corporate svg path {
  stroke: #931A24;
}
.li-list-light {
  color: #ffffff;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  padding-left: 10px;
  list-style-type: none;
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
}
.li-list-light svg path {
  stroke: #ffffff;
}
.li-list-dark {
  color: #231F20;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  padding-left: 10px;
  list-style-type: none;
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
}
.li-list-dark svg path {
  stroke: #231F20;
}
/******************************************************Content Background********************************************************************************/
.content-bg-ventilation {
  background-color:#364554;
}
.content-bg-hardware {
  background-color:#6C3C6C;
}
.content-bg-corporate {
  background-color:#931A24;
}
.content-bg-light {
  background-color:#ffffff;
}
.content-bg-dark {
  background-color:#231F20;
}
/*************************************************************Description Card Bg Color********************************************************************************/
.descriptionCard-ventilation {
  background-color:#364554;
}
.descriptionCard-hardware {
  background-color:#6C3C6C;
}
.descriptionCard-corporate {
  background-color:#931A24;
}
.descriptionCard-light {
  background-color:#f3f7f8;
}
.descriptionCard-dark {
  background-color:#231F20;
}

/*************************************************************Distributors Card Bg Color********************************************************************************/
.distributors-bg-ventilation {
  background-color:#364554;
}
.distributors-bg-hardware {
  background-color:#6C3C6C;
}
.distributors-bg-corporate {
  background-color:#931A24;
}
.distributors-bg-light {
  background-color:#ffffff;
}
.distributors-bg-dark {
  background-color:#231F20;
}

/*************************************************************Featured Card Bg Color********************************************************************************/
.featuredCard-bg-ventilation {
  background-color:#364554;
}
.featuredCard-bg-hardware {
  background-color:#6C3C6C;
}
.featuredCard-bg-corporate {
  background-color:#931A24;
}
.featuredCard-bg-light {
  background-color:#fffffc;
}
.featuredCard-bg-dark {
  background-color:#231F20;
}
.featuredProductsCardWrap:hover .featuredCard-bg-ventilation-hover {
  background-color:#364554;
}
.featuredProductsCardWrap:hover .featuredCard-bg-hardware-hover {
  background-color:#6C3C6C;
}
.featuredProductsCardWrap:hover .featuredCard-bg-corporate-hover {
  background-color:#931A24;
}
.featuredProductsCardWrap:hover .featuredCard-bg-light-hover {
  background-color:#fffffc;
}
.featuredProductsCardWrap:hover .featuredCard-bg-dark-hover {
  background-color:#231F20;
}
/*************************************************************Description Card Bg Color********************************************************************************/
.main-ventilation a,
.main-hardware a,
.main-corporate a,
.main-dark {
  align-items: center;
  background-position: 0 50%;
  background-size: 200% 200%;
  border-radius: 6px;
  color: #fff;
  display: flex;
  display: inline-flex;
  font-family: Space Grotesk !important;
  font-size: 18px;
  font-style: normal;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-weight: 600;
  gap: 10.784px;
  justify-content: center;
  letter-spacing: 1.8px;
  line-height: 120%;
  padding: 12px 24px;
  text-align: center;
  text-decoration: none;
  text-shadow: -1px 1px 0 rgba(147,26,36,.7);
  transition: background-position .6s ease-in-out,box-shadow .3s ease-in-out,padding .3s ease-in-out,transform .3s ease-in-out;
  box-shadow: 1.636px 3.273px 14px rgba(0, 0, 0, .35);
}

/***** Medium Buttons 080125 *****/
.main-corporate_medium a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  border-radius: 6px;
  gap: 10.784px;
  background: linear-gradient(270deg, #B91C29 0%, #DC2635 100%);
  background-position: 0 50%;
  background-size: 200% 200%;
  color: #fff;
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  font-variant-numeric: oldstyle-nums proportional-nums;
  letter-spacing: 1.8px;
  line-height: 1.9;
  text-align: center;
  text-decoration: none;
  text-shadow: -1px 1px 0 rgba(147, 26, 36, 0.7);
  box-shadow: 1.636px 3.273px 14px rgba(0, 0, 0, 0.35);
  transition: 
    background-position 0.6s ease-in-out,
    box-shadow 0.3s ease-in-out,
    padding 0.3s ease-in-out,
    transform 0.3s ease-in-out;
}

.main-corporate_medium a:hover {
  border-radius: 8px;
  font-weight: 700;
  background: linear-gradient(270deg, #B91C29 0%, #DC2635 100%);
  background-position: 100% 50%;
  transform: scaleX(1.05);
  text-decoration: none !important;
}

/***** END *****/

.main-light a {
  align-items: center;
  background-position: 0 50%;
  background-size: 200% 200%;
  border-radius: 6px;
  color: #fff;
  display: flex;
  display: inline-flex;
  font-family: Space Grotesk !important;
  font-size: 18px;
  font-style: normal;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-weight: 600;
  gap: 10.784px;
  justify-content: center;
  letter-spacing: 1.8px;
  line-height: 120%;
  padding: 12px 24px;
  text-align: center;
  text-decoration: none;
  transition: background-position .6s ease-in-out,box-shadow .3s ease-in-out,padding .3s ease-in-out,transform .3s ease-in-out;
  box-shadow: 1.636px 3.273px 14px rgba(0, 0, 0, .35);
}
.main-ventilation a:hover,
.main-hardware a:hover,
.main-corporate a:hover,
.main-dark a:hover,
.main-light a:hover {
  align-items: center;
  background-position: 0 50%;
  background-size: 200% 200%;
  border-radius: 6px;
  color: #fff;
  display: flex;
  display: inline-flex;
  font-family: Space Grotesk !important;
  font-size: 18px;
  font-style: normal;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-weight: 700;
  gap: 10.784px;
  justify-content: center;
  letter-spacing: 1.8px;
  line-height: 120%;
  padding: 12px 24px;
  text-align: center;
  text-decoration: none;
  text-shadow: -1px 1px 0 rgba(147,26,36,.7);
  transition: background-position .6s ease-in-out,box-shadow .3s ease-in-out,padding .3s ease-in-out,transform .3s ease-in-out;
  text-decoration:none !important;
  background-position: 100% 50%;
  padding: 12px 24px;
  transform: scaleX(1.05);
  box-shadow: 1.636px 3.273px 14px rgba(0, 0, 0, .35);
}
.main-ventilation a { 
  background: linear-gradient(270deg, #3B5163 0%, #5E88A2 100%);
}
.main-hardware a {  
  background:linear-gradient(270deg, #6C3C6C 0%, #9E5A9F 100%);
}
.main-corporate a {  
  background: linear-gradient(270deg, #B91C29 0%, #DC2635 100%);
}
.main-dark a {  
  background: linear-gradient(270deg, #231f20 0%, #6c5d62 100%);
}
.main-light a {  
  background:linear-gradient(270deg, #ffffff 0%, #ffffff 100%);
  color:#231F20 !important;
}



a.main-ventilation,
a.main-hardware,
a.main-corporate,
a.main-dark {
  align-items: center;
  background-position: 0 50%;
  background-size: 200% 200%;
  border-radius: 6px;
  color: #fff;
  display: flex;
  display: inline-flex;
  font-family: Space Grotesk !important;
  font-size: 18px;
  font-style: normal;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-weight: 700;
  gap: 10.784px;
  height: 45px;
  justify-content: center;
  letter-spacing: 1.8px;
  line-height: 120%;
  padding: 12px 24px;
  text-align: center;
  text-decoration: none;
  text-shadow: -1px 1px 0 rgba(147,26,36,.7);
  transition: background-position .6s ease-in-out,box-shadow .3s ease-in-out,padding .3s ease-in-out,transform .3s ease-in-out;
  box-shadow: 1.636px 3.273px 14px rgba(0, 0, 0, .35);
}

a.main-light {
  align-items: center;
  background-position: 0 50%;
  background-size: 200% 200%;
  border-radius: 6px;
  color: #fff;
  display: flex;
  display: inline-flex;
  font-family: Space Grotesk !important;
  font-size: 18px;
  font-style: normal;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-weight: 700;
  gap: 10.784px;
  height: 45px;
  justify-content: center;
  letter-spacing: 1.8px;
  line-height: 120%;
  padding: 12px 24px;
  text-align: center;
  text-decoration: none;
  transition: background-position .6s ease-in-out,box-shadow .3s ease-in-out,padding .3s ease-in-out,transform .3s ease-in-out;
  box-shadow: 1.636px 3.273px 14px rgba(0, 0, 0, .35);
}

a.main-light:hover {
  align-items: center;
  background-position: 0 50%;
  background-size: 200% 200%;
  border-radius: 6px;
  color: #fff;
  display: flex;
  display: inline-flex;
  font-family: Space Grotesk !important;
  font-size: 18px;
  font-style: normal;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-weight: 700;
  gap: 10.784px;
  height: 45px;
  justify-content: center;
  letter-spacing: 1.8px;
  line-height: 120%;
  padding: 12px 24px;
  text-align: center;
  text-decoration: none;
  transition: background-position .6s ease-in-out,box-shadow .3s ease-in-out,padding .3s ease-in-out,transform .3s ease-in-out;
  text-decoration:none !important;
  background-position: 100% 50%;
  padding: 22px 30px;
  transform: scale(1.05);
  box-shadow: 1.636px 3.273px 14px rgba(0, 0, 0, .35);
}


a.main-ventilation:hover,
a.main-hardware:hover,
a.main-corporate:hover,
a.main-dark:hover {
  align-items: center;
  background-position: 0 50%;
  background-size: 200% 200%;
  border-radius: 6px;
  color: #fff;
  display: flex;
  display: inline-flex;
  font-family: Space Grotesk !important;
  font-size: 18px;
  font-style: normal;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-weight: 700;
  gap: 10.784px;
  height: 45px;
  justify-content: center;
  letter-spacing: 1.8px;
  line-height: 120%;
  padding: 12px 24px;
  text-align: center;
  text-decoration: none;
  text-shadow: -1px 1px 0 rgba(147,26,36,.7);
  transition: background-position .6s ease-in-out,box-shadow .3s ease-in-out,padding .3s ease-in-out,transform .3s ease-in-out;
  text-decoration:none !important;
  background-position: 100% 50%;
  padding: 22px 30px;
  transform: scale(1.05);
  box-shadow: 1.636px 3.273px 14px rgba(0, 0, 0, .35);
}

a.main-ventilation { 
  background: linear-gradient(270deg, #3B5163 0%, #5E88A2 100%);
}
a.main-hardware {  
  background:linear-gradient(270deg, #6C3C6C 0%, #9E5A9F 100%);
}
a.main-corporate {  
  background: linear-gradient(270deg, #B91C29 0%, #DC2635 100%);
}
a.main-dark {  
  background: linear-gradient(270deg, #231f20 0%, #6c5d62 100%);
}
a.main-light {  
  background:linear-gradient(270deg, #ffffff 0%, #ffffff 100%);
  color:#231F20 !important;
}
/*************************************************************Process Card h4********************************************************************************/


.processCardInr .h4-light {
  text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.40), -2px 2px 34px rgba(0, 0, 0, 0.32);
}

/*************************************************************Process Card Bg Color********************************************************************************/
.processCard-ventilation {
  background-color:#364554;
}
.processCard-hardware {
  background-color:#6C3C6C;
}
.processCard-corporate {
  background-color:#931A24;
}
.processCard-light {
  background-color:#f3f7f8;
}
.processCard-dark {
  background-color:#231F20;
}
/*************************************************************** CHIP *****************************************************************************/

.chip-ventilation {
  background-color:#364554;
  color:#ffffff;
}
.chip-hardware {
  background-color:#6C3C6C;
  color:#ffffff;
}
.chip-corporate {
  background-color:#931A24;
  color:#ffffff;
}
.chip-light {
  background-color:#f3f7f8;  
  color:#231F20;
}
.chip-dark {
  background-color:#231F20;
  color:#ffffff;
}

/******************************************************Note********************************************************************************/
.note-ventilation,
.note-ventilation p {
  color:#364554;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: Poppins !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.note-hardware,
.note-hardware p {
  color:#6C3C6C;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: Poppins !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.note-corporate,
.note-corporate p {
  color:#931A24;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: Poppins !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.note-light,
.note-light p {
  color:#ffffff;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: Poppins !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.note-dark,
.note-dark p {
  color:#231F20;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: Poppins !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

/******************************************************Get the guide********************************************************************************/

.subscribe-ventilation input.hs-button.primary.large {    
  background: linear-gradient(270deg, #3B5163, #5E88A2 );
}
.subscribe-hardware input.hs-button.primary.large {    
  background: linear-gradient(270deg, #6C3C6C, #9E5A9F);
}
.subscribe-corporate input.hs-button.primary.large {    
  background: linear-gradient(270deg, #b91c29, #dc2635);
}
.subscribe-dark input.hs-button.primary.large {    
  background: linear-gradient(270deg, #231f20, #6c5d62);
}
.subscribe-light input.hs-button.primary.large {    
  background: linear-gradient(270deg, #ffffff, #ffffff);
  color:#231F20 !important;
}

/****************************************************** Footer Join our Subscribers ********************************************************************************/

.subscribe-hardware input.hs-button.primary.medium {    
  background: #000;
}


/******************************************************Search button********************************************************************************/
/* .search-ventilation button {    
background: linear-gradient(270deg, #3B5163, #5E88A2 );
}
.search-hardware button {    
background: linear-gradient(270deg, #6C3C6C, #9E5A9F);
}
.search-corporate button {    
background: linear-gradient(270deg, #b91c29, #dc2635);
}
.search-dark button {    
background: linear-gradient(270deg, #231f20, #6c5d62);
}
.search-light button { 
background: linear-gradient(270deg, #ffffff, #ffffff);
color:#231F20 !important;
}
.search-ventilation button:hover,
.search-hardware button:hover,
.search-corporate button:hover,
.search-dark button:hover,
.search-light button:hover {
text-shadow: 1px 1px 0 rgba(147, 26, 36, .7);
transform: scale(1.05);
border-radius:7px !important;
} */
.ventilation-large {    
  background: linear-gradient(270deg, #3B5163, #5E88A2 );
}
.hardware-large {    
  background: linear-gradient(270deg, #6C3C6C, #9E5A9F);
}
.corporate-large {    
  background: linear-gradient(270deg, #b91c29, #dc2635);
}
.dark-large {    
  background: linear-gradient(270deg, #231f20, #6c5d62);
}
.light-large { 
  background: linear-gradient(270deg, #ffffff, #ffffff);
  color:#231F20 !important;
}
.ventilation-large:hover,
.hardware-large:hover,
.corporate-large:hover,
.dark-large:hover,
.light-large:hover {
  text-shadow: 1px 1px 0 rgba(147, 26, 36, .7);
  transform: scale(1.05);
  border-radius:7px !important;
}
/******************************************************Load More Button********************************************************************************/

/*.loadMore-ventilation {
color:#426078;
border:1px solid #426078;
background-color: transparent;
align-items: center;
border-radius: 8px;
display: inline-flex;
font-family: Space Grotesk !important;
font-size: 16px;
font-style: normal;
font-variant-numeric: oldstyle-nums proportional-nums;
font-weight: 700;
gap: 4px;
height: 45px;
justify-content: center;
letter-spacing: 1.6px;
line-height: 120%;
padding: 16px 12px 16px 24px;
text-decoration: none;
}
.loadMore-ventilation svg path {
stroke:#426078;
}
.loadMore-ventilation:hover,
.loadMore-ventilation:active,
.loadMore-ventilation:focus {
color:#426078;
background-color:transparent;
border: 1px solid #426078;
}*/

/* START Load More Animation */

.loadMore-ventilation {
  color: #426078;
  border: 1px solid #426078;
  background-color: transparent;
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  font-family: 'Space Grotesk', sans-serif; /* Use a fallback font */
  font-size: 16px;
  font-weight: 700 !important;
  gap: 4px;
  height: 45px;
  justify-content: center;
  letter-spacing: 1.6px;
  line-height: 1.2; /* 120% line-height */
  padding: 16px 12px 16px 24px;
  text-decoration: none !important;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.loadMore-ventilation svg {
  transition: transform 0.3s ease-in-out;
}

.loadMore-ventilation svg path {
  stroke: #426078;
}

.loadMore-ventilation:hover,
.loadMore-ventilation:active,
.loadMore-ventilation:focus {
  color: #426078;
  background-color: transparent;
  border: 1px solid #426078;
  transform: scale(1.05); /* Grow the button */
  font-family: 'Space Grotesk', sans-serif !important;
}

.loadMore-ventilation:hover svg {
  transform: rotate(90deg);
}

/* END Animation */


.loadMore-hardware {
  color:#9e5a9f;
  border:1px solid #9e5a9f;
  background-color: transparent;
  align-items: center;
  border-radius: 8px;
  display: inline-flex ;
  font-family: Space Grotesk !important;
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-weight: 700 !important;
  gap: 4px;
  height: 45px;
  justify-content: center;
  letter-spacing: 1.6px;
  line-height: 120%;
  padding: 16px 12px 16px 24px;
  text-decoration: none !important;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.loadMore-hardware:hover svg {
  transform: rotate(90deg);
}
.loadMore-hardware svg path {
  stroke:#9e5a9f;
}
.loadMore-hardware svg {
  transition: transform 0.3s ease-in-out;
}  
.loadMore-hardware:hover,
.loadMore-hardware:active,
.loadMore-hardware:focus {
  color:#9e5a9f;
  background-color:transparent;
  border:1px solid #9e5a9f;
  transform: scale(1.05);
  font-family: 'Space Grotesk', sans-serif !important;
}
.loadMore-corporate {
  color:#dc2635;
  border:1px solid #dc2635;
  background-color: transparent;
  align-items: center;
  border-radius: 8px;
  display: inline-flex ;
  font-family: Space Grotesk !important;
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-weight: 700 !important;
  gap: 4px;
  height: 45px;
  justify-content: center;
  letter-spacing: 1.6px;
  line-height: 120%;
  padding: 16px 12px 16px 24px;
  text-decoration: none !important;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.loadMore-corporate:hover svg {
  transform: rotate(90deg);
}
.loadMore-corporate svg path {
  stroke:#dc2635;
}
.loadMore-corporate svg {
  transition: transform 0.3s ease-in-out;
}  
.loadMore-corporate:hover,
.loadMore-corporate:active,
.loadMore-corporate:focus {
  color:#dc2635;
  background-color:transparent;
  border:1px solid #dc2635;
  transform: scale(1.05);
  font-family: 'Space Grotesk', sans-serif !important;
}
.loadMore-light {
  color:#ffffff;
  border:1px solid #ffffff;
  background-color: transparent;
  align-items: center;
  border-radius: 8px;
  display: inline-flex ;
  font-family: Space Grotesk !important;
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-weight: 700 !important;
  gap: 4px;
  height: 45px;
  justify-content: center;
  letter-spacing: 1.6px;
  line-height: 120%;
  padding: 16px 12px 16px 24px;
  text-decoration: none !important;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.loadMore-light svg path {
  stroke:#ffffff;
}
.loadMore-light svg {
  transition: transform 0.3s ease-in-out;
}  
.loadMore-light:hover svg {
  transform: rotate(90deg);
}
.loadMore-light:hover,
.loadMore-light:active,
.loadMore-light:focus {
  color:#ffffff;
  background-color:transparent;
  border:1px solid #ffffff;
  transform: scale(1.05);
  font-family: 'Space Grotesk', sans-serif !important;
}
.loadMore-dark {
  color:#6c5d62;
  border:1px solid #6c5d62;
  background-color: transparent;
  align-items: center;
  border-radius: 8px;
  display: inline-flex ;
  font-family: Space Grotesk !important;
  font-size: 16px;
  font-style: normal;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-weight: 700 !important;
  gap: 4px;
  height: 45px;
  justify-content: center;
  letter-spacing: 1.6px;
  line-height: 120%;
  padding: 16px 12px 16px 24px;
  text-decoration: none !important;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.loadMore-dark svg path {
  stroke:#6c5d62;
}
.loadMore-dark svg {
  transition: transform 0.3s ease-in-out;
}    
.loadMore-dark:hover svg {
  transform: rotate(90deg);
}
.loadMore-dark:hover,
.loadMore-dark:active,
.loadMore-dark:focus {
  color:#6c5d62;
  background-color:transparent;
  border:1px solid #6c5d62;
  transform: scale(1.05);
  font-family: 'Space Grotesk', sans-serif !important;
}
/***************************************************************Blog Date and Read Min****************************************************************************/
.date-ventilation,
.readMin-ventilation,
.author-ventilation,
.author-ventilation:hover,
.author-ventilation:focus {
  color:#364554;
}
.readMin-ventilation svg path {
  stroke:#364554;
}
.date-hardware,
.readMin-hardware,
.author-hardware,
.author-hardware:hover,
.author-hardware:focus {
  color:#6C3C6C;
}
.readMin-hardware svg path {
  stroke:#6C3C6C;
}
.date-corporate,
.readMin-corporate,
.author-corporate,
.author-corporate:hover,
.author-corporate:focus {
  color:#931A24;
}
.readMin-corporate svg path {
  stroke:#931A24;
}
.date-light,
.readMin-light,
.author-light,
.author-light:hover,
.author-light:focus {
  color:#fffffc;
}
.readMin-light svg path {
  stroke:#fffffc;
}
.date-dark,
.readMin-dark,
.author-dark,
.author-dark:hover,
.author-dark:focus {
  color:#231F20;
}
.readMin-dark svg path {
  stroke:#231F20;
}

/******************************************************Publication button********************************************************************************/
/*.viewPublication-ventilation,
.viewPublication-ventilation:hover {
color:#364554;
}*/

/* Primary - nav-button-icon-ventilation-default - Animation START */

.viewPublication-ventilation {
  color: var(--Horizon-800, #364554);
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.viewPublication-ventilation:hover {
  color: var(--Horizon-800, #364554);
}

.viewPublication-ventilation svg {
  transition: transform 0.3s ease;
}

.viewPublication-ventilation:hover svg {
  transform: translateX(10px);
}

.viewPublication-ventilation svg rect {
  fill: var(--Horizon-800, #364554);
}

.viewPublication-ventilation a {
  color: inherit;
  text-decoration: none;
}

.viewPublication-ventilation a:hover {
  color: inherit;
  text-decoration: none;
}

/* Animation END */


.viewPublication-hardware,
.viewPublication-hardware:hover {
  color:#6c3c6c;
}
.viewPublication-corporate,
.viewPublication-corporate:hover {
  color:#931a24;
}
.viewPublication-dark,
.viewPublication-dark:hover {
  color:#231f20;
}
.viewPublication-light,
.viewPublication-light:hover {
  color:#ffffff;
}

/*.viewPublication-ventilation svg rect {
fill:#364554;
}*/

.viewPublication-hardware svg rect {
  fill:#6c3c6c;
}
.viewPublication-corporate svg rect {
  fill:#931a24;
}
.viewPublication-dark svg rect {
  fill:#231f20;
}
.viewPublication-light svg rect {
  fill:#ffffff;
}



/******************************************************Email********************************************************************************/
.email-ventilation,
.email-ventilation:hover,
.email-ventilation:focus {
  color:#364554;
  text-decoration:none;
}
.email-hardware,
.email-hardware:hover,
.email-hardware:focus {
  color:#6c3c6c;
  text-decoration:none;
}
.email-corporate,
.email-corporate:hover,
.email-corporate:focus {
  color:#931a24;
  text-decoration:none;
}
.email-dark,
.email-dark:hover
.email-dark:focus {
  color:#231f20;
  text-decoration:none;
}
.email-light,
.email-light:hover,
.email-light:focus {
  color:#ffffff;
  text-decoration:none;
}
/******************************************************All Post Button********************************************************************************/
.allPost-ventilation,
.allPost-ventilation:hover,
.allPost-ventilation:focus {
  color:#426078;
  border:1px solid #426078;
}
.allPost-ventilation svg path {
  stroke:#426078;
}
.allPost-hardware,
.allPost-hardware:hover,
.allPost-hardware:focus {
  color:#9e5a9f;
  border:1px solid #9e5a9f;
}
.allPost-hardware svg path {
  stroke:#9e5a9f;
}
.allPost-corporate,
.allPost-corporate:hover,
.allPost-corporate:focus {
  color:#dc2635;
  border:1px solid #dc2635;
}
.allPost-corporate svg path {
  stroke:#dc2635;
}
.allPost-light,
.allPost-light:hover,
.allPost-light:focus {
  color:#ffffff;
  border:1px solid #ffffff;
}
.allPost-light svg path {
  stroke:#ffffff;
}
.allPost-dark,
.allPost-dark:hover,
.allPost-dark:focus {
  color:#6c5d62;
  border:1px solid #6c5d62;
}
.allPost-dark svg path {
  stroke:#6c5d62;
}
/******************************************************Pagination Button********************************************************************************/
.pagination-ventilation path,
.pagination-ventilation circle {
  stroke:#426078;
}
.pagination-hardware path,
.pagination-hardware circle {
  stroke:#9e5a9f;
}
.pagination-corporate path,
.pagination-corporate circle {
  stroke:#dc2635;
}
.pagination-light path,
.pagination-light circle {
  stroke:#ffffff;
}
.pagination-dark path,
.pagination-dark circle {
  stroke:#6c5d62;
}
/******************************************************Breadcrumb********************************************************************************/
.breadcrumb-light,
.breadcrumb-light a,
.breadcrumb-light a:hover,
.breadcrumb-light a:focus {
  color:#ffffff;
  text-align: center;
  font: 400 12px / 120% "Poppins", sans-serif !important;
  font-variant-numeric: oldstyle-nums proportional-nums;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 0;
}
.breadcrumb-light svg path {
  stroke:#ffffff;
}
.breadcrumb-dark,
.breadcrumb-dark a,
.breadcrumb-dark a:hover,
.breadcrumb-dark a:focus {
  color:#231F20;
  text-align: center;
  font: 400 12px / 120% "Poppins", sans-serif !important;
  font-variant-numeric: oldstyle-nums proportional-nums;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 0;
}
.breadcrumb-dark svg path {
  stroke:#231F20;
}







.breadcrumb-nav {
  margin-bottom:-32px;
}
.breadcrumb-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0px;
  flex-wrap:wrap;
}
.breadcrumbOuter {
  padding: 0 20px 0 30px;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  position:relative;
  margin-top:14px;
}
li.breadcrumb-item,
li.breadcrumb-item a { 
  text-align: center;
  font: 400 12px/120% "Poppins", sans-serif !important;
  font-variant-numeric: oldstyle-nums proportional-nums;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 0;
}

li.breadcrumb-item a:hover {
  text-decoration: underline;
}

/******************************************************Bar Button********************************************************************************/
.bar-button-ventilation {
  background-color:#364554;
}
.bar-button-ventilation:hover {
  background-color:#426078;
}
.bar-button-hardware {
  background-color:#6C3C6C;
}
.bar-button-hardware:hover {
  background-color:#8C4D8C;
}
.bar-button-corporate {
  background-color:#931A24;
}
.bar-button-corporate:hover {
  background-color:#B91C29;
}

/***************************************************Outline button Medium**********************************************************/
.nav-button-icon-medium-outline-light,
.nav-button-icon-medium-outline-light:hover,
.nav-button-icon-medium-outline-light:focus {
  display: inline-flex;
  height: 45px;
  padding: 16px 12px 16px 24px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  text-align: center;
  text-decoration: none;
  border-radius: 7px;
  border: 1px solid #FFF;
  color: #FFF;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 1.6px;
  transition: color .3s ease,background-color .3s ease,border .3s ease,transform .3s ease;
}
.nav-button-icon-medium-outline-light:hover {
  transform: scale(1.1);
}
a.nav-button-icon-medium-outline-light svg path {
  stroke: #ffffff !important;
}
.nav-button-icon-medium-outline-ventilation,
.nav-button-icon-medium-outline-ventilation:hover,
.nav-button-icon-medium-outline-ventilation:focus {
  display: inline-flex;
  height: 45px;
  padding: 16px 12px 16px 24px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  text-align: center;
  text-decoration: none;
  border-radius: 7px;
  border: 1px solid #426078;
  color: #426078;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 1.6px;
  transition: color .3s ease,background-color .3s ease,border .3s ease,transform .3s ease;
}
.nav-button-icon-medium-outline-ventilation:hover {
  transform: scale(1.1);
}
a.nav-button-icon-medium-outline-ventilation svg path {
  stroke: #426078 !important;
}
.nav-button-icon-medium-outline-hardware,
.nav-button-icon-medium-outline-hardware:hover,
.nav-button-icon-medium-outline-hardware:focus {
  display: inline-flex;
  height: 45px;
  padding: 16px 12px 16px 24px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  text-align: center;
  text-decoration: none;
  border-radius: 7px;
  border: 1px solid #9e5a9f;
  color: #9e5a9f;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 1.6px;
  transition: color .3s ease,background-color .3s ease,border .3s ease,transform .3s ease;
}
.nav-button-icon-medium-outline-hardware:hover {
  transform: scale(1.1);
}
a.nav-button-icon-medium-outline-hardware svg path {
  stroke: #9e5a9f !important;
}
.nav-button-icon-medium-outline-corporate,
.nav-button-icon-medium-outline-corporate:hover,
.nav-button-icon-medium-outline-corporate:focus {
  display: inline-flex;
  height: 45px;
  padding: 16px 12px 16px 24px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  text-align: center;
  text-decoration: none;
  border-radius: 7px;
  border: 1px solid #dc2635;
  color: #dc2635;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 1.6px;
  transition: color .3s ease,background-color .3s ease,border .3s ease,transform .3s ease;
}
.nav-button-icon-medium-outline-corporate:hover {
  transform: scale(1.1);
}
a.nav-button-icon-medium-outline-corporate svg path {
  stroke: #dc2635 !important;
}
.nav-button-icon-medium-outline-dark,
.nav-button-icon-medium-outline-dark:hover,
.nav-button-icon-medium-outline-dark:focus {
  display: inline-flex;
  height: 45px;
  padding: 16px 12px 16px 24px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  text-align: center;
  text-decoration: none;
  border-radius: 7px;
  border: 1px solid #6c5d62;
  color: #6c5d62;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 1.6px;
  transition: color .3s ease,background-color .3s ease,border .3s ease,transform .3s ease;
}
.nav-button-icon-medium-outline-dark:hover {
  transform: scale(1.1);
}
.nav-button-icon-medium-outline-dark svg path {
  stroke: #6c5d62 !important;
}

/***************************************************Outline button Small**********************************************************/
.nav-button-icon-small-outline-light,
.nav-button-icon-small-outline-light:hover,
.nav-button-icon-small-outline-light:focus {
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 17.614px; /* 110.09% */
  letter-spacing: 1.6px;
  display: flex;
  height: 35px;
  padding: 12.444px 18.667px;
  align-items: center;
  gap: 8.388px;
  flex-shrink: 0;
  border-radius: 6.222px;
  border: 0.839px solid #ffffff;
  box-shadow: 3.111px 2.333px 4.667px 2.333px rgba(0, 0, 0, 0.06);
  color:#ffffff;  
  text-decoration: none;
  text-align: center;
  display: flex;
  justify-content: center;
  transition: color .3s ease,background-color .3s ease,border .3s ease,transform .3s ease;
}
.nav-button-icon-small-outline-light:hover {
  transform: scale(1.1);
}

.nav-button-icon-small-outline-ventilation,
.nav-button-icon-small-outline-ventilation:hover,
.nav-button-icon-small-outline-ventilation:focus {
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 17.614px; /* 110.09% */
  letter-spacing: 1.6px;
  display: flex;
  height: 35px;
  padding: 12.444px 18.667px;
  align-items: center;
  gap: 8.388px;
  flex-shrink: 0;
  border-radius: 6.222px;
  border: 0.839px solid #426078;
  box-shadow: 3.111px 2.333px 4.667px 2.333px rgba(0, 0, 0, 0.06);
  color:#426078;  
  text-decoration: none;
  text-align: center;
  display: flex;
  justify-content: center;
  transition: color .3s ease,background-color .3s ease,border .3s ease,transform .3s ease;
}
.nav-button-icon-small-outline-ventilation:hover {
  transform: scale(1.1);
}

.nav-button-icon-small-outline-hardware,
.nav-button-icon-small-outline-hardware:hover,
.nav-button-icon-small-outline-hardware:focus {
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 17.614px; /* 110.09% */
  letter-spacing: 1.6px;
  display: flex;
  height: 35px;
  padding: 12.444px 18.667px;
  align-items: center;
  gap: 8.388px;
  flex-shrink: 0;
  border-radius: 6.222px;
  border: 0.839px solid #9e5a9f;
  box-shadow: 3.111px 2.333px 4.667px 2.333px rgba(0, 0, 0, 0.06);
  color:#9e5a9f;  
  text-decoration: none;
  text-align: center;
  display: flex;
  justify-content: center;
  transition: color .3s ease,background-color .3s ease,border .3s ease,transform .3s ease;
}
.nav-button-icon-small-outline-hardware:hover {
  transform: scale(1.1);
}

.nav-button-icon-small-outline-corporate,
.nav-button-icon-small-outline-corporate:hover,
.nav-button-icon-small-outline-corporate:focus {
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 17.614px; /* 110.09% */
  letter-spacing: 1.6px;
  display: flex;
  height: 35px;
  padding: 12.444px 18.667px;
  align-items: center;
  gap: 8.388px;
  flex-shrink: 0;
  border-radius: 6.222px;
  border: 0.839px solid #dc2635;
  box-shadow: 3.111px 2.333px 4.667px 2.333px rgba(0, 0, 0, 0.06);
  color:#dc2635; 
  text-decoration: none;
  text-align: center;
  display: flex;
  justify-content: center;
  transition: color .3s ease,background-color .3s ease,border .3s ease,transform .3s ease;
}
.nav-button-icon-small-outline-corporate:hover {
  transform: scale(1.1);
}

.nav-button-icon-small-outline-dark,
.nav-button-icon-small-outline-dark:hover,
.nav-button-icon-small-outline-dark:focus {
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 17.614px; /* 110.09% */
  letter-spacing: 1.6px;
  display: flex;
  height: 35px;
  padding: 12.444px 18.667px;
  align-items: center;
  gap: 8.388px;
  flex-shrink: 0;
  border-radius: 6.222px;
  border: 0.839px solid #6c5d62;
  box-shadow: 3.111px 2.333px 4.667px 2.333px rgba(0, 0, 0, 0.06);
  color:#6c5d62;  
  text-decoration: none;
  text-align: center;
  display: flex;
  justify-content: center;
  transition: color .3s ease,background-color .3s ease,border .3s ease,transform .3s ease;
}
.nav-button-icon-small-outline-dark:hover {
  transform: scale(1.1);
}




/**************************************************Button Outline Small****************************************************************/

.nav-button-small-outline-light,
.nav-button-small-outline-light:hover,
.nav-button-small-outline-light:focus {
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 17.614px; /* 110.09% */
  letter-spacing: 1.6px;
  display: flex;
  height: 35px;
  padding: 12.444px 18.667px;
  align-items: center;
  gap: 8.388px;
  flex-shrink: 0;
  border-radius: 6.222px;
  border: 0.839px solid #ffffff;
  box-shadow: 3.111px 2.333px 4.667px 2.333px rgba(0, 0, 0, 0.06);
  color:#ffffff;  
  text-decoration: none;
  text-align: center;
  display: flex;
  justify-content: center;
  transition: color .3s ease,background-color .3s ease,border .3s ease,transform .3s ease;
}
.nav-button-small-outline-light:hover {
  transform: scale(1.1);
}

.nav-button-small-outline-ventilation,
.nav-button-small-outline-ventilation:hover,
.nav-button-small-outline-ventilation:focus {
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 17.614px; /* 110.09% */
  letter-spacing: 1.6px;
  display: flex;
  height: 35px;
  padding: 12.444px 18.667px;
  align-items: center;
  gap: 8.388px;
  flex-shrink: 0;
  border-radius: 6.222px;
  border: 0.839px solid #426078;
  box-shadow: 3.111px 2.333px 4.667px 2.333px rgba(0, 0, 0, 0.06);
  color:#426078;  
  text-decoration: none;
  text-align: center;
  display: flex;
  justify-content: center;
  transition: color .3s ease,background-color .3s ease,border .3s ease,transform .3s ease;
}
.nav-button-small-outline-ventilation:hover {
  transform: scale(1.1);
}

.nav-button-small-outline-hardware,
.nav-button-small-outline-hardware:hover,
.nav-button-small-outline-hardware:focus {
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 17.614px; /* 110.09% */
  letter-spacing: 1.6px;
  display: flex;
  height: 35px;
  padding: 12.444px 18.667px;
  align-items: center;
  gap: 8.388px;
  flex-shrink: 0;
  border-radius: 6.222px;
  border: 0.839px solid #9e5a9f;
  box-shadow: 3.111px 2.333px 4.667px 2.333px rgba(0, 0, 0, 0.06);
  color:#9e5a9f;  
  text-decoration: none;
  text-align: center;
  display: flex;
  justify-content: center;
  transition: color .3s ease,background-color .3s ease,border .3s ease,transform .3s ease;
}
.nav-button-small-outline-hardware:hover {
  transform: scale(1.1);
}

.nav-button-small-outline-corporate,
.nav-button-small-outline-corporate:hover,
.nav-button-small-outline-corporate:focus {
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 17.614px; /* 110.09% */
  letter-spacing: 1.6px;
  display: flex;
  height: 35px;
  padding: 12.444px 18.667px;
  align-items: center;
  gap: 8.388px;
  flex-shrink: 0;
  border-radius: 6.222px;
  border: 0.839px solid #dc2635;
  box-shadow: 3.111px 2.333px 4.667px 2.333px rgba(0, 0, 0, 0.06);
  color:#dc2635; 
  text-decoration: none;
  text-align: center;
  display: flex;
  justify-content: center;
  transition: color .3s ease,background-color .3s ease,border .3s ease,transform .3s ease;
}
.nav-button-small-outline-corporate:hover {
  transform: scale(1.1);
}

.nav-button-small-outline-dark,
.nav-button-small-outline-dark:hover,
.nav-button-small-outline-dark:focus {
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 17.614px; /* 110.09% */
  letter-spacing: 1.6px;
  display: flex;
  height: 35px;
  padding: 12.444px 18.667px;
  align-items: center;
  gap: 8.388px;
  flex-shrink: 0;
  border-radius: 6.222px;
  border: 0.839px solid #6c5d62;
  box-shadow: 3.111px 2.333px 4.667px 2.333px rgba(0, 0, 0, 0.06);
  color:#6c5d62;  
  text-decoration: none;
  text-align: center;
  display: flex;
  justify-content: center;
  transition: color .3s ease,background-color .3s ease,border .3s ease,transform .3s ease;
}
.nav-button-small-outline-dark:hover {
  transform: scale(1.1);
}









/*******************************************************Header********************************************************************/
.nav-button-icon-ventilation-default,
.nav-button-icon-ventilation-default:hover {
  color: #364554;
  font-family: "Space Grotesk" !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22.647px; 
  letter-spacing: 1.8px;
  display: inline-flex;
  padding: 8px 0px;
  align-items: center;
  gap: 8px;
  border-radius: 5.453px;
  text-decoration:none;
}
.nav-button-icon-ventilation-default svg {
  fill: #364554;
  transition: transform 0.3s ease-in-out;
  margin:0px;
}
.nav-button-icon-ventilation-default:hover svg {
  transform: translateX(10px);
}
.nav-button-icon-ventilation-default svg rect {
  fill: #364554;
}
.nav-button-icon-hardware-default,
.nav-button-icon-hardware-default:hover {
  color: #6C3C6C;
  font-family: "Space Grotesk" !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22.647px; 
  letter-spacing: 1.8px;
  display: inline-flex;
  padding: 8px 0px;
  align-items: center;
  gap: 8px;
  border-radius: 5.453px;
  text-decoration:none;
}
.nav-button-icon-hardware-default svg {
  fill: #6C3C6C;
  transition: transform 0.3s ease-in-out;
  margin:0px;
}
.nav-button-icon-hardware-default:hover svg {
  transform: translateX(10px);
}
.nav-button-icon-hardware-default svg rect {
  fill: #6C3C6C;
}
.nav-button-icon-corporate-default,
.nav-button-icon-corporate-default:hover {
  color: #931A24;
  font-family: "Space Grotesk" !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22.647px; 
  letter-spacing: 1.8px;
  display: inline-flex;
  padding: 8px 0px;
  align-items: center;
  gap: 8px;
  border-radius: 5.453px;
  text-decoration:none;
}
.nav-button-icon-corporate-default svg {
  fill: #931A24;
  transition: transform 0.3s ease-in-out;
  margin:0px;
}
.nav-button-icon-corporate-default:hover svg {
  transform: translateX(10px);
}
.nav-button-icon-corporate-default svg rect {
  fill: #931A24;
}
.nav-button-icon-light-default,
.nav-button-icon-light-default:hover {
  color: #ffffff;
  font-family: "Space Grotesk" !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22.647px; 
  letter-spacing: 1.8px;
  display: inline-flex;
  padding: 8px 0px;
  align-items: center;
  gap: 8px;
  border-radius: 5.453px;
  text-decoration:none;
}
.nav-button-icon-light-default svg {
  fill:#ffffff;
  transition: transform 0.3s ease-in-out;
  margin:0px;
}
.nav-button-icon-light-default:hover svg {
  transform: translateX(10px);
}
.nav-button-icon-light-default svg rect {
  fill:#ffffff;
}
.nav-button-icon-dark-default,
.nav-button-icon-dark-default:hover {
  color: #231F20;
  font-family: "Space Grotesk" !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22.647px; 
  letter-spacing: 1.8px;
  display: inline-flex;
  padding: 8px 0px;
  align-items: center;
  gap: 8px;
  border-radius: 5.453px;
  text-decoration:none;
}
.nav-button-icon-dark-default svg {
  fill:#231F20;
  transition: transform 0.3s ease-in-out;
  margin:0px;
}
.nav-button-icon-dark-default:hover svg {
  transform: translateX(10px);
}
.nav-button-icon-dark-default svg rect {
  fill:#231F20;
}

li.company_exchange.ton {
  color: #fff !important;
  line-height: 120% !important;
  margin-bottom: 12px !important;
  font-family: Poppins !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-weight: 400 !important;
}
li.company_exchange.ton span.label {
  font-weight: 700 !important;
}
li.current {
  font-size: 24px !important;
  font-style: normal !important;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 120% !important;
  margin-bottom: 12px !important;
  font-family: Poppins !important;
}
li.val_change_percent {
  color: #fff !important;
  font-family: Poppins !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-weight: 400 !important;
  line-height: 120% !important;
  margin: 0 !important;
}
ul.negative_movement {
  padding: 0px !important;
  list-style-type: none !important;
  margin: 0px !important;
}








.main-small-ventilation {
  display: inline-flex;
  height: 35px;
  padding: 12px 18.667px;
  align-items: center;
  gap: 8.388px;
  flex-shrink: 0;
  border-radius: 7px;
  background: linear-gradient(270deg, #3B5163 0%, #5E88A2 100%);
  box-shadow: 3.111px 2.333px 4.667px 2.333px rgba(0, 0, 0, 0.06);
  color: #FFF;
  text-shadow: -0.8px 0.8px 0px rgba(147, 26, 36, 0.70);
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 17.614px; /* 110.09% */
  letter-spacing: 1.6px;
  text-decoration:none;
  transition: background-position .6s ease-in-out,box-shadow .3s ease-in-out,padding .3s ease-in-out,transform .3s ease-in-out;
}
.main-small-ventilation:hover {
  color:#ffffff;
  text-decoration:none;
  font-weight: 700;
  background-position: 100% 50%;
  padding: 12px 24px;
  transform: scale(1.05);
  box-shadow: 1.636px 3.273px 14px rgba(0, 0, 0, .35);
}
.main-small-hardware {
  display: inline-flex;
  height: 35px;
  padding: 12px 18.667px;
  align-items: center;
  gap: 8.388px;
  flex-shrink: 0;
  border-radius: 7px;
  background: linear-gradient(270deg, #6C3C6C 0%, #9E5A9F 100%);
  box-shadow: 3.111px 2.333px 4.667px 2.333px rgba(0, 0, 0, 0.06);
  color: #FFF;
  text-shadow: -0.8px 0.8px 0px rgba(147, 26, 36, 0.70);
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 17.614px; /* 110.09% */
  letter-spacing: 1.6px;
  text-decoration:none;
  transition: background-position .6s ease-in-out,box-shadow .3s ease-in-out,padding .3s ease-in-out,transform .3s ease-in-out;
}
.main-small-hardware:hover {
  color:#ffffff;
  text-decoration:none;
  font-weight: 700;
  background-position: 100% 50%;
  padding: 12px 24px;
  transform: scale(1.05);
  box-shadow: 1.636px 3.273px 14px rgba(0, 0, 0, .35);
}
.main-small-corporate {
  display: inline-flex;
  height: 35px;
  padding: 12px 18.667px;
  align-items: center;
  gap: 8.388px;
  flex-shrink: 0;
  border-radius: 7px;
  background: linear-gradient(270deg, #B91C29 0%, #DC2635 100%);
  box-shadow: 3.111px 2.333px 4.667px 2.333px rgba(0, 0, 0, 0.06);
  color: #FFF;
  text-shadow: -0.8px 0.8px 0px rgba(147, 26, 36, 0.70);
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 17.614px; /* 110.09% */
  letter-spacing: 1.6px;
  text-decoration:none;
  transition: background-position .6s ease-in-out,box-shadow .3s ease-in-out,padding .3s ease-in-out,transform .3s ease-in-out;
}
.main-small-corporate:hover {
  color: #FFF;
  text-decoration:none;
  font-weight: 700;
  background-position: 100% 50%;
  padding: 12px 24px;
  transform: scale(1.05);
  box-shadow: 1.636px 3.273px 14px rgba(0, 0, 0, .35);
}
.main-small-light {
  display: inline-flex;
  height: 35px;
  padding: 12px 18.667px;
  align-items: center;
  gap: 8.388px;
  flex-shrink: 0;
  border-radius: 7px;
  background: linear-gradient(270deg, #ffffff 0%, #ffffff 100%);
  color: #231F20;
  box-shadow: 3.111px 2.333px 4.667px 2.333px rgba(0, 0, 0, 0.06);
  text-shadow: -0.8px 0.8px 0px rgba(147, 26, 36, 0.70);
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 17.614px; /* 110.09% */
  letter-spacing: 1.6px;
  text-decoration:none;
  transition: background-position .6s ease-in-out,box-shadow .3s ease-in-out,padding .3s ease-in-out,transform .3s ease-in-out;
}
.main-small-light:hover {
  color:#231F20;
  text-decoration:none;
  font-weight: 700;
  background-position: 100% 50%;
  padding: 12px 24px;
  transform: scale(1.05);
  box-shadow: 1.636px 3.273px 14px rgba(0, 0, 0, .35);
}
.main-small-dark {
  display: inline-flex;
  height: 35px;
  padding: 12px 18.667px;
  align-items: center;
  gap: 8.388px;
  flex-shrink: 0;
  border-radius: 7px;
  background: linear-gradient(270deg, #231f20 0%, #6c5d62 100%);
  box-shadow: 3.111px 2.333px 4.667px 2.333px rgba(0, 0, 0, 0.06);
  color: #FFF;
  text-shadow: -0.8px 0.8px 0px rgba(147, 26, 36, 0.70);
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 17.614px; /* 110.09% */
  letter-spacing: 1.6px;
  text-decoration:none;
  transition: background-position .6s ease-in-out,box-shadow .3s ease-in-out,padding .3s ease-in-out,transform .3s ease-in-out;
}
.main-small-dark:hover {
  color:#ffffff;
  text-decoration:none;
  font-weight: 700;
  background-position: 100% 50%;
  padding: 12px 24px;
  transform: scale(1.05);
  box-shadow: 1.636px 3.273px 14px rgba(0, 0, 0, .35);
}



.tag-resources-dark-small,
.tag-resources-dark-small:hover {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  color: #231F20;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: Poppins !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 16.8px */
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.tag-resources-dark-small svg {
  fill: #231F20;
}
.tag-resources-dark-small svg path {
  fill: #231F20;
}
.tag-resources-ventilation-small,
.tag-resources-ventilation-small:hover {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  color:#4D748D;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: Poppins !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 16.8px */
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.tag-resources-ventilation-small svg {
  fill:#4D748D;
}
.tag-resources-ventilation-small svg path {
  fill:#4D748D;
}
.tag-resources-hardware-small,
.tag-resources-hardware-small:hover {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  color: #6C3C6C;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: Poppins !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 16.8px */
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.tag-resources-hardware-small svg {
  fill: #6C3C6C;
}
.tag-resources-hardware-small path {
  fill: #6C3C6C;
}
.tag-resources-corporate-small,
.tag-resources-corporate-small:hover {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  color: #931A24;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: Poppins !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 16.8px */
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.tag-resources-corporate-small svg {
  fill: #931A24;
}
.tag-resources-corporate-small svg path {
  fill: #931A24;
}
.tag-resources-light-small,
.tag-resources-light-small:hover {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  color: #ffffff;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: Poppins !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 16.8px */
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.tag-resources-light-small svg {
  fill: #ffffff;
}
.tag-resources-light-small svg path {
  fill: #ffffff;
}

.background-border-left-ventilation {
  border-left: 30px solid #364554;
}
.background-border-left-corporate {
  border-left: 30px solid #931A24;
}
.background-border-left-hardware {
  border-left: 30px solid #6C3C6C;
}
.background-border-left-dark {
  border-left: 30px solid #231F20;
}
.background-border-left-light {
  border-left: 30px solid #ffffff;
}



.rich-text-field-ventilation ,
.rich-text-field-ventilation p {
  color: #4D748D;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}
.rich-text-field-hardware,
.rich-text-field-hardware p {
  color: #6C3C6C;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}
.rich-text-field-corporate,
.rich-text-field-corporate p {
  color: #931A24;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}
.rich-text-field-dark,
.rich-text-field-dark p {
  color: #584C50;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}
.rich-text-field-light,
.rich-text-field-light p {
  color: #ffffff;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}



/********************************************resource-link-icon-email**********************************************/

.resource-link-icon-email-ventilation {
  color: #4D748D;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 14.412px; /* 90.074% */
  letter-spacing: 1.6px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-link-icon-email-ventilation svg path {
  stroke: #4D748D;
}
.resource-link-icon-email-hardware {
  color:#6C3C6C;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 14.412px; /* 90.074% */
  letter-spacing: 1.6px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-link-icon-email-hardware svg path {
  stroke: #6C3C6C;
}
.resource-link-icon-email-corporate {
  color:#B91C29;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 14.412px; /* 90.074% */
  letter-spacing: 1.6px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-link-icon-email-corporate svg path {
  stroke: #B91C29;
}
.resource-link-icon-email-dark {
  color:#231F20;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 14.412px; /* 90.074% */
  letter-spacing: 1.6px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-link-icon-email-dark svg path {
  stroke: #231F20;
}
.resource-link-icon-email-light {
  color:#ffffff;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 14.412px; /* 90.074% */
  letter-spacing: 1.6px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-link-icon-email-light svg path {
  stroke: #ffffff;
}

/********************************************resource-link-icon-calendar**********************************************/

.resource-link-icon-calendar-ventilation {
  color: #4D748D;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 14.412px; /* 90.074% */
  letter-spacing: 1.6px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-link-icon-calendar-ventilation svg path {
  stroke: #4D748D;
}
.resource-link-icon-calendar-hardware {
  color:#6C3C6C;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 14.412px; /* 90.074% */
  letter-spacing: 1.6px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-link-icon-calendar-hardware svg path {
  stroke: #6C3C6C;
}
.resource-link-icon-calendar-corporate {
  color:#B91C29;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 14.412px; /* 90.074% */
  letter-spacing: 1.6px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-link-icon-calendar-corporate svg path {
  stroke: #B91C29;
}
.resource-link-icon-calendar-dark {
  color:#231F20;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 14.412px; /* 90.074% */
  letter-spacing: 1.6px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-link-icon-calendar-dark svg path {
  stroke: #231F20;
}
.resource-link-icon-calendar-light {
  color:#ffffff;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 14.412px; /* 90.074% */
  letter-spacing: 1.6px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-link-icon-calendar-light svg path {
  stroke: #ffffff;
}



/********************************************resource-link-icon-website**********************************************/

.resource-link-icon-website-ventilation {
  color: #4D748D;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 14.412px; /* 90.074% */
  letter-spacing: 1.6px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-link-icon-website-ventilation svg path {
  stroke: #4D748D;
}
.resource-link-icon-website-hardware {
  color:#6C3C6C;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 14.412px; /* 90.074% */
  letter-spacing: 1.6px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-link-icon-website-hardware svg path {
  stroke: #6C3C6C;
}
.resource-link-icon-website-corporate {
  color:#B91C29;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 14.412px; /* 90.074% */
  letter-spacing: 1.6px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-link-icon-website-corporate svg path {
  stroke: #B91C29;
}
.resource-link-icon-website-dark {
  color:#231F20;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 14.412px; /* 90.074% */
  letter-spacing: 1.6px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-link-icon-website-dark svg path {
  stroke: #231F20;
}
.resource-link-icon-website-light {
  color:#ffffff;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 14.412px; /* 90.074% */
  letter-spacing: 1.6px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-link-icon-website-light svg path {
  stroke: #ffffff;
}


/********************************************resource-link-icon-download**********************************************/

.resource-link-icon-download-ventilation {
  color: #4D748D;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal; 
  font-weight: 700 !important;
  line-height: 14.412px; /* 90.074% */
  letter-spacing: 1.6px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-link-icon-download-ventilation svg path {
  stroke: #4D748D;
}
.resource-link-icon-download-hardware {
  color:#6C3C6C;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 14.412px; /* 90.074% */
  letter-spacing: 1.6px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-link-icon-download-hardware svg path {
  stroke: #6C3C6C;
}
.resource-link-icon-download-corporate {
  color:#B91C29;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 14.412px; /* 90.074% */
  letter-spacing: 1.6px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-link-icon-download-corporate svg path {
  stroke: #B91C29;
}
.resource-link-icon-download-dark {
  color:#231F20;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 14.412px; /* 90.074% */
  letter-spacing: 1.6px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-link-icon-download-dark svg path {
  stroke: #231F20;
}
.resource-link-icon-download-light {
  color:#ffffff;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 14.412px; /* 90.074% */
  letter-spacing: 1.6px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-link-icon-download-light svg path {
  stroke: #ffffff;
}


/********************************************resource-link-icon-readmore**********************************************/

.resource-link-icon-readmore-ventilation {
  color: #4D748D;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 14.412px; /* 90.074% */
  letter-spacing: 1.6px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-link-icon-readmore-ventilation svg path {
  stroke: #4D748D;
}
.resource-link-icon-readmore-hardware {
  color:#6C3C6C;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 14.412px; /* 90.074% */
  letter-spacing: 1.6px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-link-icon-readmore-hardware svg path {
  stroke: #6C3C6C;
}
.resource-link-icon-readmore-corporate {
  color:#B91C29;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 14.412px; /* 90.074% */
  letter-spacing: 1.6px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-link-icon-readmore-corporate svg path {
  stroke: #B91C29;
}
.resource-link-icon-readmore-dark {
  color:#231F20;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 14.412px; /* 90.074% */
  letter-spacing: 1.6px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-link-icon-readmore-dark svg path {
  stroke: #231F20;
}
.resource-link-icon-readmore-light {
  color:#ffffff;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 14.412px; /* 90.074% */
  letter-spacing: 1.6px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-link-icon-readmore-light svg path {
  stroke: #ffffff;
}


/********************************************resource-link-icon-video**********************************************/

.resource-link-icon-video-ventilation {
  color: #4D748D;
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 14.412px; /* 90.074% */
  letter-spacing: 1.6px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-link-icon-video-ventilation svg path {
  stroke: #4D748D;
}
.resource-link-icon-video-hardware {
  color:#6C3C6C;
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 14.412px; /* 90.074% */
  letter-spacing: 1.6px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-link-icon-video-hardware svg path {
  stroke: #6C3C6C;
}
.resource-link-icon-video-corporate {
  color:#B91C29;
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 14.412px; /* 90.074% */
  letter-spacing: 1.6px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-link-icon-video-corporate svg path {
  stroke: #B91C29;
}
.resource-link-icon-video-dark {
  color:#231F20;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 14.412px; /* 90.074% */
  letter-spacing: 1.6px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-link-icon-video-dark svg path {
  stroke: #231F20;
}
.resource-link-icon-video-light {
  color:#ffffff;
  font-family: "Space Grotesk" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 14.412px; /* 90.074% */
  letter-spacing: 1.6px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-link-icon-video-light svg path {
  stroke: #ffffff;
}


.form-copy {
  color: #000;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: Poppins !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 15.6px */
}




/*--------------------Slider Arrow---------------------*/
.sliderArrow-ventilation .slick-arrow svg {
  stroke: #3B5163;
}
.sliderArrow-hardware .slick-arrow svg  {
  stroke: #6C3C6C;
}
.sliderArrow-corporate .slick-arrow svg  {
  stroke: #931A24;
}
.sliderArrow-dark .slick-arrow svg  {
  stroke: #231f20;
}
.sliderArrow-light .slick-arrow svg  {
  stroke: #ffffff;
}
/*--------------------Group Composition---------------------*/

.btn-ventilation{
  color:#3B5163;
}
.btn-hardwear{
  color:#6C3C6C;
}
.btn-corporate{
  color:#931A24; 
}
.btn-dark{
  color:#231f20;
}
.btn-light{
  color:#fafafa;
}

.btn-corporate svg path{
  stroke:#931A24;
}
.btn-ventilation svg path{
  stroke:#3B5163;
}
.btn-hardwear svg path{
  stroke:#6C3C6C;
}
.btn-dark svg path{
  stroke:#231f20;
}
.btn-light svg path{
  stroke:#fafafa;
}

.GroupCards:hover .groupCards_buttons a.btn-hover-corporate {
  color:#931A24;
}
.GroupCards:hover .groupCards_buttons a.btn-hover-corporate svg path{
  stroke:#931A24;
}
.GroupCards:hover .groupCards_buttons a.btn-hover-ventilation {
  color:#3B5163;
}
.GroupCards:hover .groupCards_buttons a.btn-hover-ventilation svg path{
  stroke:#3B5163;
}
.GroupCards:hover .groupCards_buttons a.btn-hover-hardwear {
  color:#6C3C6C;
}
.GroupCards:hover .groupCards_buttons a.btn-hover-hardwear svg path{
  stroke:#6C3C6C;
}
.GroupCards:hover .groupCards_buttons a.btn-hover-dark{
  color:#231f20;
}
.GroupCards:hover .groupCards_buttons a.btn-hover-dark svg path{
  stroke:#231f20;
}
.GroupCards:hover .groupCards_buttons a.btn-hover-light{
  color:#fafafa;
}
.GroupCards:hover .groupCards_buttons a.btn-hover-light svg path{
  stroke:#fafafa;
}



.form-bold-ventilation {
  color:#3B5163;
}
.form-bold-hardware {
  color:#6C3C6C;
}
.form-bold-corporate {
  color:#931A24;
}
.form-bold-dark {
  color:#231f20;
}
.form-bold-light {
  color:#fafafa;
}








.nav-button-icon-corporate-video,
.nav-button-icon-corporate-video:hover,
.nav-button-icon-corporate-video:focus {
  color: #931A24;
  font-family: "Space Grotesk" !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22.647px; /* 125.817% */
  letter-spacing: 1.8px;
  text-decoration:none;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0px;
  text-align: center;
  justify-content: center;
}






.tag-ventilation-small {
  color: #4D748D;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.tag-hardware-small {
  color: #6C3C6C;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.tag-corporate-small {
  color: #931A24;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.tag-dark-small {
  color: #231F20;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.tag-light-small {
  color: #ffffff;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}




.small-ventilation p {
  font-family: Poppins !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #4D748D;
  font-variant-numeric: oldstyle-nums proportional-nums;

}
.small-hardware p {
  font-family: Poppins !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #6C3C6C;
  font-variant-numeric: oldstyle-nums proportional-nums;

}
.small-corporate p {
  font-family: Poppins !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #931A24;
  font-variant-numeric: oldstyle-nums proportional-nums;

}
.small-dark p {
  font-family: Poppins !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #231F20;
  font-variant-numeric: oldstyle-nums proportional-nums;

}
.small-light p {
  font-family: Poppins !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #ffffff;
  font-variant-numeric: oldstyle-nums proportional-nums;

}

.form-bold-ventilation {
  color: #4D748D;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: Poppins !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.form-bold-hardware {
  color: #6C3C6C;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: Poppins !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.form-bold-corporate {
  color: #931A24;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: Poppins !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.form-bold {
  color: #231F20;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: Poppins !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.form-bold-light {
  color: #ffffff;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: Poppins !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

a.h5-dark:hover {
  color: var(--dark);
}




.body-copy a,
.body-copy-light a,
.body-copy-ventilation a,
.body-copy-hardware a,
.body-copy-corporate a {
  color: #B91C29;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

.body-copy a:hover,
.body-copy-light a:hover,
.body-copy-ventilation a:hover,
.body-copy-hardware a:hover,
.body-copy-corporate a:hover {
  color: #DC2635;
  text-decoration: underline;
}

/******************************************************Responsive********************************************************************************/

@media screen and (max-width: 1000px) {  
  .h1-ventilation,
  .h1-hardware,
  .h1-corporate,
  .h1-dark,
  .h1-light {
    font-size:60px !important; 
  }
}
@media screen and (max-width: 900px) { 
  .h2-ventilation,
  .h2-hardware,
  .h2-corporate,
  .h2-dark,
  .h2-light {
    margin-bottom: 27px !important;
  } 
}
@media screen and (max-width: 800px) {  
  .h1-ventilation,
  .h1-hardware,
  .h1-corporate,
  .h1-dark,
  .h1-light {
    font-size:48px !important;
    margin-top: 24px;
  }
}
@media screen and (max-width: 479px) {  
  .h1-ventilation,
  .h1-hardware,
  .h1-corporate,
  .h1-dark,
  .h1-light {
    font-size:40px !important; 
        margin-top: 16px;
  }
  .tag-resources-ventilation,
  .tag-resources-hardware,
  .tag-resources-corporate,
  .tag-resources-dark, 
  .tag-resources-light {
    font-size:14px !important;
  }
}

/*---------------------Pillar Page ----------------*/
.iconBg-ventilation
{
  background-color:#1D262F;
}
.iconBg-corporate
{
  background-color:#931A24;
}
.iconBg-hardware{
  background-color:#6C3C6C;
}
.iconBg-dark
{
  background-color:#231f20;
}
.iconBg-light{
  background-color:#FAFAFA;
}

.ColorBar-ventilation
{
  background-color:#1D262F;
}
.ColorBar-corporate
{
  background-color:#931A24;
}
.ColorBar-hardware{
  background-color:#6C3C6C;
}
.ColorBar-dark
{
  background-color:#231f20;
}
.ColorBar-light{
  background-color:#FAFAFA;
}
.ppIntroBg-ventilation
{
  background-color:var(--ventilation-800);
}

.ppIntroBg-corporate
{
  background-color:#931A24;
}

.ppIntroBg-hardware{
  background-color:var(--hardware-800);
}

.ppIntroBg-dark
{
  background-color:#231f20;
}

.ppIntroBg-light{
  background-color:#FAFAFA;
}
.iconColor-corporate rect{
  fill: #931A24;
}
.iconColor-ventilation rect{
  fill: #1D262F;
}
.iconColor-hardware rect{
  fill: #6C3C6C;
}
.iconColor-light rect{
  fill: #FAFAFA;
}
.iconColor-dark rect{
  fill: #231f20;
}


.iconColor-corporate path{
  stroke: #931A24;
}
.iconColor-ventilation path{
  stroke: #1D262F;
}
.iconColor-hardware path{
  stroke: #6C3C6C;
}
.iconColor-light path{
  stroke: #FAFAFA;
}
.iconColor-dark path{
  stroke: #231f20;
}


.iconColor-ventilation-light svg rect{
  fill: #C3D4DE;
}
.iconColor-hardware-light rect{
  fill: #D19FD3;
}
.iconColor-corporate-light rect{
  fill: #931A24;
}

.iconColor-ventilation path{
  stroke: #C3D4DE;
}
.iconColor-hardware-light  path{
  stroke: #D19FD3;
}
.iconColor-corporate path{
  stroke: #931A24;
}

.tag-hardware-light{
  color: #D19FD3;
}
.tag-ventilation-light{
  color: #C3D4DE;
}
.tag-corporate-light{
  color: #931A24;
}
.chip-hardware-light{
  background:#9E5A9F;
  color:#fff;
}
.chip-ventilation-light{
  background:#4D748D;
  color:#fff;
}
.chip-corporate-light{
  background:#B91C29;
  color:#fff;
}
.topBarAndHeaderOuter {
  margin-top: 148.18px;
}
.topBarAndHeaderInner {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 99;
  left:0px;
}
@media (max-width: 1080px) {
  .topBarAndHeaderOuter {
    margin-top: 132.18px;
  }
  body.hamburgeractive .topBarAndHeaderInner {
    height:100vh;
    overflow:auto;
  }
}



/************************************Chatbot style**********************************************/
#titon-chatbot-container {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 350px;
  height: 500px;
  z-index: 9999;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}
#titon-chatbot-close {
  position: absolute;
  top: 8px;
  right: 8px;
  background: transparent;
  border: none;
  font-size: 20px;
  line-height: 1;
  padding: 4px 8px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10000;
}
#titon-chatbot {
  width: 100%;
  height: 100%;
  border: none;
}
#titon-chatbot-open {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: var(--CTA-Red, linear-gradient(270deg, #B91C29 0%, #DC2635 100%));
  color: white;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  font-size: 16px;
  z-index: 9998;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  width: 50px;
  height: 50px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding:0px;
}
#titon-chatbot-open img {
  width: 25px;
}
button#titon-chatbot-open:hover {
  transform: scale(1.1);
}

@media (max-width: 480px) {
  #titon-chatbot-container {
    width: 90%;
    height: 80%;
    right: 5%;
    bottom: 10px;
  }
  #titon-chatbot-open {
    right: 5%;
    bottom: 10px;
  }
}
/* Utilities
Helper classes with ability to override anything that comes before it
*/

/* For content that needs to be visually hidden but stay visible for screenreaders */

.show-for-sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}