/* Theme base styles */

/* Generic */

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

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

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

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

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

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

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

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

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

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

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* Objects */

/* Responsive grid */

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

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

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

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.container-fluid {
    *zoom: 1;
}

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

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

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

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

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

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

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

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

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

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

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

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

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

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

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

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

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

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

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

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

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

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

/* Responsive Visibilty Classes */

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

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

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

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

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

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

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

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

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

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

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

  




/* Content wrappers for blog post and system templates */

.content-wrapper {
  padding: 0 24px;
  margin: 0 auto;
}

/* Drag and drop layout styles */

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

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

/* Elements */
.card{
  overflow: clip;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.card.card--hide{
  display: none;
}

.card__image{
  height: 300px;
  max-height: 300px;
  width: 100%;
  overflow: clip;
  position: relative;
}

.card__image img{
  width: 100%;
  height: 100%;
  position: absolute;
  transform: scale(1);
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
  transition: var(--transition);
}

.card:hover .card__image img{
  transform: scale(1.1);
}

.card__tags .secondary-cta{
  padding: 10px 20px;
  font-size: 14px;
}

.card__content{
  background-color: #F6F6F6;
  padding: 32px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 24px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%);
  transition: var(--transition);
}

.card:hover .card__content{
  clip-path: polygon(0 0, 100% 0, 100% 90%, 90% 100%, 0 100%);
}

.card__header{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 32px;
  flex-wrap: wrap;
}

.card__content h6{
  margin-bottom: 0px;
}

.card__content p:last-of-type{
  margin-bottom: 0px;
}

.card__footer{
  display: flex;
  flex-grow: 1;
  align-items: flex-end;
}


.card.card--download .card__image{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.card.card--download .card__image img{
  position: static;
  width: max-content;
  max-width: 245px;
  height: auto;
  object-fit: contain;
  object-position: center;
}

.card .cover-link{
  pointer-events: none;
}

@media screen and (max-width: 767px){

  .card .cover-link{
    pointer-events: all;
  }


  .card__footer{
    display: none;
  }

  .card__content h6{
    color: var(--ignition-orange);
    text-decoration: underline;
    text-underline-offset: 2px;
  }
}
html {
  position: relative;
}

body {
  line-height: 1.4;
}

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

/* Paragraphs */

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

/* Anchors */

a {
  cursor: pointer;
}

/* Headings */

h1,
h2,
h3, 
h4,
h5,
h6 {
  margin: 0 0 24px;
}

h1,
h2,
h3{
  font-weight: 500!important;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: auto;
}

h4,
h5,
h6 {
  font-weight: 500!important;
}

/* Lists */

ul,
ol {
  padding-left: 1rem;
  margin: 0 0 24px;
}

ul li,
ol li {
  margin: 0.7rem;
}

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

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

.no-list li {
  margin: 0;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  padding-left: 1rem;
  border-left: 10px solid;
  margin: 0 0 24px;
}

/* Horizontal rules */

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

/* Subscripts and superscripts */

sup,
sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Image alt text */

img {
  font-size: 1rem;
  word-break: normal;
}
.primary-cta, 
.secondary-cta{
  text-decoration: none;
  border-width: 1px;
  border-style: solid;
  padding: 16px 24px;
  line-height: 20px;
  transition: var(--transition);
  background-color: inherit;
  position: relative;
  display: inline-block;
  max-width: max-content;
}

.secondary-cta{
  background-color: transparent;
  border-color: var(--white);
  color: var(--white);
}

/* Colourways */

/* Colourways -> Primary  */

/* Orange */

.primary-cta.orange-cta{
  background-color: var(--ignition-orange);
  border-color: var(--ignition-orange);
  color: var(--white);
}

.primary-cta.dark-cta:hover.orange-cta{
  background-color: transparent;
  border-color: var(--ignition-orange);
  color: var(--ignition-orange);
}

/* Green */

.primary-cta.green-cta{
  background-color: var(--lightcycle-green);
  border-color: var(--lightcycle-green);
  color: var(--white);
}

.primary-cta.dark-cta:hover.green-cta{
  background-color: transparent;
  border-color: var(--lightcycle-green);
  color: var(--lightcycle-green);
}

/* Light/Hotfix Green */

.primary-cta.light-green-cta{
  background-color: var(--hotfix-green);
  border-color: var(--hotfix-green);
  color: var(--white);
}

.primary-cta.light-green-cta:hover{
  background-color: transparent;
  border-color: var(--hotfix-green);
  color: var(--hotfix-green);
}

/* White */

.primary-cta.white-cta{
  background-color: var(--white);
  border-color: var(--white);
  color: var(--protocol-grey);
}

.primary-cta.white-cta:hover{
  background-color: transparent;
  color: white;
}

/* Light CTA, catch all hovers  */

.primary-cta.light-cta:hover.orange-cta, 
.primary-cta.light-cta:hover.green-cta, 
.primary-cta.light-cta:hover.white-cta, 
.primary-cta.light-cta:hover.light-green-cta{
  background-color: transparent;
  border-color: var(--white);
  color: var(--white);
}

/* Colourways -> Secondary  */

.secondary-cta.dark-cta.orange-cta{
  border-color: var(--ignition-orange);
  background-color: transparent;
  color: var(--ignition-orange);
}

.secondary-cta.dark-cta:hover.orange-cta{
  border-color: var(--ignition-orange);
  background-color: var(--ignition-orange);
  color: var(--white);
}

.secondary-cta.dark-cta.green-cta{
  border-color: var(--lightcycle-green);
  color: var(--lightcycle-green);
}

.secondary-cta.dark-cta.light-green-cta{
  border-color: var(--hotfix-green);
  color: var(--hotfix-green);
}

.secondary-cta.dark-cta:hover.light-green-cta{
  border-color: var(--hotfix-green);
  background-color: var(--hotfix-green);
  color: var(--white);
}

.secondary-cta.dark-cta:hover.green-cta{
  border-color: var(--lightcycle-green);
  background-color: var(--lightcycle-green);
  color: var(--white);
}


.secondary-cta.light-cta.orange-cta:hover{
  border-color: var(--ignition-orange);
  background-color: var(--ignition-orange);
  color: var(--white);
}

.secondary-cta.light-cta.green-cta:hover{
  border-color: var(--lightcycle-green);
  background-color: var(--lightcycle-green);
  color: var(--white);
}

.secondary-cta.light-cta.light-green-cta:hover{
  border-color: var(--hotfix-green);
  background-color: var(--hotfix-green);
  color: var(--white);
}

.secondary-cta.light-cta.white-cta:hover{
  border-color: var(--white);
  background-color: var(--white);
  color: var(--protocol-grey);
}


@media screen and (max-width: 767px){
  .primary-cta, 
  .secondary-cta{
    max-width: unset;
    width: 100%;
    text-align: center;
  }
}
/* Labels */

/* Help text */

form legend {

}

.hs-form__virality-link{
  display: none!important;
}

/* Form fields */

.simple-form{
  position: relative;
}

.hs-form-field{
  position: relative;
  transition: var(--transition);
  margin-top: 10px;
  margin-bottom: 28px;
}

.hs-form-field:not(.hs-fieldtype-checkbox) label:not(.hs-error-msg, .hs-form-booleancheckbox-display, .hs-form-radio-display){
  font-style: normal;
  margin-bottom: 8px;
  display: block;
}


.hs-fieldtype-radio label:first-of-type:not(.hs-form-radio-display), 
.hs-fieldtype-checkbox label:first-of-type:not(.hs-form-checkbox-display){
  top: 0px!important;
  position: relative!important;
  left: 0px!important;
  margin-bottom: 10px!important;
  display: block;
}

.hs-form-field:not(.hs-fieldtype-checkbox).hs-form-field--active label:not(.hs-error-msg), 
.hs-form-field:has(.hs-error-msgs):not(.hs-fieldtype-checkbox).hs-form-field--active label:not(.hs-error-msg){
  top: calc(0% - 10px);
  font-size: 10px;
  left: 0px;
}

.hs-form-booleancheckbox-display{
    position: relative !important;
    top: 0!important;
    transform: unset !important;
    pointer-events: all!important;
}

.hs-form-booleancheckbox-display a{
  color: var(--spring-green)!important;
}

.hs-error-msg{
  color: #F00;
  line-height: 1;
  margin-top: 18px;
  display: block;
}

.hs-form-field:has(.hs-error-msg) input{
  border-color: #F00!important;
}

.inputs-list.multi-container li label{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 12px;
}


form input[type='text'],
form input[type='email'],
form input[type='password'],
form input[type='tel'],
form input[type='number'],
form input[type='search'], 
form select, 
form textarea{
  width: 100%;
  padding: 12px 0px!important;
  border-left: none;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid var(--protocol-grey);
  background-color: transparent;
}

form textarea{
  min-height: 120px;
}

form fieldset{
  max-width: unset!important;
}

form input::placeholder{
  opacity: 1!important;
}

.form--light form input,
.form--light form select,
.form--light form textarea {
  color: var(--white);
}

.form--light .hs-form-field label:not(.hs-error-msg){
  color: var(--white);
}

.form--light .hs-richtext{
  color: var(--white);
}

.form--light form input::placeholder, 
.form--light form textarea::placeholder{
  color: var(--hotfix-green);
}

.form--dark form input::placeholder, 
.form--dark form textarea::placeholder{
  color: var(--ignition-orange);
}

.legal-consent-container .hs-form-booleancheckbox-display input{
 
}

/* Form -fields -> intl phone */


.hs-fieldtype-intl-phone{
  display: flex;
  flex-direction: row;
  gap: 10px;
}

/* Form fields - placeholders */

::-webkit-input-placeholder {
  display: none;
}

::-moz-placeholder {
  display: none;
}

:-ms-input-placeholder {
  display: none;
}

:-moz-placeholder {
  display: none;
}

::placeholder {
  display: none;
}

/* Form fields - date picker */

form .hs-dateinput:before {
  
}

form .pika-table thead th {

}

form td.is-today .pika-button {
 
}

form .is-selected .pika-button {

}

form .pika-button:hover {

}

/* Headings and text */

form .hs-richtext,
form .hs-richtext *,
form .hs-richtext p,
form .hs-richtext h1,
form .hs-richtext h2,
form .hs-richtext h3,
form .hs-richtext h4,
form .hs-richtext h5,
form .hs-richtext h6 {

}

form .hs-richtext a {

}

/* GDPR */

.form--light form .legal-consent-container .hs-richtext,
.form--light form .legal-consent-container .hs-richtext p {
  color: var(--white);
}

form .legal-consent-container .hs-richtext,
form .legal-consent-container .hs-richtext p {
  margin-bottom: 24px;
}

/* Inline thank you message */

.submitted-message {

}

/* Custom checkbox */

input[type="checkbox"]{
  position: relative;
  cursor: pointer;
  appearance: none; 
  width: 20px;
  height: 20px;
}

input[type="checkbox"]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: var(--transition);
}

input[type="checkbox"]::before {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="2.5" fill="%23F1F1F1" stroke="%23003934"/></svg>');
}

input[type="checkbox"]:checked::before {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="2.5" fill="%23F1F1F1" stroke="%23003934"/><rect x="4" y="4" width="12" height="12" rx="2" fill="%23EB6209"/></svg>');
}

.form--dark input[type="checkbox"]::before {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="2.5" fill="%23F1F1F1" stroke="%23003934"/></svg>');
}

.form--dark input[type="checkbox"]:checked::before {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="2.5" fill="%23F1F1F1" stroke="%23003934"/><rect x="4" y="4" width="12" height="12" rx="2" fill="%23EB6209"/></svg>');
}

.form--light input[type="checkbox"]::before {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="2.5" stroke="white"/></svg>');
}

.form--light input[type="checkbox"]:checked::before {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="2.5" stroke="white"/><rect x="4" y="4" width="12" height="12" rx="2" fill="%23EB6209"/></svg>');
}

input[type="checkbox"] + span:not(.legal-consent-container .hs-form-booleancheckbox-display>span){
  padding-left: 28px;
}

.legal-consent-container .hs-form-booleancheckbox-display>span {
    margin-left: 28px!important;
}

/* Custom Radio Button Styling */

/* Target radio inputs inside any label with the common HubSpot structure */
.hs-form-radio-display input[type="radio"] {
  position: relative;
  cursor: pointer;
  appearance: none; /* Hide default radio button */
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  background-color: transparent;
}

.hs-form-radio-display input[type="radio"]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: var(--transition, 0.3s ease);
  pointer-events: none;
}

.hs-form-radio-display input[type="radio"]::before {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="9.5" fill="white" stroke="%23003934"/></svg>');
}

.hs-form-radio-display input[type="radio"]:checked::before {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="9.5" fill="white" stroke="%23003934"/><rect x="4" y="4" width="12" height="12" rx="6" fill="%23EB6209"/></svg>');
}

.form--dark .hs-form-radio-display input[type="radio"]::before {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="9.5" fill="white" stroke="%23003934"/></svg>');
}

.form--dark .hs-form-radio-display input[type="radio"]:checked::before {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="9.5" fill="white" stroke="%23003934"/><rect x="4" y="4" width="12" height="12" rx="6" fill="%23EB6209"/></svg>');
}

.form--light .hs-form-radio-display input[type="radio"]::before {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="9.5" stroke="white"/></svg>');
}

.form--light .hs-form-radio-display input[type="radio"]:checked::before {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="9.5" stroke="white"/><rect x="4" y="4" width="12" height="12" rx="6" fill="%23EB6209"/></svg>');
}

.hs-form-radio-display input[type="radio"] + span {
  display: inline-block;
  padding-left: 36px; /* Leave room for the 20px icon and spacing */
  line-height: 20px;
  font-size: 16px;
  vertical-align: middle;
  position: relative;
}

.hs-form-radio-display{
  display: flex;
  flex-direction: row;
  align-items: center;
}

.hs-form-radio-display label span{
  font-size: 16px;
  display: inline-block;
  margin-bottom: 8px;
}

/* Buttons */

.hs_submit, 
.hs-submit{
  margin-top: 32px;
}

input[type="submit"].hs-button{
  text-decoration: none;
  border-width: 1px;
  border-style: solid;
  padding: 16px 24px;
  line-height: 20px;
  transition: var(--transition);
  cursor: pointer;
}

.form--light input[type="submit"].hs-button{
  background-color: var(--ignition-orange);
  border-color: var(--ignition-orange);
  color: var(--white);
}

.form--light input[type="submit"].hs-button:hover{
  background-color: transparent;
  border-color: var(--white);
  color: var(--white);
}

.form--dark input[type="submit"].hs-button{
  background-color: transparent;
  border-color: var(--ignition-orange);
  color: var(--ignition-orange);
}

.form--dark input[type="submit"].hs-button:hover{
  background-color: var(--ignition-orange);
  border-color: var(--ignition-orange);
  color: var(--white);
}
/* 

Need to make individual adjustments? -- Please use modifier classes e.g. slider-navigation--team-slider
inside of your modules respective css file 

*/


/* Slider Navigation */

.slider-navigation{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 32px;
}

.slider-navigation__item{
    width: 50px;
    height: 50px;
    background-color: var(--white);
    border: 1px solid rgba(0, 141, 127, 0.1);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: var(--transition);
    cursor: pointer;
    opacity: 1;
}

.slider-navigation__item.swiper-button-disabled{
    opacity: 0.5;
    cursor: not-allowed;
}

.slider-navigation__item:hover{
    background-color: var(--teal);
    border-color: var(--teal);
}

.slider-navigation__item svg{
    width: 28px;
    max-width: 28px;
    height: auto;
}

.slider-navigation__item svg path{
    fill: var(--teal);
    transition: var(--transition);
}

.slider-navigation__item:hover svg path{
    fill: var(--white);
}

/* Logo Slider */

.logo-slider{
    position: relative;
    isolation: isolate;
}

.logo-slider::after, 
.logo-slider::before{
    content: "";
    position: absolute;
    width: 100px;
    height: 100%;
    z-index: 5;
    pointer-events: none;
}

.logo-slider::after{
    top: 0;
    right: 0;
}

.logo-slider::before{
    top: 0;
    left: 0;
}

.logo-slider__logo{
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo-slider.logo-slider--light .logo-slider__logo img{
 filter: brightness(0) saturate(100%) invert(1);
  -webkit-filter: brightness(0) saturate(100%) invert(1);
} 

.logo-slider.logo-slider--dark .logo-slider__logo img{
    filter: brightness(0) saturate(100%);
    -webkit-filter: brightness(0) saturate(100%);
}

.logo-slider__logo img{
    min-height: 90px;
    max-height: 100px;
    width: 100%;
    object-fit: contain;
}

.logo-slider .swiper-wrapper{
    transition-timing-function: linear;
}

/* Scrollbar */

.slider-scroll-bar{
    margin-top: 120px;
    height: 1px;
    background-color: #4D4D4D;
}

.slider-scroll-bar .swiper-scrollbar-drag {
    height: 12px;
    background-color: white;
    top: -6px;
}

@media screen and (max-width: 768px){

    .logo-slider__logo img{
        min-height: 30px;
        max-height: 30px;
    }
}

.pagination{
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.pagination__page, 
.pagination__arrow{
    max-width: 40px;
    max-height: 40px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    color: inherit;
    background-color: transparent;
    transition: var(--transition);
    cursor: pointer;

}

.pagination__page:hover, 
.pagination__page.pagination__page--active{
    background-color: var(--ignition-orange);
    color: white;
}

.pagination__arrow:hover{
    background-color: var(--ignition-orange);
}

.pagination__arrow svg path{
    stroke: var(--ignition-orange);
}

.pagination__arrow:hover svg path{
    stroke: var(--white);
}


.pagination__arrow svg{
    pointer-events: none;
}

.pagination__arrow.pagination__arrow--prev svg{
    transform: rotate(180deg);
}

.pagination__arrow.pagination__arrow--inactive{
    cursor: not-allowed;
    opacity: 0.3;
}

.pagination:has(.pagination__arrow.pagination__arrow--prev.pagination__arrow--inactive):has(.pagination__arrow.pagination__arrow--next.pagination__arrow--inactive) .pagination__arrow.pagination__arrow--inactive{
    display: none;
}
/* Table */

table {
  border-collapse: collapse;
  margin: 0px;
  width: 100%;
  font-size: var(--protocol-grey);
}

/* Table cells */

th,
td {
  padding: 0.7rem!important;
  vertical-align: top;
  text-align: left!important;
}

/* Table header */

thead th:first-of-type,
thead td:first-of-type {
    text-align: left;
}

thead th, 
thead td{
    text-align: center;
}

thead th h6{
	margin: 0px;
} 

thead th:last-of-type{
	border-right: none;
}


table {
	border-collapse: collapse;
}
table td {
	padding: 16px!important;
	font-size: 16px;
}
table thead td {
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;
	border: 1px solid #54585d;
}


table td p, 
table td h6{
	margin-bottom: 0px;
}

table:not(.pricing-table) tbody tr:first-of-type h1, 
table:not(.pricing-table) tbody tr:first-of-type h2, 
table:not(.pricing-table) tbody tr:first-of-type h3, 
table:not(.pricing-table) tbody tr:first-of-type h4, 
table:not(.pricing-table) tbody tr:first-of-type h5, 
table:not(.pricing-table) tbody tr:first-of-type h6{
	color: white!important;
	margin-bottom: 0px;
}

tbody tr{
	transition: var(--transition);
}

table tbody tr:first-of-type td{
	border: 0px solid transparent!important;
}

table tbody tr td:first-of-type{
	text-align: left;
}

table tbody tr td{
	text-align: center;
}

table tbody tr td:last-of-type{
	border-right: 0px solid;
}

table ul{
	padding: 0;
	margin: 0;
	margin-left: 20px;
}

table li{
	margin: 0;
	padding: 0;
	font-size: 14px;
}

/* Rich text based table adjustments */

.hs_cos_wrapper_type_rich_text table tbody tr:first-of-type {
	border-top: 2px solid #646363;
  }
  
  .hs_cos_wrapper_type_rich_text table tbody tr {
	border-bottom: 2px solid #646363;
  }

@media (max-width: 767px) {
	.hs_cos_wrapper_type_rich_text:has(table) {
	  display:block;
	  width: 100%;
	  overflow-x: scroll;
	}
  
	.hs_cos_wrapper_type_rich_text > table {
	  width: max-content !important;
	  min-width: 100% !important;
	  border-collapse: collapse;
	}
  
	.hs_cos_wrapper_type_rich_text > table th,
	.hs_cos_wrapper_type_rich_text > table td {
	  width: auto !important;
	  min-width: 160px;
	  white-space: nowrap;
	  padding: 12px 14px;
	}
  }
.video-media{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.video-media.video-media--paused{

}

.video-media video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
    display: block;
}

.video-media .video-media__thumbnail{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0;
    pointer-events: none;
    z-index: 2;
    transition: var(--transition);
}

.video-media.video-media--paused .video-media__thumbnail{
    opacity: 1;
}

.video-media .video-media__controls{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.2);
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    z-index: 3;
    transition: var(--transition);
}

.video-media:hover .video-media__controls{
    background-color: rgba(0, 0, 0, 0.3);
}

.video-media.video-media--paused .video-media__controls{
    opacity: 1;
    pointer-events: all;
}

.video-media__controls svg{
    transition: var(--transition);
    border: 0px solid rgba(255, 255, 255, 0);
    border-radius: 100%;
}

.video-media__controls svg circle{
    fill: var(--white);
    transition: var(--transition);
}

.video-media__controls svg path{
    fill: var(--ignition-orange);
    transition: var(--transition);
}

.video-media__controls:hover svg circle{
    fill: var(--sapphire);
}

.video-media__controls:hover svg path{
    fill: var(--white);
}

@media screen and (max-width: 767px){

    .video-media__controls svg{
        width: 50px;
        height: 50px;
    }

}
.accordion{
  display: flex;
  flex-direction: column;
  width: 100%;
  border-bottom: 1px solid;
  background-color: transparent;
  transition: var(--transition);
  padding: 20px 0px 20px 0px;
}

.accordion.accordion--light{
  border-color: var(--white);
}

.accordion.accordion--dark{
  border-color: var(--hotfix-green);
}

.accordion.accordion--light .accordion__title-indicator__title h4{
  color: white;
}

.accordion .accordion__title-indicator{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  align-items: center;
  margin-bottom: 0px;
  transition: var(--transition);
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.accordion .accordion__title-indicator__title h4{
  margin-bottom: 0px;
}

.accordion.accordion--dark .accordion__title-indicator__title h4{
  color: white;
}

.accordion__title-indicator .accordion__title__indicator{
  position: relative;
  margin-left: 20px;
}

.accordion__title__indicator__plus{
  width: 20px;
  height: 20px;
  height: auto;
  opacity: 1;
  transition: var(--transition)
}

.accordion.active .accordion__title__indicator__plus{
  opacity: 0;
}

.accordion__title__indicator__minus{
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  opacity: 0;
  transition: var(--transition)
}

.accordion.active .accordion__title__indicator__minus{
  opacity: 1;
}

.accordion .accordion__title-indicator-svg{
  min-width: 14px;
  min-height: 7px;
  transform: rotate(0deg);
  transition: var(--transition);
}

.accordion.active .accordion__title-indicator-svg{
  transform: rotate(180deg);
}

.accordion.active .accordion__title-indicator-svg path{
  stroke: var(--white);
}

.accordion .accordion__content{
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: height var(--transition), opacity var(--transition) padding-top: var(--transition);
  width: 90%;
  line-height: 1.5;
  position: relative;
  padding-top: 0px;
}

.accordion.active .accordion__content{
  opacity: 1;
  padding-top: 20px;
  overflow: visible;
  height: max-content;
}

.accordion .accordion__content p{
  color: white;
}

.accordion.active .accordion__content p:last-of-type{
  margin-bottom: 0px;
}

.accordion.active .accordion__content img{
  border-radius: 8px;
  margin-bottom: 24px;
}

.accordion-mob-img{
  display: none;
}

@media screen and (max-width: 768px) {

  .accordion-mob-img{
    display:block;
  }


  .accordion__title-indicator__title span{
    font-size: 24px;
  }

  .accordion__title__indicator{
    margin-left: 0px!important;
  }

  .accordion .accordion__content{
    width: 100%;
  }

}
.statistic{
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
}

.statistic.statistic--reverse{
    flex-direction: column-reverse;
}

.statistic-number{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    font-size: 64px;
    line-height: 1.15;
    color: var(--lightcycle-green);
}

.statistic-content p:last-of-type{
    margin-bottom: 0px;
}

/* Modules */
/* Rich text */

.widget-type-rich_text img {
  height: auto;
  max-width: 100%;
}
/* Setup */

.footer{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--black);
    padding-top: 100px;
}

.footer .content-wrapper{
    margin: 0px;
    display: flex;
    flex-direction: column;
    gap: 50px;
    width: 100%;
}

.footer h4, 
.footer p, 
.footer a{
    color:white!important;
}

.footer a::before{
    background-color: white;
}

.footer p{
    margin-bottom: 0px;
}

/* Footer - Upper */

.footer__upper-logo{
    max-width: 140px;
    height: auto;
    position: relative;
}

/* Footer - Main */

.footer__main {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(50px, 5vw, 150px);
}

.footer__main ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer__main ul li{
    margin: 0;
    padding: 0;
}

.footer__main-column h6{
    margin-bottom: 40px;
}

.footer__main-column .rte-link{
    display: block;
    max-width: max-content;
    margin-bottom: 20px;
}

.footer__socials{
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
}

.social-icon{
    position: relative;
}

/* Footer - Lower */

.footer__lower{
    display: flex;
    flex-direction: row;
    gap: 26px;
    align-items: center;
    padding: 32px 0px;
    border-top: 1px solid #4D4D4D;
}

.footer__lower-menu-item{
    padding-left: 26px;
    border-left: 1px solid #777777;
}

/* Footer - MQs */

@media screen and (max-width: 1400px){
    .footer .content-wrapper{
        padding: 0 24px;
    }
}

@media (max-width: 1024px) {
  .footer__main {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {

    .footer{
        padding-top: 70px;
    }

    .footer .content-wrapper{
        gap: 26px;
    }

    .footer__main {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .footer__main-column h6 {
        margin-bottom: 20px;
    }

    .footer__main ul {
        gap: 6px;
    }

    .footer__lower{
        flex-wrap: wrap;
    }

}

/* Missing Template at Path: \'innovate-theme\/css\/modules\/sections\/_tabbed-meeting-form.css\' */
/* Missing Template at Path: \'innovate-theme\/css\/modules\/sections\/_highlighted-title.css\' */
/* Missing Template at Path: \'innovate-theme\/css\/modules\/sections\/_product-slider.css\' */

.icon-image-repeater {
    display: grid;
    row-gap: 0;
    justify-items: start;
    align-items: start;
  }
  
  .icon-image-repeater__items {
    display: grid;
    grid-gap: 90px 32px;
    width: 100%;
  }
  
  .icon-image-repeater__items.icon-image-repeater__items--three {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 100px 32px;
  }
  
  .icon-image-repeater__items.icon-image-repeater__items--four {
    grid-template-columns: repeat(4, 1fr);
  }
  
  .icon-image-repeater__items.icon-image-repeater__items--three:has(.repeater-image) {
    grid-gap: 28px 14px;
  }
  
  .icon-image-repeater__items__item .repeater-icon {
    width: auto;
    object-fit: contain;
  }
  
  .icon-image-repeater__items__item .repeater-icon.repeater-icon--small {
    max-height: 40px;
    min-height: 40px;
    margin-bottom: 24px;
  }
  
  .icon-image-repeater__items__item .repeater-icon.repeater-icon--large {
    max-height: 90px;
    min-height: 90px;
    margin-bottom: 32px;
  }
  
  .icon-image-repeater__items__item.icon-image-repeater__items__item--small-gap .repeater-icon {
    margin-bottom: 16px;
  }
  
  .icon-image-repeater__items__item.icon-image-repeater__items__item--large-gap .repeater-icon {
    margin-bottom: 50px;
  }
  
  .icon-image-repeater__items__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  
  .icon-image-repeater__items__item.icon-image-repeater__items__item--center {
    align-items: center;
    text-align: center;
  }
  
  .icon-image-repeater__items__item .repeater-image {
    width: 100%;
    min-height: 340px;
    max-height: 470px;
    object-fit: cover;
    object-position: center;
    margin-bottom: 36px;
  }
  
  @media screen and (min-width: 1440px) {
    .icon-image-repeater__items__item .repeater-image {
      min-height: 470px;
    }
  }
  
  .icon-image-repeater__items__item h3 {
    margin-bottom: 28px;
  }
  
  .icon-image-repeater__items__item p {
    padding-right: 16px;
  }
  
  .icon-image-repeater__items__item p:last-of-type {
    margin-bottom: 0;
  }
  
  @media screen and (max-width: 1023px) {
    .icon-image-repeater__items {
      grid-gap: 32px 24px;
    }
  
    .icon-image-repeater__items.icon-image-repeater__items--three {
      grid-template-columns: repeat(2, 1fr);
    }
  
    .icon-image-repeater__items.icon-image-repeater__items--four {
      grid-template-columns: repeat(2, 1fr);
    }
  
    .icon-image-repeater__items.icon-image-repeater__items--three > *:nth-child(3) {
      grid-column: 1 / -1;
    }
  
    .icon-image-repeater__items__item .repeater-image {
      margin-bottom: 32px;
    }
  }
  
  @media screen and (max-width: 767px) {
    
    .icon-image-repeater__items {
      grid-gap: 60px!important;
    }
  
    
  
    .icon-image-repeater__items.icon-image-repeater__items--three,
    .icon-image-repeater__items.icon-image-repeater__items--four {
      grid-template-columns: 1fr;
    }
  
    .icon-image-repeater__items__item{
      align-items: center;
      text-align: center;
    }
  
    .icon-image-repeater__items__item p {
      padding-right: 0px;
    }
  
    .icon-image-repeater__items.icon-image-repeater__items--three > *:nth-child(3) {
      grid-column: auto;
    }
  
    .icon-image-repeater__items__item .repeater-image {
      max-height: 400px;
      min-height: 400px;
      margin-bottom: 24px;
    }
  }
/* Missing Template at Path: \'innovate-theme\/css\/modules\/components\/_testimonial.css\' */
.mixed-content {}

.mixed-content.mixed-content--boxed {
    padding: 32px;
}

.article-body .mixed-content.mixed-content--boxed{
  margin: 60px 0px;
  align-items: center;
}

.mixed-content__header h2 {
    margin-bottom: 64px;
}

.mixed-content__columns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
}

.mixed-content.mixed-content--light h1,
.mixed-content.mixed-content--light h2,
.mixed-content.mixed-content--light h3,
.mixed-content.mixed-content--light h4,
.mixed-content.mixed-content--light h5,
.mixed-content.mixed-content--light h6,
.mixed-content.mixed-content--light p {
    color: white !important;
}

.mixed-content__column{
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.mixed-content__column p:last-of-type:not(.label) {
    margin-bottom: 0;
}

.mixed-content__column img {
    border-radius: var(--radius);
    max-height: 700px;
    width: 100%;
    height: auto;
    object-fit: cover;
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% calc(100% - 60px), 
        calc(100% - 60px) 100%, 
        0 100%
    );
}

.mixed-content__accordions{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
}

.mixed-content__column-item{
    text-wrap: balance;
}

.mixed-content__column-item .cta-wrapper{
    margin-top: 10px;
}

@media screen and (max-width: 1023px) {
    .mixed-content__columns {
        grid-template-columns: repeat(2, 1fr);
        gap: 48px!important;
    }

    .mixed-content__column img {
        max-height: max-content;
    }
}

@media screen and (max-width: 768px) {
    .mixed-content__columns {
        grid-template-columns: 1fr;
        gap: 48px;
    }
}

/* two-per-row */
.mixed-content--two-per-row .mixed-content__columns {
    grid-template-columns: repeat(2, 1fr);
    gap: 48px;
}

@media screen and (max-width: 768px) {
    .mixed-content--two-per-row .mixed-content__columns {
        grid-template-columns: 1fr;
    }
}

/* three-per-row */
.mixed-content--three-per-row .mixed-content__columns {
    grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 1023px) {
    .mixed-content--three-per-row .mixed-content__columns {
        grid-template-columns: repeat(2, 1fr);
    }
    .mixed-content--three-per-row .mixed-content__columns > *:nth-child(3) {
        grid-column: 1 / -1;
    }
}

@media screen and (max-width: 768px) {
    .mixed-content--three-per-row .mixed-content__columns {
        grid-template-columns: 1fr;
    }
}

/* four-per-row */
.mixed-content--four-per-row .mixed-content__columns {
    grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 1023px) {
    .mixed-content--four-per-row .mixed-content__columns {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .mixed-content--four-per-row .mixed-content__columns {
        grid-template-columns: 1fr;
    }
}
.featured-post{
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 0px;
    overflow: clip;
    background-color: white;
    clip-path: polygon(
        0 0,                  
        100% 0,                   
        100% calc(100% - 64px),     
        calc(100% - 64px) 100%,       
        0 100%                        
    );
}

.featured-post__column{
    width: 50%;
}

.featured-post__column.featured-post__column--media img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.featured-post__column.featured-post__column--content{
    padding: 48px;
    background-color: white;
}

.featured-post__header{
    display: flex;
    gap: 32px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.featured-post__column--content p:last-of-type {
    margin-bottom: 40px;
}

.article-date{
    margin-bottom: 12px;
}

@media screen and (max-width: 1100px){
  .featured-post__column.featured-post__column--content{
    padding: 44px 34px;
  }
}

@media screen and (max-width: 767px){
    
    .featured-post{
        flex-direction: column;
    }

    .featured-post__column{
        width: 100%;
    }

    .featured-post__column.featured-post__column--media{
        min-height: 350px;
    }

    .featured-post__column.featured-post__column--media img{
        width: unset;
        max-width: unset;
        max-height: 350px;
    }

    .featured-post__column--content p:last-of-type {
        margin-bottom: 24px;
    }

    .featured-post__column.featured-post__column--content{
        padding: 32px 24px;
      }
}



/* Missing Template at Path: \'innovate-theme\/css\/modules\/sections\/_highlighted-title.css\' */


/* Missing Template at Path: \'innovate-theme\/css\/modules\/utility\/_tabbed-drag-and-drop-sections.css\' */

/* Macro */
.filterable-listing{
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 70px;
}


.filterable-listing{
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 70px;
}

.filterable-listing__filters {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
}

.filterable-listing__filters p {
  margin-bottom: 0px;
}

.checkbox-filter {
  display: flex;
  padding: 10px 16px;
  background-color: transparent;
  border: 1px solid var(--lightcycle-green);
  align-items: center;
  transition: var(--transition);
  cursor: pointer;
  min-width: max-content;
}

.checkbox-filter input[type="checkbox"]{
  height: 0;
  width: 0;
}

.checkbox-filter p {
  font-size: 14px;
  color: var(--lightcycle-green);
  transition: var(--transition);
}

.checkbox-filter.checkbox-filter--active,
.checkbox-filter:hover {
  background-color: var(--lightcycle-green);
}

.checkbox-filter.checkbox-filter--active p,
.checkbox-filter:hover p {
  color: var(--white);
}

.checkbox-filter input[type="checkbox"]::before {
  display: none;
}

.filterable-listing__select{
  display: none;
}

/* Card Grid */
.filterable-listing__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

@media (max-width: 1023px) {
  .filterable-listing__cards:not(.filterable-listing__cards--two) {
      grid-template-columns: repeat(2, 1fr);
  }
  .filterable-listing__cards:not(.filterable-listing__cards--two) > *:nth-child(3) {
      grid-column: 1 / -1;
  }

  .filterable-listing__cards--two {
      grid-template-columns: repeat(2, 1fr);
  }
  .filterable-listing__cards--two > *:nth-child(3) {
      grid-column: auto;
  }
}

@media (max-width: 767px) {
  .filterable-listing__filters {
      justify-content: flex-start;
  }
  .filterable-listing__cards {
      grid-template-columns: 1fr;
      gap: 16px;
  }
}

@media (max-width: 1023px) {
  .filterable-listing__cards--two {
      grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .filterable-listing {
      gap: 40px;
  }

  .filterable-listing__filters {
      display: none;
  }

  .filterable-listing__select {
      display: block;
      font-size: 20px;
      padding: 10px;
      background-color: transparent;
      border-top: 0;
      border-left: 0;
      border-right: 0;
      border-radius: 4px;
  }

  .filterable-listing__cards{
      grid-template-columns: repeat(1, 1fr)!important;
      gap: 16px;
  }
}

.latest-articles__title{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
    margin-bottom: 50px;
}

.latest-articles__title h2, 
.latest-articles__title h3{
    margin-bottom: 0px;
}

.latest-articles__articles {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    align-items: stretch;
}

.latest-articles--four .latest-articles__articles{
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
}

.latest-articles__articles .article-card{
    display: flex;
    opacity: 1;
}

@media (max-width: 1023px) {
    .latest-articles__articles, 
    .latest-articles--four .latest-articles__articles{
        grid-template-columns: repeat(2, 1fr);
    }

    .latest-articles__title .primary-cta{
        display: none;
    }
}

@media (max-width: 767px) {
    .latest-articles__articles, 
    .latest-articles--four .latest-articles__articles{
        grid-template-columns: 1fr;
        gap: 30px;
    }
}
.modal {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999999999;
    pointer-events: none;
    opacity: 0;
    transition: var(--transition);
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal.modal--show {
    opacity: 1;
    pointer-events: all;
}

.modal::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: black;
    opacity: 0.8;
    pointer-events: none;
}

.modal__content{
    position: relative;
    max-width: 85vw;
    width: 85vw;
    max-height: 90vh;
    background: white;
    border-radius: 20px;
    box-shadow: 0 0 50px rgba(0,0,0,0.4);
    overflow-y: auto;
    padding: 20px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    isolation: isolate;
}

.modal__content * {
    max-width: 100%;
    box-sizing: border-box;
}

.modal__content iframe,
.modal__content video {
    width: 100% !important;
    height: auto !important;
    max-height: 60vh;
    display: block;
}

.modal__content video{
    max-height: unset;
}

.modal__content:has(video){
    padding: 0px;
}

.modal__content .video-media{
    z-index: 1;
}

.modal__content:has(video) .modal-close-icon svg path{
    fill: white!important;
}

.modal-close-icon {
    position: absolute;
    top: 16px;
    right: 32px;
    cursor: pointer;
    z-index: 2;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}

.modal-close-icon:hover svg path {
    fill: var(--teal);
    transition: var(--transition);
}

.modal-close-icon .label{
    margin-bottom: 0px;
    color: var(--mint);
}


/* Custom Macro Behaviours */

.modal .video-media.video-media--paused .video-media__controls{
    pointer-events: none;
}

.modal--show .video-media.video-media--paused .video-media__controls{
    pointer-events: all;
}

/* Sections */



/* Settings */

:root {
  --black: #000;
  --white: #fff;
  --off-black: #1E1E1E;
  --lightcycle-green: #3AAA35;
  --hotfix-green: #82BD41;
  --ignition-orange: #EB6209;
  --protocol-grey: #646363;
  --pale-orange: #FEf7F3;
  --ui-red: #FF8F8F;
  --orange-overlay: #FF9048;
  --transition: 0.3s ease-in-out;
}

/* Helpers */

.hide-desktop{
  display: none;
}

body.no-scroll{
  overflow-y: clip;
}

@media screen and (max-width: 767px){

  .hide-desktop{
    display: flex!important;
  }
  .hide-mobile{
    display: none!important;
  }
}

/* All */

html {
  scroll-behavior: smooth;
}

.body-wrapper{
  overflow-x: clip;
}
.cover-link{
    position: absolute!important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

a:not(.primary-cta, .secondary-cta){
  color: var(--ignition-orange);
  position: relative;
  text-decoration: none;
  transition: var(--transition);
}

a:not(.primary-cta, .secondary-cta):hover {
  color: var(--ignition-orange);
}

a:not(.primary-cta, .secondary-cta, .header-menu__submenu__item a, .cover-link, .header-menu__item-link)::before {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: var(--ignition-orange);
  transition: var(--transition);
}

a:not(.primary-cta, .secondary-cta, .header-menu__item-link):hover::before {
  width: 100%;
}

.big-text{
  font-size: 20px;
  line-height: 1.5;
}

.small-text{
  font-size: 14px;
  line-height: 1.4;
}

blockquote {
  font-size: 24px;
  line-height: 1.4;
  border: 0px;
  padding: 0px;
  margin-bottom: 0px;
}

.label{
  font-size: 20px;
  line-height: 1.5;
  text-transform: uppercase;
}

.hs-banner-optimization-animation{
  box-shadow: none!important;
}

.hs-banner-parent{
  position: relative!important;
}

body:has(.hs-banner-optimization-animation):not(body:has(.hs-banner-optimization-animation.hs-hidden)) .cookie-overlay{
  opacity: 0.7;
}

ul li::marker{
  font-size: 20px;
  color: var(--ignition-orange);
}

ul.inputs-list{
  list-style: none;
  margin: 0!important;
  padding: 0!important;
}

ul.inputs-list li{
  padding: 0px;
  margin: 0px;
  line-height: 1.5;
}


/* Custom List Style */

.icon-checklist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.icon-checklist li {
  --icon-size: 1.25rem;
  --icon-gap: 0.75rem;
  position: relative;
  padding-left: calc(var(--icon-size) + var(--icon-gap));
  margin: 0;
}

.icon-checklist li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: var(--icon-size);
  height: var(--icon-size);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("https://9229669.fs1.hubspotusercontent-na1.net/hubfs/9229669/Innovate%20Theme%20Assets%202026/Icons/2023%20Innovate%20Icon_bullet_orangeRGB.svg");
}

.icon-checklist.icon-checklist--light li{
  color: var(--white);
}

.icon-checklist.icon-checklist--light li::before{
  background-image: url("https://9229669.fs1.hubspotusercontent-na1.net/hubfs/9229669/Innovate%20Theme%20Assets%202026/Icons/2023%20Innovate%20Icon_bullet_whiteRGB.svg");
}

.icon-checklist li {
  color: #111;
}

.icon-checklist li strong {
  color: inherit;
}

.widget-type-linked_image{
  overflow: clip;
}


.article-quote{
    padding-left: 60px;
    border-left: 4px solid var(--ignition-orange);
    font-weight: 500;
    display: block;
}

.article-quote span{
  display: block;
  margin-bottom: 40px;
}

.article-quote p{
  margin-bottom: 0px;
}

@media screen and (max-width: 768px) {

  .align-center-mobile{
    text-align: center;
  }

  .big-text{
    font-size: 22px;
    line-height: 1.4;
  }

  blockquote {
    font-size: 30px;
    line-height: 1.3;
  }

}

/* Utilities */

img {
  max-width: 100%;
  height: auto;
}

a,
a.button {
  transition: all 0.3s;
}

a.cover {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.d-grid {
  display: grid;
}

.d-flex {
  display: flex;
}

.d-block {
  display: block;
}

.d-none {
  display: none;
}

.flex-wrap {
  flex-wrap: wrap;
}

.justify-content-start {
  justify-content: flex-start;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-around {
  justify-content: space-around;
}

.justify-content-end {
  justify-content: flex-end;
}

.align-items-start {
  align-items: flex-start;
}

.align-items-end {
  align-items: flex-end;
}

.align-items-center {
  align-items: center;
}

.align-items-baseline {
  align-items: baseline;
}

.align-items-stretch {
  align-items: stretch;
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

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

.w-100 {
  width: 100%;
}

.position-fixed {
  position: fixed !important;
}

@media screen and (max-width: 767px) {
  .flex-phone {
    display: flex;
  }

  .flex-row-phone {
    flex-direction: row;
  }

  .flex-row-reverse-phone {
    flex-direction: row-reverse;
  }

  .flex-col-phone {
    flex-direction: column;
  }

  .flex-col-reverse-phone {
    flex-direction: column-reverse;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .flex-row-tablet {
    flex-direction: row;
  }

  .flex-row-reverse-tablet {
    flex-direction: row-reverse;
  }

  .flex-col-tablet {
    flex-direction: column;
  }

  .flex-col-reverse-tablet {
    flex-direction: column-reverse;
  }
}

/* = box shadows -------------------- */
.shadow {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.shadow-md {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.shadow-lg {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.shadow-xl {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.shadow-2xl {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

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

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

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

/* stylelint-enable declaration-no-important */