@charset "UTF-8";
*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
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;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-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.
*/
::-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 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.row{
  display: flex;
  flex-wrap: wrap;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
@media (min-width: 768px) {
    .row{
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
  }
.column{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
section{
  position: relative;
}
.btn {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
   supported by Chrome, Edge, Opera and Firefox */
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    display: flex;
    height: 50px;
    width: 100%;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(229 86 57 / var(--tw-border-opacity, 1));
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  }
@media (min-width: 480px) {
    .btn{
    width: auto;
  }
  }
@media (min-width: 1280px) {
    .btn{
    height: 60px;
  }
  }
.btn span{
  line-height: 1;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
@media (min-width: 1024px) {
    .btn span{
    white-space: nowrap;
  }
  }
.btn.btn-smaller {
    font-size: 0.875rem;
    height: 2.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
.btn.btn-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.btn.btn-light{
  --tw-text-opacity: 1;
  color: rgb(224 219 213 / var(--tw-text-opacity, 1));
}
.btn.btn-dark{
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
.btn.btn-orange{
  --tw-bg-opacity: 1;
  background-color: rgb(229 86 57 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}
.btn.btn-orange:hover{
  --tw-border-opacity: 1;
  border-color: rgb(64 61 61 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}
.btn.btn-black{
  --tw-border-opacity: 1;
  border-color: rgb(64 61 61 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}
.btn.btn-black:hover{
  --tw-border-opacity: 1;
  border-color: rgb(64 61 61 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}
.btn.btn-disabled{
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: rgb(142 138 136 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(142 138 136 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(224 219 213 / var(--tw-text-opacity, 1));
}
.btn.btn-disabled:hover{
  --tw-border-opacity: 1;
  border-color: rgb(142 138 136 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(142 138 136 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(224 219 213 / var(--tw-text-opacity, 1));
}
.btn.btn-to-white:hover{
  --tw-border-opacity: 1;
  border-color: rgb(242 236 230 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
}
.btn.btn-to-orange{
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}
.btn.btn-to-orange:hover{
  --tw-border-opacity: 1;
  border-color: rgb(229 86 57 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(229 86 57 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}
.btn.btn-arrow-right{
  position: relative;
}
.btn.btn-arrow-right .svg-left{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.btn.btn-arrow-right:hover span{
  --tw-translate-x: -2.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.btn.btn-arrow-right:hover .svg-left{
  --tw-translate-x: -30px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
}
.btn.btn-arrow-right:hover .svg-arrow{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}
.btn.btn-arrow-left{
  position: relative;
  padding-left: 3rem;
  padding-right: 3rem;
}
@media (hover: none) {
    .btn.btn-arrow-left span{
    --tw-translate-x: 1.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
    .btn.btn-arrow-left .svg-arrow{
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
  }
  }
@media (hover: hover) {
    .btn.btn-arrow-left:hover span{
    --tw-translate-x: 1.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
    .btn.btn-arrow-left:hover .svg-arrow{
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
  }
  }
.btn.btn-slider-arrow{
  position: relative;
  width: 50vw;
  background-color: transparent;
    font-size: 12px;
}
@media (min-width: 1024px) {
  .btn.btn-slider-arrow {
    font-size: 1rem;
    width: 270px;
  }
  }
.btn.btn-slider-arrow:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    height: 100%;
    width: 100%;
    --tw-scale-x: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(229 86 57 / var(--tw-bg-opacity, 1));
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  }
.btn.btn-slider-arrow:hover{
  --tw-border-opacity: 1;
  border-color: rgb(229 86 57 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}
.btn.btn-slider-arrow span{
  position: relative;
  z-index: 20;
}
.btn.btn-slider-arrow-right{
  border-left-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
}
@media (min-width: 1696px) {
    .btn.btn-slider-arrow-right{
    background-color: transparent;
  }
  }
.btn.btn-slider-arrow-right:after{
  transform-origin: left;
}
@media (min-width: 1696px) {
    .btn.btn-slider-arrow-right:hover{
    background-color: transparent;
  }
  }
.btn.btn-slider-arrow-left{
  border-right-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
}
@media (min-width: 1696px) {
    .btn.btn-slider-arrow-left{
    background-color: transparent;
  }
  }
.btn.btn-slider-arrow-left:after{
  transform-origin: right;
}
.btn.btn-slider-arrow-left:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
}
@media (min-width: 1696px) {
    .btn.btn-slider-arrow-left:hover{
    background-color: transparent;
  }
  }
.btn.btn-slider-arrow .svg-arrow{
  position: relative;
  z-index: 20;
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}
.btn.btn-slider-arrow .svg-arrow-right{
  right: -0.75rem;
}
@media (min-width: 768px) {
    .btn.btn-slider-arrow .svg-arrow-right{
    right: -1.5rem;
  }
  }
.btn.btn-slider-arrow .svg-arrow-left{
  left: -0.75rem;
}
@media (min-width: 768px) {
    .btn.btn-slider-arrow .svg-arrow-left{
    left: -1.5rem;
  }
  }
.swiper-button-disabled .btn.btn-slider-arrow{
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.swiper-button-disabled .btn.btn-slider-arrow .svg-arrow{
  --tw-translate-x: 30px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
}
.swiper-button-disabled .btn.btn-slider-arrow:after{
  --tw-scale-x: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.swiper-button-disabled .btn.btn-slider-arrow:hover{
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.btn .svg-right{
  margin-left: 1.25rem;
}
.btn .svg-left{
  margin-right: 1.25rem;
}
.btn .svg-arrow{
  position: absolute;
  --tw-translate-x: 1.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.btn .svg-arrow-right{
  right: 1.5rem;
}
.btn .svg-arrow-left{
  left: 1.5rem;
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.btn svg{
  flex-shrink: 0;
}
.btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 86 57 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}
.a-link{
  display: flex;
  align-items: center;
  line-height: 1;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.a-link:not(.a-link-smaller) {
    font-family: "ss-bold", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }
.a-link svg{
  margin-left: 0.625rem;
  flex-shrink: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.a-link-smaller {
    font-size: 1rem;
  }
@media (min-width: 480px) {
    .a-link-smaller svg{
    margin-bottom: -0.125rem;
  }
  }
@media (min-width: 640px) {
    .a-link-smaller svg{
    margin-bottom: -0.25rem;
    margin-left: 0.5rem;
  }
  }
.a-link-extra {
    font-size: 12px;
  }
@media (min-width: 480px) {
    .a-link-extra {
      font-size: 14px;
    }
  }
@media (min-width: 640px) {
  .a-link-extra {
    font-size: 1.25rem;
  }
  }
.a-link-extra svg{
  margin-bottom: -0.125rem;
  width: 0.5rem;
}
@media (min-width: 640px) {
    .a-link-extra svg{
    margin-bottom: -0.375rem;
    width: auto;
  }
  }
.a-link-dark{
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
.a-link-dark:hover, .group:hover .a-link-dark{
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
}
.a-link-light{
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}
.a-link-light:hover, .group:hover .a-link-light{
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
}
@media (hover: hover) {
    .a-link:hover svg, .group:hover .a-link svg{
    --tw-translate-x: 0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  }
@font-face {
    font-family: "ss-regular";
    src: local("SequelSansRegular"), local("SequelSansRegular"), url("../dist/fonts/SequelSansRegular.woff2") format("woff2"), url("../dist/fonts/SequelSansRegular.woff") format("woff");
    font-style: normal;
    font-display: swap;
  }
@font-face {
    font-family: "ss-bold";
    src: local("SequelSansBold"), local("SequelSansBold"), url("../dist/fonts/SequelSansBold.woff2") format("woff2"), url("../dist/fonts/SequelSansBold.woff") format("woff");
    font-style: normal;
    font-display: swap;
  }
@font-face {
    font-family: "ss-head";
    src: local("SequelSansHeadlineBold"), local("SequelSansHeadlineBold"), url("../dist/fonts/SequelSansHeadlineBold.woff2") format("woff2"), url("../dist/fonts/SequelSansHeadlineBold.woff") format("woff");
    font-style: normal;
    font-display: swap;
  }
.text-18 {
    font-size: 1.125rem;
  }
.text-80 {
    font-size: calc(1.625rem + 4.5vw);
  }
@media (min-width: 1200px) {
    .text-80 {
      font-size: 5rem;
    }
  }
h1, h2, h3, h4, h5, h6{
  line-height: 1;
    font-family: "tiller", "ss-head", sans-serif;
    font-weight: 600;
    font-style: normal;
}
.container{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 375px){
  .container{
    max-width: 375px;
  }
}
@media (min-width: 480px){
  .container{
    max-width: 480px;
  }
}
@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1696px){
  .container{
    max-width: 1696px;
  }
}
@media (min-width: 1920px){
  .container{
    max-width: 1920px;
  }
}
@media (min-width: 2560px){
  .container{
    max-width: 2560px;
  }
}
.mb-10{
  margin-bottom: 2.5rem;
}
.mb-2\.5{
  margin-bottom: 0.625rem;
}
.mt-12{
  margin-top: 3rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-9{
  margin-top: 2.25rem;
}
.block{
  display: block;
}
.flex{
  display: flex;
}
.table{
  display: table;
}
.contents{
  display: contents;
}
.hidden{
  display: none;
}
.h-\[250px\]{
  height: 250px;
}
.h-auto{
  height: auto;
}
.h-full{
  height: 100%;
}
.w-full{
  width: 100%;
}
.max-w-\[1334px\]{
  max-width: 1334px;
}
.flex-shrink{
  flex-shrink: 1;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.flex-col{
  flex-direction: column;
}
.items-start{
  align-items: flex-start;
}
.justify-center{
  justify-content: center;
}
.self-start{
  align-self: flex-start;
}
.overflow-hidden{
  overflow: hidden;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.border{
  border-width: 1px;
}
.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-300{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.bg-steel-grey{
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
}
.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}
.p-2{
  padding: 0.5rem;
}
.py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.pb-10{
  padding-bottom: 2.5rem;
}
.pb-6{
  padding-bottom: 1.5rem;
}
.pr-2{
  padding-right: 0.5rem;
}
.pt-0{
  padding-top: 0px;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.font-semibold{
  font-weight: 600;
}
.leading-none{
  line-height: 1;
}
.leading-tight{
  line-height: 1.25;
}
.text-blue-900{
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}
.text-ember-red{
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
}
.underline{
  text-decoration-line: underline;
}
.opacity-0{
  opacity: 0;
}
.outline{
  outline-style: solid;
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:bg-yellow-300:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(253 224 71 / var(--tw-bg-opacity, 1));
}
@media (min-width: 480px){
  .xs\:block{
    display: block;
  }
  .xs\:hidden{
    display: none;
  }
}
@media (min-width: 1024px){
  .lg\:mb-8{
    margin-bottom: 2rem;
  }
  .lg\:mt-0{
    margin-top: 0px;
  }
  .lg\:block{
    display: block;
  }
  .lg\:h-screen{
    height: 100vh;
  }
  .lg\:w-full{
    width: 100%;
  }
}
@media (min-width: 1280px){
  .xl\:py-\[220px\]{
    padding-top: 220px;
    padding-bottom: 220px;
  }
}
/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.selectric-wrapper{
  position: relative;
  height: 2.5rem;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(142 138 136 / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.selectric-wrapper:focus {
  outline: 0px none transparent;
}

.selectric{
  position: relative;
  display: flex;
  height: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  background-color: transparent;
  padding-right: 1rem;
  padding-left: 1.5rem;
}
.selectric:hover .label{
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
.selectric .label {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
   supported by Chrome, Edge, Opera and Firefox */ display: block; display: flex; flex-shrink: 0; overflow: hidden; white-space: nowrap; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  }
.section-book-assessment .column-info .selectric .label {
  margin-top: 48px;
}
.section-book-assessment .installation-container .blocks .selectric .label h2 {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25rem;
    letter-spacing: 0.1em;
  margin-top: 2rem;
  margin-bottom: 5px;
  }
@media (min-width: 768px){
  .selectric .label{
    text-overflow: ellipsis;
  }
}
.selectric .button{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.selectric-open{
  z-index: 1;
}
.selectric-open .selectric-items .selectric-scroll{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(142 138 136 / var(--tw-border-opacity, 1));
}
.selectric-open .selectric-items .selectric-scroll.auto{
  overflow: auto;
  overscroll-behavior: none;
}
.selectric-open .button{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.selectric-items{
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 1;
  margin-left: -1px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(142 138 136 / var(--tw-border-opacity, 1));
  background-image: none;
  width: calc(100% + 2px) !important;
}
.selectric-items .selectric-scroll{
  height: 0px;
  max-height: 160px;
  overflow: hidden;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
@media (min-width: 1280px) {
  .selectric-items .selectric-scroll{
    max-height: 400px;
  }
}
.selectric-items ul, .selectric-items li {
    font-size: 1rem;
    margin: 0px;
    list-style-type: none;
    padding: 0px;
  }
.selectric-items li{
  display: flex;
  height: 2.5rem;
  cursor: pointer;
  align-items: center;
  white-space: nowrap;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(142 138 136 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.selectric-items li.selected, .selectric-items li.highlighted, .selectric-items li:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(224 219 213 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
.selectric-items li:last-child{
  border-bottom-width: 0px;
}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}
.selectric-hide-select select {
  position: absolute;
  left: -100%;
}
.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0;
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

:root {
  --header-height: 105px;
  --mobile-menu-height: 65px;
  --mobile-calc-height: 40px;
}
@media (min-width: 1280px) {
  :root {
    --header-height: 155px;
    --top-menu-height: 40px;
    --main-menu-height: 115px;
  }
}

.headerContainer{
  position: relative;
  z-index: 50;
  display: block;
  width: 100%;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.section-book-assessment .column-info .headerContainer {
  margin-top: 48px;
}

.section-book-assessment .installation-container .blocks .headerContainer h2 {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25rem;
    letter-spacing: 0.1em;
  margin-top: 2rem;
  margin-bottom: 5px;
  }

.headerContainer {
  height: var(--header-height);
  margin-bottom: calc(-1 * var(--header-height));
}
.headerContainer .woodsman-logo{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.headerContainer.menu-transparent .woodsman-logo{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-transparent .section-menu-top{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(224 219 213 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
  background-image: url("/dist/images/texture-bg-2.png");
  background-repeat: repeat;
  background-position: center center;
}
.headerContainer.menu-transparent .section-menu-top a{
  --tw-text-opacity: 1;
  color: rgb(224 219 213 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-transparent .section-menu-top a:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-transparent .section-menu-main{
  border-bottom-width: 1px;
  border-color: transparent;
}
.headerContainer.menu-transparent .section-menu-main .column-menu .menu-main a{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-transparent .section-menu-main .column-menu .menu-main li:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(25 22 22 / var(--tw-bg-opacity, 1));
}
.headerContainer.menu-transparent .section-menu-main .column-menu .menu-main .menu-sub{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(142 138 136 / var(--tw-border-opacity, 1));
}
.headerContainer.menu-transparent .section-menu-main .column-menu .menu-main .menu-sub > li{
  --tw-bg-opacity: 1;
  background-color: rgb(25 22 22 / var(--tw-bg-opacity, 1));
}
.headerContainer.menu-light .woodsman-logo{
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-light .section-menu-top{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(64 61 61 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
}
.headerContainer.menu-light .section-menu-top a{
  --tw-border-opacity: 1;
  border-color: rgb(224 219 213 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-light .section-menu-top a:hover{
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-light .section-menu-top .li-search form input{
  --tw-border-opacity: 1;
  border-color: rgb(64 61 61 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(224 219 213 / var(--tw-bg-opacity, 1));
}
.headerContainer.menu-light .section-menu-top .li-search form input::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-light .section-menu-top .li-search form input::placeholder{
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-light .section-menu-top .li-search form button{
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-light .section-menu-top .li-search form button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(142 138 136 / var(--tw-bg-opacity, 1));
}
.headerContainer.menu-light .section-menu-main{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(64 61 61 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
}
.headerContainer.menu-light .section-menu-main .column-menu .menu-main a{
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-light .section-menu-main .column-menu .menu-main li:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(224 219 213 / var(--tw-bg-opacity, 1));
}
.headerContainer.menu-light .section-menu-main .column-menu .menu-main .menu-sub{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(64 61 61 / var(--tw-border-opacity, 1));
}
.headerContainer.menu-light .section-menu-main .column-menu .menu-main .menu-sub > li{
  --tw-bg-opacity: 1;
  background-color: rgb(224 219 213 / var(--tw-bg-opacity, 1));
}
.headerContainer.menu-light .section-menu-main .column-menu .menu-main .menu-sub > li a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
}
.headerContainer.menu-light .section-menu-main .column-menu .menu-main .menu-sub > li.fires{
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
}
.headerContainer.menu-light .section-menu-main .column-menu .menu-main .menu-sub > li.fires a:hover{
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-light .section-menu-mobile{
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-light .hamburger span{
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
}
.headerContainer.menu-light .menu-main-mobile{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(224 219 213 / var(--tw-border-opacity, 1));
}
.headerContainer.menu-light .menu-main-mobile > li{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(224 219 213 / var(--tw-border-opacity, 1));
}
.headerContainer.menu-light .menu-main-mobile > li > a{
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-light .menu-main-mobile > li.open{
  --tw-bg-opacity: 1;
  background-color: rgb(224 219 213 / var(--tw-bg-opacity, 1));
}
.headerContainer.menu-light .menu-main-mobile > li .menu-sub > li a{
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-light .menu-main-mobile > li .menu-sub > li.fuel a{
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-light .search-container .search-form-mobile{
  --tw-border-opacity: 1;
  border-color: rgb(142 138 136 / var(--tw-border-opacity, 1));
}
.headerContainer.menu-light .search-container .search-form-mobile button{
  --tw-bg-opacity: 1;
  background-color: rgb(142 138 136 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-light .section-calc-mobile .toggle-calc{
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-transparent header.nav-down .woodsman-logo, .headerContainer.menu-transparent:hover .woodsman-logo, .headerContainer.menu-dark .woodsman-logo{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-transparent header.nav-down .section-menu-top, .headerContainer.menu-transparent:hover .section-menu-top, .headerContainer.menu-dark .section-menu-top{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(224 219 213 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
}
.headerContainer.menu-transparent header.nav-down .section-menu-top a, .headerContainer.menu-transparent:hover .section-menu-top a, .headerContainer.menu-dark .section-menu-top a{
  --tw-text-opacity: 1;
  color: rgb(224 219 213 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-transparent header.nav-down .section-menu-top a:hover, .headerContainer.menu-transparent:hover .section-menu-top a:hover, .headerContainer.menu-dark .section-menu-top a:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-transparent header.nav-down .section-menu-main, .headerContainer.menu-transparent:hover .section-menu-main, .headerContainer.menu-dark .section-menu-main{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(224 219 213 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
  background-image: url("/dist/images/texture-bg-2.png");
  background-repeat: repeat;
  background-position: center center;
}
.headerContainer.menu-transparent header.nav-down .section-menu-main .column-menu .menu-main a, .headerContainer.menu-transparent:hover .section-menu-main .column-menu .menu-main a, .headerContainer.menu-dark .section-menu-main .column-menu .menu-main a{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-transparent header.nav-down .section-menu-main .column-menu .menu-main li:hover, .headerContainer.menu-transparent:hover .section-menu-main .column-menu .menu-main li:hover, .headerContainer.menu-dark .section-menu-main .column-menu .menu-main li:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(25 22 22 / var(--tw-bg-opacity, 1));
}
.headerContainer.menu-transparent header.nav-down .section-menu-main .column-menu .menu-main .menu-sub, .headerContainer.menu-transparent:hover .section-menu-main .column-menu .menu-main .menu-sub, .headerContainer.menu-dark .section-menu-main .column-menu .menu-main .menu-sub{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(224 219 213 / var(--tw-border-opacity, 1));
}
.headerContainer.menu-transparent header.nav-down .section-menu-main .column-menu .menu-main .menu-sub > li, .headerContainer.menu-transparent:hover .section-menu-main .column-menu .menu-main .menu-sub > li, .headerContainer.menu-dark .section-menu-main .column-menu .menu-main .menu-sub > li{
  --tw-bg-opacity: 1;
  background-color: rgb(25 22 22 / var(--tw-bg-opacity, 1));
}
.headerContainer.menu-transparent header.nav-down .section-menu-main .column-menu .menu-main .menu-sub > li a:hover, .headerContainer.menu-transparent:hover .section-menu-main .column-menu .menu-main .menu-sub > li a:hover, .headerContainer.menu-dark .section-menu-main .column-menu .menu-main .menu-sub > li a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
}
.headerContainer.menu-transparent header.nav-down .section-menu-main .column-menu .menu-main .menu-sub > li.fires, .headerContainer.menu-transparent:hover .section-menu-main .column-menu .menu-main .menu-sub > li.fires, .headerContainer.menu-dark .section-menu-main .column-menu .menu-main .menu-sub > li.fires{
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
}
.headerContainer.menu-transparent header.nav-down .section-menu-main .column-menu .menu-main .menu-sub > li.fires a:hover, .headerContainer.menu-transparent:hover .section-menu-main .column-menu .menu-main .menu-sub > li.fires a:hover, .headerContainer.menu-dark .section-menu-main .column-menu .menu-main .menu-sub > li.fires a:hover{
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-transparent header.nav-down .btn-white,
.headerContainer.menu-transparent header.nav-down .btn-light, .headerContainer.menu-transparent:hover .btn-white,
.headerContainer.menu-transparent:hover .btn-light, .headerContainer.menu-dark .btn-white,
.headerContainer.menu-dark .btn-light{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-transparent .section-menu-mobile, .headerContainer.menu-dark .section-menu-mobile{
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(224 219 213 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-transparent .section-menu-top .li-search form input, .headerContainer.menu-dark .section-menu-top .li-search form input{
  --tw-border-opacity: 1;
  border-color: rgb(242 236 230 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(25 22 22 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-transparent .section-menu-top .li-search form input::-moz-placeholder, .headerContainer.menu-dark .section-menu-top .li-search form input::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-transparent .section-menu-top .li-search form input::placeholder, .headerContainer.menu-dark .section-menu-top .li-search form input::placeholder{
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-transparent .section-menu-top .li-search form button, .headerContainer.menu-dark .section-menu-top .li-search form button{
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-transparent .section-menu-top .li-search form button:hover, .headerContainer.menu-dark .section-menu-top .li-search form button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.headerContainer.menu-transparent .hamburger span, .headerContainer.menu-dark .hamburger span{
  --tw-bg-opacity: 1;
  background-color: rgb(224 219 213 / var(--tw-bg-opacity, 1));
}
.headerContainer.menu-transparent .menu-main-mobile, .headerContainer.menu-dark .menu-main-mobile{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(224 219 213 / var(--tw-border-opacity, 1));
}
.headerContainer.menu-transparent .menu-main-mobile > li, .headerContainer.menu-dark .menu-main-mobile > li{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(224 219 213 / var(--tw-border-opacity, 1));
}
.headerContainer.menu-transparent .menu-main-mobile > li > a, .headerContainer.menu-dark .menu-main-mobile > li > a{
  --tw-text-opacity: 1;
  color: rgb(224 219 213 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-transparent .menu-main-mobile > li.open, .headerContainer.menu-dark .menu-main-mobile > li.open{
  --tw-bg-opacity: 1;
  background-color: rgb(25 22 22 / var(--tw-bg-opacity, 1));
}
.headerContainer.menu-transparent .menu-main-mobile > li .menu-sub > li a, .headerContainer.menu-dark .menu-main-mobile > li .menu-sub > li a{
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-transparent .menu-main-mobile > li .menu-sub > li.fuel a, .headerContainer.menu-dark .menu-main-mobile > li .menu-sub > li.fuel a{
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-transparent .search-container .search-form-mobile, .headerContainer.menu-dark .search-container .search-form-mobile{
  --tw-border-opacity: 1;
  border-color: rgb(224 219 213 / var(--tw-border-opacity, 1));
}
.headerContainer.menu-transparent .search-container .search-form-mobile button, .headerContainer.menu-dark .search-container .search-form-mobile button{
  --tw-bg-opacity: 1;
  background-color: rgb(224 219 213 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
.headerContainer.menu-transparent .section-calc-mobile .toggle-calc, .headerContainer.menu-dark .section-calc-mobile .toggle-calc{
  --tw-text-opacity: 1;
  color: rgb(224 219 213 / var(--tw-text-opacity, 1));
}
.headerContainer .section-menu-top{
  display: none;
  width: 100%;
  align-items: center;
  height: var(--top-menu-height);
}
@media (min-width: 1280px) {
  .headerContainer .section-menu-top{
    display: flex;
  }
}
.headerContainer .section-menu-top .row{
  justify-content: flex-end;
}
.headerContainer .section-menu-top ul{
  display: flex;
}
.headerContainer .section-menu-top ul li{
  display: flex;
  align-items: center;
}
.headerContainer .section-menu-top ul li a {
    font-family: "ss-bold", sans-serif;
    font-size: 0.6875rem;
    display: flex;
    align-items: center;
    border-right-width: 1.5px;
    --tw-border-opacity: 1;
    border-color: rgb(142 138 136 / var(--tw-border-opacity, 1));
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  }
.headerContainer .section-menu-top ul li:last-child a{
  border-right-width: 0px;
  padding-right: 0px;
}
.headerContainer .section-menu-top ul li svg{
  margin-right: 0.5rem;
}
.headerContainer .section-menu-top ul li.li-search{
  display: flex;
  width: 100px;
  overflow: hidden;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.headerContainer .section-menu-top ul li.li-search form{
  position: relative;
  height: 39px;
  width: 365px;
  flex-shrink: 0;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.headerContainer .section-menu-top ul li.li-search form input{
  height: 100%;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0px;
  border-left-width: 1px;
  padding-left: 1.5rem;
  letter-spacing: -0.025em;
}
.headerContainer .section-menu-top ul li.li-search form input::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.headerContainer .section-menu-top ul li.li-search form input::placeholder{
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.headerContainer .section-menu-top ul li.li-search form button{
  position: absolute;
  right: 0px;
  top: 0px;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.headerContainer .section-menu-top ul li.li-search form button svg{
  margin-left: 0px;
  margin-right: 0px;
}
.headerContainer .section-menu-top ul li.li-search a{
  position: absolute;
  max-width: 100%;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.headerContainer .section-menu-top ul li.li-search.active{
  margin-left: -1px;
  width: 365px;
}
.headerContainer .section-menu-top ul li.li-search.active form{
  z-index: 10;
  opacity: 1;
}
.headerContainer .section-menu-top ul li.li-search.active a{
  max-width: 0px;
}
.headerContainer .section-menu-main{
  display: none;
  width: 100%;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  height: var(--main-menu-height);
}
@media (min-width: 1280px) {
  .headerContainer .section-menu-main{
    display: block;
  }
.section-book-assessment .column-info .headerContainer .section-menu-main {
  margin-top: 48px;
}
  .section-book-assessment .installation-container .blocks .headerContainer .section-menu-main h2 {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25rem;
    letter-spacing: 0.1em;
  margin-top: 2rem;
  margin-bottom: 5px;
  }
}
.headerContainer .section-menu-main .row{
  height: 100%;
  flex-wrap: nowrap;
  align-items: center;
}
.headerContainer .section-menu-main .column-logo{
  width: 25%;
  flex-shrink: 0;
}
.headerContainer .section-menu-main .column-menu{
  height: 100%;
  width: 100%;
  flex-shrink: 1;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
}
.headerContainer .section-menu-main .column-menu .menu-main{
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: flex-end;
}
.headerContainer .section-menu-main .column-menu .menu-main > li{
  position: relative;
  height: 100%;
  border-left-width: 1px;
  border-right-width: 1px;
  border-color: transparent;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.headerContainer .section-menu-main .column-menu .menu-main > li > a {
    font-family: "ss-bold", sans-serif;
    font-size: 0.875rem;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }
@media (min-width: 1696px) {
  .headerContainer .section-menu-main .column-menu .menu-main > li > a{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.headerContainer .section-menu-main .column-menu .menu-main > li svg{
  margin-left: 0.375rem;
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.headerContainer .section-menu-main .column-menu .menu-main > li:hover{
  --tw-border-opacity: 1;
  border-color: rgb(142 138 136 / var(--tw-border-opacity, 1));
}
.headerContainer .section-menu-main .column-menu .menu-main > li.with-menu-sub:hover .menu-sub{
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}
.headerContainer .section-menu-main .column-menu .menu-main > li.with-menu-sub:hover svg{
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.headerContainer .section-menu-main .column-menu .menu-main .menu-sub{
  position: absolute;
  margin-left: -1px;
  display: flex;
  width: -moz-max-content;
  width: max-content;
  min-width: 224px;
  transform-origin: top;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: column;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.headerContainer .section-menu-main .column-menu .menu-main .menu-sub > li{
  display: flex;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(142 138 136 / var(--tw-border-opacity, 1));
}
.headerContainer .section-menu-main .column-menu .menu-main .menu-sub > li > a {
    font-size: 1rem;
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    line-height: 1;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  }
.headerContainer .section-menu-main .column-menu .menu-main .menu-sub > li.fires{
  display: flex;
  flex-direction: column;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.headerContainer .section-menu-main .column-menu .menu-main .menu-sub > li.fires a{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  line-height: 1;
}
.headerContainer .section-menu-main .column-menu .menu-main .menu-sub > li.fires a:hover{
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
}
.headerContainer .section-menu-main .column-callout{
  width: 288px;
  max-width: 100%;
  flex-shrink: 0;
  overflow: hidden;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
@media (min-width: 1696px) {
  .headerContainer .section-menu-main .column-callout{
    width: 309px;
  }
}
body.desktop-calc-open .headerContainer .section-menu-main .column-callout{
  width: 72px;
}
.headerContainer .section-menu-main .column-callout .btn{
  height: 50px;
  width: 100%;
  max-width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.headerContainer .section-menu-main .column-callout .btn .svg-right{
  margin-left: 0.625rem;
}
@media (min-width: 1696px) {
  .headerContainer .section-menu-main .column-callout .btn .svg-right{
    margin-left: 13px;
  }
}
.headerContainer .section-menu-main .column-callout .btn.open{
  padding: 0px;
}
.headerContainer .section-menu-main .column-callout .btn.open span, .headerContainer .section-menu-main .column-callout .btn.open svg:not(.close){
  display: none;
}
.headerContainer .section-menu-main .column-callout .btn.open:hover .close{
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
}
.headerContainer .section-menu-main .column-callout .btn .close{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.headerContainer .section-menu-mobile{
  display: flex;
  width: 100%;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  height: var(--mobile-menu-height);
}
@media (min-width: 1280px) {
  .headerContainer .section-menu-mobile{
    display: none;
  }
}
.headerContainer .section-menu-mobile .row{
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  height: var(--mobile-menu-height);
}
.headerContainer .section-menu-mobile .woodsman-logo{
  max-width: 171px;
}
.headerContainer .section-menu-mobile .menu-main-mobile > li{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.headerContainer .section-menu-mobile .menu-main-mobile > li > a {
    font-family: "ss-bold", sans-serif;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0.1em;
  }
.headerContainer .section-menu-mobile .menu-main-mobile > li > a svg{
  margin-left: 0.375rem;
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.headerContainer .section-menu-mobile .menu-main-mobile > li .menu-sub{
  max-height: 0px;
  overflow: hidden;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.headerContainer .section-menu-mobile .menu-main-mobile > li .menu-sub > li{
  display: flex;
  justify-content: center;
}
.headerContainer .section-menu-mobile .menu-main-mobile > li .menu-sub > li a {
    font-size: 0.875rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
    line-height: 1;
  }
.headerContainer .section-menu-mobile .menu-main-mobile > li .menu-sub > li:first-child a{
  padding-top: 1.25rem;
}
.headerContainer .section-menu-mobile .menu-main-mobile > li .menu-sub > li:last-child a{
  padding-bottom: 0px;
}
.headerContainer .section-menu-mobile .menu-main-mobile > li .menu-sub > li.fires{
  display: flex;
  flex-direction: column;
}
.headerContainer .section-menu-mobile .menu-main-mobile > li .menu-sub > li.fires a{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.headerContainer .section-menu-mobile .menu-main-mobile > li.open .menu-sub{
  max-height: 800px;
}
.headerContainer .section-menu-mobile .menu-main-mobile > li.open svg{
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.headerContainer .search-container{
  width: 100%;
}
.headerContainer .search-container .search-form-mobile{
  margin-bottom: 1.5rem;
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  border-width: 1px;
}
.headerContainer .search-container .search-form-mobile input {
    font-size: 1rem;
    height: 38px;
    width: 100%;
    background-color: transparent;
    padding-left: 0.75rem;
    line-height: 1;
  }
.headerContainer .search-container .search-form-mobile input::-moz-placeholder {
    font-size: 1rem;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(142 138 136 / var(--tw-text-opacity, 1));
  }
.headerContainer .search-container .search-form-mobile input::placeholder {
    font-size: 1rem;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(142 138 136 / var(--tw-text-opacity, 1));
  }
@media (min-width: 1280px) {
  .headerContainer .search-container .search-form-mobile input {
    font-size: 0.875rem;
  }
  .headerContainer .search-container .search-form-mobile input::-moz-placeholder {
    font-size: 0.875rem;
  }
  .headerContainer .search-container .search-form-mobile input::placeholder {
    font-size: 0.875rem;
  }
}
.headerContainer .search-container .search-form-mobile button{
  display: flex;
  height: 38px;
  width: 38px;
  align-items: center;
  justify-content: center;
}
.headerContainer.mobile-menu-open{
  overflow: auto;
  height: calc(var(--vh, 1vh) * 100);
  margin-bottom: calc(-1 * var(--vh, 1vh) * 100);
}
@media (min-width: 768px) {
  .headerContainer.mobile-menu-open{
    width: 50%;
  }
}
.headerContainer.mobile-menu-open header {
  height: calc(var(--vh, 1vh) * 100);
}
.headerContainer.mobile-menu-open header .section-menu-mobile {
  height: calc(var(--vh, 1vh) * 100 - var(--mobile-calc-height));
  overflow: auto;
}
@media (min-width: 768px) {
  .headerContainer.mobile-menu-open header .section-menu-mobile .row{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .headerContainer.mobile-menu-open header.nav-down{
    width: 50%;
  }
}
.headerContainer .section-calc-mobile{
  position: relative;
  width: 100%;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  height: var(--mobile-calc-height);
  overscroll-behavior: none;
}
@media (min-width: 1280px) {
  .headerContainer .section-calc-mobile{
    display: none;
  }
}
.headerContainer .section-calc-mobile .toggle-calc {
    font-family: "ss-bold", sans-serif;
    font-size: 0.75rem;
    position: sticky;
    top: 0px;
    left: 0px;
    z-index: 10;
    width: 100%;
    align-items: center;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(229 86 57 / var(--tw-bg-opacity, 1));
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0.1em;
  height: var(--mobile-calc-height);
  }
.headerContainer .section-calc-mobile .toggle-calc svg.search{
  margin-right: 0.75rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.headerContainer .section-calc-mobile .toggle-calc svg.close{
  position: absolute;
  right: 1.5rem;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.headerContainer .section-calc-mobile .toggle-calc.open svg.search{
  margin-right: 0px;
  opacity: 0;
}
.headerContainer .section-calc-mobile .toggle-calc.open svg.close{
  opacity: 1;
}
.headerContainer .section-calc-mobile .toggle-calc.open ~ .section-calculator-steps{
  opacity: 1;
}
.headerContainer .section-calc-mobile .section-calculator-steps{
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.headerContainer.mobile-calc-open{
  overflow: auto;
  height: calc(var(--vh, 1vh) * 100);
  margin-bottom: calc(-1 * var(--vh, 1vh) * 100);
}
@media (min-width: 768px) {
  .headerContainer.mobile-calc-open{
    width: 50%;
  }
}
.headerContainer.mobile-calc-open header {
  height: calc(var(--vh, 1vh) * 100);
}
.headerContainer.mobile-calc-open header .section-calc-mobile {
  height: calc(var(--vh, 1vh) * 100 - var(--mobile-menu-height));
  overflow: auto;
}
.headerContainer.mobile-calc-open header.nav-down{
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
}
@media (min-width: 768px) {
  .headerContainer.mobile-calc-open header.nav-down{
    width: 50%;
  }
  .headerContainer.mobile-calc-open .section-menu-mobile .row{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
.headerContainer header{
  position: relative;
  top: 0px;
  z-index: 30;
  display: flex;
  width: 100%;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: column;
  align-items: flex-end;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: linear;
  will-change: transform;
  height: var(--header-height);
}
@media (min-width: 1280px) {
  .headerContainer header{
    align-items: center;
  }
}
.headerContainer header *:not(form):not(input):not(button) {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
   supported by Chrome, Edge, Opera and Firefox */
  }
.headerContainer header.nav-up {
  animation: navup 0.2s linear 0s forwards;
}
.headerContainer header.nav-down {
  animation: navdown 0.2s linear 0s forwards;
}
.headerContainer header.nav-up, .headerContainer header.nav-down{
  position: fixed;
  right: 0px;
  background-color: transparent;
}
@media (min-width: 1280px) {
  .headerContainer header.nav-up, .headerContainer header.nav-down{
    --tw-bg-opacity: 1;
    background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
  }
}

.hamburger{
  position: relative;
  height: 1rem;
  width: 1.25rem;
  cursor: pointer;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out-quart;
}
.hamburger span{
  position: absolute;
  left: 0px;
  display: block;
  width: 100%;
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.section-book-assessment .column-info .hamburger span {
  margin-top: 48px;
}
.section-book-assessment .installation-container .blocks .hamburger span h2 {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25rem;
    letter-spacing: 0.1em;
  margin-top: 2rem;
  margin-bottom: 5px;
  }
.hamburger span {
  height: 1.65px;
}
.hamburger span:nth-child(1){
  top: 0px;
  transform-origin: left;
}
.hamburger span:nth-child(2){
  top: 7px;
  transform-origin: left;
}
.hamburger span:nth-child(3){
  top: 14px;
  transform-origin: left;
}
.hamburger.open span:nth-child(1){
  top: 0px;
  left: 3px;
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hamburger.open span:nth-child(2){
  width: 0px;
  opacity: 0;
}
.hamburger.open span:nth-child(3){
  top: 14px;
  left: 3px;
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes navdown {
  0% {
    transform: translate(0px, -100%) rotateZ(0.001deg);
  }
  100% {
    transform: translate(0px, 0) rotateZ(0.001deg);
  }
}
@keyframes navup {
  0% {
    transform: translate(0px, 0) rotateZ(0.001deg);
  }
  100% {
    transform: translate(0px, -100%) rotateZ(0.001deg);
  }
}
aside.section-calc-desktop{
  position: fixed;
  z-index: 50;
  height: 0px;
  width: 100%;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  top: var(--header-height);
}
aside.section-calc-desktop.open{
  height: 400px;
}

body.fires .slideTransitionStart .section-menu-top{
  transition-duration: 1200ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
body.fires .slideTransitionStart .section-menu-top a{
  transition-duration: 1200ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
body.fires .slideTransitionStart .section-menu-top ul li.li-search a{
  transition-duration: 1200ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
body.fires .slideTransitionStart .section-menu-main{
  transition-duration: 1200ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
body.fires .slideTransitionStart .section-menu-main span, body.fires .slideTransitionStart .section-menu-main .btn{
  transition-duration: 1200ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
body.fires .slideTransitionStart .section-menu-main .column-menu .menu-main > li svg{
  transition-duration: 1200ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

footer{
  display: flex;
  width: 100%;
  flex-direction: column;
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
  background-image: url("/dist/images/texture-bg-2.png");
  background-repeat: repeat;
  background-position: center center;
}
footer .footer-callouts{
  width: 100%;
  padding-top: 50px;
}
@media (min-width: 1280px) {
  footer .footer-callouts{
    border-top-width: 1px;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(242 236 230 / var(--tw-border-opacity, 1));
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
}
footer .footer-logo{
  width: 100%;
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}
@media (min-width: 1280px) {
  footer .footer-logo{
    width: 33.333333%;
  }
}
footer .footer-callout{
  position: relative;
  display: none;
  width: 16.666667%;
  align-items: center;
}
@media (min-width: 1280px) {
  footer .footer-callout{
    display: flex;
  }
}
footer .footer-callout span {
    font-family: "ss-bold", sans-serif;
    font-size: 0.875rem;
    margin-left: 0.625rem;
    text-transform: uppercase;
    line-height: 1.375;
    letter-spacing: 0.1em;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  }
@media (min-width: 1696px) {
  footer .footer-callout span{
    margin-left: 1.25rem;
    padding-right: 72px;
  }
}
footer .footer-callout:hover span{
  --tw-text-opacity: 1;
  color: rgb(224 219 213 / var(--tw-text-opacity, 1));
}
footer .footer-menus{
  padding-top: 0.75rem;
  padding-bottom: 43px;
}
@media (min-width: 1280px) {
  footer .footer-menus{
    padding-top: 55px;
  }
}
footer .footer-menu{
  display: flex;
  width: 50%;
  flex-direction: column;
}
@media (min-width: 1024px) {
  footer .footer-menu{
    width: 33.333333%;
  }
}
@media (min-width: 1280px) {
  footer .footer-menu{
    width: 16.666667%;
  }
}
footer .footer-menu ul{
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  footer .footer-menu ul{
    padding-right: 60px;
  }
}
@media (min-width: 1280px) {
  footer .footer-menu ul{
    padding-right: 2.25rem;
  }
}
@media (min-width: 1696px) {
  footer .footer-menu ul{
    padding-right: 60px;
  }
}
footer .footer-menu ul li{
  display: flex;
}
footer .footer-menu p{
  margin-bottom: 0.75rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(224 219 213 / var(--tw-text-opacity, 1));
}
footer .footer-menu a{
  margin-bottom: 0.75rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(224 219 213 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
footer .footer-menu a.heading {
    font-family: "ss-bold", sans-serif;
    margin-bottom: 14px;
    margin-top: 3rem;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0.1em;
    --tw-text-opacity: 1;
    color: rgb(242 236 230 / var(--tw-text-opacity, 1));
  font-size: 14px;
  }
@media (min-width: 1024px) {
  footer .footer-menu a.heading {
    font-size: 0.875rem;
  }
}
@media (min-width: 1280px) {
  footer .footer-menu a.heading{
    margin-top: 0px;
  }
}
footer .footer-menu a:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
footer .footer-menu a, footer .footer-menu p {
  font-size: 14px;
}
@media (min-width: 1024px) {
  footer .footer-menu a, footer .footer-menu p {
    font-size: 1rem;
  }
}
footer .footer-end{
  padding-bottom: 50px;
}
footer .footer-end .row{
  flex-direction: column;
}
@media (min-width: 480px) {
  footer .footer-end .row{
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
}
footer .footer-end .row .footer-icon{
  display: flex;
  width: 100%;
  flex-direction: column;
}
footer .footer-end .row .footer-icon:first-child{
  margin-top: 60px;
  margin-bottom: 1.75rem;
  flex-shrink: 0;
}
@media (min-width: 480px) {
  footer .footer-end .row .footer-icon:first-child{
    margin-top: 0px;
    margin-bottom: 0px;
  }
  footer .footer-end .row .footer-icon{
    margin-right: 2rem;
    width: auto;
  }
}
@media (min-width: 1024px) {
  footer .footer-end .row .footer-icon{
    margin-right: 3.5rem;
  }
}
@media (min-width: 1280px) {
  footer .footer-end .row .footer-icon{
    padding-right: 0px;
  }
}
footer .footer-end .row .footer-icon span{
  margin-top: 0.75rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
@media (min-width: 1280px) {
  footer .footer-end .row .footer-icon span{
    line-height: 1;
  }
}
footer .footer-copyright{
  --tw-bg-opacity: 1;
  background-color: rgb(25 22 22 / var(--tw-bg-opacity, 1));
  padding-top: 27px;
  padding-bottom: 27px;
  font-size: 14px;
}
@media (min-width: 1024px) {
  footer .footer-copyright {
    font-size: 1rem;
  }
}
footer .footer-copyright .row{
  justify-content: space-between;
}
footer .copy-left{
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  footer .copy-left{
    flex-direction: row;
  }
}
footer .footer-copy{
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
footer .footer-legal{
  margin-top: 0.75rem;
  margin-bottom: 2rem;
}
@media (min-width: 1024px) {
  footer .footer-legal{
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
footer .footer-legal a{
  margin-right: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
@media (min-width: 1024px) {
  footer .footer-legal a{
    margin-left: 50px;
    margin-right: 0px;
  }
}
footer .footer-legal a:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
footer .footer-imagic a{
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}
footer .footer-imagic a span{
  --tw-text-opacity: 1;
  color: rgb(224 219 213 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
footer .footer-imagic a:hover span{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
footer .social{
  margin-top: 14px;
  display: flex;
  align-items: center;
}
footer .social a{
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
footer .social a:first-child{
  margin-left: 0px;
}
footer .social a:last-child{
  margin-left: 0px;
}

form * {
  outline: none !important;
  box-shadow: none !important;
}
form input:focus {
  outline: 0px none transparent;
}

form#contact,
form#bookAssessment,
form#login,
form#reset {
    font-size: 1rem;
    margin-top: -18px;
  }
form#contact input:not([type=checkbox]),
form#bookAssessment input:not([type=checkbox]),
form#login input:not([type=checkbox]),
form#reset input:not([type=checkbox]){
  margin-bottom: 1.5rem;
  height: 2.5rem;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(142 138 136 / var(--tw-border-opacity, 1));
  background-color: transparent;
  padding-left: 1.5rem;
}
form#contact input:not([type=checkbox]):focus,
form#bookAssessment input:not([type=checkbox]):focus,
form#login input:not([type=checkbox]):focus,
form#reset input:not([type=checkbox]):focus{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
form#contact input:not([type=checkbox]):focus::-moz-placeholder, form#bookAssessment input:not([type=checkbox]):focus::-moz-placeholder, form#login input:not([type=checkbox]):focus::-moz-placeholder, form#reset input:not([type=checkbox]):focus::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
form#contact input:not([type=checkbox]):focus::placeholder,
form#bookAssessment input:not([type=checkbox]):focus::placeholder,
form#login input:not([type=checkbox]):focus::placeholder,
form#reset input:not([type=checkbox]):focus::placeholder{
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
form#contact input[type=checkbox],
form#bookAssessment input[type=checkbox],
form#login input[type=checkbox],
form#reset input[type=checkbox]{
  height: 1.25rem;
  width: 1.25rem;
  background-color: transparent;
  accent-color: #e55639;
}
form#contact .label-checkbox,
form#bookAssessment .label-checkbox,
form#login .label-checkbox,
form#reset .label-checkbox{
  display: flex;
  cursor: pointer;
  align-items: center;
}
form#contact .label-checkbox input,
form#bookAssessment .label-checkbox input,
form#login .label-checkbox input,
form#reset .label-checkbox input{
  margin-right: 1.25rem;
}
form#contact .freeform-label,
form#bookAssessment .freeform-label,
form#login .freeform-label,
form#reset .freeform-label {
    font-size: 0.875rem;
    font-weight: 400;
  }
form#contact .freeform-label:after,
form#bookAssessment .freeform-label:after,
form#login .freeform-label:after,
form#reset .freeform-label:after{
  color: inherit;
}
form#contact[data-freeform],
form#bookAssessment[data-freeform],
form#login[data-freeform],
form#reset[data-freeform]{
  position: relative;
  width: 100%;
}
form#contact[data-freeform] *:not(.btn),
form#bookAssessment[data-freeform] *:not(.btn),
form#login[data-freeform] *:not(.btn),
form#reset[data-freeform] *:not(.btn) {
  outline: none !important;
  box-shadow: none !important;
}
form#contact[data-freeform] .freeform-column,
form#bookAssessment[data-freeform] .freeform-column,
form#login[data-freeform] .freeform-column,
form#reset[data-freeform] .freeform-column {
  padding: 0px !important;
}
form#contact[data-freeform] .freeform-column .g-recaptcha,
form#bookAssessment[data-freeform] .freeform-column .g-recaptcha,
form#login[data-freeform] .freeform-column .g-recaptcha,
form#reset[data-freeform] .freeform-column .g-recaptcha{
  margin-top: 1.75rem;
}
form#contact[data-freeform] textarea,
form#bookAssessment[data-freeform] textarea,
form#login[data-freeform] textarea,
form#reset[data-freeform] textarea{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(142 138 136 / var(--tw-border-opacity, 1));
  background-color: transparent;
  padding: 1.5rem;
  height: 297px !important;
}
form#contact[data-freeform] textarea:focus,
form#bookAssessment[data-freeform] textarea:focus,
form#login[data-freeform] textarea:focus,
form#reset[data-freeform] textarea:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
form#contact[data-freeform] textarea:focus::-moz-placeholder, form#bookAssessment[data-freeform] textarea:focus::-moz-placeholder, form#login[data-freeform] textarea:focus::-moz-placeholder, form#reset[data-freeform] textarea:focus::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
form#contact[data-freeform] textarea:focus::placeholder,
form#bookAssessment[data-freeform] textarea:focus::placeholder,
form#login[data-freeform] textarea:focus::placeholder,
form#reset[data-freeform] textarea:focus::placeholder{
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
form#contact[data-freeform] .ff-form-success,
form#bookAssessment[data-freeform] .ff-form-success,
form#login[data-freeform] .ff-form-success,
form#reset[data-freeform] .ff-form-success {
    font-size: 0.75rem;
    position: absolute;
    bottom: -2.5rem;
    right: 0px;
    text-align: right;
    font-weight: 600;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(64 61 61 / var(--tw-text-opacity, 1));
  }
@media (min-width: 480px) {
  form#contact[data-freeform] .ff-form-success,
  form#bookAssessment[data-freeform] .ff-form-success,
  form#login[data-freeform] .ff-form-success,
  form#reset[data-freeform] .ff-form-success{
    bottom: 0px;
    max-width: 50%;
  }
}
form#contact[data-freeform] .ff-form-errors,
form#bookAssessment[data-freeform] .ff-form-errors,
form#login[data-freeform] .ff-form-errors,
form#reset[data-freeform] .ff-form-errors {
  padding: 24px !important;
  border: 1px solid #EF3B42 !important;
  background: transparent;
  color: #EF3B42 !important;
  margin-bottom: 29px;
}
form#contact[data-freeform] .ff-errors,
form#bookAssessment[data-freeform] .ff-errors,
form#login[data-freeform] .ff-errors,
form#reset[data-freeform] .ff-errors {
  color: #EF3B42 !important;
  margin-top: 15px;
}
form#contact[data-freeform] .ff-errors li:before,
form#bookAssessment[data-freeform] .ff-errors li:before,
form#login[data-freeform] .ff-errors li:before,
form#reset[data-freeform] .ff-errors li:before{
  display: none;
}
form#contact[data-freeform] .ff-fieldtype-recaptcha,
form#bookAssessment[data-freeform] .ff-fieldtype-recaptcha,
form#login[data-freeform] .ff-fieldtype-recaptcha,
form#reset[data-freeform] .ff-fieldtype-recaptcha{
  margin-top: 1.5rem;
  overflow: hidden;
}
form#contact[data-freeform] .g-recaptcha,
form#bookAssessment[data-freeform] .g-recaptcha,
form#login[data-freeform] .g-recaptcha,
form#reset[data-freeform] .g-recaptcha {
  margin-top: 0 !important;
}
form#contact[data-freeform] .freeform-form-has-errors,
form#bookAssessment[data-freeform] .freeform-form-has-errors,
form#login[data-freeform] .freeform-form-has-errors,
form#reset[data-freeform] .freeform-form-has-errors{
  margin-bottom: 2rem;
  color: #EF3B42 !important;
}

form#login,
form#reset{
  margin-top: 0px;
}

.fires-slider .swiper-slide,
.related-fires-slider .swiper-slide {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }

.fires-slider,
.related-fires-slider,
.results-slider{
  position: relative;
  width: 100%;
  padding-bottom: 1rem;
}
.fires-slider .swiper-slide,
.related-fires-slider .swiper-slide,
.results-slider .swiper-slide{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  align-items: center;
}
.fires-slider .swiper-slide .fire-images,
.related-fires-slider .swiper-slide .fire-images,
.results-slider .swiper-slide .fire-images{
  margin-bottom: 1.25rem;
  height: 215px;
}
.fires-slider .swiper-slide .fire-images picture,
.related-fires-slider .swiper-slide .fire-images picture,
.results-slider .swiper-slide .fire-images picture{
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  height: 215px;
  width: 100%;
  justify-content: center;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.fires-slider .swiper-slide .fire-images .fire-image-outlined,
.related-fires-slider .swiper-slide .fire-images .fire-image-outlined,
.results-slider .swiper-slide .fire-images .fire-image-outlined{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.fires-slider .swiper-slide .name,
.related-fires-slider .swiper-slide .name,
.results-slider .swiper-slide .name{
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
@media (hover: hover) {
  .fires-slider .swiper-slide:hover .fire-images picture,
  .related-fires-slider .swiper-slide:hover .fire-images picture,
  .results-slider .swiper-slide:hover .fire-images picture{
    opacity: 1;
  }
  .fires-slider .swiper-slide:hover .fire-image-outlined,
  .related-fires-slider .swiper-slide:hover .fire-image-outlined,
  .results-slider .swiper-slide:hover .fire-image-outlined{
    opacity: 0;
  }
  .fires-slider .swiper-slide:hover .name,
  .related-fires-slider .swiper-slide:hover .name,
  .results-slider .swiper-slide:hover .name{
    --tw-text-opacity: 1;
    color: rgb(229 86 57 / var(--tw-text-opacity, 1));
  }
}
.fires-slider .swiper-button-prev,
.fires-slider .swiper-button-next,
.related-fires-slider .swiper-button-prev,
.related-fires-slider .swiper-button-next,
.results-slider .swiper-button-prev,
.results-slider .swiper-button-next{
  position: absolute;
  z-index: 10;
  top: calc(50% - 15px);
}
.fires-slider .swiper-button-prev:focus,
.fires-slider .swiper-button-next:focus,
.related-fires-slider .swiper-button-prev:focus,
.related-fires-slider .swiper-button-next:focus,
.results-slider .swiper-button-prev:focus,
.results-slider .swiper-button-next:focus {
  outline: 0px none transparent;
}
.fires-slider .swiper-button-prev svg,
.fires-slider .swiper-button-next svg,
.related-fires-slider .swiper-button-prev svg,
.related-fires-slider .swiper-button-next svg,
.results-slider .swiper-button-prev svg,
.results-slider .swiper-button-next svg{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 100ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.fires-slider .swiper-button-prev svg circle,
.fires-slider .swiper-button-next svg circle,
.related-fires-slider .swiper-button-prev svg circle,
.related-fires-slider .swiper-button-next svg circle,
.results-slider .swiper-button-prev svg circle,
.results-slider .swiper-button-next svg circle{
  --tw-text-opacity: 1;
  color: rgb(224 219 213 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.fires-slider .swiper-button-prev svg path,
.fires-slider .swiper-button-next svg path,
.related-fires-slider .swiper-button-prev svg path,
.related-fires-slider .swiper-button-next svg path,
.results-slider .swiper-button-prev svg path,
.results-slider .swiper-button-next svg path{
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.fires-slider .swiper-button-prev:hover svg circle,
.fires-slider .swiper-button-next:hover svg circle,
.related-fires-slider .swiper-button-prev:hover svg circle,
.related-fires-slider .swiper-button-next:hover svg circle,
.results-slider .swiper-button-prev:hover svg circle,
.results-slider .swiper-button-next:hover svg circle{
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.fires-slider .swiper-button-prev:hover svg path,
.fires-slider .swiper-button-next:hover svg path,
.related-fires-slider .swiper-button-prev:hover svg path,
.related-fires-slider .swiper-button-next:hover svg path,
.results-slider .swiper-button-prev:hover svg path,
.results-slider .swiper-button-next:hover svg path{
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}
.fires-slider .swiper-button-prev[aria-disabled=true] svg,
.fires-slider .swiper-button-next[aria-disabled=true] svg,
.related-fires-slider .swiper-button-prev[aria-disabled=true] svg,
.related-fires-slider .swiper-button-next[aria-disabled=true] svg,
.results-slider .swiper-button-prev[aria-disabled=true] svg,
.results-slider .swiper-button-next[aria-disabled=true] svg{
  opacity: 0;
}
.fires-slider .swiper-button-prev,
.related-fires-slider .swiper-button-prev,
.results-slider .swiper-button-prev{
  left: 1px;
}
.fires-slider .swiper-button-next,
.related-fires-slider .swiper-button-next,
.results-slider .swiper-button-next{
  right: 1px;
  transform-origin: center;
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.fires-slider .swiper-pagination,
.related-fires-slider .swiper-pagination,
.results-slider .swiper-pagination {
    font-size: 0.875rem;
    margin-top: -0.125rem;
    text-align: center;
    letter-spacing: 0.1em;
    --tw-text-opacity: 1;
    color: rgb(142 138 136 / var(--tw-text-opacity, 1));
  }

.home-hero-section{
  position: relative;
  height: 100vh;
  width: 100vw;
}
.home-hero-section picture img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-hero-section .hero-content{
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: flex-end;
  padding-bottom: 1.5rem;
}
@media (min-width: 1280px) {
  .home-hero-section .hero-content{
    display: none;
  }
}
.home-hero-section .hero-content img{
  margin-bottom: 2.5rem;
}

.home-hero-slides{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
  background-image: url("/dist/images/texture-bg-2.png");
  background-repeat: repeat;
  background-position: center center;
}
@media (min-width: 1280px) {
  .home-hero-slides{
    height: 200vh;
  }
}
.home-hero-slides .home-hero-slides-inner{
  position: relative;
  width: 100%;
}
@media (min-width: 1280px) {
  .home-hero-slides .home-hero-slides-inner{
    height: 100vh;
  }
}
.home-hero-slides .floating-section{
  display: flex;
  width: 100%;
  align-items: center;
}
@media (min-width: 1280px) {
  .home-hero-slides .floating-section{
    height: 100vh;
  }
}
.home-hero-slides .floating-section .container,
.home-hero-slides .floating-section .row{
  height: 100%;
}
.home-hero-slides .floating-section .row{
  flex-direction: column-reverse;
}
@media (min-width: 1024px) {
  .home-hero-slides .floating-section .row{
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
.home-hero-slides .floating-section .column-left{
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 1024px) {
  .home-hero-slides .floating-section .column-left{
    width: 50%;
  }
}
@media (min-width: 1280px) {
  .home-hero-slides .floating-section .column-left{
    width: 66.666667%;
  }
}
@media (min-width: 1696px) {
  .home-hero-slides .floating-section .column-left{
    width: 50%;
    padding-left: 8.333333%;
  }
}
.home-hero-slides .floating-section .column-right{
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .home-hero-slides .floating-section .column-right{
    width: 50%;
  }
}
@media (min-width: 1280px) {
  .home-hero-slides .floating-section .column-right{
    width: 33.333333%;
  }
}
@media (min-width: 1696px) {
  .home-hero-slides .floating-section .column-right{
    width: 50%;
  }
}
.home-hero-slides .floating-image{
  display: flex;
  height: 100%;
  width: 100%;
  align-items: flex-start;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 1000ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
@media (min-width: 1024px) {
  .home-hero-slides .floating-image{
    padding-bottom: 100px;
  }
}
@media (min-width: 1280px) {
  .home-hero-slides .floating-image{
    position: absolute;
    top: 0px;
  }
}
@media (min-width: 1696px) {
  .home-hero-slides .floating-image{
    padding-bottom: 175px;
  }
}
.home-hero-slides .floating-image picture{
  height: 100%;
}
.home-hero-slides .floating-image img{
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
}
.home-hero-slides .floating-image-one{
  display: none;
}
@media (min-width: 1280px) {
  .home-hero-slides .floating-image-one{
    display: block;
  }
.section-book-assessment .column-info .home-hero-slides .floating-image-one {
  margin-top: 48px;
}
  .section-book-assessment .installation-container .blocks .home-hero-slides .floating-image-one h2 {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25rem;
    letter-spacing: 0.1em;
  margin-top: 2rem;
  margin-bottom: 5px;
  }
}
.home-hero-slides .floating-image-two svg{
  width: 100%;
}
.home-hero-slides .indicator{
  position: absolute;
  top: 0px;
  z-index: 20;
  display: none;
  height: 100%;
  width: 100%;
  align-items: center;
  opacity: 0;
}
@media (min-width: 1280px) {
  .home-hero-slides .indicator{
    position: relative;
    display: block;
    height: auto;
  }
.section-book-assessment .column-info .home-hero-slides .indicator {
  margin-top: 48px;
}
  .section-book-assessment .installation-container .blocks .home-hero-slides .indicator h2 {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25rem;
    letter-spacing: 0.1em;
  margin-top: 2rem;
  margin-bottom: 5px;
  }
}
.home-hero-slides .floating-heading{
  position: relative;
  width: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  will-change: transform;
}
@media (min-width: 1280px) {
  .home-hero-slides .floating-heading{
    padding-bottom: 100px;
  }
}
.home-hero-slides .floating-heading:before {
  content: "";
  position: absolute;
  z-index: -1;
  display: block;
  height: 100%;
  width: 100%;
}
.section-book-assessment .column-info .home-hero-slides .floating-heading:before {
  margin-top: 48px;
}
.section-book-assessment .installation-container .blocks .home-hero-slides .floating-heading h2:before {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25rem;
    letter-spacing: 0.1em;
  margin-top: 2rem;
  margin-bottom: 5px;
  }
.home-hero-slides .floating-heading:before {
  transform: translate3d(0, 0, 0);
}
.home-hero-slides .floating-heading-one, .home-hero-slides .floating-heading-two{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 1000ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.home-hero-slides .floating-heading-one{
  display: none;
}
@media (min-width: 1280px) {
  .home-hero-slides .floating-heading-one{
    display: block;
  }
.section-book-assessment .column-info .home-hero-slides .floating-heading-one {
  margin-top: 48px;
}
  .section-book-assessment .installation-container .blocks .home-hero-slides .floating-heading-one h2 {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25rem;
    letter-spacing: 0.1em;
  margin-top: 2rem;
  margin-bottom: 5px;
  }
}
.home-hero-slides .floating-heading-two{
  margin-bottom: 2.5rem;
}
@media (min-width: 1280px) {
  .home-hero-slides .floating-heading-two{
    pointer-events: none;
    position: absolute;
    top: 0px;
    margin-bottom: 0px;
    opacity: 0;
  }
}
.home-hero-slides .floating-heading img{
  margin-bottom: 2.5rem;
}
.home-hero-slides .descriptions{
  position: relative;
  width: 100%;
}
.home-hero-slides .descriptions .description{
  margin-top: 2.5rem;
  overflow: hidden;
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
@media (min-width: 1280px) {
  .home-hero-slides .descriptions .description{
    margin-top: 0px;
  }
}
.home-hero-slides .descriptions .description h3{
  margin-left: 0.5rem;
  line-height: 1;
    font-family: "tt-disruptors", sans-serif;
    font-weight: 400;
  font-size: 64px;
}
@media (min-width: 1024px) {
  .home-hero-slides .descriptions .description h3 {
    font-size: 96px;
  }
}
.home-hero-slides .descriptions .description p{
  margin-top: 0.375rem;
  line-height: 1.375;
}
.home-hero-slides .descriptions .description-two{
  margin-bottom: 3rem;
}
@media (min-width: 1280px) {
  .home-hero-slides .descriptions .description-two{
    position: absolute;
    top: 0px;
    margin-bottom: 0px;
    opacity: 0;
  }
  .home-hero-slides .descriptions .description-two h3{
    margin-top: -3px;
    margin-bottom: 9px;
  }
}
.home-hero-slides .descriptions br{
  display: none;
}
@media (min-width: 768px) {
  .home-hero-slides .descriptions br{
    display: block;
  }
.section-book-assessment .column-info .home-hero-slides .descriptions br {
  margin-top: 48px;
}
  .section-book-assessment .installation-container .blocks .home-hero-slides .descriptions br h2 {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25rem;
    letter-spacing: 0.1em;
  margin-top: 2rem;
  margin-bottom: 5px;
  }
}
@media (min-width: 1024px) {
  .home-hero-slides .descriptions br{
    display: none;
  }
}
@media (min-width: 1280px) {
  .home-hero-slides .descriptions br{
    display: block;
  }
.section-book-assessment .column-info .home-hero-slides .descriptions br {
  margin-top: 48px;
}
  .section-book-assessment .installation-container .blocks .home-hero-slides .descriptions br h2 {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25rem;
    letter-spacing: 0.1em;
  margin-top: 2rem;
  margin-bottom: 5px;
  }
}

body.homepage h1, body.homepage .h1{
  margin-bottom: 33px;
  overflow: hidden;
  padding-right: 0.75rem;
  line-height: 1.1;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
  font-size: 50px;
}
@media (min-width: 1280px) {
  body.homepage h1, body.homepage .h1 {
    font-size: calc(1.625rem + 4.5vw);
  }
  @media (min-width: 1200px) {
    body.homepage h1, body.homepage .h1 {
      font-size: 5rem;
    }
  }
  body.homepage h1, body.homepage .h1{
    white-space: nowrap;
    opacity: 0;
  }
}
@media (min-width: 480px) {
  body.homepage h1 br:first-of-type, body.homepage .h1 br:first-of-type{
    display: none;
  }
}
body.homepage h1 br:last-of-type, body.homepage .h1 br:last-of-type{
  display: none;
}
@media (min-width: 480px) {
  body.homepage h1 br:last-of-type, body.homepage .h1 br:last-of-type{
    display: block;
  }
.section-book-assessment .column-info body.homepage h1 br:last-of-type,.section-book-assessment .column-info  body.homepage .h1 br:last-of-type {
  margin-top: 48px;
}
  .section-book-assessment .installation-container .blocks body.homepage h1 br:last-of-type h2,.section-book-assessment .installation-container .blocks  body.homepage .h1 br:last-of-type h2 {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25rem;
    letter-spacing: 0.1em;
  margin-top: 2rem;
  margin-bottom: 5px;
  }
}
body.homepage h1 .blast, body.homepage .h1 .blast{
  display: inline-block;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
body.homepage h1 .blast.blast-character-w, body.homepage .h1 .blast.blast-character-w{
  margin-right: -0.375rem;
}
body.homepage h1 .blast.blast-character-f, body.homepage .h1 .blast.blast-character-f{
  margin-right: -0.375rem;
  min-width: 35px;
}
body.homepage h1.slideUp, body.homepage .h1.slideUp{
  opacity: 1;
}
body.homepage h1.slideUp .blast, body.homepage .h1.slideUp .blast{
  --tw-translate-y: 200%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  animation: slideUp 0.4s cubic-bezier(0.65, 0, 0.35, 1) both;
}
body.homepage h1.slideUp .blast:nth-child(1), body.homepage .h1.slideUp .blast:nth-child(1) {
  animation-delay: 0.02s;
}
body.homepage h1.slideUp .blast:nth-child(2), body.homepage .h1.slideUp .blast:nth-child(2) {
  animation-delay: 0.04s;
}
body.homepage h1.slideUp .blast:nth-child(3), body.homepage .h1.slideUp .blast:nth-child(3) {
  animation-delay: 0.06s;
}
body.homepage h1.slideUp .blast:nth-child(4), body.homepage .h1.slideUp .blast:nth-child(4) {
  animation-delay: 0.08s;
}
body.homepage h1.slideUp .blast:nth-child(5), body.homepage .h1.slideUp .blast:nth-child(5) {
  animation-delay: 0.1s;
}
body.homepage h1.slideUp .blast:nth-child(6), body.homepage .h1.slideUp .blast:nth-child(6) {
  animation-delay: 0.12s;
}
body.homepage h1.slideUp .blast:nth-child(7), body.homepage .h1.slideUp .blast:nth-child(7) {
  animation-delay: 0.14s;
}
body.homepage h1.slideUp .blast:nth-child(8), body.homepage .h1.slideUp .blast:nth-child(8) {
  animation-delay: 0.16s;
}
body.homepage h1.slideUp .blast:nth-child(9), body.homepage .h1.slideUp .blast:nth-child(9) {
  animation-delay: 0.18s;
}
body.homepage h1.slideUp .blast:nth-child(10), body.homepage .h1.slideUp .blast:nth-child(10) {
  animation-delay: 0.2s;
}
body.homepage h1.slideUp .blast:nth-child(11), body.homepage .h1.slideUp .blast:nth-child(11) {
  animation-delay: 0.22s;
}
body.homepage h1.slideUp .blast:nth-child(12), body.homepage .h1.slideUp .blast:nth-child(12) {
  animation-delay: 0.24s;
}
body.homepage h1.slideUp .blast:nth-child(13), body.homepage .h1.slideUp .blast:nth-child(13) {
  animation-delay: 0.26s;
}
body.homepage h1.slideUp .blast:nth-child(14), body.homepage .h1.slideUp .blast:nth-child(14) {
  animation-delay: 0.28s;
}
body.homepage h1.slideUp .blast:nth-child(15), body.homepage .h1.slideUp .blast:nth-child(15) {
  animation-delay: 0.3s;
}
body.homepage h1.slideUp .blast:nth-child(16), body.homepage .h1.slideUp .blast:nth-child(16) {
  animation-delay: 0.32s;
}
body.homepage h1.slideUp .blast:nth-child(17), body.homepage .h1.slideUp .blast:nth-child(17) {
  animation-delay: 0.34s;
}
body.homepage h1.slideUp .blast:nth-child(18), body.homepage .h1.slideUp .blast:nth-child(18) {
  animation-delay: 0.36s;
}
body.homepage h1.slideUp .blast:nth-child(19), body.homepage .h1.slideUp .blast:nth-child(19) {
  animation-delay: 0.38s;
}
body.homepage h1.slideUp .blast:nth-child(20), body.homepage .h1.slideUp .blast:nth-child(20) {
  animation-delay: 0.4s;
}
body.homepage h1.slideUp .blast:nth-child(21), body.homepage .h1.slideUp .blast:nth-child(21) {
  animation-delay: 0.42s;
}
body.homepage h1.slideUp .blast:nth-child(22), body.homepage .h1.slideUp .blast:nth-child(22) {
  animation-delay: 0.44s;
}
body.homepage h1.slideUp .blast:nth-child(23), body.homepage .h1.slideUp .blast:nth-child(23) {
  animation-delay: 0.46s;
}
body.homepage h1.slideUp .blast:nth-child(24), body.homepage .h1.slideUp .blast:nth-child(24) {
  animation-delay: 0.48s;
}
body.homepage h1.slideUp .blast:nth-child(25), body.homepage .h1.slideUp .blast:nth-child(25) {
  animation-delay: 0.5s;
}
body.homepage h1.slideUp .blast:nth-child(26), body.homepage .h1.slideUp .blast:nth-child(26) {
  animation-delay: 0.52s;
}
body.homepage h1.slideUp .blast:nth-child(27), body.homepage .h1.slideUp .blast:nth-child(27) {
  animation-delay: 0.54s;
}
body.homepage h1.slideUp .blast:nth-child(28), body.homepage .h1.slideUp .blast:nth-child(28) {
  animation-delay: 0.56s;
}
body.homepage h1.slideUp .blast:nth-child(29), body.homepage .h1.slideUp .blast:nth-child(29) {
  animation-delay: 0.58s;
}
body.homepage h1.slideUp .blast:nth-child(30), body.homepage .h1.slideUp .blast:nth-child(30) {
  animation-delay: 0.6s;
}
body.homepage h1.slideUp .blast:nth-child(31), body.homepage .h1.slideUp .blast:nth-child(31) {
  animation-delay: 0.62s;
}
body.homepage h1.slideUp .blast:nth-child(32), body.homepage .h1.slideUp .blast:nth-child(32) {
  animation-delay: 0.64s;
}
body.homepage h1.slideUp .blast:nth-child(33), body.homepage .h1.slideUp .blast:nth-child(33) {
  animation-delay: 0.66s;
}
body.homepage h1.slideUp .blast:nth-child(34), body.homepage .h1.slideUp .blast:nth-child(34) {
  animation-delay: 0.68s;
}
body.homepage h1.slideUp .blast:nth-child(35), body.homepage .h1.slideUp .blast:nth-child(35) {
  animation-delay: 0.7s;
}
body.homepage h1.slideUp .blast:nth-child(36), body.homepage .h1.slideUp .blast:nth-child(36) {
  animation-delay: 0.72s;
}
body.homepage h1.slideUp .blast:nth-child(37), body.homepage .h1.slideUp .blast:nth-child(37) {
  animation-delay: 0.74s;
}
body.homepage h1.slideUp .blast:nth-child(38), body.homepage .h1.slideUp .blast:nth-child(38) {
  animation-delay: 0.76s;
}
body.homepage h1.slideUp .blast:nth-child(39), body.homepage .h1.slideUp .blast:nth-child(39) {
  animation-delay: 0.78s;
}
body.homepage h1.slideUp .blast:nth-child(40), body.homepage .h1.slideUp .blast:nth-child(40) {
  animation-delay: 0.8s;
}
body.homepage h1.slideUp .blast:nth-child(41), body.homepage .h1.slideUp .blast:nth-child(41) {
  animation-delay: 0.82s;
}
body.homepage h1.slideUp .blast:nth-child(42), body.homepage .h1.slideUp .blast:nth-child(42) {
  animation-delay: 0.84s;
}
body.homepage h1.slideUp .blast:nth-child(43), body.homepage .h1.slideUp .blast:nth-child(43) {
  animation-delay: 0.86s;
}
body.homepage h1.slideUp .blast:nth-child(44), body.homepage .h1.slideUp .blast:nth-child(44) {
  animation-delay: 0.88s;
}
body.homepage h1.slideUp .blast:nth-child(45), body.homepage .h1.slideUp .blast:nth-child(45) {
  animation-delay: 0.9s;
}
body.homepage h1.slideUp .blast:nth-child(46), body.homepage .h1.slideUp .blast:nth-child(46) {
  animation-delay: 0.92s;
}
body.homepage h1.slideUp .blast:nth-child(47), body.homepage .h1.slideUp .blast:nth-child(47) {
  animation-delay: 0.94s;
}
body.homepage h1.slideUp .blast:nth-child(48), body.homepage .h1.slideUp .blast:nth-child(48) {
  animation-delay: 0.96s;
}
body.homepage h1.slideUp .blast:nth-child(49), body.homepage .h1.slideUp .blast:nth-child(49) {
  animation-delay: 0.98s;
}
body.homepage h1.slideUp .blast:nth-child(50), body.homepage .h1.slideUp .blast:nth-child(50) {
  animation-delay: 1s;
}
body.homepage h1.slideUp .blast:nth-child(51), body.homepage .h1.slideUp .blast:nth-child(51) {
  animation-delay: 1.02s;
}
body.homepage h1.slideUp .blast:nth-child(52), body.homepage .h1.slideUp .blast:nth-child(52) {
  animation-delay: 1.04s;
}
body.homepage h1.slideUp .blast:nth-child(53), body.homepage .h1.slideUp .blast:nth-child(53) {
  animation-delay: 1.06s;
}
body.homepage h1.slideUp .blast:nth-child(54), body.homepage .h1.slideUp .blast:nth-child(54) {
  animation-delay: 1.08s;
}
body.homepage h1.slideUp .blast:nth-child(55), body.homepage .h1.slideUp .blast:nth-child(55) {
  animation-delay: 1.1s;
}
body.homepage h1.slideUp .blast:nth-child(56), body.homepage .h1.slideUp .blast:nth-child(56) {
  animation-delay: 1.12s;
}
body.homepage h1.slideUp .blast:nth-child(57), body.homepage .h1.slideUp .blast:nth-child(57) {
  animation-delay: 1.14s;
}
body.homepage h1.slideUp .blast:nth-child(58), body.homepage .h1.slideUp .blast:nth-child(58) {
  animation-delay: 1.16s;
}
body.homepage h1.slideUp .blast:nth-child(59), body.homepage .h1.slideUp .blast:nth-child(59) {
  animation-delay: 1.18s;
}
body.homepage h1.slideUp .blast:nth-child(60), body.homepage .h1.slideUp .blast:nth-child(60) {
  animation-delay: 1.2s;
}
body.homepage h1.slideUp .blast:nth-child(61), body.homepage .h1.slideUp .blast:nth-child(61) {
  animation-delay: 1.22s;
}
body.homepage h1.slideUp .blast:nth-child(62), body.homepage .h1.slideUp .blast:nth-child(62) {
  animation-delay: 1.24s;
}
body.homepage h1.slideUp .blast:nth-child(63), body.homepage .h1.slideUp .blast:nth-child(63) {
  animation-delay: 1.26s;
}
body.homepage h1.slideUp .blast:nth-child(64), body.homepage .h1.slideUp .blast:nth-child(64) {
  animation-delay: 1.28s;
}
body.homepage h1.slideUp .blast:nth-child(65), body.homepage .h1.slideUp .blast:nth-child(65) {
  animation-delay: 1.3s;
}
body.homepage h1.slideUp .blast:nth-child(66), body.homepage .h1.slideUp .blast:nth-child(66) {
  animation-delay: 1.32s;
}
body.homepage h1.slideUp .blast:nth-child(67), body.homepage .h1.slideUp .blast:nth-child(67) {
  animation-delay: 1.34s;
}
body.homepage h1.slideUp .blast:nth-child(68), body.homepage .h1.slideUp .blast:nth-child(68) {
  animation-delay: 1.36s;
}
body.homepage h1.slideUp .blast:nth-child(69), body.homepage .h1.slideUp .blast:nth-child(69) {
  animation-delay: 1.38s;
}
body.homepage h1.slideUp .blast:nth-child(70), body.homepage .h1.slideUp .blast:nth-child(70) {
  animation-delay: 1.4s;
}
body.homepage h1.slideUp .blast:nth-child(71), body.homepage .h1.slideUp .blast:nth-child(71) {
  animation-delay: 1.42s;
}
body.homepage h1.slideUp .blast:nth-child(72), body.homepage .h1.slideUp .blast:nth-child(72) {
  animation-delay: 1.44s;
}
body.homepage h1.slideUp .blast:nth-child(73), body.homepage .h1.slideUp .blast:nth-child(73) {
  animation-delay: 1.46s;
}
body.homepage h1.slideUp .blast:nth-child(74), body.homepage .h1.slideUp .blast:nth-child(74) {
  animation-delay: 1.48s;
}
body.homepage h1.slideUp .blast:nth-child(75), body.homepage .h1.slideUp .blast:nth-child(75) {
  animation-delay: 1.5s;
}
body.homepage h1.slideUp .blast:nth-child(76), body.homepage .h1.slideUp .blast:nth-child(76) {
  animation-delay: 1.52s;
}
body.homepage h1.slideUp .blast:nth-child(77), body.homepage .h1.slideUp .blast:nth-child(77) {
  animation-delay: 1.54s;
}
body.homepage h1.slideUp .blast:nth-child(78), body.homepage .h1.slideUp .blast:nth-child(78) {
  animation-delay: 1.56s;
}
body.homepage h1.slideUp .blast:nth-child(79), body.homepage .h1.slideUp .blast:nth-child(79) {
  animation-delay: 1.58s;
}
body.homepage h1.slideUp .blast:nth-child(80), body.homepage .h1.slideUp .blast:nth-child(80) {
  animation-delay: 1.6s;
}
body.homepage h1.slideUp .blast:nth-child(81), body.homepage .h1.slideUp .blast:nth-child(81) {
  animation-delay: 1.62s;
}
body.homepage h1.slideUp .blast:nth-child(82), body.homepage .h1.slideUp .blast:nth-child(82) {
  animation-delay: 1.64s;
}
body.homepage h1.slideUp .blast:nth-child(83), body.homepage .h1.slideUp .blast:nth-child(83) {
  animation-delay: 1.66s;
}
body.homepage h1.slideUp .blast:nth-child(84), body.homepage .h1.slideUp .blast:nth-child(84) {
  animation-delay: 1.68s;
}
body.homepage h1.slideUp .blast:nth-child(85), body.homepage .h1.slideUp .blast:nth-child(85) {
  animation-delay: 1.7s;
}
body.homepage h1.slideUp .blast:nth-child(86), body.homepage .h1.slideUp .blast:nth-child(86) {
  animation-delay: 1.72s;
}
body.homepage h1.slideUp .blast:nth-child(87), body.homepage .h1.slideUp .blast:nth-child(87) {
  animation-delay: 1.74s;
}
body.homepage h1.slideUp .blast:nth-child(88), body.homepage .h1.slideUp .blast:nth-child(88) {
  animation-delay: 1.76s;
}
body.homepage h1.slideUp .blast:nth-child(89), body.homepage .h1.slideUp .blast:nth-child(89) {
  animation-delay: 1.78s;
}
body.homepage h1.slideUp .blast:nth-child(90), body.homepage .h1.slideUp .blast:nth-child(90) {
  animation-delay: 1.8s;
}
body.homepage h1.slideUp .blast:nth-child(91), body.homepage .h1.slideUp .blast:nth-child(91) {
  animation-delay: 1.82s;
}
body.homepage h1.slideUp .blast:nth-child(92), body.homepage .h1.slideUp .blast:nth-child(92) {
  animation-delay: 1.84s;
}
body.homepage h1.slideUp .blast:nth-child(93), body.homepage .h1.slideUp .blast:nth-child(93) {
  animation-delay: 1.86s;
}
body.homepage h1.slideUp .blast:nth-child(94), body.homepage .h1.slideUp .blast:nth-child(94) {
  animation-delay: 1.88s;
}
body.homepage h1.slideUp .blast:nth-child(95), body.homepage .h1.slideUp .blast:nth-child(95) {
  animation-delay: 1.9s;
}
body.homepage h1.slideUp .blast:nth-child(96), body.homepage .h1.slideUp .blast:nth-child(96) {
  animation-delay: 1.92s;
}
body.homepage h1.slideUp .blast:nth-child(97), body.homepage .h1.slideUp .blast:nth-child(97) {
  animation-delay: 1.94s;
}
body.homepage h1.slideUp .blast:nth-child(98), body.homepage .h1.slideUp .blast:nth-child(98) {
  animation-delay: 1.96s;
}
body.homepage h1.slideUp .blast:nth-child(99), body.homepage .h1.slideUp .blast:nth-child(99) {
  animation-delay: 1.98s;
}
body.homepage h1.slideUp .blast:nth-child(100), body.homepage .h1.slideUp .blast:nth-child(100) {
  animation-delay: 2s;
}
body.homepage h1.slideDown, body.homepage .h1.slideDown{
  opacity: 1;
}
body.homepage h1.slideDown .blast, body.homepage .h1.slideDown .blast{
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  animation: slideDown 0.4s cubic-bezier(0.65, 0, 0.35, 1) both;
}
body.homepage h1.slideDown .blast:nth-last-of-type(1), body.homepage .h1.slideDown .blast:nth-last-of-type(1) {
  animation-delay: 0.02s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(2), body.homepage .h1.slideDown .blast:nth-last-of-type(2) {
  animation-delay: 0.04s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(3), body.homepage .h1.slideDown .blast:nth-last-of-type(3) {
  animation-delay: 0.06s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(4), body.homepage .h1.slideDown .blast:nth-last-of-type(4) {
  animation-delay: 0.08s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(5), body.homepage .h1.slideDown .blast:nth-last-of-type(5) {
  animation-delay: 0.1s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(6), body.homepage .h1.slideDown .blast:nth-last-of-type(6) {
  animation-delay: 0.12s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(7), body.homepage .h1.slideDown .blast:nth-last-of-type(7) {
  animation-delay: 0.14s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(8), body.homepage .h1.slideDown .blast:nth-last-of-type(8) {
  animation-delay: 0.16s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(9), body.homepage .h1.slideDown .blast:nth-last-of-type(9) {
  animation-delay: 0.18s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(10), body.homepage .h1.slideDown .blast:nth-last-of-type(10) {
  animation-delay: 0.2s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(11), body.homepage .h1.slideDown .blast:nth-last-of-type(11) {
  animation-delay: 0.22s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(12), body.homepage .h1.slideDown .blast:nth-last-of-type(12) {
  animation-delay: 0.24s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(13), body.homepage .h1.slideDown .blast:nth-last-of-type(13) {
  animation-delay: 0.26s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(14), body.homepage .h1.slideDown .blast:nth-last-of-type(14) {
  animation-delay: 0.28s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(15), body.homepage .h1.slideDown .blast:nth-last-of-type(15) {
  animation-delay: 0.3s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(16), body.homepage .h1.slideDown .blast:nth-last-of-type(16) {
  animation-delay: 0.32s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(17), body.homepage .h1.slideDown .blast:nth-last-of-type(17) {
  animation-delay: 0.34s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(18), body.homepage .h1.slideDown .blast:nth-last-of-type(18) {
  animation-delay: 0.36s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(19), body.homepage .h1.slideDown .blast:nth-last-of-type(19) {
  animation-delay: 0.38s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(20), body.homepage .h1.slideDown .blast:nth-last-of-type(20) {
  animation-delay: 0.4s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(21), body.homepage .h1.slideDown .blast:nth-last-of-type(21) {
  animation-delay: 0.42s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(22), body.homepage .h1.slideDown .blast:nth-last-of-type(22) {
  animation-delay: 0.44s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(23), body.homepage .h1.slideDown .blast:nth-last-of-type(23) {
  animation-delay: 0.46s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(24), body.homepage .h1.slideDown .blast:nth-last-of-type(24) {
  animation-delay: 0.48s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(25), body.homepage .h1.slideDown .blast:nth-last-of-type(25) {
  animation-delay: 0.5s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(26), body.homepage .h1.slideDown .blast:nth-last-of-type(26) {
  animation-delay: 0.52s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(27), body.homepage .h1.slideDown .blast:nth-last-of-type(27) {
  animation-delay: 0.54s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(28), body.homepage .h1.slideDown .blast:nth-last-of-type(28) {
  animation-delay: 0.56s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(29), body.homepage .h1.slideDown .blast:nth-last-of-type(29) {
  animation-delay: 0.58s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(30), body.homepage .h1.slideDown .blast:nth-last-of-type(30) {
  animation-delay: 0.6s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(31), body.homepage .h1.slideDown .blast:nth-last-of-type(31) {
  animation-delay: 0.62s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(32), body.homepage .h1.slideDown .blast:nth-last-of-type(32) {
  animation-delay: 0.64s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(33), body.homepage .h1.slideDown .blast:nth-last-of-type(33) {
  animation-delay: 0.66s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(34), body.homepage .h1.slideDown .blast:nth-last-of-type(34) {
  animation-delay: 0.68s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(35), body.homepage .h1.slideDown .blast:nth-last-of-type(35) {
  animation-delay: 0.7s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(36), body.homepage .h1.slideDown .blast:nth-last-of-type(36) {
  animation-delay: 0.72s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(37), body.homepage .h1.slideDown .blast:nth-last-of-type(37) {
  animation-delay: 0.74s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(38), body.homepage .h1.slideDown .blast:nth-last-of-type(38) {
  animation-delay: 0.76s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(39), body.homepage .h1.slideDown .blast:nth-last-of-type(39) {
  animation-delay: 0.78s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(40), body.homepage .h1.slideDown .blast:nth-last-of-type(40) {
  animation-delay: 0.8s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(41), body.homepage .h1.slideDown .blast:nth-last-of-type(41) {
  animation-delay: 0.82s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(42), body.homepage .h1.slideDown .blast:nth-last-of-type(42) {
  animation-delay: 0.84s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(43), body.homepage .h1.slideDown .blast:nth-last-of-type(43) {
  animation-delay: 0.86s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(44), body.homepage .h1.slideDown .blast:nth-last-of-type(44) {
  animation-delay: 0.88s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(45), body.homepage .h1.slideDown .blast:nth-last-of-type(45) {
  animation-delay: 0.9s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(46), body.homepage .h1.slideDown .blast:nth-last-of-type(46) {
  animation-delay: 0.92s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(47), body.homepage .h1.slideDown .blast:nth-last-of-type(47) {
  animation-delay: 0.94s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(48), body.homepage .h1.slideDown .blast:nth-last-of-type(48) {
  animation-delay: 0.96s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(49), body.homepage .h1.slideDown .blast:nth-last-of-type(49) {
  animation-delay: 0.98s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(50), body.homepage .h1.slideDown .blast:nth-last-of-type(50) {
  animation-delay: 1s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(51), body.homepage .h1.slideDown .blast:nth-last-of-type(51) {
  animation-delay: 1.02s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(52), body.homepage .h1.slideDown .blast:nth-last-of-type(52) {
  animation-delay: 1.04s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(53), body.homepage .h1.slideDown .blast:nth-last-of-type(53) {
  animation-delay: 1.06s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(54), body.homepage .h1.slideDown .blast:nth-last-of-type(54) {
  animation-delay: 1.08s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(55), body.homepage .h1.slideDown .blast:nth-last-of-type(55) {
  animation-delay: 1.1s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(56), body.homepage .h1.slideDown .blast:nth-last-of-type(56) {
  animation-delay: 1.12s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(57), body.homepage .h1.slideDown .blast:nth-last-of-type(57) {
  animation-delay: 1.14s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(58), body.homepage .h1.slideDown .blast:nth-last-of-type(58) {
  animation-delay: 1.16s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(59), body.homepage .h1.slideDown .blast:nth-last-of-type(59) {
  animation-delay: 1.18s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(60), body.homepage .h1.slideDown .blast:nth-last-of-type(60) {
  animation-delay: 1.2s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(61), body.homepage .h1.slideDown .blast:nth-last-of-type(61) {
  animation-delay: 1.22s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(62), body.homepage .h1.slideDown .blast:nth-last-of-type(62) {
  animation-delay: 1.24s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(63), body.homepage .h1.slideDown .blast:nth-last-of-type(63) {
  animation-delay: 1.26s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(64), body.homepage .h1.slideDown .blast:nth-last-of-type(64) {
  animation-delay: 1.28s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(65), body.homepage .h1.slideDown .blast:nth-last-of-type(65) {
  animation-delay: 1.3s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(66), body.homepage .h1.slideDown .blast:nth-last-of-type(66) {
  animation-delay: 1.32s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(67), body.homepage .h1.slideDown .blast:nth-last-of-type(67) {
  animation-delay: 1.34s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(68), body.homepage .h1.slideDown .blast:nth-last-of-type(68) {
  animation-delay: 1.36s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(69), body.homepage .h1.slideDown .blast:nth-last-of-type(69) {
  animation-delay: 1.38s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(70), body.homepage .h1.slideDown .blast:nth-last-of-type(70) {
  animation-delay: 1.4s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(71), body.homepage .h1.slideDown .blast:nth-last-of-type(71) {
  animation-delay: 1.42s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(72), body.homepage .h1.slideDown .blast:nth-last-of-type(72) {
  animation-delay: 1.44s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(73), body.homepage .h1.slideDown .blast:nth-last-of-type(73) {
  animation-delay: 1.46s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(74), body.homepage .h1.slideDown .blast:nth-last-of-type(74) {
  animation-delay: 1.48s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(75), body.homepage .h1.slideDown .blast:nth-last-of-type(75) {
  animation-delay: 1.5s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(76), body.homepage .h1.slideDown .blast:nth-last-of-type(76) {
  animation-delay: 1.52s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(77), body.homepage .h1.slideDown .blast:nth-last-of-type(77) {
  animation-delay: 1.54s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(78), body.homepage .h1.slideDown .blast:nth-last-of-type(78) {
  animation-delay: 1.56s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(79), body.homepage .h1.slideDown .blast:nth-last-of-type(79) {
  animation-delay: 1.58s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(80), body.homepage .h1.slideDown .blast:nth-last-of-type(80) {
  animation-delay: 1.6s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(81), body.homepage .h1.slideDown .blast:nth-last-of-type(81) {
  animation-delay: 1.62s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(82), body.homepage .h1.slideDown .blast:nth-last-of-type(82) {
  animation-delay: 1.64s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(83), body.homepage .h1.slideDown .blast:nth-last-of-type(83) {
  animation-delay: 1.66s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(84), body.homepage .h1.slideDown .blast:nth-last-of-type(84) {
  animation-delay: 1.68s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(85), body.homepage .h1.slideDown .blast:nth-last-of-type(85) {
  animation-delay: 1.7s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(86), body.homepage .h1.slideDown .blast:nth-last-of-type(86) {
  animation-delay: 1.72s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(87), body.homepage .h1.slideDown .blast:nth-last-of-type(87) {
  animation-delay: 1.74s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(88), body.homepage .h1.slideDown .blast:nth-last-of-type(88) {
  animation-delay: 1.76s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(89), body.homepage .h1.slideDown .blast:nth-last-of-type(89) {
  animation-delay: 1.78s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(90), body.homepage .h1.slideDown .blast:nth-last-of-type(90) {
  animation-delay: 1.8s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(91), body.homepage .h1.slideDown .blast:nth-last-of-type(91) {
  animation-delay: 1.82s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(92), body.homepage .h1.slideDown .blast:nth-last-of-type(92) {
  animation-delay: 1.84s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(93), body.homepage .h1.slideDown .blast:nth-last-of-type(93) {
  animation-delay: 1.86s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(94), body.homepage .h1.slideDown .blast:nth-last-of-type(94) {
  animation-delay: 1.88s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(95), body.homepage .h1.slideDown .blast:nth-last-of-type(95) {
  animation-delay: 1.9s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(96), body.homepage .h1.slideDown .blast:nth-last-of-type(96) {
  animation-delay: 1.92s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(97), body.homepage .h1.slideDown .blast:nth-last-of-type(97) {
  animation-delay: 1.94s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(98), body.homepage .h1.slideDown .blast:nth-last-of-type(98) {
  animation-delay: 1.96s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(99), body.homepage .h1.slideDown .blast:nth-last-of-type(99) {
  animation-delay: 1.98s;
}
body.homepage h1.slideDown .blast:nth-last-of-type(100), body.homepage .h1.slideDown .blast:nth-last-of-type(100) {
  animation-delay: 2s;
}
body.homepage h1 {
    font-family: "tiller", sans-serif;
    letter-spacing: -0.03em;
    font-weight: 600;
  }
body.homepage .h1 {
    font-family: "tiller", "ss-head", sans-serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    margin-bottom: 1.25rem;
    margin-top: 60px;
  }
@media (min-width: 1280px) {
  body.homepage .h1{
    margin-top: -0.25rem;
    margin-bottom: 37px;
  }
}

@keyframes slideUp {
  100% {
    transform: translateY(0);
  }
}
@keyframes slideDown {
  100% {
    transform: translateY(200%);
  }
}
.fires-section{
  width: 100%;
  overflow: hidden;
  padding-top: 54px;
  padding-bottom: 3rem;
}
@media (min-width: 1280px) {
  .fires-section{
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
}
.fires-section .fuel-row{
  flex-wrap: nowrap;
  justify-content: center;
}
.fires-section .fuel-row .fuel-trigger {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
   supported by Chrome, Edge, Opera and Firefox */
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    cursor: pointer;
    border-bottom-width: 2px;
    border-color: transparent;
    padding-bottom: 0.5rem;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0.1em;
    opacity: 0.5;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  }
.fires-section .fuel-row .fuel-trigger:hover, .fires-section .fuel-row .fuel-trigger.active{
  --tw-border-opacity: 1;
  border-color: rgb(229 86 57 / var(--tw-border-opacity, 1));
  opacity: 1;
}
.fires-section .slider-row{
  padding-top: 50px;
  padding-bottom: 21px;
}
@media (min-width: 1280px) {
  .fires-section .slider-row{
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.fires-section .action-row{
  justify-content: center;
}
.fires-section .action-row .column{
  display: flex;
  width: 100%;
  justify-content: center;
}

.product-callout-section{
  position: relative;
}
.product-callout-section .container{
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .product-callout-section .container{
    display: block;
  }
.section-book-assessment .column-info .product-callout-section .container {
  margin-top: 48px;
}
  .section-book-assessment .installation-container .blocks .product-callout-section .container h2 {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25rem;
    letter-spacing: 0.1em;
  margin-top: 2rem;
  margin-bottom: 5px;
  }
}
.product-callout-section .row-content{
  order: 2;
  justify-content: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 1024px) {
  .product-callout-section .row-content{
    justify-content: flex-end;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
@media (min-width: 1280px) {
  .product-callout-section .row-content{
    padding-top: 116px;
    padding-bottom: 116px;
  }
}
.product-callout-section .row-content .column-content{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 640px) {
  .product-callout-section .row-content .column-content{
    width: 66.666667%;
  }
}
@media (min-width: 1024px) {
  .product-callout-section .row-content .column-content{
    width: 41.666667%;
  }
}
@media (min-width: 1280px) {
  .product-callout-section .row-content .column-content{
    margin-right: 8.333333%;
    width: 25%;
  }
}
.product-callout-section .row-content .column-content h6 {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    margin-bottom: 0.25rem;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0.1em;
    --tw-text-opacity: 1;
    color: rgb(229 86 57 / var(--tw-text-opacity, 1));
  }
.product-callout-section .row-content .column-content h2 {
    font-family: "tiller", "ss-head", sans-serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    margin-bottom: 0.625rem;
    line-height: 1.1;
  font-size: 35px;
  }
@media (min-width: 1024px) {
  .product-callout-section .row-content .column-content h2 {
    font-size: calc(1.4375rem + 2.25vw);
  }
  @media (min-width: 1200px) {
    .product-callout-section .row-content .column-content h2 {
      font-size: 3.125rem;
    }
  }
}
.product-callout-section .row-content .column-content .description{
  margin-bottom: 1.5rem;
}
.product-callout-section .row-content .column-content .description br{
  display: none;
}
@media (min-width: 1696px) {
  .product-callout-section .row-content .column-content .description br{
    display: block;
  }
.section-book-assessment .column-info .product-callout-section .row-content .column-content .description br {
  margin-top: 48px;
}
  .section-book-assessment .installation-container .blocks .product-callout-section .row-content .column-content .description br h2 {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25rem;
    letter-spacing: 0.1em;
  margin-top: 2rem;
  margin-bottom: 5px;
  }
}
.product-callout-section .row-content .column-content .pricing{
  margin-bottom: 1.5rem;
  line-height: 1.2;
  font-size: 40px;
}
@media (min-width: 1024px) {
  .product-callout-section .row-content .column-content .pricing {
    font-size: calc(1.375rem + 1.5vw);
  }
  @media (min-width: 1200px) {
    .product-callout-section .row-content .column-content .pricing {
      font-size: 2.5rem;
    }
  }
}
.product-callout-section .row-image{
  order: 1;
  width: 100%;
  justify-content: flex-start;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 1024px) {
  .product-callout-section .row-image{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    height: 100%;
  }
}
.product-callout-section .row-image .column-image{
  position: relative;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 1024px) {
  .product-callout-section .row-image .column-image{
    width: 50%;
  }
}
@media (min-width: 1280px) {
  .product-callout-section .row-image .column-image{
    width: 58.333333%;
  }
}
.product-callout-section .row-image .column-image picture{
  height: 100%;
  width: 100%;
}
@media (min-width: 1024px) {
  .product-callout-section .row-image .column-image picture{
    position: absolute;
  }
}
.product-callout-section .row-image .column-image picture img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.grid-section{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 1024px) {
  .grid-section{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
@media (min-width: 1280px) {
  .grid-section{
    padding-top: 160px;
    padding-bottom: 131px;
  }
}
.grid-section h2 {
    font-family: "tiller", sans-serif;
    letter-spacing: -0.03em;
    font-weight: 600;
    margin-bottom: 29px;
  font-size: 35px;
  }
@media (min-width: 1024px) {
  .grid-section h2 {
    font-size: calc(1.4375rem + 2.25vw);
  }
  @media (min-width: 1200px) {
    .grid-section h2 {
      font-size: 3.125rem;
    }
  }
  .grid-section h2{
    margin-bottom: 50px;
    text-align: center;
  }
}
.grid-section .row-grid{
  flex-direction: column;
  align-items: center;
}
.grid-section .row-grid .column-container{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
@media (min-width: 1280px) {
  .grid-section .row-grid .column-container{
    flex-wrap: nowrap;
  }
}
@media (min-width: 1920px) {
  .grid-section .row-grid .column-container{
    width: 83.333333%;
  }
}
.grid-section .row-grid .column-block{
  position: relative;
  margin-bottom: 1.5rem;
  display: flex;
  width: 50%;
  flex-direction: column;
}
@media (min-width: 640px) {
  .grid-section .row-grid .column-block{
    margin-bottom: 2rem;
  }
}
@media (min-width: 1280px) {
  .grid-section .row-grid .column-block{
    margin-bottom: 0px;
    display: block;
    height: 426px;
    width: auto;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  }
.section-book-assessment .column-info .grid-section .row-grid .column-block {
  margin-top: 48px;
}
  .section-book-assessment .installation-container .blocks .grid-section .row-grid .column-block h2 {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25rem;
    letter-spacing: 0.1em;
  margin-top: 2rem;
  margin-bottom: 5px;
  }
}
.grid-section .row-grid .column-block picture{
  margin-bottom: 0.75rem;
}
@media (min-width: 1280px) {
  .grid-section .row-grid .column-block picture{
    margin-bottom: 0px;
  }
}
.grid-section .row-grid .column-block picture img{
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1280px) {
  .grid-section .row-grid .column-block picture img{
    margin-bottom: 1.25rem;
  }
}
@media (hover: hover) {
  @media (min-width: 1280px) {
    .grid-section .row-grid .column-block:hover{
      flex-shrink: 0;
    }
  }
}

.image-callout-section{
  position: relative;
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
  background-image: url("/dist/images/texture-bg-2.png");
  background-repeat: repeat;
  background-position: center center;
}
.image-callout-section .container{
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .image-callout-section .container{
    display: block;
  }
.section-book-assessment .column-info .image-callout-section .container {
  margin-top: 48px;
}
  .section-book-assessment .installation-container .blocks .image-callout-section .container h2 {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25rem;
    letter-spacing: 0.1em;
  margin-top: 2rem;
  margin-bottom: 5px;
  }
}
.image-callout-section .row-content{
  position: relative;
  z-index: 20;
  order: 2;
  justify-content: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 1024px) {
  .image-callout-section .row-content{
    order: 1;
    justify-content: flex-start;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
@media (min-width: 1280px) {
  .image-callout-section .row-content{
    padding-top: 194px;
    padding-bottom: 194px;
  }
}
.image-callout-section .row-content .column-content{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 640px) {
  .image-callout-section .row-content .column-content{
    width: 66.666667%;
  }
}
@media (min-width: 1024px) {
  .image-callout-section .row-content .column-content{
    max-width: 477px;
  }
}
@media (min-width: 1696px) {
  .image-callout-section .row-content .column-content{
    margin-left: 8.333333%;
    width: 33.333333%;
  }
}
.image-callout-section .row-content .column-content h2 {
    font-family: "tiller", "ss-head", sans-serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    margin-bottom: 0.625rem;
    line-height: 1.1;
  font-size: 35px;
  }
@media (min-width: 1024px) {
  .image-callout-section .row-content .column-content h2 {
    font-size: calc(1.4375rem + 2.25vw);
  }
  @media (min-width: 1200px) {
    .image-callout-section .row-content .column-content h2 {
      font-size: 3.125rem;
    }
  }
}
.image-callout-section .row-content .column-content .description{
  margin-bottom: 30px;
}
.image-callout-section .row-content br{
  display: none;
}
@media (min-width: 1696px) {
  .image-callout-section .row-content br{
    display: block;
  }
.section-book-assessment .column-info .image-callout-section .row-content br {
  margin-top: 48px;
}
  .section-book-assessment .installation-container .blocks .image-callout-section .row-content br h2 {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25rem;
    letter-spacing: 0.1em;
  margin-top: 2rem;
  margin-bottom: 5px;
  }
}
.image-callout-section .row-image{
  order: 1;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 1024px) {
  .image-callout-section .row-image{
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 10;
    order: 1;
    height: 100%;
    width: 100%;
    justify-content: flex-end;
  }
}
.image-callout-section .row-image .column-image{
  position: relative;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 1024px) {
  .image-callout-section .row-image .column-image{
    width: 50%;
  }
}
.image-callout-section .row-image .column-image picture{
  height: 100%;
  width: 100%;
}
@media (min-width: 1024px) {
  .image-callout-section .row-image .column-image picture{
    position: absolute;
  }
}
.image-callout-section .row-image .column-image picture img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.history-section{
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .history-section{
    display: block;
    padding-top: 4rem;
  }
.section-book-assessment .column-info .history-section {
  margin-top: 48px;
}
  .section-book-assessment .installation-container .blocks .history-section h2 {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25rem;
    letter-spacing: 0.1em;
  margin-top: 2rem;
  margin-bottom: 5px;
  }
}
@media (min-width: 1280px) {
  .history-section{
    min-height: 100vh;
    padding-top: 6rem;
  }
}
@media (min-width: 1696px) {
  .history-section{
    min-height: 100vh;
    padding-top: 190px;
  }
}
.history-section .container{
  order: 2;
}
.history-section .bg-image{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  order: 1;
  height: 50%;
  width: 100%;
}
@media (min-width: 640px) {
  .history-section .bg-image{
    height: 100%;
  }
}
.history-section .bg-image img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.history-section .row{
  align-items: center;
  justify-content: center;
}
@media (min-width: 1024px) {
  .history-section .row{
    min-height: 100vh;
  }
}
.history-section .column-content{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 640px) {
  .history-section .column-content{
    width: 66.666667%;
  }
}
@media (min-width: 1024px) {
  .history-section .column-content{
    width: 41.666667%;
    align-items: flex-start;
  }
}
@media (min-width: 1280px) {
  .history-section .column-content{
    margin-left: 8.333333%;
    margin-right: 8.333333%;
    width: 33.333333%;
    padding-top: 173px;
    padding-bottom: 173px;
  }
}
.history-section .column-content .years{
  position: absolute;
  top: 90px;
  right: 1.5rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 480px) {
  .history-section .column-content .years{
    right: 0px;
    width: 50%;
    padding-right: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .history-section .column-content .years{
    position: relative;
    top: 0px;
    margin-bottom: 4rem;
    width: auto;
    padding-right: 0px;
  }
}
@media (min-width: 1280px) {
  .history-section .column-content .years{
    margin-bottom: 170px;
  }
}
.history-section .column-content .years .heading {
    font-family: "tiller", sans-serif;
    font-weight: 600;
    text-align: center;
    line-height: 1.35;
    letter-spacing: -0.01em;
  font-size: 18px;
  }
@media (min-width: 1024px) {
  .history-section .column-content .years .heading {
    font-size: calc(1.3125rem + 0.75vw);
  }
  @media (min-width: 1200px) {
    .history-section .column-content .years .heading {
      font-size: 1.875rem;
    }
  }
}
.history-section .column-content .years .year {
    font-family: "tiller", sans-serif;
    font-weight: 600;
    text-align: center;
    line-height: 1;
    letter-spacing: -0.01em;
  font-size: 80px;
  }
@media (min-width: 1024px) {
  .history-section .column-content .years .year {
    font-size: calc(1.96875rem + 8.625vw);
  }
  @media (min-width: 1200px) {
    .history-section .column-content .years .year {
      font-size: 8.4375rem;
    }
  }
  .history-section .column-content .years .year{
    margin-top: -0.625rem;
  }
}
.history-section .column-content .content{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 1024px) {
  .history-section .column-content .content{
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.history-section .column-content h2 {
    font-family: "tiller", sans-serif;
    letter-spacing: -0.03em;
    font-weight: 600;
    margin-bottom: 0.625rem;
    line-height: 1.1;
  font-size: 35px;
  }
@media (min-width: 1024px) {
  .history-section .column-content h2 {
    font-size: calc(1.4375rem + 2.25vw);
  }
  @media (min-width: 1200px) {
    .history-section .column-content h2 {
      font-size: 3.125rem;
    }
  }
}
.history-section .column-content .description{
  margin-bottom: 30px;
}
.history-section .column-content .description br{
  display: none;
}
@media (min-width: 1280px) {
  .history-section .column-content .description br{
    display: block;
  }
.section-book-assessment .column-info .history-section .column-content .description br {
  margin-top: 48px;
}
  .section-book-assessment .installation-container .blocks .history-section .column-content .description br h2 {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25rem;
    letter-spacing: 0.1em;
  margin-top: 2rem;
  margin-bottom: 5px;
  }
}
.history-section .column-content .logo{
  margin-top: 1.5rem;
  margin-bottom: 1.25rem;
}
.history-section .column-image{
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-self: flex-start;
  padding-top: 1.5rem;
}
@media (min-width: 1024px) {
  .history-section .column-image{
    width: 50%;
    justify-content: flex-end;
    align-self: flex-end;
    padding-top: 0px;
  }
}
@media (min-width: 1696px) {
  .history-section .column-image{
    padding-left: 8.333333%;
  }
}
.history-section .column-image picture{
  max-height: 400px;
}
@media (min-width: 768px) {
  .history-section .column-image picture{
    max-height: 600px;
  }
}
@media (min-width: 1024px) {
  .history-section .column-image picture{
    max-height: 100%;
  }
}
.history-section .column-image picture img{
  margin-left: -16.666667%;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 480px) {
  .history-section .column-image picture img{
    margin-left: 0px;
  }
}

.contact-callout-section{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media (min-width: 1024px) {
  .contact-callout-section{
    padding-top: 175px;
    padding-bottom: 150px;
  }
}
.contact-callout-section .row{
  justify-content: center;
}
.contact-callout-section .row .column{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
.contact-callout-section .row h2 {
    font-family: "tiller", sans-serif;
    letter-spacing: -0.03em;
    font-weight: 600;
    margin-bottom: 1.5rem;
    text-align: center;
    line-height: 1.1;
  font-size: 35px;
  }
@media (min-width: 1024px) {
  .contact-callout-section .row h2 {
    font-size: calc(1.4375rem + 2.25vw);
  }
  @media (min-width: 1200px) {
    .contact-callout-section .row h2 {
      font-size: 3.125rem;
    }
  }
}

.section-product-detail {
  min-height: calc(100vh - var(--header-height));
  width: 100%;
}
.section-product-detail .product-intro .buttons{
  margin-top: 1.5rem;
  display: flex;
  width: 100%;
  flex-direction: column;
}
@media (min-width: 1280px) {
  .section-product-detail .product-intro .buttons{
    flex-direction: row;
  }
}
.section-product-detail .product-intro .buttons .btn:first-child{
  margin-bottom: 1.5rem;
}
@media (min-width: 1280px) {
  .section-product-detail .product-intro .buttons .btn:first-child{
    margin-right: 1.5rem;
    margin-bottom: 0px;
  }
}
.section-product-detail .product-intro .price {
    font-size: calc(1.375rem + 1.5vw);
  }
@media (min-width: 1200px) {
    .section-product-detail .product-intro .price {
      font-size: 2.5rem;
    }
  }
.section-product-detail .product-intro .price {
  margin-top: 24px;
  margin-bottom: 12px;
}
.section-product-detail .product-intro .cart-btn {
  margin-bottom: 24px;
  width: 100%;
  max-width: none !important;
  min-width: 232px;
  min-height: 40px;
}
.section-product-detail .product-intro .cart-btn .placeholder {
  opacity: 0;
}
@media (min-width: 1280px) {
  .section-product-detail .product-intro .cart-btn {
    margin-right: 24px;
  }
}
.section-product-detail .product-intro .btn {
  margin-bottom: 24px;
}
.section-product-detail .product-intro .find-a-retailer {
  display: flex;
  align-items: center;
  font-family: "ss-bold", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.section-product-detail .product-intro .find-a-retailer svg {
  margin-left: 10px;
  color: #e55639;
}
.section-product-detail .swiper [role=button]:focus {
  outline: 0px none transparent;
}

.product-detail-slider{
  overflow: visible;
  perspective: none;
}
@media (min-width: 1024px) {
  .product-detail-slider {
    min-height: calc(100vh - var(--header-height));
  }
}
.product-detail-slider .swiper-wrapper{
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
@media (min-width: 1024px) {
  .product-detail-slider .swiper-wrapper{
    overflow: visible;
  }
}
.product-detail-slider .swiper-slide{
  width: 100%;
}
.product-detail-slider .swiper-buttons{
  position: sticky;
  bottom: 0px;
  z-index: 10;
  display: flex;
  width: 100%;
  justify-content: center;
}
@media (min-width: 1024px) {
  .product-detail-slider .swiper-buttons{
    padding-bottom: 1.25rem;
  }
}
.product-detail-slider .slide-features{
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
  min-height: calc(100vh - var(--header-height) - 50px);
  transition: opacity 100ms linear 0.5s, transform 500ms ease-in-out-quart;
}
@media (min-width: 1280px) {
  .product-detail-slider .slide-features {
    min-height: calc(100vh - var(--header-height) - 80px);
  }
}
.product-detail-slider .slide-features.swiper-slide-visible {
  transition: opacity 0.1s linear, transform 500ms ease-in-out-quart;
}
.product-detail-slider .slide-features .container{
  display: flex;
  height: 100%;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .product-detail-slider .slide-features .container{
    display: block;
  }
.section-book-assessment .column-info .product-detail-slider .slide-features .container {
  margin-top: 48px;
}
  .section-book-assessment .installation-container .blocks .product-detail-slider .slide-features .container h2 {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25rem;
    letter-spacing: 0.1em;
  margin-top: 2rem;
  margin-bottom: 5px;
  }
}
.product-detail-slider .slide-features .row-wrap{
  width: 100%;
  flex-direction: column;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 2.5rem;
}
@media (min-width: 1024px) {
  .product-detail-slider .slide-features .row-wrap{
    margin-bottom: -80px;
    flex-direction: row;
    flex-wrap: nowrap;
    padding-bottom: 0px;
  }
}
.product-detail-slider .slide-features .product-intro{
  margin-top: 1.25rem;
  width: 100%;
}
@media (min-width: 1024px) {
  .product-detail-slider .slide-features .product-intro{
    margin-top: 0px;
    max-width: 600px;
  }
}
.product-detail-slider .slide-features .product-intro h1 {
  font-size: 60px;
    font-family: "tiller", sans-serif;
    font-weight: 600;
    margin-bottom: 0.625rem;
    line-height: 1.1;
    letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .product-detail-slider .slide-features .product-intro h1 {
    font-size: calc(1.5625rem + 3.75vw);
  }
  @media (min-width: 1200px) {
    .product-detail-slider .slide-features .product-intro h1 {
      font-size: 4.375rem;
    }
  }
}
.product-detail-slider .slide-features .product-intro h2 {
  font-size: 24px;
  margin-bottom: 1.5rem;
  line-height: 1.25;
}
@media (min-width: 1024px) {
  .product-detail-slider .slide-features .product-intro h2 {
    font-size: calc(1.275rem + 0.3vw);
  }
  @media (min-width: 1200px) {
    .product-detail-slider .slide-features .product-intro h2 {
      font-size: 1.5rem;
    }
  }
}
.product-detail-slider .slide-features .product-intro .description{
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.product-detail-slider .slide-features .product-intro .description strong, .product-detail-slider .slide-features .product-intro .description b{
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
.product-detail-slider .slide-features .row-content{
  order: 2;
  width: 100%;
  flex-shrink: 0;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
}
@media (min-width: 1024px) {
  .product-detail-slider .slide-features .row-content{
    order: 1;
    height: 100%;
    width: 50%;
    justify-content: flex-start;
    padding-right: 0px;
  }
}
.product-detail-slider .slide-features .row-content .column-content{
  display: flex;
  height: auto;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (min-width: 640px) {
  .product-detail-slider .slide-features .row-content .column-content{
    width: 66.666667%;
  }
}
@media (min-width: 1024px) {
  .product-detail-slider .slide-features .row-content .column-content{
    padding-bottom: 6rem;
    padding-top: 2.5rem;
  }
}
@media (min-width: 1280px) {
  .product-detail-slider .slide-features .row-content .column-content{
    padding-top: 55px;
  }
}
@media (min-width: 1696px) {
  .product-detail-slider .slide-features .row-content .column-content{
    margin-left: 16.666667%;
    width: 50%;
  }
}
@media (min-width: 2560px) {
  .product-detail-slider .slide-features .row-content .column-content{
    margin-left: 0px;
  }
}
.product-detail-slider .slide-features .row-content .column-thumbs{
  display: none;
}
@media (min-width: 1024px) {
  .product-detail-slider .slide-features .row-content .column-thumbs{
    position: sticky;
    margin-left: 16.666667%;
    display: flex;
    height: 100%;
    width: 16.666667%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: calc(100vh - var(--header-height));
    top: var(--header-height);
  }
}
@media (min-width: 2560px) {
  .product-detail-slider .slide-features .row-content .column-thumbs{
    margin-left: 33.333333%;
  }
}
.product-detail-slider .slide-features .row-image{
  pointer-events: none;
  order: 1;
  width: 100%;
  justify-content: flex-end;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 1024px) {
  .product-detail-slider .slide-features .row-image{
    position: sticky;
    left: 0px;
    min-height: 600px;
    width: 50vw;
    height: calc(100vh - var(--header-height));
    top: var(--header-height);
  }
}
.product-detail-slider .slide-features .row-image .column-image{
  pointer-events: auto;
  position: relative;
  height: 100%;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 1024px) {}
.product-detail-slider .slide-features .row-image .column-image picture{
  height: 100%;
  width: 100%;
}
@media (min-width: 1024px) {
  .product-detail-slider .slide-features .row-image .column-image picture{
    position: absolute;
  }
}
.product-detail-slider .slide-features .row-image .column-image picture img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.product-detail-slider .slide-specifications{
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
  min-height: calc(100vh - var(--header-height));
}
@media (min-width: 1280px) {}
.product-detail-slider .slide-specifications .container,
.product-detail-slider .slide-specifications .row{
  height: 100%;
}
.product-detail-slider .slide-specifications .row{
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
}
@media (min-width: 1024px) {
  .product-detail-slider .slide-specifications .row{
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
.product-detail-slider .slide-specifications .column-content{
  order: 2;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 45px;
}
@media (min-width: 640px) {
  .product-detail-slider .slide-specifications .column-content{
    width: 66.666667%;
  }
}
@media (min-width: 1024px) {
  .product-detail-slider .slide-specifications .column-content{
    order: 1;
    width: 50%;
    padding-top: 55px;
  }
}
@media (min-width: 1280px) {
  .product-detail-slider .slide-specifications .column-content{
    width: 33.333333%;
  }
}
@media (min-width: 1696px) {
  .product-detail-slider .slide-specifications .column-content{
    margin-left: 8.333333%;
    width: 25%;
  }
}
@media (min-width: 2560px) {
  .product-detail-slider .slide-specifications .column-content{
    margin-left: 0px;
  }
}
.product-detail-slider .slide-specifications .column-image{
  order: 1;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 1024px) {
  .product-detail-slider .slide-specifications .column-image{
    position: sticky;
    order: 2;
    height: 100%;
    width: 50%;
    overflow: hidden;
    top: var(--header-height);
    max-height: calc(100vh - var(--header-height) - 70px);
  }
  @media (orientation: portrait) {
    .product-detail-slider .slide-specifications .column-image {
      max-height: 800px;
    }
  }
}
@media (min-width: 1280px) {
  .product-detail-slider .slide-specifications .column-image{
    display: flex;
    height: 100vh;
    width: 33.333333%;
    align-items: flex-start;
    justify-content: center;
    max-height: calc(100vh - var(--header-height) - 80px);
  }
  @media (orientation: portrait) {
    .product-detail-slider .slide-specifications .column-image {
      max-height: 800px;
    }
  }
}
@media (min-width: 2560px) {
  .product-detail-slider .slide-specifications .column-image{
    width: 50%;
  }
}
.product-detail-slider .slide-specifications .column-image svg {
  aspect-ratio: 960/840;
  width: 100%;
}
@media (min-width: 481px) {
  .product-detail-slider .slide-specifications .column-image svg {
    aspect-ratio: 1280/1562;
  }
}
@media (min-width: 1024px) {
  .product-detail-slider .slide-specifications .column-image svg{
    position: absolute;
    bottom: 30px;
    aspect-ratio: auto;
    max-height: none;
  }
}
@media (min-width: 1696px) {
  .product-detail-slider .slide-specifications .column-image svg{
    bottom: 60px;
  }
}
@media (min-width: 1920px) {
  .product-detail-slider .slide-specifications .column-image svg{
    bottom: 66px;
  }
}
@media (min-width: 2560px) {
  .product-detail-slider .slide-specifications .column-image svg{
    bottom: 79px;
  }
}
.product-detail-slider .slide-specifications .column-info{
  order: 3;
  display: flex;
  width: 100%;
  flex-direction: column;
  padding-bottom: 2.5rem;
}
@media (min-width: 640px) {
  .product-detail-slider .slide-specifications .column-info{
    width: 66.666667%;
  }
}
@media (min-width: 1024px) {
  .product-detail-slider .slide-specifications .column-info{
    width: 50%;
  }
}
@media (min-width: 1280px) {
  .product-detail-slider .slide-specifications .column-info{
    width: 33.333333%;
    padding-top: 74px;
    padding-bottom: 0px;
  }
}
@media (min-width: 1696px) {
  .product-detail-slider .slide-specifications .column-info{
    width: 25%;
  }
}
.product-detail-slider .slide-specifications .product-intro{
  width: 100%;
}
.product-detail-slider .slide-specifications .product-intro .h1 {
    font-family: "tiller", "ss-head", sans-serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    margin-top: -3px;
    margin-bottom: 13px;
    line-height: 1.1;
  font-size: 60px;
  }
@media (min-width: 1024px) {
  .product-detail-slider .slide-specifications .product-intro .h1 {
    font-size: calc(1.5625rem + 3.75vw);
  }
  @media (min-width: 1200px) {
    .product-detail-slider .slide-specifications .product-intro .h1 {
      font-size: 4.375rem;
    }
  }
}
.product-detail-slider .slide-specifications .product-intro .h2{
  margin-bottom: 1.5rem;
  line-height: 1.25;
  font-size: 24px;
}
@media (min-width: 1024px) {
  .product-detail-slider .slide-specifications .product-intro .h2 {
    font-size: calc(1.275rem + 0.3vw);
  }
  @media (min-width: 1200px) {
    .product-detail-slider .slide-specifications .product-intro .h2 {
      font-size: 1.5rem;
    }
  }
}
.product-detail-slider .slide-specifications .product-description{
  margin-top: 2.5rem;
  padding-bottom: 3rem;
}
@media (min-width: 1280px) {
  .product-detail-slider .slide-specifications .product-description{
    padding-bottom: 5rem;
  }
}
.product-detail-slider .slide-specifications .product-description h2 {
    font-family: "tiller", "ss-head", sans-serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    font-size: calc(1.3rem + 0.6vw);
  }
@media (min-width: 1200px) {
    .product-detail-slider .slide-specifications .product-description h2 {
      font-size: 1.75rem;
    }
  }
.product-detail-slider .slide-specifications .product-description h2{
  line-height: 1.25;
}
.product-detail-slider .slide-specifications .product-description .heading {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    margin-top: 1.5rem;
    margin-bottom: 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }
.product-detail-slider .slide-specifications .product-description .a-link{
  margin-top: 1.5rem;
}
.product-detail-slider .slide-specifications .boxes{
  display: none;
}
@media (min-width: 1280px) {
  .product-detail-slider .slide-specifications .boxes{
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
  }
}
.product-detail-slider .slide-specifications .boxes-mobile{
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-bottom: 3rem;
  display: flex;
}
@media (min-width: 1280px) {
  .product-detail-slider .slide-specifications .boxes-mobile{
    display: none;
  }
}
.product-detail-slider .slide-specifications .boxes .column-box {
    font-family: "tiller", "ss-head", sans-serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    margin-bottom: 1rem;
    width: 33.333333%;
    text-align: center;
  }
.product-detail-slider .slide-specifications .boxes .column-box > div{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 86 57 / var(--tw-border-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
}
@media (min-width: 1280px) {
  .product-detail-slider .slide-specifications .boxes .column-box > div{
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
}
.product-detail-slider .slide-specifications .boxes .column-box > div:first-child{
  border-bottom-width: 0px;
  line-height: 1;
  font-size: 30px;
}
@media (min-width: 1024px) {
  .product-detail-slider .slide-specifications .boxes .column-box > div:first-child {
    font-size: calc(1.375rem + 1.5vw);
  }
  @media (min-width: 1200px) {
    .product-detail-slider .slide-specifications .boxes .column-box > div:first-child {
      font-size: 2.5rem;
    }
  }
}
.product-detail-slider .slide-specifications .boxes .column-box > div:last-child {
    font-family: "ss-bold", sans-serif;
    text-transform: uppercase;
    line-height: 1.25;
    letter-spacing: 0.1em;
  font-size: 12px;
  }
@media (min-width: 1024px) {
  .product-detail-slider .slide-specifications .boxes .column-box > div:last-child {
    font-size: 0.875rem;
  }
}
.product-detail-slider .slide-specifications .specs-table{
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
}
.product-detail-slider .slide-specifications .specs-table:first-child{
  margin-top: 3rem;
}
.product-detail-slider .slide-specifications .specs-table-row{
  display: flex;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(142 138 136 / var(--tw-border-opacity, 1));
  letter-spacing: -0.01em;
}
.product-detail-slider .slide-specifications .specs-table-row > div{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  line-height: 1;
  font-size: 14px;
}
@media (min-width: 1024px) {
  .product-detail-slider .slide-specifications .specs-table-row > div {
    font-size: 1rem;
  }
}
.product-detail-slider .slide-specifications .specs-table-row > div.smaller {
    font-size: 0.75rem;
  }
.product-detail-slider .slide-specifications .specs-table-row-twos:first-child{
  border-top-width: 1px;
}
.product-detail-slider .slide-specifications .specs-table-row-twos > div{
  width: 50%;
}
.product-detail-slider .slide-specifications .specs-table-row-threes > div{
  width: 25%;
}
.product-detail-slider .slide-specifications .specs-table-row-threes > div:first-child{
  width: 50%;
}

.product-image-slider{
  height: 100%;
}
.product-image-slider .swiper-wrapper {
  align-items: inherit;
}
.product-image-slider .swiper-slide{
  --tw-bg-opacity: 1;
  background-color: rgb(224 219 213 / var(--tw-bg-opacity, 1));
}
@media (min-width: 1024px) {
  .product-image-slider .swiper-slide {
    width: 50vw !important;
  }
}
.product-image-slider .swiper-button-image-prev,
.product-image-slider .swiper-button-image-next{
  position: absolute;
  z-index: 10;
  top: calc(50% - 15px);
}
.product-image-slider .swiper-button-image-prev svg,
.product-image-slider .swiper-button-image-next svg{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 100ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.product-image-slider .swiper-button-image-prev svg circle,
.product-image-slider .swiper-button-image-next svg circle{
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.product-image-slider .swiper-button-image-prev svg path,
.product-image-slider .swiper-button-image-next svg path{
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.product-image-slider .swiper-button-image-prev:hover svg circle,
.product-image-slider .swiper-button-image-next:hover svg circle{
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.product-image-slider .swiper-button-image-prev:hover svg path,
.product-image-slider .swiper-button-image-next:hover svg path{
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}
.product-image-slider .swiper-button-image-prev[aria-disabled=true] svg,
.product-image-slider .swiper-button-image-next[aria-disabled=true] svg{
  opacity: 0;
}
.product-image-slider .swiper-button-image-prev{
  left: 1.5rem;
}
@media (min-width: 1280px) {
  .product-image-slider .swiper-button-image-prev{
    left: 3rem;
  }
}
.product-image-slider .swiper-button-image-next{
  right: 1.5rem;
  transform-origin: center;
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 1280px) {
  .product-image-slider .swiper-button-image-next{
    right: 3rem;
  }
}

.product-thumbs-slider{
  height: 315px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.product-thumbs-slider img{
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(242 236 230 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(224 219 213 / var(--tw-bg-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}
.product-thumbs-slider .swiper-slide-thumb-active img{
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(229 86 57 / var(--tw-border-opacity, 1));
}
.product-thumbs-slider .swiper-slide{
  cursor: pointer;
}
.product-thumbs-slider .swiper-button-thumbs-prev,
.product-thumbs-slider .swiper-button-thumbs-next{
  position: absolute;
  z-index: 10;
  display: flex;
  width: 100%;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
}
.product-thumbs-slider .swiper-button-thumbs-prev svg,
.product-thumbs-slider .swiper-button-thumbs-next svg{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 100ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.product-thumbs-slider .swiper-button-thumbs-prev svg circle,
.product-thumbs-slider .swiper-button-thumbs-next svg circle{
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}
.product-thumbs-slider .swiper-button-thumbs-prev svg path,
.product-thumbs-slider .swiper-button-thumbs-next svg path{
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.product-thumbs-slider .swiper-button-thumbs-prev:hover svg path,
.product-thumbs-slider .swiper-button-thumbs-next:hover svg path{
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
}
.product-thumbs-slider .swiper-button-thumbs-prev[aria-disabled=true] svg,
.product-thumbs-slider .swiper-button-thumbs-next[aria-disabled=true] svg{
  opacity: 0;
}
.product-thumbs-slider .swiper-button-thumbs-prev{
  top: 0px;
}
.product-thumbs-slider .swiper-button-thumbs-prev svg{
  transform-origin: center;
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.product-thumbs-slider .swiper-button-thumbs-next{
  bottom: 0px;
}
.product-thumbs-slider .swiper-button-thumbs-next svg{
  transform-origin: center;
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.product-features,
.product-specs{
  margin-top: 2.5rem;
  width: 100%;
}
@media (min-width: 1280px) {
  .product-features,
  .product-specs{
    margin-top: 4rem;
  }
}
.product-features-slider,
.product-specs-slider{
  width: 100%;
}
.product-features .swiper-scrollbar,
.product-specs .swiper-scrollbar{
  left: 0px;
  margin-top: 1.25rem;
  height: 0.125rem;
  width: 100%;
  border-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(224 219 213 / var(--tw-bg-opacity, 1));
}
.product-features .swiper-scrollbar .swiper-scrollbar-drag,
.product-specs .swiper-scrollbar .swiper-scrollbar-drag{
  height: 100%;
  border-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(229 86 57 / var(--tw-bg-opacity, 1));
}
.product-features .swiper-button-features-prev svg,
.product-features .swiper-button-features-next svg,
.product-features .swiper-button-specs-prev svg,
.product-features .swiper-button-specs-next svg,
.product-specs .swiper-button-features-prev svg,
.product-specs .swiper-button-features-next svg,
.product-specs .swiper-button-specs-prev svg,
.product-specs .swiper-button-specs-next svg{
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.product-features .swiper-button-features-prev svg:hover,
.product-features .swiper-button-features-next svg:hover,
.product-features .swiper-button-specs-prev svg:hover,
.product-features .swiper-button-specs-next svg:hover,
.product-specs .swiper-button-features-prev svg:hover,
.product-specs .swiper-button-features-next svg:hover,
.product-specs .swiper-button-specs-prev svg:hover,
.product-specs .swiper-button-specs-next svg:hover{
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
.product-features .swiper-button-features-prev[aria-disabled=true] svg,
.product-features .swiper-button-features-next[aria-disabled=true] svg,
.product-features .swiper-button-specs-prev[aria-disabled=true] svg,
.product-features .swiper-button-specs-next[aria-disabled=true] svg,
.product-specs .swiper-button-features-prev[aria-disabled=true] svg,
.product-specs .swiper-button-features-next[aria-disabled=true] svg,
.product-specs .swiper-button-specs-prev[aria-disabled=true] svg,
.product-specs .swiper-button-specs-next[aria-disabled=true] svg{
  --tw-text-opacity: 1;
  color: rgb(224 219 213 / var(--tw-text-opacity, 1));
}
.product-features .swiper-button-features-prev,
.product-features .swiper-button-specs-prev,
.product-specs .swiper-button-features-prev,
.product-specs .swiper-button-specs-prev{
  margin-right: 0.75rem;
}
.product-features .swiper-button-features-prev svg,
.product-features .swiper-button-specs-prev svg,
.product-specs .swiper-button-features-prev svg,
.product-specs .swiper-button-specs-prev svg{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.product-features .swiper-slide .heading,
.product-specs .swiper-slide .heading {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    margin-top: 1.5rem;
    margin-bottom: 0.25rem;
    text-transform: uppercase;
    line-height: 1.25;
    letter-spacing: 0.025em;
  }
.product-features .swiper-slide .images,
.product-specs .swiper-slide .images{
  margin-top: 1.5rem;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.product-features .swiper-slide .images .image,
.product-specs .swiper-slide .images .image{
  margin-right: 3.5rem;
  margin-bottom: 1.5rem;
  width: auto;
  max-width: 33%;
  flex-shrink: 0;
}
.product-features .swiper-slide .images .image .heading,
.product-specs .swiper-slide .images .image .heading {
    font-size: 0.6875rem;
    margin-top: 0px;
    margin-bottom: 0.625rem;
  }
.product-features .swiper-slide .images .image img,
.product-specs .swiper-slide .images .image img{
  height: 120px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
}
.product-features .swiper-slide .images.three-images,
.product-specs .swiper-slide .images.three-images{
  justify-content: space-between;
}
.product-features .swiper-slide .images.three-images .image,
.product-specs .swiper-slide .images.three-images .image{
  margin-right: 0px;
  padding-right: 1rem;
}
@media (min-width: 1696px) {
  .product-features .swiper-slide .images.three-images .image,
  .product-specs .swiper-slide .images.three-images .image{
    padding-right: 2.5rem;
  }
}
.product-features .swiper-wrapper,
.product-specs .swiper-wrapper{
  overflow: visible;
}

.product-specs{
  margin-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 1280px) {
  .product-specs{
    margin-top: 0px;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
.product-specs .swiper-scrollbar{
  --tw-bg-opacity: 1;
  background-color: rgb(142 138 136 / var(--tw-bg-opacity, 1));
}
.product-specs .swiper-button-specs-prev svg:hover,
.product-specs .swiper-button-specs-next svg:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.product-specs .swiper-button-specs-prev[aria-disabled=true] svg,
.product-specs .swiper-button-specs-next[aria-disabled=true] svg{
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.product-specs p {
  font-size: 10px;
  margin-top: 1.5rem;
}
@media (min-width: 1024px) {
  .product-specs p {
    font-size: 0.75rem;
  }
}
.product-specs .swiper-slide{
  display: flex;
  flex-direction: column;
}
.product-specs .swiper-slide .images{
  margin-top: 1.5rem;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}
.product-specs .swiper-slide .images .image{
  margin-right: 0px;
  margin-bottom: 0px;
  max-width: 100%;
}
.product-specs .swiper-slide .images .image .heading {
    font-size: 1rem;
    margin-top: 0px;
    margin-bottom: 2.5rem;
  }
.product-specs .swiper-slide .images .image .description {
    font-size: 0.75rem;
    margin-top: 1rem;
  }
.product-specs .documents{
  margin-top: 50px;
  display: flex;
  width: 100%;
  flex-direction: column;
}
.product-specs .documents a{
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}
.product-specs .documents a svg{
  margin-right: 0.625rem;
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
}
.product-specs .documents a span{
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.product-specs .documents a:hover span{
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}

.section-additional{
  z-index: 1;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
}
.section-additional .row{
  position: relative;
  flex-direction: column;
  flex-wrap: nowrap;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 1024px) {
  .section-additional .row{
    flex-direction: row;
  }
}
.section-additional .product-callout{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
  text-align: center;
}
@media (min-width: 1024px) {
  .section-additional .product-callout{
    width: 50vw;
  }
}
.section-additional .product-callout .column{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 640px) {
  .section-additional .product-callout .column{
    max-width: 459px;
  }
}
@media (min-width: 1024px) {
  .section-additional .product-callout .column{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.section-additional .product-callout h3 {
    font-family: "ss-bold", sans-serif;
    font-size: calc(1.2625rem + 0.15vw);
  }
@media (min-width: 1200px) {
    .section-additional .product-callout h3 {
      font-size: 1.375rem;
    }
  }
.section-additional .product-callout h3{
  margin-top: 1.75rem;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.1em;
}
.section-additional .product-callout a{
  margin-top: 1.5rem;
}
.section-additional .sections{
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .section-additional .sections{
    width: 50vw;
  }
}
.section-additional .swiper-scrollbar{
  left: 0px;
  height: 3px;
  width: 100%;
  border-radius: 0px;
  background-color: rgb(224 219 213 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.75;
}
.section-additional .swiper-scrollbar .swiper-scrollbar-drag{
  height: 100%;
  border-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(229 86 57 / var(--tw-bg-opacity, 1));
}

.section-fires-filters{
  height: 2.5rem;
  overflow: hidden;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(64 61 61 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(224 219 213 / var(--tw-bg-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.section-fires-filters.filters-open .collapsed-filter{
  pointer-events: none;
  cursor: auto;
  opacity: 0;
}
.section-fires-filters.filters-open .column-intro{
  --tw-border-opacity: 1;
  border-color: rgb(64 61 61 / var(--tw-border-opacity, 1));
}
.section-fires-filters h1 {
    font-family: "tiller", "ss-head", sans-serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    font-size: calc(1.4375rem + 2.25vw);
  }
@media (min-width: 1200px) {
    .section-fires-filters h1 {
      font-size: 3.125rem;
    }
  }
.section-fires-filters h1{
  margin-bottom: 1rem;
  line-height: 1;
}
.section-fires-filters .description{
  margin-bottom: 1rem;
}
.section-fires-filters .column-intro{
  display: none;
}
@media (min-width: 1280px) {
  .section-fires-filters .column-intro{
    display: flex;
    width: 50%;
    flex-direction: column;
    border-right-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(224 219 213 / var(--tw-border-opacity, 1));
    padding-left: 8.333333%;
    padding-right: 8.333333%;
    padding-top: 62px;
    padding-bottom: 72px;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  }
}
.section-fires-filters .column-filter{
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .section-fires-filters .column-filter{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {
  .section-fires-filters .column-filter{
    margin-left: 0px;
    margin-right: 0px;
    width: 50%;
    gap: 0.75rem;
    padding-top: 75px;
    padding-bottom: 75px;
  }
}
@media (min-width: 1696px) {
  .section-fires-filters .column-filter{
    gap: 1.5rem;
  }
}
.section-fires-filters .column-filter .summary {
    font-size: 0.75rem;
    display: flex;
    flex-direction: column;
  }
@media (min-width: 1696px) {
  .section-fires-filters .column-filter .summary{
    padding-left: 2.25rem;
  }
}
.section-fires-filters .column-filter .summary .heading {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    margin-bottom: 0.375rem;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0.1em;
    --tw-text-opacity: 1;
    color: rgb(64 61 61 / var(--tw-text-opacity, 1));
  }
.section-fires-filters .column-filter .summary .results{
  margin-bottom: 0.375rem;
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.section-fires-filters .column-filter .filter{
  display: flex;
  flex-direction: column;
}
.section-fires-filters .column-filter .filter > div{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(142 138 136 / var(--tw-border-opacity, 1));
  padding-top: 5px;
  padding-bottom: 5px;
}
.section-fires-filters .column-filter .filter > div.heading{
  white-space: nowrap;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(142 138 136 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
.section-fires-filters .collapsed-filter{
  pointer-events: auto;
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  height: 2.5rem;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  opacity: 1;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.section-fires-filters .collapsed-filter > div {
    font-family: "ss-bold", sans-serif;
    font-size: 0.6875rem;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0.1em;
    --tw-text-opacity: 1;
    color: rgb(142 138 136 / var(--tw-text-opacity, 1));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  }
@media (min-width: 1280px) {
  .section-fires-filters .collapsed-filter > div{
    width: 50%;
    justify-content: flex-start;
  }
}
.section-fires-filters .collapsed-filter > div svg{
  margin-right: 9px;
}
.section-fires-filters .collapsed-filter > div:first-child{
  display: none;
}
@media (min-width: 1280px) {
  .section-fires-filters .collapsed-filter > div:first-child{
    display: flex;
    justify-content: flex-end;
    border-right-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(142 138 136 / var(--tw-border-opacity, 1));
  }
}
.section-fires-filters .collapsed-filter > div .results {
    font-family: "ss-regular", sans-serif;
    letter-spacing: 0.725px;
    font-size: 0.75rem;
    margin-left: 1.25rem;
    text-transform: lowercase;
    letter-spacing: 0em;
    --tw-text-opacity: 1;
    color: rgb(142 138 136 / var(--tw-text-opacity, 1));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  }
.section-fires-filters .collapsed-filter:hover > div{
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
.section-fires-filters .collapsed-filter:hover > div .results{
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
.section-fires-filters .filter-trigger{
  display: flex;
  cursor: pointer;
  align-items: center;
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.section-fires-filters .filter-trigger.active{
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
}
.section-fires-filters .filter-trigger.active:after {
  content: "×";
  margin-left: 0.75rem;
}
@media (hover: hover) {
  .section-fires-filters .filter-trigger:hover{
    --tw-text-opacity: 1;
    color: rgb(229 86 57 / var(--tw-text-opacity, 1));
  }
}
.section-fires-filters .clear-filters{
  margin-bottom: 0.375rem;
  display: flex;
  cursor: pointer;
  align-items: center;
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.section-fires-filters .clear-filters.show{
  opacity: 1;
}
.section-fires-filters .clear-filters:after {
  content: "×";
  margin-left: 0.75rem;
}
.section-fires-filters .clear-filters:hover{
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
.section-fires-filters .close-filters{
  margin-top: 1rem;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: flex-end;
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  grid-column-start: 1;
  grid-column-end: 3;
}
@media (min-width: 768px) {
  .section-fires-filters .close-filters {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}
.section-fires-filters .close-filters:after {
  content: "×";
  margin-left: 0.75rem;
}
.section-fires-filters .close-filters:hover{
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}

.section-fires-listing{
  z-index: 1;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(224 219 213 / var(--tw-border-opacity, 1));
  padding-top: 75px;
  padding-bottom: 75px;
}
.section-fires-listing .row{
  flex-wrap: wrap;
}
.section-fires-listing .column-heading{
  display: flex;
  width: 100%;
  justify-content: center;
}
.section-fires-listing .column-fire{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 45px;
  padding-bottom: 15px;
  text-align: center;
}
@media (min-width: 640px) {
  .section-fires-listing .column-fire{
    width: 50%;
  }
}
@media (min-width: 768px) {
  .section-fires-listing .column-fire{
    width: 33.333333%;
  }
}
@media (min-width: 1280px) {
  .section-fires-listing .column-fire{
    width: 25%;
  }
}
.section-fires-listing .fire-image{
  position: relative;
  height: 355px;
}
.section-fires-listing h2 {
    font-family: "ss-bold", sans-serif;
    font-size: calc(1.2625rem + 0.15vw);
  }
@media (min-width: 1200px) {
    .section-fires-listing h2 {
      font-size: 1.375rem;
    }
  }
.section-fires-listing h2{
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(229 86 57 / var(--tw-border-opacity, 1));
  padding-bottom: 0.5rem;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.1em;
}
.section-fires-listing .name {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    margin-top: 2rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  }
.section-fires-listing .name:hover{
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
}
.section-fires-listing button {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
   supported by Chrome, Edge, Opera and Firefox */ position: relative; margin-top: 0.5rem; display: flex; align-items: center; --tw-text-opacity: 1; color: rgb(142 138 136 / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 400ms; transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  }
.section-fires-listing button:hover{
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
.section-fires-listing button svg{
  margin-right: 0.5rem;
}
.section-fires-listing button .loader{
  position: absolute;
  left: -1px;
  width: 17px;
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
#compareDrawer{
  position: sticky;
  bottom: 0px;
  z-index: 2;
  display: block;
  width: 100%;
}
.section-book-assessment .column-info #compareDrawer {
  margin-top: 48px;
}
.section-book-assessment .installation-container .blocks #compareDrawer h2 {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25rem;
    letter-spacing: 0.1em;
  margin-top: 2rem;
  margin-bottom: 5px;
  }
#compareDrawer .section-compare{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(64 61 61 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(224 219 213 / var(--tw-bg-opacity, 1));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media (min-width: 1024px) {
  #compareDrawer .section-compare{
    height: 185px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
#compareDrawer .container{
  height: 100%;
}
#compareDrawer .row{
  height: 100%;
  flex-wrap: nowrap;
  justify-content: center;
}
#compareDrawer .column-fire{
  display: none;
}
@media (min-width: 1024px) {
  #compareDrawer .column-fire{
    position: relative;
    margin-left: 30px;
    margin-right: 30px;
    display: flex;
    width: 8.333333%;
    flex-direction: column;
    align-items: center;
    --tw-text-opacity: 1;
    color: rgb(64 61 61 / var(--tw-text-opacity, 1));
  }
}
#compareDrawer .column-fire svg:not(.removeCompare):not(.loader){
  position: absolute;
  top: 0px;
  height: 125px;
  max-width: 200px;
}
#compareDrawer .column-empty{
  display: none;
}
@media (min-width: 1024px) {
  #compareDrawer .column-empty{
    position: relative;
    margin-left: 30px;
    margin-right: 30px;
    display: flex;
    width: 8.333333%;
    align-items: center;
    --tw-text-opacity: 1;
    color: rgb(142 138 136 / var(--tw-text-opacity, 1));
  }
}
#compareDrawer .column-compare{
  margin-left: 30px;
  margin-right: 30px;
  display: flex;
  width: auto;
  flex-shrink: 0;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1024px) {
  #compareDrawer .column-compare{
    width: 8.333333%;
    flex-direction: column;
  }
}
#compareDrawer .column-compare .clear-compare {
    font-family: "tiller", "ss-head", sans-serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    font-size: 0.875rem;
    position: relative;
    margin-left: 1.25rem;
    display: flex;
    width: auto;
    cursor: pointer;
    align-items: center;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    --tw-text-opacity: 1;
    color: rgb(142 138 136 / var(--tw-text-opacity, 1));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  }
@media (min-width: 1024px) {
  #compareDrawer .column-compare .clear-compare{
    margin-top: 1.25rem;
    margin-left: 0px;
  }
}
#compareDrawer .column-compare .clear-compare:after {
  content: "×";
  margin-left: 1rem;
}
#compareDrawer .column-compare .clear-compare:hover{
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
#compareDrawer .column-compare .clear-compare .loader{
  position: absolute;
  right: -0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(224 219 213 / var(--tw-bg-opacity, 1));
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
#compareDrawer button{
  position: absolute;
  bottom: 1.5rem;
  display: flex;
  align-items: center;
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
#compareDrawer button:hover{
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
}
#compareDrawer button .loader{
  position: absolute;
  left: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(224 219 213 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
#compareDrawer button .removeCompare{
  height: 0.75rem;
  width: 0.75rem;
}

.section-article-hero{
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
}
.section-article-hero picture img{
  width: 100%;
}

.section-news-listing{
  padding-top: 70px;
  padding-bottom: 5rem;
}
@media (min-width: 1024px) {
  .section-news-listing{
    padding-bottom: 144px;
  }
}
.section-news-listing .row-heading{
  position: relative;
  z-index: 60;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 5rem;
}
@media (min-width: 1024px) {
  .section-news-listing .row-heading{
    flex-direction: row;
  }
}
@media (min-width: 1280px) {
  .section-news-listing .row-heading{
    padding-bottom: 144px;
  }
}
.section-news-listing .row-cards{
  justify-content: center;
}
.section-news-listing h1 {
    font-family: "tiller", sans-serif;
    letter-spacing: -0.03em;
    font-weight: 600;
    margin-bottom: 0.75rem;
  font-size: 35px;
  }
@media (min-width: 1024px) {
  .section-news-listing h1 {
    font-size: calc(1.4375rem + 2.25vw);
  }
  @media (min-width: 1200px) {
    .section-news-listing h1 {
      font-size: 3.125rem;
    }
  }
}
.section-news-listing .column-heading{
  margin-bottom: 2.5rem;
  width: 100%;
}
@media (min-width: 1024px) {
  .section-news-listing .column-heading{
    margin-bottom: 0px;
    width: 50%;
  }
}
@media (min-width: 1280px) {
  .section-news-listing .column-heading{
    margin-left: 8.333333%;
  }
}
@media (min-width: 1696px) {
  .section-news-listing .column-heading{
    width: 33.333333%;
  }
}
.section-news-listing .column-filter{
  width: 100%;
}
@media (min-width: 1024px) {
  .section-news-listing .column-filter{
    width: 33.333333%;
  }
}
@media (min-width: 1280px) {
  .section-news-listing .column-filter{
    margin-right: 8.333333%;
    margin-bottom: 1.25rem;
    display: flex;
    width: 25%;
    align-items: flex-end;
  }
}
@media (min-width: 1696px) {
  .section-news-listing .column-filter{
    width: 16.666667%;
  }
}
.section-news-listing .column-articles{
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 3.5rem;
}
@media (min-width: 640px) {
  .section-news-listing .column-articles{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .section-news-listing .column-articles{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4rem;
  }
}
@media (min-width: 1280px) {
  .section-news-listing .column-articles{
    width: 83.333333%;
    gap: 5rem;
  }
}
@media (min-width: 1696px) {
  .section-news-listing .column-articles{
    -moz-column-gap: 100px;
         column-gap: 100px;
    row-gap: 6rem;
  }
}
.section-news-listing .article-card{
  position: relative;
  display: flex;
  flex-direction: column;
}
.section-news-listing .article-card img{
  margin-bottom: 1.5rem;
  height: auto;
  width: 100%;
}
.section-news-listing .article-card .category {
    font-family: "ss-bold", sans-serif;
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    --tw-text-opacity: 1;
    color: rgb(142 138 136 / var(--tw-text-opacity, 1));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  }
.section-news-listing .article-card .heading {
    font-family: "tiller", sans-serif;
    letter-spacing: -0.03em;
    font-weight: 600;
    font-size: calc(1.3125rem + 0.75vw);
  }
@media (min-width: 1200px) {
    .section-news-listing .article-card .heading {
      font-size: 1.875rem;
    }
  }
.section-news-listing .article-card .heading{
  margin-bottom: 0.75rem;
  line-height: 1;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.section-news-listing .article-card .intro{
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.section-news-listing .article-card:hover .category{
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
}
.section-news-listing .article-card:hover .intro{
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {
  .section-news-listing .article-card[data-card-size=wide] {
    grid-column-start: span 2;
  }
}
.section-news-listing .article-card[data-card-size=wide] picture{
  width: 100%;
}
.section-news-listing .article-card[data-card-size=wide] .content{
  width: 100%;
}
@media (min-width: 1024px) {
  .section-news-listing .article-card[data-card-size=wide] .content{
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
  }
  .section-news-listing .article-card[data-card-size=wide] .headings{
    width: 50%;
  }
  .section-news-listing .article-card[data-card-size=wide] .intro{
    width: 50%;
    padding-left: 2rem;
  }
}
@media (min-width: 1280px) {
  .section-news-listing .article-card[data-card-size=wide] .intro{
    padding-left: 2.5rem;
  }
}
@media (min-width: 1696px) {
  .section-news-listing .article-card[data-card-size=wide] .intro{
    padding-left: 50px;
  }
}
@media (min-width: 1024px) {
  .section-news-listing .article-card[data-card-size=tallTextOnTheSide]{
    flex-direction: row;
    flex-wrap: nowrap;
    grid-column-start: span 2;
  }
}
.section-news-listing .article-card[data-card-size=tallTextOnTheSide] picture{
  width: 100%;
  flex-shrink: 0;
}
@media (min-width: 1024px) {
  .section-news-listing .article-card[data-card-size=tallTextOnTheSide] picture {
    max-width: calc(50% - 32px);
  }
}
@media (min-width: 1280px) {
  .section-news-listing .article-card[data-card-size=tallTextOnTheSide] picture {
    max-width: calc(50% - 40px);
  }
}
@media (min-width: 1024px) {
  .section-news-listing .article-card[data-card-size=tallTextOnTheSide] .content{
    width: 100%;
    flex-shrink: 1;
    padding-left: 4rem;
  }
}
@media (min-width: 1280px) {
  .section-news-listing .article-card[data-card-size=tallTextOnTheSide] .content{
    padding-left: 5rem;
  }
}
@media (min-width: 1696px) {
  .section-news-listing .article-card[data-card-size=tallTextOnTheSide] .content{
    padding-left: 100px;
  }
}
.section-news-listing select{
  height: 2.5rem;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(142 138 136 / var(--tw-border-opacity, 1));
  background-color: transparent;
  background-repeat: no-repeat;
  padding-left: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
  background-position: 94% center;
  background-size: 9px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14.24" height="8.793" viewBox="0 0 14.24 8.793"><defs><clipPath id="clip-path"><path id="Path_7822" data-name="Path 7822" d="M106.263-1176l-1.673,1.673,5.435,5.447-5.435,5.446,1.673,1.674,7.12-7.12Z" transform="translate(-104.59 1176)" fill="none" clip-rule="evenodd"/></clipPath><clipPath id="clip-path-2"><path id="Path_7821" data-name="Path 7821" d="M-48-1021.684H550.07V-1278H-48Z" transform="translate(48 1278)" fill="none"/></clipPath></defs><g id="Group_5968" data-name="Group 5968" transform="translate(14.24) rotate(90)" clip-path="url(%23clip-path)"><g id="Group_5967" data-name="Group 5967" transform="translate(-181.07 -121.038)" clip-path="url(%23clip-path-2)"><path id="Path_7820" data-name="Path 7820" d="M99.59-1154.894h20.66V-1181H99.59Z" transform="translate(75.547 1296.105)"/></g></g></svg>');
}
.section-news-listing select:focus {
  outline: 0px none transparent;
}

.section-article-content{
  padding-top: 70px;
  padding-bottom: 5rem;
}
@media (min-width: 1024px) {
  .section-article-content{
    padding-bottom: 144px;
  }
}
body.contentPages .section-article-content .row, body.kaingaOra .section-article-content .row{
  justify-content: center;
}
@media (min-width: 1696px) {
  body.contentPages .section-article-content .column-article, body.kaingaOra .section-article-content .column-article{
    margin-left: 0px;
  }
}
.section-article-content .row{
  align-items: flex-start;
  justify-content: space-between;
}
.section-article-content .column-article{
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
}
@media (min-width: 1024px) {
  .section-article-content .column-article{
    width: 66.666667%;
  }
}
@media (min-width: 1696px) {
  .section-article-content .column-article{
    margin-left: 8.333333%;
    width: 50%;
  }
}
.section-article-content .category {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    --tw-text-opacity: 1;
    color: rgb(142 138 136 / var(--tw-text-opacity, 1));
  }
.section-article-content h1 {
    font-family: "tiller", sans-serif;
    letter-spacing: -0.03em;
    font-weight: 600;
    margin-bottom: 0.75rem;
  font-size: 35px;
  }
@media (min-width: 1024px) {
  .section-article-content h1 {
    font-size: calc(1.4375rem + 2.25vw);
  }
  @media (min-width: 1200px) {
    .section-article-content h1 {
      font-size: 3.125rem;
    }
  }
}
.section-article-content .intro {
    font-size: calc(1.275rem + 0.3vw);
  }
@media (min-width: 1200px) {
    .section-article-content .intro {
      font-size: 1.5rem;
    }
  }
.section-article-content .content-blocks{
  margin-top: 50px;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.section-article-content .content-blocks .content-blocks-heading{
  width: 100%;
}
.section-article-content .content-blocks .content-blocks-redactor{
  margin-bottom: 2.25rem;
  display: flex;
  flex-direction: column;
}
.section-article-content .content-blocks .content-blocks-redactor.half-width{
  width: 100%;
}
@media (min-width: 768px) {
  .section-article-content .content-blocks .content-blocks-redactor.half-width{
    width: 50%;
  }
}
.section-article-content .content-blocks .content-blocks-image{
  margin-bottom: 3rem;
  display: flex;
  flex-direction: column;
}
.section-article-content .content-blocks .content-blocks-image.half-width{
  width: 100%;
}
@media (min-width: 768px) {
  .section-article-content .content-blocks .content-blocks-image.half-width{
    width: 50%;
  }
  .section-article-content .content-blocks .content-blocks-image.half-width .caption{
    max-width: 373px;
  }
}
.section-article-content .content-blocks .content-blocks-image .caption {
    font-size: 0.75rem;
    margin-top: 0.75rem;
    --tw-text-opacity: 1;
    color: rgb(142 138 136 / var(--tw-text-opacity, 1));
  }
.section-article-content .content-blocks .content-blocks-image img{
  height: auto;
  width: 100%;
}
.section-article-content .content-blocks h2, .section-article-content .content-blocks h3, .section-article-content .content-blocks h4, .section-article-content .content-blocks h5, .section-article-content .content-blocks h6 {
    font-family: "tiller", "ss-head", sans-serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    margin-bottom: 0.75rem;
  }
.section-article-content .content-blocks h2 {
    font-family: "tiller", sans-serif;
    letter-spacing: -0.03em;
    font-weight: 600;
    font-size: calc(1.3125rem + 0.75vw);
  }
@media (min-width: 1200px) {
    .section-article-content .content-blocks h2 {
      font-size: 1.875rem;
    }
  }
.section-article-content .content-blocks h3 {
    font-size: calc(1.4375rem + 2.25vw);
  }
@media (min-width: 1200px) {
    .section-article-content .content-blocks h3 {
      font-size: 3.125rem;
    }
  }
.section-article-content .content-blocks h4 {
    font-size: calc(1.3125rem + 0.75vw);
  }
@media (min-width: 1200px) {
    .section-article-content .content-blocks h4 {
      font-size: 1.875rem;
    }
  }
.section-article-content .content-blocks h5 {
    font-size: calc(1.2625rem + 0.15vw);
  }
@media (min-width: 1200px) {
    .section-article-content .content-blocks h5 {
      font-size: 1.375rem;
    }
  }
.section-article-content .content-blocks h5{
  align-self: flex-start;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(229 86 57 / var(--tw-border-opacity, 1));
  padding-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.section-article-content .content-blocks h6 {
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }
.section-article-content .content-blocks p{
  margin-bottom: 0.75rem;
}
.section-article-content .content-blocks ul, .section-article-content .content-blocks ol{
  margin-bottom: 1rem;
  display: inline-block;
  width: 100%;
  padding-left: 1rem;
}
.section-article-content .content-blocks ul li, .section-article-content .content-blocks ol li {
    font-size: 1rem;
    position: relative;
    margin-bottom: 0.5rem;
    list-style-position: outside;
    padding-left: 0.25rem;
  }
.section-article-content .content-blocks ul{
  list-style-type: disc;
}
.section-article-content .content-blocks ol{
  list-style-type: decimal;
}
.section-article-content .content-blocks a{
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}
.section-article-content .content-blocks a:hover{
  text-decoration-line: underline;
}
.section-article-content .content-blocks strong {
    font-family: "ss-bold", sans-serif;
    font-weight: 400;
  }
.section-article-content .content-blocks figure{
  margin-bottom: 1.5rem;
  margin-top: 0.75rem;
  aspect-ratio: 560/315;
}
.section-article-content .column-related{
  margin-top: 5rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 640px) {
  .section-article-content .column-related{
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 1024px) {
  .section-article-content .column-related{
    position: sticky;
    margin-top: 88px;
    width: 25%;
    flex-direction: column;
    top: calc(var(--header-height) + 30px);
  }
}
@media (min-width: 1696px) {
  .section-article-content .column-related{
    margin-right: 8.333333%;
    width: 16.666667%;
    min-width: 284px;
  }
}
.section-article-content .column-related .column-heading{
  display: flex;
  width: 100%;
  justify-content: flex-start;
}
.section-article-content .column-related h4 {
    font-family: "ss-bold", sans-serif;
    font-size: calc(1.2625rem + 0.15vw);
  }
@media (min-width: 1200px) {
    .section-article-content .column-related h4 {
      font-size: 1.375rem;
    }
  }
.section-article-content .column-related h4{
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(229 86 57 / var(--tw-border-opacity, 1));
  padding-bottom: 0.5rem;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {
  .section-article-content .column-related h4 {
    font-size: 1.125rem;
  }
}
@media (min-width: 1280px) {
  .section-article-content .column-related h4 {
    font-size: calc(1.2625rem + 0.15vw);
  }
  @media (min-width: 1200px) {
    .section-article-content .column-related h4 {
      font-size: 1.375rem;
    }
  }
}
.section-article-content .column-related .related-article-card{
  position: relative;
  margin-top: 3rem;
  display: flex;
  width: 100%;
  flex-direction: column;
}
@media (min-width: 640px) {
  .section-article-content .column-related .related-article-card{
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .section-article-content .column-related .related-article-card{
    margin-top: 2rem;
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .section-article-content .column-related .related-article-card{
    margin-top: 3rem;
  }
}
.section-article-content .column-related .related-article-card .heading {
    font-family: "tiller", sans-serif;
    letter-spacing: -0.03em;
    font-weight: 600;
    font-size: calc(1.275rem + 0.3vw);
  }
@media (min-width: 1200px) {
    .section-article-content .column-related .related-article-card .heading {
      font-size: 1.5rem;
    }
  }
.section-article-content .column-related .related-article-card .heading{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.section-article-content .column-related .related-article-card .category {
    font-family: "ss-bold", sans-serif;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }
.section-article-content .column-related .related-article-card img{
  margin-bottom: 1.5rem;
  height: auto;
  width: auto;
}
.section-article-content .column-related .related-article-card:hover .heading{
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
}

.section-article-content-floating{
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
  background-image: url("/dist/images/texture-bg-2.png");
  background-repeat: repeat;
  background-position: center center;
}
@media (min-width: 1024px) {
  .section-article-content-floating.hero-section .hero-overlay{
    position: absolute;
    inset: 0px;
    z-index: 20;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.section-article-content-floating.hero-section .row-logo{
  justify-content: center;
}
@media (min-width: 1024px) {
  .section-article-content-floating.hero-section .row-logo{
    width: 100%;
  }
}
.section-article-content-floating.hero-section .row-logo a{
  display: inline-flex;
  justify-content: center;
}
.section-article-content-floating.hero-section .row-logo .woodsman-logo{
  width: 180px;
}
@media (min-width: 1024px) {
  .section-article-content-floating.hero-section .row-logo .woodsman-logo{
    margin-bottom: 2rem;
    width: 240px;
  }
}
.section-article-content-floating .row-image{
  justify-content: space-between;
  padding-left: 0px;
  padding-right: 0px;
}
.section-article-content-floating .row-image .column-image-smaller{
  display: none;
}
@media (min-width: 1024px) {
  .section-article-content-floating .row-image .column-image-smaller{
    position: relative;
    display: flex;
    width: 50%;
    align-items: center;
    justify-content: flex-end;
    padding-right: 25%;
  }
  @media (min-width: 1280px) {
    .section-article-content-floating .row-image .column-image-smaller{
      justify-content: center;
      padding-right: 0px;
    }
    .section-article-content-floating .row-image .column-image-smaller img{
      max-width: 20vw;
    }
  }
  @media (min-width: 1920px) {
    .section-article-content-floating .row-image .column-image-smaller img{
      max-width: 480px;
    }
  }
}
.section-article-content-floating .row-image .column-image-larger{
  position: relative;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 1024px) {
  .section-article-content-floating .row-image .column-image-larger{
    width: 50%;
    height: calc(100vh - var(--header-height));
    min-height: 500px;
  }
}
.section-article-content-floating .row-image .column-image-larger picture{
  height: 100%;
}
.section-article-content-floating .row-image .column-image-larger picture img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-article-content-floating .row-heading{
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .section-article-content-floating .row-heading{
    width: 100%;
    align-items: center;
    justify-content: center;
    height: auto;
  }
}
.section-article-content-floating .row-heading h1{
  margin-top: 3rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (min-width: 1024px) {
  .section-article-content-floating .row-heading h1{
    margin-top: 0px;
  }
}
.section-article-content-floating .row-heading h1 span {
    font-family: "tiller", "ss-head", sans-serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    font-size: calc(1.625rem + 4.5vw);
  }
@media (min-width: 1200px) {
    .section-article-content-floating .row-heading h1 span {
      font-size: 5rem;
    }
  }
.section-article-content-floating .row-heading h1 span:first-child{
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}
.section-article-content-floating .row-heading .column-icon{
  display: flex;
  width: 100%;
  justify-content: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 1024px) {
  .section-article-content-floating .row-heading .column-icon{
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.section-article-content-floating .row-heading .column-icon svg{
  width: 5rem;
}
@media (min-width: 1024px) {
  .section-article-content-floating .row-heading .column-icon svg{
    margin-bottom: 100px;
    width: auto;
  }
}
.section-article-content-floating .row-description{
  margin-top: 4rem;
  display: flex;
  justify-content: center;
  text-align: center;
}
.section-article-content-floating .row-description .column{
  width: 100%;
}
@media (min-width: 1024px) {
  .section-article-content-floating .row-description .column{
    width: 66.666667%;
  }
}
@media (min-width: 1280px) {
  .section-article-content-floating .row-description .column{
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }
}
.section-article-content-floating .row-description .column .description {
    font-size: calc(1.275rem + 0.3vw);
  }
@media (min-width: 1200px) {
    .section-article-content-floating .row-description .column .description {
      font-size: 1.5rem;
    }
  }
.section-article-content-floating .row-description .column .description{
  margin-top: 0.5rem;
}
.section-article-content-floating .row-two-img{
  justify-content: space-between;
  padding-top: 5rem;
}
@media (min-width: 1024px) {
  .section-article-content-floating .row-two-img{
    padding-top: 150px;
  }
}
.section-article-content-floating .row-two-img .column-left{
  display: flex;
  width: 100%;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .section-article-content-floating .row-two-img .column-left{
    width: 58.333333%;
  }
}
.section-article-content-floating .row-two-img .column-left .text-block {
    font-size: calc(1.275rem + 0.3vw);
  }
@media (min-width: 1200px) {
    .section-article-content-floating .row-two-img .column-left .text-block {
      font-size: 1.5rem;
    }
  }
.section-article-content-floating .row-two-img .column-left .text-block{
  width: 100%;
  padding-bottom: 2.5rem;
}
@media (min-width: 1024px) {
  .section-article-content-floating .row-two-img .column-left .text-block{
    padding-bottom: 7rem;
    padding-left: 8.333333%;
  }
}
.section-article-content-floating .row-two-img .column-right{
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
}
@media (min-width: 1024px) {
  .section-article-content-floating .row-two-img .column-right{
    width: 33.333333%;
    flex-direction: column;
    justify-content: space-between;
  }
}
.section-article-content-floating .row-two-img .column-right .img-block{
  align-self: flex-end;
  padding-top: 3rem;
}
@media (min-width: 1024px) {
  .section-article-content-floating .row-two-img .column-right .img-block{
    padding-top: 0px;
  }
}
.section-article-content-floating .row-two-img .column-right .text-block{
  z-index: 1;
  display: flex;
  max-width: 350px;
  flex-direction: column;
}
.section-article-content-floating .row-two-img .column-right .text-block p{
  margin-top: 3rem;
}
.section-article-content-floating .row-two-img .column-right .text-block strong, .section-article-content-floating .row-two-img .column-right .text-block b {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }
.section-article-content-floating .row-three-img{
  justify-content: space-between;
}
@media (min-width: 1280px) {
  .section-article-content-floating .row-three-img{
    padding-top: 150px;
  }
}
.section-article-content-floating .row-three-img .column-left{
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 1024px) {
  .section-article-content-floating .row-three-img .column-left{
    margin-left: 16.666667%;
  }
}
@media (min-width: 1280px) {
  .section-article-content-floating .row-three-img .column-left{
    margin-left: 8.333333%;
    width: 25%;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.section-article-content-floating .row-three-img .column-left .img-block{
  margin-top: 50px;
}
.section-article-content-floating .row-three-img .column-right{
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 1280px) {
  .section-article-content-floating .row-three-img .column-right{
    width: 66.666667%;
  }
}
@media (min-width: 1696px) {
  .section-article-content-floating .row-three-img .column-right{
    width: 50%;
  }
}
.section-article-content-floating .row-three-img .column-right .img-block{
  padding-top: 3rem;
}
@media (min-width: 1024px) {
  .section-article-content-floating .row-three-img .column-right .img-block{
    align-self: flex-end;
  }
}
@media (min-width: 1280px) {
  .section-article-content-floating .row-three-img .column-right .img-block{
    padding-top: 0px;
  }
}
.section-article-content-floating .row-three-img .column-right .bottom-block{
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 640px) {
  .section-article-content-floating .row-three-img .column-right .bottom-block{
    align-items: flex-end;
  }
}
@media (min-width: 1024px) {
  .section-article-content-floating .row-three-img .column-right .bottom-block{
    flex-direction: row;
  }
  .section-article-content-floating .row-three-img .column-right .bottom-block .img-block{
    align-self: flex-start;
    padding-right: 1.5rem;
  }
}
.section-article-content-floating .row-three-img .text-block{
  display: flex;
  max-width: 350px;
  flex-direction: column;
}
.section-article-content-floating .row-three-img .text-block p{
  margin-top: 3rem;
}
.section-article-content-floating .row-three-img .text-block strong, .section-article-content-floating .row-three-img .text-block b {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }
.section-article-content-floating .row-three-feature{
  display: flex;
  flex-direction: column;
  gap: 84px;
  padding-top: 62px;
}
@media (min-width: 1024px) {
  .section-article-content-floating .row-three-feature{
    padding-top: 66px;
  }
}
@media (min-width: 1280px) {
  .section-article-content-floating .row-three-feature{
    gap: 84px;
  }
}
.section-article-content-floating .row-three-feature .feature-media{
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 1024px) {
  .section-article-content-floating .row-three-feature .feature-media{
    flex-direction: row;
    align-items: stretch;
    gap: 2.25rem;
    --right-column-width: clamp(336px, 30vw, 460px);
  }
}
.section-article-content-floating .row-three-feature .feature-media .img-large{
  width: 100%;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .section-article-content-floating .row-three-feature .feature-media .img-large {
    width: calc(100% - var(--right-column-width) - 36px);
  }
}
.section-article-content-floating .row-three-feature .feature-media .img-large picture,
.section-article-content-floating .row-three-feature .feature-media .img-large img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-article-content-floating .row-three-feature .feature-media .img-right-column{
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 1024px) {
  .section-article-content-floating .row-three-feature .feature-media .img-right-column{
    flex-shrink: 0;
    gap: 2rem;
    display: grid;
    grid-template-rows: 368fr 223fr;
    width: var(--right-column-width);
  }
}
.section-article-content-floating .row-three-feature .feature-media .img-right-column .img-small{
  width: 100%;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .section-article-content-floating .row-three-feature .feature-media .img-right-column .img-small{
    min-height: 0px;
  }
}
.section-article-content-floating .row-three-feature .feature-media .img-right-column .img-small picture,
.section-article-content-floating .row-three-feature .feature-media .img-right-column .img-small img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-article-content-floating .row-three-feature .feature-snippets{
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 2.5rem;
}
@media (min-width: 1024px) {
  .section-article-content-floating .row-three-feature .feature-snippets{
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px;
  }
}
.section-article-content-floating .row-three-feature .feature-snippets .snippet{
  width: 100%;
}
.section-article-content-floating .row-three-feature .feature-snippets .snippet strong, .section-article-content-floating .row-three-feature .feature-snippets .snippet b {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }
.section-article-content-floating .row-three-feature .feature-snippets .snippet p {
    font-size: 1rem;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 24px;
  }
.section-article-content-floating .row-three-feature .feature-snippets h3 {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    margin-bottom: 0.625rem;
    text-transform: uppercase;
    line-height: 22px;
    letter-spacing: 0.1em;
  }
.section-article-content-floating .row-three-feature .feature-snippets p {
    font-size: 1rem;
    margin-top: 0px;
    line-height: 24px;
  }
.section-article-content-floating .row-last{
  padding-bottom: 5rem;
}
@media (min-width: 1024px) {
  .section-article-content-floating .row-last{
    padding-bottom: 150px;
  }
}

.section-page-history{
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
}
.section-page-history img{
  height: auto;
}
.section-page-history h1, .section-page-history h2 {
    font-family: "tiller", sans-serif;
    letter-spacing: -0.03em;
    font-weight: 600;
    font-size: calc(1.625rem + 4.5vw);
  }
@media (min-width: 1200px) {
    .section-page-history h1, .section-page-history h2 {
      font-size: 5rem;
    }
  }
.section-page-history h1, .section-page-history h2{
  margin-bottom: 0.75rem;
  line-height: 1.1;
}
.section-page-history .row-about{
  padding-bottom: 2rem;
}
.section-page-history .row-about .column-image{
  width: 100%;
}
@media (min-width: 1024px) {
  .section-page-history .row-about .column-image{
    width: 50%;
  }
}
@media (min-width: 1696px) {
  .section-page-history .row-about .column-image{
    width: 58.333333%;
  }
}
.section-page-history .row-about .column-image img{
  width: 100%;
}
@media (min-width: 1024px) {
  .section-page-history .row-about .column-image img{
    margin-left: -3rem;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    width: 50vw;
    max-width: 50vw;
  }
}
@media (min-width: 1280px) {
  .section-page-history .row-about .column-image img{
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media (min-width: 1920px) {
  .section-page-history .row-about .column-image img {
    margin-left: calc((100vw - 1920px) / -2 - 36px - 12px);
  }
}
.section-page-history .row-about .column-content{
  margin-top: 2rem;
  display: flex;
  width: 100%;
  max-width: 592px;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 1024px) {
  .section-page-history .row-about .column-content{
    margin-top: 0px;
    width: 50%;
    padding-left: 2.5rem;
  }
}
@media (min-width: 1696px) {
  .section-page-history .row-about .column-content{
    width: 41.666667%;
    padding-left: 0.75rem;
  }
}
.section-page-history .row-about .column-content p{
  margin-top: 0.25rem;
}
.section-page-history .row-year{
  position: relative;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .section-page-history .row-year{
    justify-content: center;
    padding-bottom: 110px;
  }
}
.section-page-history .row-year .year {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
   supported by Chrome, Edge, Opera and Firefox */
    font-family: "tt-disruptors", sans-serif;
    font-weight: 400;
    width: 100%;
    text-align: right;
    line-height: 1;
    letter-spacing: -0.03em;
  font-size: 150px;
  color: #E0DBD5;
  }
@media (min-width: 480px) {
  .section-page-history .row-year .year {
    font-size: 200px;
  }
}
@media (min-width: 640px) {
  .section-page-history .row-year .year {
    font-size: 300px;
  }
}
@media (min-width: 1024px) {
  .section-page-history .row-year .year {
    font-size: 440px;
  }
}
@media (min-width: 1280px) {
  .section-page-history .row-year .year {
    font-size: 540px;
    margin-right: 10%;
  }
}
@media (min-width: 1696px) {
  .section-page-history .row-year .year {
    margin-right: 20%;
  }
}
.section-page-history .row-year h2{
  margin-bottom: 0px;
}
@media (min-width: 640px) {
  .section-page-history .row-year h2{
    position: absolute;
    left: 0px;
    z-index: 1;
    display: flex;
    height: 100%;
    align-items: center;
  }
}
@media (min-width: 1024px) {
  .section-page-history .row-year h2{
    left: 5rem;
    padding-top: 0px;
  }
}
.section-page-history .row-founder .column-image{
  width: 100%;
}
@media (min-width: 640px) {
  .section-page-history .row-founder .column-image{
    width: 75%;
  }
}
@media (min-width: 1024px) {
  .section-page-history .row-founder .column-image{
    display: flex;
    width: 50%;
    align-items: flex-end;
  }
}
@media (min-width: 1280px) {
  .section-page-history .row-founder .column-image{
    width: 41.666667%;
  }
}
.section-page-history .row-founder .column-content{
  width: 100%;
  padding-top: 2rem;
}
@media (min-width: 1024px) {
  .section-page-history .row-founder .column-content{
    width: 50%;
  }
}
@media (min-width: 1280px) {
  .section-page-history .row-founder .column-content{
    width: 41.666667%;
    padding-top: 66px;
  }
}
.section-page-history .row-founder .column-content p {
    font-size: calc(1.275rem + 0.3vw);
  }
@media (min-width: 1200px) {
    .section-page-history .row-founder .column-content p {
      font-size: 1.5rem;
    }
  }
.section-page-history .row-founder .column-content .year-block{
  margin-top: 3rem;
}
@media (min-width: 1280px) {
  .section-page-history .row-founder .column-content .year-block{
    margin-top: 211px;
  }
}
.section-page-history .year-block{
  max-width: 438px;
}
.section-page-history .year-block .year {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    letter-spacing: 0.1em;
    --tw-text-opacity: 1;
    color: rgb(229 86 57 / var(--tw-text-opacity, 1));
  }
.section-page-history .year-block .heading {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    letter-spacing: 0.1em;
  }
.section-page-history .year-block .description{
  margin-top: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.section-page-history .year-block .description strong{
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
}
@media (min-width: 1280px) {
  .section-page-history .row-years{
    padding-bottom: 144px;
  }
}
.section-page-history .row-years .column-image-year-one{
  margin-top: 3rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1024px) {
  .section-page-history .row-years .column-image-year-one{
    margin-top: 5rem;
  }
}
@media (min-width: 1280px) {
  .section-page-history .row-years .column-image-year-one{
    margin-left: 66.666667%;
    width: 33.333333%;
    align-items: flex-start;
  }
}
@media (min-width: 1696px) {
  .section-page-history .row-years .column-image-year-one{
    margin-top: 0px;
    margin-left: 75%;
    width: 25%;
  }
  .section-page-history .row-years .column-image-year-one.rellax{
    margin-top: -5rem;
  }
}
.section-page-history .row-years .column-image-year-one .year-block{
  margin-top: 3rem;
}
.section-page-history .row-years .column-image-year-two{
  margin-top: 3rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1024px) {
  .section-page-history .row-years .column-image-year-two{
    margin-top: 5rem;
    align-items: flex-end;
  }
}
@media (min-width: 1280px) {
  .section-page-history .row-years .column-image-year-two{
    margin-top: 0px;
    flex-direction: row;
  }
}
@media (min-width: 1696px) {
  .section-page-history .row-years .column-image-year-two picture{
    flex-shrink: 0;
  }
}
.section-page-history .row-years .column-image-year-two .year-block{
  margin-top: 3rem;
  width: 100%;
}
@media (min-width: 1280px) {
  .section-page-history .row-years .column-image-year-two .year-block{
    margin-top: 0px;
    width: 25%;
    padding-right: 0.75rem;
    padding-left: 1.5rem;
  }
}
.section-page-history .row-years .column-image-year-three{
  margin-top: 3rem;
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  align-items: center;
}
@media (min-width: 1024px) {
  .section-page-history .row-years .column-image-year-three{
    width: 50%;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (min-width: 1280px) {
  .section-page-history .row-years .column-image-year-three{
    margin-left: 8.333333%;
    margin-top: 0px;
    width: 33.333333%;
    padding-top: 192px;
  }
}
@media (min-width: 1696px) {
  .section-page-history .row-years .column-image-year-three{
    margin-left: 16.666667%;
    width: 25%;
  }
}
.section-page-history .row-years .column-image-year-three .year-block{
  margin-top: 3rem;
}
@media (min-width: 1024px) {
  .section-page-history .row-years .column-image-year-three .year-block{
    margin-bottom: 3rem;
    margin-top: 0px;
  }
}
.section-page-history .row-years .column-image-year-four{
  margin-top: 3rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1024px) {
  .section-page-history .row-years .column-image-year-four{
    width: 50%;
    justify-content: flex-end;
  }
}
@media (min-width: 1280px) {
  .section-page-history .row-years .column-image-year-four{
    margin-left: 25%;
    margin-top: 0px;
    width: 33.333333%;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 192px;
  }
}
.section-page-history .row-years .column-image-year-four .year-block{
  margin-top: 3rem;
}
@media (min-width: 1280px) {
  .section-page-history .row-years .column-year-year-image{
    padding-top: 253px;
  }
}
.section-page-history .row-years .column-year-year-image.with-year{
  margin-top: 3rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1024px) {
  .section-page-history .row-years .column-year-year-image.with-year{
    margin-top: 5rem;
    width: 41.666667%;
  }
}
@media (min-width: 1280px) {
  .section-page-history .row-years .column-year-year-image.with-year{
    margin-left: 8.333333%;
    margin-top: 0px;
    width: 25%;
  }
}
.section-page-history .row-years .column-year-year-image.with-year .year-block{
  margin-bottom: 3rem;
  width: 100%;
}
.section-page-history .row-years .column-year-year-image.with-image{
  width: 100%;
}
@media (min-width: 1024px) {
  .section-page-history .row-years .column-year-year-image.with-image{
    margin-top: 5rem;
    width: 58.333333%;
  }
}
@media (min-width: 1280px) {
  .section-page-history .row-years .column-year-year-image.with-image{
    margin-top: 0px;
    width: 66.666667%;
  }
  .section-page-history .row-years .column-image-year-year-image{
    align-self: flex-end;
    padding-top: 50px;
    padding-bottom: 5rem;
  }
}
.section-page-history .row-years .column-image-year-year-image.with-image-one{
  margin-top: 3rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .section-page-history .row-years .column-image-year-year-image.with-image-one{
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .section-page-history .row-years .column-image-year-year-image.with-image-one{
    width: 41.666667%;
  }
}
@media (min-width: 1280px) {
  .section-page-history .row-years .column-image-year-year-image.with-image-one{
    margin-top: 0px;
    width: 25%;
  }
}
.section-page-history .row-years .column-image-year-year-image.with-year{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .section-page-history .row-years .column-image-year-year-image.with-year{
    width: 50%;
    justify-content: center;
  }
}
@media (min-width: 1280px) {
  .section-page-history .row-years .column-image-year-year-image.with-year{
    margin-left: 8.333333%;
    width: 25%;
    justify-content: flex-start;
  }
}
.section-page-history .row-years .column-image-year-year-image.with-year .year-block{
  margin-top: 3rem;
}
.section-page-history .row-years .column-image-year-year-image.with-image-two{
  margin-top: 3rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding-bottom: 5rem;
}
@media (min-width: 1024px) {
  .section-page-history .row-years .column-image-year-year-image.with-image-two{
    margin-top: 5rem;
  }
}
@media (min-width: 1280px) {
  .section-page-history .row-years .column-image-year-year-image.with-image-two{
    margin-left: 8.333333%;
    margin-top: 0px;
    width: 33.333333%;
    padding-bottom: 5rem;
  }
}
.section-page-callouts{
  display: flex;
  height: 50vh;
  min-height: 400px;
  flex-direction: column;
  overflow: hidden;
}
@media (min-width: 768px) {
  .section-page-callouts{
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
.section-page-callouts:hover {
  z-index: 1 !important;
}
.section-page-callouts .sections-slider{
  height: 100%;
  width: 100%;
}
.section-page-callouts .col{
  position: relative;
  display: flex;
  height: 100%;
  width: 100vw;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}
@media (min-width: 768px) {
  .section-page-callouts .col{
    width: 50vw;
  }
}
.section-page-callouts .col:hover img{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.section-page-callouts .col picture:not(.founder-picture){
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  height: 100%;
  width: 100%;
}
.section-page-callouts .col picture:not(.founder-picture) img:not(.founder-img){
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.section-page-callouts .col .column-content{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.section-page-callouts .col .column-content h3 {
    font-family: "tiller", sans-serif;
    letter-spacing: -0.03em;
    font-weight: 600;
    position: relative;
    z-index: 2;
    margin-bottom: 21px;
    text-align: center;
    line-height: 1.1;
  font-size: 35px;
  }
@media (min-width: 1024px) {
  .section-page-callouts .col .column-content h3 {
    font-size: calc(1.4375rem + 2.25vw);
  }
  @media (min-width: 1200px) {
    .section-page-callouts .col .column-content h3 {
      font-size: 3.125rem;
    }
  }
}
.section-page-callouts .col .column-content .a-link{
  position: relative;
  z-index: 2;
  align-self: center;
}
.section-page-callouts .col .column-content .bg{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  height: 100%;
  width: 100%;
  --tw-scale-x: 1.35;
  --tw-scale-y: 1.35;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 50%;
  background-color: rgb(25 22 22 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.5;
  --tw-blur: blur(64px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.section-page-callouts .col-about{
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
.section-page-callouts .col-about:before, .section-page-callouts .col-about:after{
  display: none;
}
.section-page-callouts .col-about .column-image{
  display: none;
}
@media (min-width: 640px) {
  .section-page-callouts .col-about .column-image{
    display: flex;
    height: 100%;
    width: 41.666667%;
    align-items: flex-end;
    justify-content: flex-end;
    padding-right: 0.75rem;
    padding-top: 4rem;
  }
}
@media (min-width: 768px) {
  .section-page-callouts .col-about .column-image{
    display: none;
  }
}
@media (min-width: 1280px) {
  .section-page-callouts .col-about .column-image{
    display: flex;
    padding-right: 2.5rem;
  }
}
@media (min-width: 1696px) {
  .section-page-callouts .col-about .column-image{
    width: 50%;
  }
}
.section-page-callouts .col-about .column-image picture{
  height: 100%;
}
.section-page-callouts .col-about .column-image img{
  position: relative;
  height: 100%;
  width: 100%;
  transform-origin: bottom;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right bottom;
     object-position: right bottom;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.section-page-callouts .col-about .column-content{
  width: 100%;
  align-items: center;
}
@media (min-width: 640px) {
  .section-page-callouts .col-about .column-content{
    width: 50%;
    align-items: flex-start;
  }
}
@media (min-width: 768px) {
  .section-page-callouts .col-about .column-content{
    width: 100%;
    align-items: center;
  }
}
@media (min-width: 1280px) {
  .section-page-callouts .col-about .column-content{
    width: 50%;
    align-items: flex-start;
  }
}
.section-page-callouts .col-about .column-content > div{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section-page-callouts .col-about .column-content h3 {
    font-family: "tiller", sans-serif;
    font-weight: 600;
    font-size: calc(1.3125rem + 0.75vw);
  }
@media (min-width: 1200px) {
    .section-page-callouts .col-about .column-content h3 {
      font-size: 1.875rem;
    }
  }
.section-page-callouts .col-about .column-content h3{
  margin-bottom: 0px;
  text-align: center;
  line-height: 1.35;
  letter-spacing: -0.01em;
}
.section-page-callouts .col-about .column-content .year {
    font-family: "tt-disruptors", sans-serif;
    font-weight: 400;
    margin-bottom: 0.75rem;
    text-align: center;
    line-height: 1;
    letter-spacing: -0.01em;
  font-size: 120px;
  }
@media (min-width: 1024px) {
  .section-page-callouts .col-about .column-content .year {
    font-size: calc(2.375rem + 13.5vw);
  }
  @media (min-width: 1200px) {
    .section-page-callouts .col-about .column-content .year {
      font-size: 12.5rem;
    }
  }
  .section-page-callouts .col-about .column-content .year{
    margin-top: -0.625rem;
    margin-bottom: -1rem;
  }
}

.fullscreen-section{
  position: relative;
  overflow: hidden;
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}
.fullscreen-section picture img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.fullscreen-section .column-content{
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1024px) {
  .fullscreen-section .column-content{
    width: 41.666667%;
  }
}
@media (min-width: 1696px) {
  .fullscreen-section .column-content{
    width: 33.333333%;
  }
}
.fullscreen-section .column-content .bg{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  height: 100%;
  width: 100%;
  --tw-scale-x: 1.35;
  --tw-scale-y: 1.35;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 50%;
  background-color: rgb(25 22 22 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.5;
  --tw-blur: blur(64px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.fullscreen-section .column-content img{
  margin-bottom: 2rem;
}
.fullscreen-section h2 {
    font-family: "tiller", sans-serif;
    letter-spacing: -0.03em;
    font-weight: 600;
    margin-bottom: 0.625rem;
    line-height: 1.1;
  font-size: 35px;
  }
@media (min-width: 1024px) {
  .fullscreen-section h2 {
    font-size: calc(1.4375rem + 2.25vw);
  }
  @media (min-width: 1200px) {
    .fullscreen-section h2 {
      font-size: 3.125rem;
    }
  }
}
.fullscreen-section .description{
  margin-bottom: 1.25rem;
}
.fullscreen-section:not(.is-centered):not(.left-with-lines){
  display: flex;
  flex-direction: column;
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
}
@media (min-width: 1024px) {
  .fullscreen-section:not(.is-centered):not(.left-with-lines){
    display: block;
    min-height: 900px;
    background-color: transparent;
  }
.section-book-assessment .column-info .fullscreen-section:not(.is-centered):not(.left-with-lines) {
  margin-top: 48px;
}
  .section-book-assessment .installation-container .blocks .fullscreen-section:not(.is-centered):not(.left-with-lines) h2 {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25rem;
    letter-spacing: 0.1em;
  margin-top: 2rem;
  margin-bottom: 5px;
  }
}
.fullscreen-section:not(.is-centered):not(.left-with-lines) .container{
  order: 2;
}
.fullscreen-section:not(.is-centered):not(.left-with-lines) picture{
  order: 1;
}
@media (min-width: 1024px) {
  .fullscreen-section:not(.is-centered):not(.left-with-lines) picture{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    height: 100%;
    width: 100%;
  }
}
.fullscreen-section:not(.is-centered):not(.left-with-lines) .row{
  align-items: flex-start;
  justify-content: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 1024px) {
  .fullscreen-section:not(.is-centered):not(.left-with-lines) .row{
    min-height: 100vh;
    justify-content: flex-start;
    padding-top: 10rem;
    padding-bottom: 0px;
  }
}
@media (min-width: 640px) {
  .fullscreen-section:not(.is-centered):not(.left-with-lines) .column-content{
    width: 66.666667%;
  }
}
@media (min-width: 1024px) {
  .fullscreen-section:not(.is-centered):not(.left-with-lines) .column-content{
    margin-left: 8.333333%;
    width: 41.666667%;
  }
}
@media (min-width: 1696px) {
  .fullscreen-section:not(.is-centered):not(.left-with-lines) .column-content{
    width: 33.333333%;
  }
}
.fullscreen-section:not(.is-centered):not(.left-with-lines) .column-content .bg{
  --tw-bg-opacity: 0;
}
@media (min-width: 1024px) {
  .fullscreen-section:not(.is-centered):not(.left-with-lines) .column-content .bg{
    --tw-bg-opacity: 0.5;
  }
}
.fullscreen-section.is-centered, .fullscreen-section.left-with-lines{
  min-height: 100vh;
}
.fullscreen-section.is-centered picture, .fullscreen-section.left-with-lines picture{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  height: 100%;
  width: 100%;
}
.fullscreen-section.is-centered .row, .fullscreen-section.left-with-lines .row{
  min-height: 100vh;
  align-items: center;
  justify-content: center;
}
.fullscreen-section.is-centered .column-content, .fullscreen-section.left-with-lines .column-content{
  justify-content: center;
  text-align: center;
}
.fullscreen-section.is-centered .column-content:before, .fullscreen-section.left-with-lines .column-content:before{
  top: -100vh;
  margin-top: -2.25rem;
}
.fullscreen-section.is-centered .column-content:after, .fullscreen-section.left-with-lines .column-content:after{
  bottom: -100vh;
  margin-bottom: -38px;
}
.fullscreen-section.is-centered h2, .fullscreen-section.left-with-lines h2{
  text-align: center;
}
@media (min-width: 1280px) {
  .fullscreen-section.is-centered .description, .fullscreen-section.left-with-lines .description{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.fullscreen-section.is-centered .a-link, .fullscreen-section.left-with-lines .a-link{
  align-self: center;
}
@media (min-width: 1696px) {
  .fullscreen-section.left-with-lines .row{
    justify-content: flex-start;
  }
  .fullscreen-section.left-with-lines .column-content{
    margin-left: 8.333333%;
  }
}
.fullscreen-section.left-with-lines .description {
    font-size: calc(1.275rem + 0.3vw);
  }
@media (min-width: 1200px) {
    .fullscreen-section.left-with-lines .description {
      font-size: 1.5rem;
    }
  }
.fullscreen-section br{
  display: none;
}
@media (min-width: 1280px) {
  .fullscreen-section br{
    display: block;
  }
.section-book-assessment .column-info .fullscreen-section br {
  margin-top: 48px;
}
  .section-book-assessment .installation-container .blocks .fullscreen-section br h2 {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25rem;
    letter-spacing: 0.1em;
  margin-top: 2rem;
  margin-bottom: 5px;
  }
}

.section-page-sustainability{
  padding-bottom: 5rem;
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
  background-image: url("/dist/images/texture-bg-2.png");
  background-repeat: repeat;
  background-position: center center;
}
.section-page-sustainability.hero-section{
  padding-bottom: 0px;
}
@media (min-width: 1024px) {
  .section-page-sustainability .hero-overlay{
    position: absolute;
    inset: 0px;
    z-index: 20;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.section-page-sustainability .row-logo{
  margin-top: 2rem;
  margin-bottom: 1.5rem;
  justify-content: center;
}
@media (min-width: 1024px) {
  .section-page-sustainability .row-logo{
    margin-bottom: 1.5rem;
    margin-top: 0px;
    width: 100%;
  }
}
.section-page-sustainability .row-logo img{
  height: 128px;
  width: 128px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 1024px) {
  .section-page-sustainability .row-logo img{
    height: 178px;
    width: 178px;
  }
}
.section-page-sustainability .row-description{
  margin-top: 2rem;
  display: flex;
  justify-content: center;
  text-align: center;
}
.section-page-sustainability .row-description .description-column{
  margin: 0px;
  width: 100%;
}
@media (min-width: 1024px) {
  .section-page-sustainability .row-description .description-column{
    width: 66.666667%;
  }
}
@media (min-width: 1280px) {
  .section-page-sustainability .row-description .description-column{
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }
}
.section-page-sustainability .row-description .description-column p{
  margin-top: 0.5rem;
  font-size: 16px;
  line-height: 1.5rem;
}
.section-page-sustainability img{
  height: auto;
}
.section-page-sustainability .row-image{
  justify-content: space-between;
  padding-left: 0px;
  padding-right: 0px;
}
.section-page-sustainability .row-image .column-left{
  display: flex;
  width: 100%;
  align-items: center;
  height: calc(100vh - var(--header-height));
  min-height: 500px;
}
@media (min-width: 1024px) {
  .section-page-sustainability .row-image .column-left{
    position: relative;
    width: 50%;
    justify-content: flex-end;
    padding-right: 25%;
  }
  @media (min-width: 1280px) {
    .section-page-sustainability .row-image .column-left{
      justify-content: center;
      padding-right: 0px;
    }
  }
}
.section-page-sustainability .row-image .column-left img {
  height: calc(100vh - var(--header-height));
  min-height: 500px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100vw;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (min-width: 1280px) {
  .section-page-sustainability .row-image .column-left img{
    position: relative;
    height: auto;
    max-width: 37vw;
  }
}
@media (min-width: 1920px) {
  .section-page-sustainability .row-image .column-left img{
    max-width: 480px;
  }
}
.section-page-sustainability .row-image .column-right{
  display: none;
}
@media (min-width: 1024px) {
  .section-page-sustainability .row-image .column-right{
    position: relative;
    display: flex;
    width: 41.666667%;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 0px;
    padding-right: 0px;
    height: calc(100vh - var(--header-height));
    min-height: 500px;
  }
}
.section-page-sustainability .row-image .column-right picture:first-child{
  height: 51%;
}
.section-page-sustainability .row-image .column-right picture:last-child{
  height: 45%;
  align-self: flex-end;
}
.section-page-sustainability .row-image .column-right picture img{
  height: 100%;
  width: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-page-sustainability .row-heading{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1024px) {
  .section-page-sustainability .row-heading {
    height: auto;
  }
}
.section-page-sustainability .row-heading h1 {
    font-family: "tiller", sans-serif;
    letter-spacing: -0.03em;
    font-weight: 600;
    font-size: calc(1.625rem + 4.5vw);
  }
@media (min-width: 1200px) {
    .section-page-sustainability .row-heading h1 {
      font-size: 5rem;
    }
  }
.section-page-sustainability .row-heading h1{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  text-align: center;
  line-height: 1.1;
  font-size: 50px;
}
@media (min-width: 1024px) {
  .section-page-sustainability .row-heading h1 {
    font-size: clamp(46px, 5.2vw, 80px);
    line-height: 1.05;
    max-width: min(900px, 92vw);
  }
}
.section-page-sustainability .row-content{
  flex-wrap: wrap;
}
.section-page-sustainability .row-content.with-padding{
  padding-top: 60px;
}
.section-page-sustainability .row-content .content-block{
  display: flex;
  max-width: 900px;
  flex-direction: column;
}
.section-page-sustainability .row-content .content-block h2 {
    font-family: "tiller", sans-serif;
    letter-spacing: -0.03em;
    font-weight: 600;
    line-height: 1.1;
  font-size: 36px;
  }
.section-page-sustainability .row-content .content-block h3 {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    margin-top: 3rem;
    text-transform: uppercase;
    line-height: 1.75;
    letter-spacing: 0.1em;
  }
.section-page-sustainability .row-content .content-block .intro {
    font-size: calc(1.275rem + 0.3vw);
  }
@media (min-width: 1200px) {
    .section-page-sustainability .row-content .content-block .intro {
      font-size: 1.5rem;
    }
  }
.section-page-sustainability .row-content .content-block .intro{
  margin-top: 0.5rem;
}
.section-page-sustainability .row-content .content-block .content{
  margin-top: 3rem;
}
.section-page-sustainability .row-content .content-block .content ul, .section-page-sustainability .row-content .content-block .content ol{
  margin-bottom: 1rem;
  display: inline-block;
  width: 100%;
  padding-left: 1rem;
}
.section-page-sustainability .row-content .content-block .content ul li, .section-page-sustainability .row-content .content-block .content ol li {
    font-size: 1rem;
    position: relative;
    margin-bottom: 0.5rem;
    list-style-position: outside;
    padding-left: 0.25rem;
  }
.section-page-sustainability .row-content .content-block .content ul{
  list-style-type: disc;
}
.section-page-sustainability .row-content .content-block .content ol{
  list-style-type: decimal;
}
.section-page-sustainability .row-content .content-block .content a{
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.section-page-sustainability .row-content .content-block .content a:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.section-page-sustainability .row-content .column-image-text-one.with-text{
  width: 100%;
  padding-bottom: 3rem;
}
@media (min-width: 1280px) {
  .section-page-sustainability .row-content .column-image-text-one.with-text{
    margin-left: 8.333333%;
    width: 91.666667%;
    padding-bottom: 165px;
  }
}
.section-page-sustainability .row-content .column-image-text-one.with-image{
  display: flex;
  width: 100%;
  justify-content: center;
  padding-bottom: 3rem;
}
@media (min-width: 1024px) {
  .section-page-sustainability .row-content .column-image-text-one.with-image{
    padding-bottom: 5rem;
  }
}
@media (min-width: 1280px) {
  .section-page-sustainability .row-content .column-image-text-one.with-image{
    width: 58.333333%;
    justify-content: flex-start;
    padding-bottom: 145px;
  }
}
@media (min-width: 1696px) {
  .section-page-sustainability .row-content .column-image-text-one.with-image img{
    width: 100%;
  }
}
.section-page-sustainability .row-content .column-image-text-two{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1024px) {
  .section-page-sustainability .row-content .column-image-text-two{
    flex-direction: row;
    align-items: flex-start;
  }
}
@media (min-width: 1280px) {
  .section-page-sustainability .row-content .column-image-text-two{
    width: 41.666667%;
    flex-direction: column;
  }
}
@media (min-width: 1696px) {
  .section-page-sustainability .row-content .column-image-text-two{
    margin-left: 8.333333%;
    width: 33.333333%;
  }
}
@media (min-width: 1024px) {
  .section-page-sustainability .row-content .column-image-text-two picture{
    width: 50%;
    flex-shrink: 0;
    padding-right: 2.5rem;
  }
}
@media (min-width: 1280px) {
  .section-page-sustainability .row-content .column-image-text-two picture{
    width: 100%;
    padding-right: 92px;
  }
}
.section-page-sustainability .row-content .column-image-text-two picture img{
  width: 100%;
}
.section-page-sustainability .row-content .column-image-text-two img{
  margin-top: 3rem;
}
@media (min-width: 1024px) {
  .section-page-sustainability .row-content .column-image-text-two img{
    margin-top: 0px;
  }
}
@media (min-width: 1280px) {
  .section-page-sustainability .row-content .column-image-text-two img{
    margin-top: 3rem;
  }
}
@media (min-width: 1024px) {
  .section-page-sustainability .row-content .column-image-text-two .content-block h3,
  .section-page-sustainability .row-content .column-image-text-two .content-block .description{
    padding-right: 2.5rem;
  }
}
@media (min-width: 1280px) {
  .section-page-sustainability .row-content .column-image-text-two .content-block h3,
  .section-page-sustainability .row-content .column-image-text-two .content-block .description{
    padding-right: 92px;
  }
}
.section-page-sustainability .row-content .column-image-text-three.with-text{
  width: 100%;
}
@media (min-width: 1024px) {
  .section-page-sustainability .row-content .column-image-text-three.with-text{
    width: 50%;
  }
}
@media (min-width: 1280px) {
  .section-page-sustainability .row-content .column-image-text-three.with-text{
    width: 33.333333%;
  }
  .section-page-sustainability .row-content .column-image-text-three.with-text .content-block{
    padding-left: 4rem;
  }
}
.section-page-sustainability .row-content .column-image-text-three.with-image{
  margin-top: 3rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1024px) {
  .section-page-sustainability .row-content .column-image-text-three.with-image{
    width: 50%;
    align-items: flex-start;
  }
}
@media (min-width: 1280px) {
  .section-page-sustainability .row-content .column-image-text-three.with-image{
    margin-top: 0px;
    width: 25%;
  }
}
@media (min-width: 1696px) {
  .section-page-sustainability .row-content .column-image-text-three.with-image img{
    width: 100%;
  }
}
.section-page-sustainability .row-content .column-text-text-image.with-text{
  display: flex;
  width: 100%;
  justify-content: center;
}
@media (min-width: 1280px) {
  .section-page-sustainability .row-content .column-text-text-image.with-text{
    margin-right: 8.333333%;
    width: 50%;
    justify-content: flex-start;
    padding-top: 192px;
  }
}
@media (min-width: 1696px) {
  .section-page-sustainability .row-content .column-text-text-image.with-text{
    margin-left: 8.333333%;
    margin-right: 8.333333%;
    width: 41.666667%;
  }
}
.section-page-sustainability .row-content .column-text-text-image.with-text .content-block{
  max-width: 744px;
}
@media (min-width: 1280px) {
  .section-page-sustainability .row-content .column-text-text-image.with-text .content-block{
    justify-content: center;
    padding-right: 4rem;
  }
}
.section-page-sustainability .row-content .column-text-text-image.with-text .content-block h2{
  margin-top: 3rem;
}
.section-page-sustainability .row-content .column-text-text-image.with-text .content-block h2.second{
  margin-top: 3rem;
}
@media (min-width: 1696px) {
  .section-page-sustainability .row-content .column-text-text-image.with-text .content-block h2.second{
    margin-top: 144px;
  }
}
.section-page-sustainability .row-content .column-text-text-image.with-text .content-block h2 + .content{
  margin-top: 0.5rem;
}
.section-page-sustainability .row-content .column-text-text-image.with-image{
  display: flex;
  width: 100%;
  justify-content: center;
  padding-top: 3rem;
}
@media (min-width: 1280px) {
  .section-page-sustainability .row-content .column-text-text-image.with-image{
    width: 41.666667%;
    justify-content: flex-start;
    padding-top: 192px;
  }
}
@media (min-width: 1696px) {
  .section-page-sustainability .row-content .column-text-text-image.with-image img{
    width: 100%;
  }
}
.section-page-sustainability .row-content .column-image-heading-four-text{
  width: 100%;
}
.section-page-sustainability .row-content .column-image-heading-four-text.with-image{
  display: flex;
  justify-content: center;
  padding-top: 60px;
  padding-bottom: 60px;
}
.section-page-sustainability .row-content .column-image-heading-four-text.with-image picture{
  width: 100%;
  max-width: 665px;
}
.section-page-sustainability .row-content .column-image-heading-four-text.with-image img{
  height: auto;
  width: 100%;
}
.section-page-sustainability .row-content .column-image-heading-four-text.with-content{
  padding-top: 2.5rem;
}
@media (min-width: 1024px) {
  .section-page-sustainability .row-content .column-image-heading-four-text.with-content{
    padding-top: 40px;
  }
}
.section-page-sustainability .row-content .column-image-heading-four-text.with-content h2 {
    font-family: "tiller", sans-serif;
    letter-spacing: -0.03em;
    font-weight: 600;
    margin-bottom: 2.5rem;
    font-size: 36px;
    line-height: 41px;
  }
.section-page-sustainability .row-content .column-image-heading-four-text.with-content .facts-snippets{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 2.5rem;
}
@media (min-width: 1024px) {
  .section-page-sustainability .row-content .column-image-heading-four-text.with-content .facts-snippets{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: 60px;
         column-gap: 60px;
    row-gap: 60px;
  }
}
.section-page-sustainability .row-content .column-image-heading-four-text.with-content .facts-snippets .snippet strong,
.section-page-sustainability .row-content .column-image-heading-four-text.with-content .facts-snippets .snippet b {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }
.section-page-sustainability .row-content .column-image-heading-four-text.with-content .facts-snippets .snippet p {
    font-size: 1rem;
    margin-top: 1rem;
    margin-bottom: 0px;
    line-height: 24px;
  }
.section-page-sustainability .row-content .column-text-centered{
  width: 100%;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  text-align: center;
}
.section-page-sustainability .row-content .column-text-centered h2 {
    font-family: "tiller", sans-serif;
    letter-spacing: -0.03em;
    font-weight: 600;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
  font-size: 36px;
  line-height: 41px;
  max-width: 1000px;
  }
.section-page-sustainability .row-content .column-text-centered .description{
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
}
@media (min-width: 1024px) {
  .section-page-sustainability .row-content .column-text-centered{
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .section-page-sustainability .row-content .column-text-centered .description {
    max-width: 70%;
  }
  .section-page-sustainability .row-content .column-text-centered h2 {
    font-size: 50px;
    line-height: 50px;
  }
}
.section-page-sustainability .row-content.row-odd{
  flex-direction: column-reverse;
}
@media (min-width: 1280px) {
  .section-page-sustainability .row-content.row-odd{
    flex-direction: row;
  }
}
.section-page-sustainability .row-content.row-even{
  flex-direction: column-reverse;
}
@media (min-width: 1280px) {
  .section-page-sustainability .row-content.row-even{
    flex-direction: row-reverse;
  }
  .section-page-sustainability .row-content.row-even .column-text-text-image.with-text{
    margin-right: 0px;
    margin-left: 8.333333%;
  }
}
@media (min-width: 1024px) and (max-height: 820px) {
  .section-page-sustainability .hero-overlay{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .section-page-sustainability .row-logo{
    margin-bottom: 1rem;
  }
  .section-page-sustainability .row-logo img {
    width: 140px;
    height: 140px;
  }
  .section-page-sustainability .row-heading h1 {
    font-size: clamp(40px, 4.4vw, 64px);
  }
  .section-page-sustainability .row-description{
    margin-top: 1rem;
  }
  .section-page-sustainability .row-description .description-column p {
    font-size: 14px;
    line-height: 1.4;
  }
}

.section-login{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.section-login h1 {
    font-family: "tiller", sans-serif;
    letter-spacing: -0.03em;
    font-weight: 600;
    margin-bottom: 0.75rem;
  font-size: 35px;
  }
@media (min-width: 1024px) {
  .section-login h1 {
    font-size: calc(1.4375rem + 2.25vw);
  }
  @media (min-width: 1200px) {
    .section-login h1 {
      font-size: 3.125rem;
    }
  }
}
.section-login .row{
  justify-content: center;
}
.section-login .column{
  display: flex;
  width: 100%;
  flex-direction: column;
}
@media (min-width: 768px) {
  .section-login .column{
    width: 50%;
  }
}
@media (min-width: 1280px) {
  .section-login .column{
    width: 33.333333%;
  }
}
.section-login p{
  margin-top: 1.5rem;
}
.section-login a{
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}
.section-login a:hover{
  text-decoration-line: underline;
}

.section-fires-results{
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
  background-image: url("/dist/images/texture-bg-2.png");
  background-repeat: repeat;
  background-position: center center;
}
body.calculator .section-fires-results{
  height: 0px;
  overflow: hidden;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-delay: 0ms;
}
.section-fires-results .container{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media (min-width: 1280px) {
  .section-fires-results .container{
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.section-fires-results.loaded{
  opacity: 1;
}
.section-fires-results .column-key{
  width: 25%;
  padding-top: 257px;
}
@media (min-width: 1280px) {
  .section-fires-results .column-key{
    width: 16.666667%;
  }
}
.section-fires-results .column-fires{
  display: flex;
  width: 75%;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 1280px) {
  .section-fires-results .column-fires{
    width: 83.333333%;
  }
}
@media (min-width: 1696px) {
  .section-fires-results .column-fires{
    width: 66.666667%;
  }
}
@media (min-width: 1280px) {
  .section-fires-results[data-columns="1"] .column-key, .section-fires-results[data-columns="2"] .column-key{
    margin-left: 16.666667%;
  }
  .section-fires-results[data-columns="1"] .column-fires, .section-fires-results[data-columns="2"] .column-fires{
    width: 66.666667%;
  }
}
@media (min-width: 1696px) {
  .section-fires-results[data-columns="3"] .column-key{
    margin-left: 8.333333%;
  }
}
.section-fires-results .fire-specs{
  margin-top: 54px;
  display: flex;
  width: 100%;
  flex-direction: column;
}
.section-fires-results .fire-specs-row{
  display: flex;
  height: 2.5rem;
  flex-wrap: nowrap;
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(224 219 213 / var(--tw-border-opacity, 1));
}
.section-fires-results .fire-specs-row:first-child{
  border-top-width: 1px;
}
.section-fires-results .fire-specs-row > div{
  display: flex;
  height: 2.5rem;
  width: 50%;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.section-fires-results .fire-specs-row > div:first-child{
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(224 219 213 / var(--tw-border-opacity, 1));
}
.section-fires-results .fire-specs-row-single > div{
  width: 100%;
}
.section-fires-results .fire-specs-row-single > div:first-child{
  border-right-width: 0px;
}
.section-fires-results .fire-specs-head {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(224 219 213 / var(--tw-bg-opacity, 1));
    text-transform: uppercase;
    letter-spacing: 0.1em;
    --tw-text-opacity: 1;
    color: rgb(64 61 61 / var(--tw-text-opacity, 1));
  }
.section-fires-results .fire-key{
  margin-top: 54px;
  display: flex;
  width: 100%;
  flex-direction: column;
}
.section-fires-results .fire-key > div{
  display: flex;
  height: 2.5rem;
  align-items: center;
  line-height: 1;
  font-size: 11px;
}
@media (min-width: 768px) {
  .section-fires-results .fire-key > div {
    font-size: 13px;
  }
}
@media (min-width: 1024px) {
  .section-fires-results .fire-key > div {
    font-size: 1rem;
  }
}
.section-fires-results .btn{
  margin-top: 50px;
  width: 100%;
  white-space: nowrap;
}
.section-fires-results .btn.btn-arrow-left, .section-fires-results .btn.btn-arrow-right{
  white-space: normal;
}
@media (min-width: 768px) {
  .section-fires-results .btn.btn-arrow-left, .section-fires-results .btn.btn-arrow-right{
    width: auto;
  }
}
.section-fires-results .row-heading{
  justify-content: center;
  padding-bottom: 3rem;
}
.section-fires-results .row-heading .column{
  display: flex;
  width: 100%;
  flex-direction: column;
  text-align: center;
}
@media (min-width: 1024px) {
  .section-fires-results .row-heading .column{
    width: 66.666667%;
  }
}
@media (min-width: 1280px) {
  .section-fires-results .row-heading .column{
    width: 50%;
  }
}
@media (min-width: 1696px) {
  .section-fires-results .row-heading .column{
    width: 33.333333%;
  }
}
.section-fires-results .row-heading .column h2 {
    font-family: "tiller", "ss-head", sans-serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    margin-bottom: 1rem;
    line-height: 1;
  font-size: 35px;
  }
@media (min-width: 1024px) {
  .section-fires-results .row-heading .column h2 {
    font-size: calc(1.4375rem + 2.25vw);
  }
  @media (min-width: 1200px) {
    .section-fires-results .row-heading .column h2 {
      font-size: 3.125rem;
    }
  }
}
.section-fires-results .row-heading .column .intro {
  font-size: 24px;
}
@media (min-width: 1024px) {
  .section-fires-results .row-heading .column .intro {
    font-size: calc(1.275rem + 0.3vw);
  }
  @media (min-width: 1200px) {
    .section-fires-results .row-heading .column .intro {
      font-size: 1.5rem;
    }
  }
}
.section-fires-results .row-heading .column .intro span{
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
}

.results-slider .swiper-slide{
  padding-right: 1px;
}
.results-slider .swiper-slide .name {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: inherit;
  }
.results-slider .swiper-slide:hover .name{
  color: inherit;
}
.results-slider .swiper-slide .fire-images{
  margin-bottom: 1.25rem;
  display: flex;
  height: 215px;
  width: 100%;
  justify-content: center;
}
.results-slider .swiper-slide .fire-images svg{
  width: 100%;
}
.results-slider .swiper-button-prev,
.results-slider .swiper-button-next{
  top: 112px;
}

.section-calculator-intro{
  overflow: hidden;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(64 61 61 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
}
.section-calculator-intro .container{
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .section-calculator-intro .container{
    display: block;
  }
.section-book-assessment .column-info .section-calculator-intro .container {
  margin-top: 48px;
}
  .section-book-assessment .installation-container .blocks .section-calculator-intro .container h2 {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25rem;
    letter-spacing: 0.1em;
  margin-top: 2rem;
  margin-bottom: 5px;
  }
}
.section-calculator-intro h1 {
    font-family: "tiller", "ss-head", sans-serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    margin-bottom: 1rem;
    line-height: 1;
  font-size: 35px;
  }
@media (min-width: 1024px) {
  .section-calculator-intro h1 {
    font-size: calc(1.4375rem + 2.25vw);
  }
  @media (min-width: 1200px) {
    .section-calculator-intro h1 {
      font-size: 3.125rem;
    }
  }
}
.section-calculator-intro h2 {
    font-size: calc(1.275rem + 0.3vw);
  }
@media (min-width: 1200px) {
    .section-calculator-intro h2 {
      font-size: 1.5rem;
    }
  }
.section-calculator-intro h2{
  margin-bottom: 1rem;
  line-height: 1.1;
}
.section-calculator-intro .description{
  margin-bottom: 1.5rem;
}
.section-calculator-intro .column-intro{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 62px;
  padding-bottom: 72px;
}
@media (min-width: 1024px) {
  .section-calculator-intro .column-intro{
    width: 50%;
  }
}
@media (min-width: 1696px) {
  .section-calculator-intro .column-intro{
    margin-left: 8.333333%;
    width: 25%;
    max-width: 100%;
  }
}
@media (min-width: 480px) {
  .section-calculator-intro .column-intro > div{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (min-width: 1024px) {
  .section-calculator-intro .column-intro > div{
    padding-right: 2.25rem;
  }
}
@media (min-width: 1280px) {
  .section-calculator-intro .column-intro > div{
    max-width: 450px;
    padding-right: 0px;
  }
}
.section-calculator-intro .row-content{
  position: relative;
  z-index: 20;
  order: 2;
  justify-content: center;
}
@media (min-width: 1024px) {
  .section-calculator-intro .row-content{
    order: 1;
    justify-content: flex-start;
  }
}
.section-calculator-intro .row-content br{
  display: none;
}
@media (min-width: 1696px) {
  .section-calculator-intro .row-content br{
    display: block;
  }
.section-book-assessment .column-info .section-calculator-intro .row-content br {
  margin-top: 48px;
}
  .section-book-assessment .installation-container .blocks .section-calculator-intro .row-content br h2 {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25rem;
    letter-spacing: 0.1em;
  margin-top: 2rem;
  margin-bottom: 5px;
  }
}
.section-calculator-intro .row-image{
  order: 1;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 1024px) {
  .section-calculator-intro .row-image{
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 10;
    order: 1;
    height: 100%;
    width: 100%;
    justify-content: flex-end;
  }
}
.section-calculator-intro .row-image .column-image{
  position: relative;
  width: 100%;
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(64 61 61 / var(--tw-border-opacity, 1));
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 1024px) {
  .section-calculator-intro .row-image .column-image{
    width: 50%;
  }
}
.section-calculator-intro .row-image .column-image picture{
  height: 100%;
  width: 100%;
}
@media (min-width: 1024px) {
  .section-calculator-intro .row-image .column-image picture{
    position: absolute;
  }
}
.section-calculator-intro .row-image .column-image picture img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.section-calculator-steps[data-type=page]{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(64 61 61 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(224 219 213 / var(--tw-bg-opacity, 1));
  padding-top: 5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 1024px) {
  .section-calculator-steps[data-type=page]{
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.section-calculator-steps[data-type=page] .selectric-wrapper{
  --tw-border-opacity: 1;
  border-color: rgb(64 61 61 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
.section-calculator-steps[data-type=page] .selectric-items{
  --tw-border-opacity: 1;
  border-color: rgb(64 61 61 / var(--tw-border-opacity, 1));
}
.section-calculator-steps[data-type=page] .selectric-items li{
  --tw-border-opacity: 1;
  border-color: rgb(64 61 61 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(224 219 213 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
.section-calculator-steps[data-type=page] .selectric-items li.selected, .section-calculator-steps[data-type=page] .selectric-items li.highlighted, .section-calculator-steps[data-type=page] .selectric-items li:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
.section-calculator-steps[data-type=page] .selectric-open .selectric-items .selectric-scroll{
  --tw-border-opacity: 1;
  border-color: rgb(64 61 61 / var(--tw-border-opacity, 1));
}
.section-calculator-steps[data-type=component]{
  padding-top: 70px;
  padding-bottom: 70px;
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
  background-image: url("/dist/images/texture-bg-2.png");
  background-repeat: repeat;
  background-position: center center;
}
@media (min-width: 1280px) {
  .section-calculator-steps[data-type=component]{
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(224 219 213 / var(--tw-border-opacity, 1));
    padding-top: 45px;
    padding-bottom: 100px;
  }
}
.section-calculator-steps[data-type=component] .selectric-wrapper{
  --tw-border-opacity: 1;
  border-color: rgb(224 219 213 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}
.section-calculator-steps[data-type=component] .selectric-items{
  --tw-border-opacity: 1;
  border-color: rgb(224 219 213 / var(--tw-border-opacity, 1));
}
.section-calculator-steps[data-type=component] .selectric-items li{
  --tw-border-opacity: 1;
  border-color: rgb(224 219 213 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}
.section-calculator-steps[data-type=component] .selectric-items li.selected, .section-calculator-steps[data-type=component] .selectric-items li.highlighted, .section-calculator-steps[data-type=component] .selectric-items li:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(25 22 22 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}
.section-calculator-steps[data-type=component] .selectric-open .selectric-items .selectric-scroll{
  --tw-border-opacity: 1;
  border-color: rgb(224 219 213 / var(--tw-border-opacity, 1));
}
.section-calculator-steps[data-type=component] .selectric:hover .label{
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}
@media (min-width: 1280px) {
  .section-calculator-steps[data-type=component] .selectric-below .selectric-items {
    top: auto;
    bottom: 100%;
  }
}
@media (min-width: 768px) {
  .section-calculator-steps[data-type=component] .row-calc .column{
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .section-calculator-steps[data-type=component] .row-calc .column{
    width: 20%;
    padding-bottom: 0px;
  }
}
@media (min-width: 1696px) {
  .section-calculator-steps[data-type=component] .row-calc .column{
    width: 16.666667%;
  }
}
@media (min-width: 768px) {
  .section-calculator-steps[data-type=component] .row-calc .column-map svg{
    width: 100%;
  }
}
.section-calculator-steps .row-intro{
  margin-bottom: 50px;
  flex-direction: column;
}
@media (min-width: 1280px) {
  .section-calculator-steps .row-intro{
    flex-direction: row;
  }
}
.section-calculator-steps .row-intro .column-heading{
  display: flex;
  width: 100%;
  flex-direction: column;
  padding-bottom: 1.5rem;
}
@media (min-width: 1280px) {
  .section-calculator-steps .row-intro .column-heading{
    width: 50%;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(142 138 136 / var(--tw-border-opacity, 1));
  }
}
@media (min-width: 1696px) {
  .section-calculator-steps .row-intro .column-heading{
    margin-left: 8.333333%;
    width: 41.666667%;
  }
}
.section-calculator-steps .row-intro .column-heading h2 {
    font-family: "tiller", "ss-head", sans-serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    margin-bottom: 1rem;
    max-width: 370px;
    line-height: 1;
  font-size: 35px;
  }
@media (min-width: 1024px) {
  .section-calculator-steps .row-intro .column-heading h2 {
    font-size: calc(1.4375rem + 2.25vw);
  }
  @media (min-width: 1200px) {
    .section-calculator-steps .row-intro .column-heading h2 {
      font-size: 3.125rem;
    }
  }
}
.section-calculator-steps .row-intro .column-heading h3{
  line-height: 1.25;
}
.section-calculator-steps .row-intro .column-learn{
  display: flex;
  width: 100%;
  padding-bottom: 1.5rem;
}
@media (min-width: 1280px) {
  .section-calculator-steps .row-intro .column-learn{
    width: 50%;
    align-items: flex-end;
    justify-content: flex-end;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(142 138 136 / var(--tw-border-opacity, 1));
  }
}
@media (min-width: 1696px) {
  .section-calculator-steps .row-intro .column-learn{
    width: 41.666667%;
  }
}
.section-calculator-steps .row-calc{
  justify-content: center;
}
@media (min-width: 1024px) {
  .section-calculator-steps .row-calc{
    flex-direction: row;
    justify-content: flex-start;
  }
}
@media (min-width: 1280px) {
  .section-calculator-steps .row-calc{
    flex-wrap: nowrap;
  }
}
.section-calculator-steps .row-calc .column{
  width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media (min-width: 640px) {
  .section-calculator-steps .row-calc .column{
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .section-calculator-steps .row-calc .column{
    width: 25%;
  }
}
@media (min-width: 1280px) {
  .section-calculator-steps .row-calc .column{
    width: 20%;
    padding-bottom: 0px;
    padding-top: 2.5rem;
  }
}
@media (min-width: 1696px) {
  .section-calculator-steps .row-calc .column{
    width: 16.666667%;
  }
}
@media (min-width: 640px) {
  .section-calculator-steps .row-calc .column-map{
    display: flex;
    width: 100%;
    justify-content: center;
  }
}
@media (min-width: 1280px) {
  .section-calculator-steps .row-calc .column-map{
    width: 20%;
    padding-bottom: 0px;
  }
}
@media (min-width: 1696px) {
  .section-calculator-steps .row-calc .column-map{
    margin-left: 8.333333%;
    width: 16.666667%;
  }
}
.section-calculator-steps .row-calc .column-map svg{
  width: 100%;
}
@media (min-width: 640px) {
  .section-calculator-steps .row-calc .column-map svg{
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .section-calculator-steps .row-calc .column-map svg{
    width: 33.333333%;
  }
}
@media (min-width: 1280px) {
  .section-calculator-steps .row-calc .column-map svg{
    width: 100%;
  }
}
.section-calculator-steps .row-calc .column-step{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.section-calculator-steps .row-calc .column-step > div:not(.selectric-wrapper){
  margin-bottom: 0.75rem;
  display: flex;
  flex-direction: column;
}
.section-calculator-steps .row-calc .column-step .number,
.section-calculator-steps .row-calc .column-step .heading {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }
.section-calculator-steps .row-calc .column-step .number{
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
}
.section-calculator-steps .row-calc .column-step .heading{
  margin-bottom: 0.625rem;
}
.section-calculator-steps select{
  height: 2.5rem;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0px;
  border-width: 1px;
  background-repeat: no-repeat;
  padding-left: 1.5rem;
  background-position: 94% center;
  background-size: 9px;
}

.section-calculator-learn{
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media (min-width: 1024px) {
  .section-calculator-learn{
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.section-calculator-learn .row{
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 1024px) {
  .section-calculator-learn .row{
    flex-direction: row;
  }
}
.section-calculator-learn .column{
  display: flex;
  width: 100%;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .section-calculator-learn .column{
    width: 50%;
  }
}
@media (min-width: 1696px) {
  .section-calculator-learn .column{
    width: 33.333333%;
  }
}
@media (min-width: 1024px) {
  .section-calculator-learn .column:first-child{
    padding-left: 7rem;
    padding-right: 2.25rem;
  }
  .section-calculator-learn .column:last-child{
    padding-right: 7rem;
    padding-left: 2.25rem;
  }
}
.section-calculator-learn h2 {
    font-family: "ss-bold", sans-serif;
    margin-bottom: 1.25rem;
  font-size: 28px;
  }
@media (min-width: 1024px) {
  .section-calculator-learn h2 {
    font-size: calc(1.3rem + 0.6vw);
  }
  @media (min-width: 1200px) {
    .section-calculator-learn h2 {
      font-size: 1.75rem;
    }
  }
}
.section-calculator-learn p{
  margin-bottom: 2.5rem;
}
.section-calculator-learn img{
  margin-bottom: 2.5rem;
  width: 100%;
}
.section-calculator-learn .subheading {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    margin-bottom: 0.625rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }
.section-calculator-learn .subheading strong, .section-calculator-learn .subheading b{
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
}
.section-calculator-learn .subheading p{
  margin-bottom: 0px;
}

.section-stores{
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
}
.section-stores h1 {
    font-family: "tiller", "ss-head", sans-serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    margin-bottom: 1rem;
    line-height: 1;
  font-size: 35px;
  }
@media (min-width: 1024px) {
  .section-stores h1 {
    font-size: calc(1.4375rem + 2.25vw);
  }
  @media (min-width: 1200px) {
    .section-stores h1 {
      font-size: 3.125rem;
    }
  }
}
.section-stores .container{
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .section-stores .container{
    display: block;
  }
.section-book-assessment .column-info .section-stores .container {
  margin-top: 48px;
}
  .section-book-assessment .installation-container .blocks .section-stores .container h2 {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25rem;
    letter-spacing: 0.1em;
  margin-top: 2rem;
  margin-bottom: 5px;
  }
}
.section-stores .row{
  padding-left: 0px;
  padding-right: 0px;
}
.section-stores #map{
  height: 100%;
  width: 100%;
  min-height: 50vh;
}
@media (min-width: 1024px) {
  .section-stores #map{
    width: 50%;
    position: sticky !important;
    top: var(--header-height);
    min-height: calc(100vh - var(--header-height));
  }
}
.section-stores #map .map-store-card {
    font-size: 1rem;
    display: flex;
    width: 200px;
    flex-direction: column;
    padding: 1rem;
  }
.section-stores #map .map-store-card > div,
.section-stores #map .map-store-card > a {
    font-family: "ss-regular", sans-serif;
    letter-spacing: 0.725px;
    margin-bottom: 0.625rem;
  }
.section-stores #map .map-store-card .name {
    font-family: "ss-bold", sans-serif;
  }
.section-stores #map .map-store-card a{
  overflow-wrap: break-word;
  text-decoration-line: underline;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.section-stores #map .map-store-card a:hover{
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
}
.section-stores #map [role=dialog] *:focus {
  outline: 0px none transparent;
}
.section-stores #map [role=dialog] .gm-ui-hover-effect {
  top: 0 !important;
  right: 0 !important;
}
.section-stores #map .gm-style .gm-style-iw-c {
  min-width: 117px !important;
  padding: 12px !important;
  border-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
}
.section-stores #map .gm-style-iw-tc:after{
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
}
.section-stores #map .gm-style-iw-d {
  overflow: hidden !important;
}
.section-stores .column:not(.column-inner){
  display: flex;
  width: 100%;
  flex-direction: column;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 1024px) {
  .section-stores .column:not(.column-inner){
    width: 50%;
  }
}
.section-stores .column-inner{
  display: flex;
  width: 100%;
  flex-direction: column;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 1024px) {
  .section-stores .column-inner{
    margin-left: 8.333333%;
    width: 83.333333%;
    padding-left: 0.75rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 1280px) {
  .section-stores .column-inner{
    margin-left: 16.666667%;
    width: 66.666667%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1696px) {
  .section-stores .column-inner{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 640px;
    margin-left: 160px;
  }
}
.section-stores .row-search{
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 1024px) {
  .section-stores .row-search{
    padding-top: 4rem;
  }
}
.section-stores .intro{
  margin-bottom: 2.5rem;
  display: flex;
  flex-direction: column;
}
.section-stores h3{
  margin-bottom: 0.625rem;
  display: flex;
  width: 100%;
  align-items: center;
}
.section-stores h3 span {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    margin-right: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }
.section-stores h3 #locationResult {
    font-size: 0.75rem;
    --tw-text-opacity: 1;
    color: rgb(229 86 57 / var(--tw-text-opacity, 1));
  }
.section-stores .search-form{
  display: flex;
  flex-wrap: wrap;
}
.section-stores .search-form form{
  display: flex;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.section-stores .search-form form .left{
  display: flex;
  width: 100%;
  flex-shrink: 1;
  grid-column-start: 1;
  grid-column-end: 3;
}
.section-stores .search-form input{
  height: 2.5rem;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0px;
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(142 138 136 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  letter-spacing: -0.025em;
}
.section-stores .search-form input::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.section-stores .search-form input::placeholder{
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.section-stores .search-form input:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
.section-stores .search-form input:focus::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.section-stores .search-form input:focus::placeholder{
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.section-stores .search-form select{
  height: 2.5rem;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(142 138 136 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
  background-repeat: no-repeat;
  padding-left: 1.5rem;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
  background-position: 94% center;
  background-size: 9px;
  background-image: url("../dist/images/icons/select_chevron_grey.svg");
}
.section-stores .search-form button,
.section-stores .search-form #locateMe{
  display: flex;
  height: 100%;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}
.section-stores .search-form .btn-wrapper{
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(142 138 136 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.section-stores .search-form .btn-wrapper:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
}
.section-stores .row-stores{
  height: 100%;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(142 138 136 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(224 219 213 / var(--tw-bg-opacity, 1));
  padding-top: 1.25rem;
  padding-bottom: 5rem;
}
.section-stores .summary {
    font-size: 0.75rem;
    display: flex;
    flex-direction: row;
  }
.section-stores .summary .results{
  margin-right: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.section-stores .summary .clear-store-filters{
  display: flex;
  cursor: pointer;
  align-items: center;
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.section-stores .summary .clear-store-filters.show{
  opacity: 1;
}
.section-stores .summary .clear-store-filters:after {
  content: "×";
  margin-left: 0.75rem;
}
.section-stores .summary .clear-store-filters:hover{
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
.section-stores .all-stores{
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
  padding-top: 2.5rem;
}
@media (min-width: 768px) {
  .section-stores .all-stores{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .section-stores .all-stores{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 2.5rem;
  }
}
@media (min-width: 1696px) {
  .section-stores .all-stores{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 3.5rem;
  }
}
.section-stores .store-card{
  display: flex;
  flex-direction: column;
}
.section-stores .store-card.not-active{
  display: none;
}
.section-stores .store-card > div,
.section-stores .store-card > a{
  margin-bottom: 0.625rem;
}
.section-stores .store-card .name {
    font-family: "ss-bold", sans-serif;
  }
.section-stores .store-card a{
  overflow-wrap: break-word;
  text-decoration-line: underline;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.section-stores .store-card a:hover{
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
}

.filters{
  margin-bottom: 2.5rem;
  display: flex;
  flex-wrap: nowrap;
}
.filters .store-filter,
.filters .search-filter,
.filters .category-filter {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
   supported by Chrome, Edge, Opera and Firefox */ margin-right: -1px; display: flex; height: 2.5rem; width: 100%; cursor: pointer; align-items: center; justify-content: center; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(142 138 136 / var(--tw-border-opacity, 1)); background-color: transparent; padding-left: 0.5rem; padding-right: 0.5rem; text-align: center; line-height: 1; letter-spacing: -0.025em; --tw-text-opacity: 1; color: rgb(142 138 136 / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 400ms; transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  font-size: 12px;
  }
@media (min-width: 768px) {
  .filters .store-filter,
  .filters .search-filter,
  .filters .category-filter {
    font-size: 0.875rem;
  }
}
@media (min-width: 1920px) {
  .filters .store-filter,
  .filters .search-filter,
  .filters .category-filter {
    font-size: 1rem;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.filters .store-filter:hover,
.filters .search-filter:hover,
.filters .category-filter:hover{
  z-index: 1;
  --tw-border-opacity: 1;
  border-color: rgb(229 86 57 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(229 86 57 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}
.filters .store-filter.active,
.filters .search-filter.active,
.filters .category-filter.active{
  z-index: 1;
  --tw-border-opacity: 1;
  border-color: rgb(229 86 57 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(229 86 57 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
}
.filters .store-filter.active:after,
.filters .search-filter.active:after,
.filters .category-filter.active:after {
  content: "×";
  margin-left: 0.75rem;
  flex-shrink: 0;
}
.filters .category-filter{
  width: auto;
  flex-grow: 1;
  white-space: nowrap;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 1280px) {
  .filters .category-filter{
    width: 100%;
    flex-grow: 0;
  }
}
.filters .category-filter:first-child.active{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 86 57 / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.filters .category-filter:first-child.active:after {
  content: "";
}
.filters .category-filter:first-child:after{
  display: none;
}

.section-search{
  overflow: hidden;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(64 61 61 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(224 219 213 / var(--tw-bg-opacity, 1));
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 1024px) {
  .section-search{
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
.section-search.no-results {
  min-height: calc(100vh - var(--header-height) - 600px);
}
.section-search h1 {
    font-family: "tiller", sans-serif;
    letter-spacing: -0.03em;
    font-weight: 600;
    margin-bottom: 1rem;
    line-height: 1;
  font-size: 35px;
  }
@media (min-width: 1024px) {
  .section-search h1 {
    font-size: calc(1.4375rem + 2.25vw);
  }
  @media (min-width: 1200px) {
    .section-search h1 {
      font-size: 3.125rem;
    }
  }
}
.section-search h2 {
    font-size: calc(1.275rem + 0.3vw);
  }
@media (min-width: 1200px) {
    .section-search h2 {
      font-size: 1.5rem;
    }
  }
.section-search h2{
  overflow-wrap: break-word;
  line-height: 1;
}
.section-search h2 span{
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
}
.section-search h3 {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    margin-bottom: 0.625rem;
    margin-top: 1.75rem;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }
.section-search .row{
  align-items: flex-end;
  justify-content: space-between;
}
.section-search .column-intro{
  width: 100%;
}
@media (min-width: 768px) {
  .section-search .column-intro{
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .section-search .column-intro{
    width: 41.666667%;
  }
}
@media (min-width: 1280px) {
  .section-search .column-intro{
    margin-left: 8.333333%;
    width: 33.333333%;
  }
}
@media (min-width: 1696px) {
  .section-search .column-intro{
    width: 25%;
  }
}
.section-search .column-filter{
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: flex-end;
  padding-top: 3rem;
}
@media (min-width: 768px) {
  .section-search .column-filter{
    width: 50%;
    padding-top: 0px;
  }
}
@media (min-width: 1024px) {
  .section-search .column-filter{
    width: 41.666667%;
  }
}
@media (min-width: 1280px) {
  .section-search .column-filter{
    margin-right: 8.333333%;
    width: 33.333333%;
  }
}
@media (min-width: 1696px) {
  .section-search .column-filter{
    width: 25%;
  }
}
.section-search .column-filter .filters{
  margin-bottom: 0px;
}
.section-search form{
  display: flex;
  width: 100%;
}
.section-search input{
  height: 2.5rem;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0px;
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(142 138 136 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(224 219 213 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  letter-spacing: -0.025em;
}
.section-search input::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.section-search input::placeholder{
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.section-search button{
  display: flex;
  height: 100%;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}
.section-search .btn-wrapper{
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(142 138 136 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.section-search .btn-wrapper:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
}

.section-results{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(224 219 213 / var(--tw-border-opacity, 1));
  padding-top: 75px;
  padding-bottom: 72px;
}
.section-results .row{
  justify-content: flex-start;
}
.section-results h2 {
    font-family: "ss-bold", sans-serif;
    font-size: calc(1.2625rem + 0.15vw);
  }
@media (min-width: 1200px) {
    .section-results h2 {
      font-size: 1.375rem;
    }
  }
.section-results h2{
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(229 86 57 / var(--tw-border-opacity, 1));
  padding-bottom: 0.5rem;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.1em;
}
.section-results .column-heading{
  display: flex;
  width: 100%;
  justify-content: center;
}
@media (min-width: 1024px) {
  .section-results .column-heading{
    justify-content: flex-start;
  }
}
@media (min-width: 1280px) {
  .section-results .column-heading{
    margin-left: 8.333333%;
    width: 83.333333%;
    justify-content: flex-start;
  }
}
.section-results .column-fire{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
@media (min-width: 1280px) {
  .section-results .column-fire{
    margin-left: 8.333333%;
    width: 83.333333%;
  }
}
.section-results .fire-card{
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 45px;
  text-align: center;
}
@media (min-width: 480px) {
  .section-results .fire-card{
    width: 50%;
  }
}
@media (min-width: 640px) {
  .section-results .fire-card{
    width: 33.333333%;
  }
}
@media (min-width: 1024px) {
  .section-results .fire-card{
    width: 25%;
  }
}
@media (min-width: 1696px) {
  .section-results .fire-card{
    width: 16.666667%;
  }
}
.section-results .fire-card .fire-image{
  height: 250px;
}
.section-results .fire-card .name {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    margin-top: 2rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  }
.section-results .fire-card:hover .name{
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
}
.section-results .column-news,
.section-results .column-pages{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
@media (min-width: 1280px) {
  .section-results .column-news,
  .section-results .column-pages{
    margin-left: 8.333333%;
    width: 83.333333%;
  }
}
.section-results .search-article-card{
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  padding-top: 45px;
}
@media (min-width: 640px) {
  .section-results .search-article-card{
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .section-results .search-article-card{
    width: 33.333333%;
  }
}
@media (min-width: 1696px) {
  .section-results .search-article-card{
    width: 25%;
  }
}
.section-results .search-article-card img{
  margin-bottom: 1.25rem;
  width: 100%;
}
.section-results .products-grid{
  margin-top: 45px;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}
@media (min-width: 640px) {
  .section-results .products-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .section-results .products-grid{
    grid-template-columns: repeat(4, minmax(0, 1fr));
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
    row-gap: 2.5rem;
  }
}
@media (min-width: 1696px) {
  .section-results .products-grid{
    grid-template-columns: repeat(5, minmax(0, 1fr));
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
    row-gap: 60px;
  }
}

.section-contact{
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
  padding-bottom: 5rem;
  padding-top: 4rem;
}
@media (min-width: 1920px) {
  .section-contact {
    min-height: calc(100vh - var(--header-height));
  }
}
.section-contact h1 {
    font-family: "tiller", sans-serif;
    letter-spacing: -0.03em;
    font-weight: 600;
    margin-bottom: 1rem;
    line-height: 1;
  font-size: 35px;
  }
@media (min-width: 1024px) {
  .section-contact h1 {
    font-size: calc(1.4375rem + 2.25vw);
  }
  @media (min-width: 1200px) {
    .section-contact h1 {
      font-size: 3.125rem;
    }
  }
}
.section-contact .column-intro{
  width: 100%;
}
@media (min-width: 1024px) {
  .section-contact .column-intro{
    width: 50%;
    padding-bottom: 3rem;
  }
}
@media (min-width: 1696px) {
  .section-contact .column-intro{
    margin-left: 8.333333%;
    width: 33.333333%;
    padding-right: 4rem;
  }
}
.section-contact .column-map{
  width: 100%;
}
@media (min-width: 1024px) {
  .section-contact .column-map{
    width: 50%;
  }
}
@media (min-width: 1696px) {
  .section-contact .column-map{
    margin-left: 8.333333%;
    width: 41.666667%;
    padding-right: 77px;
  }
}
.section-contact .column-map #map{
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
  height: 456px;
  width: 100%;
}
@media (min-width: 1024px) {
  .section-contact .column-map #map{
    margin-top: 0px;
  }
}
.section-contact .column-map .contacts{
  display: flex;
  flex-direction: column;
}
@media (min-width: 480px) {
  .section-contact .column-map .contacts{
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .section-contact .column-map .contacts{
    flex-wrap: nowrap;
  }
}
@media (min-width: 1024px) {
  .section-contact .column-map .contacts{
    flex-wrap: wrap;
  }
}
@media (min-width: 1280px) {
  .section-contact .column-map .contacts{
    flex-wrap: nowrap;
  }
}
.section-contact .column-map .contacts > div{
  margin-bottom: 1.5rem;
  width: 100%;
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
@media (min-width: 480px) {
  .section-contact .column-map .contacts > div{
    width: 50%;
  }
}
@media (min-width: 768px) {
  .section-contact .column-map .contacts > div{
    margin-bottom: 0px;
    width: 33.333333%;
  }
}
@media (min-width: 1024px) {
  .section-contact .column-map .contacts > div{
    margin-bottom: 1.5rem;
    width: 50%;
  }
}
@media (min-width: 1280px) {
  .section-contact .column-map .contacts > div{
    margin-bottom: 0px;
    width: 33.333333%;
    padding-right: 0.75rem;
  }
  .section-contact .column-map .contacts > div:last-child{
    flex-shrink: 0;
    padding-right: 0px;
  }
  .section-contact .column-map .contacts > div:last-child p{
    width: -moz-max-content;
    width: max-content;
  }
}
.section-contact .column-map .contacts > div .heading {
    font-family: "ss-bold", sans-serif;
    margin-bottom: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    --tw-text-opacity: 1;
    color: rgb(64 61 61 / var(--tw-text-opacity, 1));
  }
.section-contact .column-form{
  margin-top: 4rem;
  width: 100%;
}
@media (min-width: 1024px) {
  .section-contact .column-form{
    margin-top: 0px;
    width: 50%;
    padding-left: 2.25rem;
  }
}
@media (min-width: 1696px) {
  .section-contact .column-form{
    width: 41.666667%;
    padding-left: 77px;
  }
}

.section-book-assessment{
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
  padding-top: 4rem;
}
.section-book-assessment h1 {
    font-family: "tiller", sans-serif;
    letter-spacing: -0.03em;
    font-weight: 600;
    font-size: calc(1.625rem + 4.5vw);
  }
@media (min-width: 1200px) {
    .section-book-assessment h1 {
      font-size: 5rem;
    }
  }
.section-book-assessment h1{
  margin-bottom: 0.75rem;
  line-height: 1.1;
  max-width: 12em;
}
.section-book-assessment .column-intro{
  width: 100%;
}
@media (min-width: 1024px) {
  .section-book-assessment .column-intro .description {
    max-width: 35em;
  }
}
@media (min-width: 1696px) {
  .section-book-assessment .column-intro{
    margin-left: 8.333333%;
    padding-right: 4rem;
  }
}
.section-book-assessment .column-intro h2 {
    font-family: "tiller", sans-serif;
    letter-spacing: -0.03em;
    font-weight: 600;
    font-size: calc(1.4375rem + 2.25vw);
  }
@media (min-width: 1200px) {
    .section-book-assessment .column-intro h2 {
      font-size: 3.125rem;
    }
  }
.section-book-assessment .column-intro h2{
  margin-bottom: 0.75rem;
  line-height: 1;
}
.section-book-assessment .column-intro .description {
    font-size: calc(1.275rem + 0.3vw);
  }
@media (min-width: 1200px) {
    .section-book-assessment .column-intro .description {
      font-size: 1.5rem;
    }
  }
.section-book-assessment .column-intro .description {
  line-height: 1.25em;
  margin-bottom: 48px;
}
.section-book-assessment .detail-intro {
  margin-top: 8rem;
}
.section-book-assessment .detail-intro .description{
  width: 100%;
}
@media (min-width: 1024px) {
  .section-book-assessment .detail-intro .description{
    width: 50%;
  }
}
@media (min-width: 1696px) {
  .section-book-assessment .detail-intro .description{
    width: 41.666667%;
  }
}
.section-book-assessment .column-info{
  width: 100%;
}
@media (min-width: 1024px) {
  .section-book-assessment .column-info{
    width: 50%;
  }
}
@media (min-width: 1696px) {
  .section-book-assessment .column-info{
    margin-left: 8.333333%;
    width: 41.666667%;
    padding-right: 77px;
  }
}
.section-book-assessment .column-info .block {
  margin-top: 48px;
}
.section-book-assessment .column-info h2 {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  margin-bottom: 5px;
  }
.section-book-assessment .column-info .text{
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.section-book-assessment .column-form{
  width: 100%;
}
.section-book-assessment .column-form h2 {
    font-family: "tiller", sans-serif;
    letter-spacing: -0.03em;
    font-weight: 600;
    font-size: calc(1.3125rem + 0.75vw);
  }
@media (min-width: 1200px) {
    .section-book-assessment .column-form h2 {
      font-size: 1.875rem;
    }
  }
.section-book-assessment .column-form h2{
  margin-bottom: 0.75rem;
  line-height: 1;
  margin-top: 48px;
}
.section-book-assessment .column-form form {
  margin-top: 2rem !important;
}
@media (min-width: 1024px) {
  .section-book-assessment .column-form{
    margin-top: 0px;
    width: 50%;
    padding-left: 2.25rem;
  }
}
@media (min-width: 1696px) {
  .section-book-assessment .column-form{
    width: 41.666667%;
    padding-left: 77px;
  }
}
.section-book-assessment .installation-container {
  background-color: #e0dbd5;
  margin-top: 5rem;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.section-book-assessment .installation-container h1 {
    font-family: "tiller", sans-serif;
    letter-spacing: -0.03em;
    font-weight: 600;
    font-size: calc(1.4375rem + 2.25vw);
  }
@media (min-width: 1200px) {
    .section-book-assessment .installation-container h1 {
      font-size: 3.125rem;
    }
  }
.section-book-assessment .installation-container h1{
  margin-bottom: 0.75rem;
  line-height: 1;
}
.section-book-assessment .installation-container .column{
  width: 100%;
}
@media (min-width: 1696px) {
  .section-book-assessment .installation-container .column{
    padding-left: 8.333333%;
    padding-right: 8.333333%;
  }
}
.section-book-assessment .installation-container .blocks .block h2 {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25rem;
    letter-spacing: 0.1em;
  margin-top: 2rem;
  margin-bottom: 5px;
  }
@media (min-width: 1024px) {
  .section-book-assessment .installation-container .blocks {
    display: flex;
    gap: 2rem;
  }
}
.section-book-assessment .installation-container .btn-wrapper {
  display: flex;
  justify-content: flex-start;
  margin-top: 2rem;
}

.section-additional{
  z-index: 1;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
}
.section-additional .row{
  position: relative;
  flex-direction: column;
  flex-wrap: nowrap;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 1024px) {
  .section-additional .row{
    flex-direction: row;
  }
}
.section-additional .services-callout{
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
  background-image: url("/dist/images/texture-bg-2.png");
  background-repeat: repeat;
  background-position: center center;
  color: #f2ece6;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
  text-align: center;
}
@media (min-width: 1024px) {
  .section-additional .services-callout{
    width: 50vw;
  }
}
.section-additional .services-callout .column{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 640px) {
  .section-additional .services-callout .column{
    max-width: 459px;
  }
}
@media (min-width: 1024px) {
  .section-additional .services-callout .column{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.section-additional .services-callout h3{
  margin-top: 1.75rem;
  margin-bottom: 0.75rem;
  font-size: 30px;
  line-height: 1;
}
.section-additional .services-callout a {
    font-family: "tiller", sans-serif;
    font-weight: 600;
    margin-top: 1.5rem;
    font-size: 30px;
  letter-spacing: 0;
  }
.section-additional .sections{
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .section-additional .sections{
    width: 50vw;
  }
}
.section-additional .swiper-scrollbar{
  left: 0px;
  height: 3px;
  width: 100%;
  border-radius: 0px;
  background-color: rgb(224 219 213 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.75;
}
.section-additional .swiper-scrollbar .swiper-scrollbar-drag{
  height: 100%;
  border-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(229 86 57 / var(--tw-bg-opacity, 1));
}

.section-resources{
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
  padding-bottom: 5rem;
  padding-top: 4rem;
}
body.kaingaOra .section-resources{
  padding-top: 0px;
}
body.kaingaOra .section-resources .column-heading{
  padding-top: 0px;
}
body.kaingaOra .section-resources .row-downloads{
  border-bottom-width: 0px;
}
body.kaingaOra .section-resources .row-downloads:after{
  display: none;
}
.section-resources h1 {
    font-family: "tiller", "ss-head", sans-serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    margin-bottom: 1rem;
    line-height: 1;
  font-size: 35px;
  }
@media (min-width: 1024px) {
  .section-resources h1 {
    font-size: calc(1.4375rem + 2.25vw);
  }
  @media (min-width: 1200px) {
    .section-resources h1 {
      font-size: 3.125rem;
    }
  }
}
.section-resources h2 {
    font-family: "ss-bold", sans-serif;
    font-size: calc(1.2625rem + 0.15vw);
  }
@media (min-width: 1200px) {
    .section-resources h2 {
      font-size: 1.375rem;
    }
  }
.section-resources h2{
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(229 86 57 / var(--tw-border-opacity, 1));
  padding-bottom: 0.5rem;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.1em;
}
.section-resources .row-downloads,
.section-resources .row-videos{
  position: relative;
  align-items: flex-start;
  padding-bottom: 72px;
}
.section-resources .row-downloads:after,
.section-resources .row-videos:after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100vw;
  --tw-bg-opacity: 1;
  background-color: rgb(224 219 213 / var(--tw-bg-opacity, 1));
}
@media (min-width: 1920px) {
  .section-resources .row-downloads:after,
  .section-resources .row-videos:after {
    left: calc((100vw - 1920px) / -2);
  }
}
.section-resources .column-heading{
  width: auto;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 1696px) {
  .section-resources .column-heading{
    margin-left: 8.333333%;
    width: auto;
    padding-top: 72px;
  }
}
.section-resources .column-intro{
  width: 100%;
  padding-bottom: 3rem;
}
@media (min-width: 1024px) {
  .section-resources .column-intro{
    width: 50%;
  }
}
@media (min-width: 1696px) {
  .section-resources .column-intro{
    margin-left: 8.333333%;
    width: 33.333333%;
    padding-right: 4rem;
  }
}
.section-resources .column-intro .description{
  max-width: 600px;
}
.section-resources .column-brochure{
  position: relative;
  display: flex;
  width: 100%;
  padding-bottom: 3rem;
}
@media (min-width: 1024px) {
  .section-resources .column-brochure{
    width: 50%;
    padding-bottom: 0px;
  }
}
@media (min-width: 1280px) {
  .section-resources .column-brochure{
    width: 33.333333%;
  }
}
@media (min-width: 1696px) {
  .section-resources .column-brochure{
    margin-left: 8.333333%;
    width: 25%;
  }
}
.section-resources .column-brochure picture{
  flex-shrink: 0;
}
.section-resources .column-brochure > div{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 1.5rem;
}
.section-resources .column-brochure > div .heading {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  }
.section-resources .column-brochure > div .download{
  display: flex;
  align-items: center;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.section-resources .column-brochure > div .download svg{
  margin-right: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
}
.section-resources .column-brochure:hover > div .heading,
.section-resources .column-brochure:hover > div .download{
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
}
.section-resources .column-resources{
  display: flex;
  width: 100%;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .section-resources .column-resources{
    width: 50%;
    padding-bottom: 3rem;
  }
}
@media (min-width: 1280px) {
  .section-resources .column-resources{
    width: 66.666667%;
  }
}
@media (min-width: 1696px) {
  .section-resources .column-resources{
    width: 58.333333%;
    padding-left: 72px;
  }
}
.section-resources .column-resources a{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(142 138 136 / var(--tw-border-opacity, 1));
  background-color: rgb(224 219 213 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.section-resources .column-resources a:last-child{
  border-bottom-width: 1px;
}
.section-resources .column-resources a svg{
  margin-right: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.section-resources .column-resources a:hover{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
.section-resources .column-resources a:hover svg{
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
}
.section-resources .column-videos{
  display: flex;
  width: 100%;
  flex-direction: column;
}
@media (min-width: 1696px) {
  .section-resources .column-videos{
    margin-left: 8.333333%;
    width: 83.333333%;
  }
}
.section-resources .column-videos .video-grid{
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 3rem;
}
@media (min-width: 640px) {
  .section-resources .column-videos .video-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: 1.75rem;
         column-gap: 1.75rem;
  }
}
@media (min-width: 1024px) {
  .section-resources .column-videos .video-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1696px) {
  .section-resources .column-videos .video-grid{
    -moz-column-gap: 96px;
         column-gap: 96px;
    row-gap: 3rem;
  }
}
.section-resources .column-videos .video-grid > div{
  position: relative;
}
.section-resources .column-videos .video-grid > div .heading{
  margin-top: 1rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.section-resources .column-videos .video-grid > div:hover .heading{
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
}
.section-resources .column-parts{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 1024px) {
  .section-resources .column-parts{
    width: 50%;
    padding-bottom: 3rem;
  }
}
@media (min-width: 1696px) {
  .section-resources .column-parts{
    margin-left: 8.333333%;
    width: 25%;
  }
}
.section-resources .column-parts a{
  margin-top: 3rem;
}
@media (min-width: 1280px) {
  .section-resources .column-parts a{
    margin-top: 110px;
  }
}
.section-resources .column-products{
  display: flex;
  width: 100%;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .section-resources .column-products{
    width: 50%;
    padding-bottom: 3rem;
  }
}
@media (min-width: 1696px) {
  .section-resources .column-products{
    width: 58.333333%;
    padding-left: 72px;
  }
}
.section-resources .column-products .products-grid{
  margin-top: 3rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 3rem;
}
@media (min-width: 640px) {
  .section-resources .column-products .products-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .section-resources .column-products .products-grid{
    margin-top: 0px;
  }
}
@media (min-width: 1696px) {
  .section-resources .column-products .products-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4rem;
  }
}

.section-shop{
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
  padding-bottom: 5rem;
  padding-top: 4rem;
}
.section-shop h1 {
    font-family: "tiller", "ss-head", sans-serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    margin-bottom: 1rem;
    line-height: 1;
  font-size: 35px;
  }
@media (min-width: 1024px) {
  .section-shop h1 {
    font-size: calc(1.4375rem + 2.25vw);
  }
  @media (min-width: 1200px) {
    .section-shop h1 {
      font-size: 3.125rem;
    }
  }
}
.section-shop .row{
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
@media (min-width: 1280px) {
  .section-shop .row{
    flex-direction: row;
  }
}
.section-shop .row.with-filters{
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
  align-items: flex-start;
}
@media (min-width: 1280px) {
  .section-shop .row.with-filters{
    margin-bottom: 5rem;
    align-items: flex-end;
  }
}
.section-shop .column-categories{
  width: 100%;
}
@media (min-width: 1280px) {
  .section-shop .column-categories{
    width: 41.666667%;
  }
}
.section-shop .column-categories .filters{
  margin-bottom: 0px;
  width: 100%;
  flex-wrap: wrap;
}
@media (min-width: 1280px) {
  .section-shop .column-categories .filters{
    flex-wrap: nowrap;
  }
}
.section-shop .column-sort{
  margin-top: 1.5rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .section-shop .column-sort{
    width: 50%;
  }
}
@media (min-width: 1280px) {
  .section-shop .column-sort{
    margin-top: 0px;
    width: 25%;
    flex-direction: column-reverse;
    align-items: flex-end;
  }
}
.section-shop .column-sort select{
  height: 2.5rem;
  width: 100%;
  max-width: 207px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(142 138 136 / var(--tw-border-opacity, 1));
  background-color: transparent;
  background-repeat: no-repeat;
  padding-left: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
  background-position: 94% center;
  background-size: 9px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14.24" height="8.793" viewBox="0 0 14.24 8.793"><defs><clipPath id="clip-path"><path id="Path_7822" data-name="Path 7822" d="M106.263-1176l-1.673,1.673,5.435,5.447-5.435,5.446,1.673,1.674,7.12-7.12Z" transform="translate(-104.59 1176)" fill="none" clip-rule="evenodd"/></clipPath><clipPath id="clip-path-2"><path id="Path_7821" data-name="Path 7821" d="M-48-1021.684H550.07V-1278H-48Z" transform="translate(48 1278)" fill="none"/></clipPath></defs><g id="Group_5968" data-name="Group 5968" transform="translate(14.24) rotate(90)" clip-path="url(%23clip-path)"><g id="Group_5967" data-name="Group 5967" transform="translate(-181.07 -121.038)" clip-path="url(%23clip-path-2)"><path id="Path_7820" data-name="Path 7820" d="M99.59-1154.894h20.66V-1181H99.59Z" transform="translate(75.547 1296.105)"/></g></g></svg>');
}
.section-shop .column-sort select:focus {
  outline: 0px none transparent;
}
.section-shop .column-sort span{
  margin-bottom: 0.625rem;
  text-align: right;
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
@media (min-width: 1280px) {
  .section-shop .column-sort span{
    margin-bottom: 1.5rem;
  }
}
.section-shop .column-sort form{
  margin-bottom: 1.5rem;
  display: flex;
  width: 100%;
}
@media (min-width: 1280px) {
  .section-shop .column-sort form{
    margin-bottom: 0px;
  }
}
.section-shop .column-sort input{
  height: 2.5rem;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0px;
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(142 138 136 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  letter-spacing: -0.025em;
}
.section-shop .column-sort input::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.section-shop .column-sort input::placeholder{
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.section-shop .column-sort input:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
.section-shop .column-sort input:focus::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.section-shop .column-sort input:focus::placeholder{
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.section-shop .column-sort button{
  display: flex;
  height: 100%;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}
.section-shop .column-sort .btn-wrapper{
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(142 138 136 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(242 236 230 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.section-shop .column-sort .btn-wrapper:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
}
.section-shop .column-filter{
  width: 100%;
}
@media (min-width: 1280px) {
  .section-shop .column-filter{
    position: sticky;
    top: 3rem;
    max-height: 100vh;
    width: 33.333333%;
    overflow: auto;
  }
}
.section-shop .column-filter .filter-block{
  --tw-bg-opacity: 1;
  background-color: rgb(224 219 213 / var(--tw-bg-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 2.5rem;
}
@media (min-width: 768px) {
  .section-shop .column-filter .filter-block{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 1280px) {
  .section-shop .column-filter .filter-block{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 3rem;
  }
}
@media (min-width: 1696px) {
  .section-shop .column-filter .filter-block{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.section-shop .column-filter .filter-block:last-child{
  padding-bottom: 2.5rem;
}
@media (min-width: 1280px) {
  .section-shop .column-filter .filter-block:last-child{
    padding-bottom: 3rem;
  }
}
.section-shop .column-filter .heading {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    margin-bottom: 0.125rem;
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0.1em;
  }
.section-shop .column-filter .options{
  margin-top: 30px;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media (min-width: 1280px) {
  .section-shop .column-filter .options{
    flex-direction: column;
  }
}
@media (min-width: 1696px) {
  .section-shop .column-filter .options{
    flex-direction: row;
  }
}
.section-shop .column-filter .options .subheading {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
   supported by Chrome, Edge, Opera and Firefox */ margin-bottom: 0.5rem; display: flex; width: 100%; cursor: pointer; align-items: center; justify-content: space-between; --tw-text-opacity: 1; color: rgb(64 61 61 / var(--tw-text-opacity, 1));
  }
.section-shop .column-filter .options .subheading:after {
  content: "+";
    font-size: calc(1.2875rem + 0.45vw);
}
@media (min-width: 1200px) {
    .section-shop .column-filter .options .subheading:after {
      font-size: 1.625rem;
    }
  }
.section-shop .column-filter .options .subheading:after{
  line-height: 1;
}
.section-shop .column-filter .options .subheading.open:after, .section-shop .column-filter .options .subheading.open-init:after {
  content: "-";
}
.section-shop .column-filter .options .subheading.open + .columns, .section-shop .column-filter .options .subheading.open-init + .columns{
  display: flex;
}
.section-shop .column-filter .options .columns{
  display: none;
  width: 100%;
  flex-direction: column;
}
@media (min-width: 480px) {
  .section-shop .column-filter .options .columns{
    flex-direction: row;
  }
}
@media (min-width: 1280px) {
  .section-shop .column-filter .options .columns{
    flex-direction: column;
  }
}
@media (min-width: 1696px) {
  .section-shop .column-filter .options .columns{
    flex-direction: row;
  }
}
.section-shop .column-filter .options button {
    font-size: 0.875rem;
    position: relative;
    display: flex;
    align-items: center;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(142 138 136 / var(--tw-border-opacity, 1));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: left;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(142 138 136 / var(--tw-text-opacity, 1));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  }
@media (min-width: 640px) {
  .section-shop .column-filter .options button {
    font-size: 1rem;
  }
}
.section-shop .column-filter .options button:last-child{
  border-bottom-width: 1px;
}
.section-shop .column-filter .options button:hover{
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
.section-shop .column-filter .options button svg{
  margin-right: 0.75rem;
  flex-shrink: 0;
}
.section-shop .column-filter .options button svg.checkbox-active{
  position: absolute;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.section-shop .column-filter .options button.active svg.checkbox-active{
  opacity: 1;
}
.section-shop .column-filter .options .col{
  display: flex;
  width: 100%;
  flex-direction: column;
}
@media (min-width: 480px) {
  .section-shop .column-filter .options .col{
    width: 50%;
  }
}
@media (min-width: 1280px) {
  .section-shop .column-filter .options .col{
    width: 100%;
  }
}
@media (min-width: 1696px) {
  .section-shop .column-filter .options .col{
    width: 50%;
  }
}
.section-shop .column-filter .options .col.col-left{
  padding-right: 0px;
}
@media (min-width: 480px) {
  .section-shop .column-filter .options .col.col-left{
    padding-right: 0.75rem;
  }
}
@media (min-width: 1280px) {
  .section-shop .column-filter .options .col.col-left{
    padding-right: 0.25rem;
  }
}
@media (min-width: 1696px) {
  .section-shop .column-filter .options .col.col-left{
    padding-right: 0.75rem;
  }
}
.section-shop .column-filter .options .col.col-right{
  margin-top: -1px;
  padding-left: 0px;
}
@media (min-width: 480px) {
  .section-shop .column-filter .options .col.col-right{
    margin-top: 0px;
    padding-left: 0.75rem;
  }
}
@media (min-width: 1280px) {
  .section-shop .column-filter .options .col.col-right{
    margin-top: -1px;
    padding-left: 0px;
  }
}
@media (min-width: 1696px) {
  .section-shop .column-filter .options .col.col-right{
    margin-top: 0px;
    padding-left: 0.75rem;
  }
}
.section-shop .column-filter .results {
    font-size: 0.75rem;
    display: flex;
    --tw-text-opacity: 1;
    color: rgb(142 138 136 / var(--tw-text-opacity, 1));
  }
.section-shop .column-filter .clear-filters{
  margin-left: 1rem;
  display: flex;
  cursor: pointer;
  align-items: center;
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.section-shop .column-filter .clear-filters.show{
  opacity: 1;
}
.section-shop .column-filter .clear-filters:after {
  content: "×";
  margin-left: 0.75rem;
}
.section-shop .column-filter .clear-filters:hover{
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
.section-shop .column-products{
  position: relative;
  margin-top: 1.5rem;
  width: 100%;
}
@media (min-width: 1280px) {
  .section-shop .column-products{
    margin-top: 0px;
    width: 66.666667%;
  }
}
.section-shop .column-products .product-grid,
.section-shop .column-products #productsGrid{
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}
@media (min-width: 640px) {
  .section-shop .column-products .product-grid,
  .section-shop .column-products #productsGrid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .section-shop .column-products .product-grid,
  .section-shop .column-products #productsGrid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
    row-gap: 2.5rem;
  }
}
@media (min-width: 1696px) {
  .section-shop .column-products .product-grid,
  .section-shop .column-products #productsGrid{
    grid-template-columns: repeat(4, minmax(0, 1fr));
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
    row-gap: 60px;
  }
}
.section-shop .load-more-row{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {
  .section-shop .load-more-row{
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
@media (min-width: 1024px) {
  .section-shop .load-more-row{
    grid-column-start: 1;
    grid-column-end: 4;
  }
}
@media (min-width: 1696px) {
  .section-shop .load-more-row{
    grid-column-start: 1;
    grid-column-end: 5;
  }
}
.section-shop .load-more-row .btn{
  margin-top: 1.5rem;
  cursor: pointer;
}
.section-shop .products-loader{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 60;
  height: 100%;
  width: 100%;
  background-color: rgb(224 219 213 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.4;
}
.section-shop .products-loader:after {
  content: "Loading . . .";
    font-size: 1.25rem;
    display: flex;
    justify-content: center;
    padding-top: 2.5rem;
    --tw-text-opacity: 1;
    color: rgb(229 86 57 / var(--tw-text-opacity, 1));
}

.section-product{
  --tw-bg-opacity: 1;
  background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
  padding-bottom: 5rem;
  padding-top: 1.5rem;
}
.section-product .row{
  flex-direction: column-reverse;
  align-items: flex-start;
  justify-content: center;
}
@media (min-width: 1024px) {
  .section-product .row{
    flex-direction: row;
  }
}
.section-product .column-breadcrumbs{
  margin-bottom: 4rem;
  display: flex;
  width: 100%;
  justify-content: flex-start;
}
.section-product .column-breadcrumbs a{
  display: flex;
  align-items: center;
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.section-product .column-breadcrumbs a svg{
  margin-right: 0.5rem;
  margin-bottom: -0.125rem;
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.section-product .column-breadcrumbs a span{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.section-product .column-breadcrumbs a:hover svg{
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
}
.section-product .column-breadcrumbs a:hover span{
  --tw-text-opacity: 1;
  color: rgb(64 61 61 / var(--tw-text-opacity, 1));
}
.section-product .column-product{
  display: flex;
  width: 100%;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .section-product .column-product{
    position: sticky;
    top: 0px;
    width: 50%;
  }
}
@media (min-width: 1696px) {
  .section-product .column-product{
    width: 33.333333%;
  }
}
.section-product .column-gallery{
  display: flex;
  width: 100%;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .section-product .column-gallery{
    position: sticky;
    top: 0px;
    width: 50%;
  }
}
@media (min-width: 1696px) {
  .section-product .column-gallery{
    width: 33.333333%;
  }
}
.section-product .column-gallery img{
  margin-bottom: 2.5rem;
}
@media (min-width: 1024px) {
  .section-product .column-gallery img{
    margin-bottom: 0.75rem;
  }
}
.section-product .sku{
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(142 138 136 / var(--tw-text-opacity, 1));
}
.section-product h1 {
    font-family: "tiller", "ss-head", sans-serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    margin-bottom: 0.75rem;
    line-height: 1;
  font-size: 35px;
  }
@media (min-width: 1024px) {
  .section-product h1 {
    font-size: calc(1.4375rem + 2.25vw);
  }
  @media (min-width: 1200px) {
    .section-product h1 {
      font-size: 3.125rem;
    }
  }
}
.section-product .price {
    font-size: calc(1.375rem + 1.5vw);
  }
@media (min-width: 1200px) {
    .section-product .price {
      font-size: 2.5rem;
    }
  }
.section-product .price{
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}
.section-product iframe {
  aspect-ratio: 16/9;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.section-product .cart-btn .placeholder{
  pointer-events: none;
  position: absolute;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 400ms;
  transition-duration: 1000ms;
}
.section-product .cart-btn.shopify-buy-frame .placeholder{
  opacity: 0;
}
.section-product .cart-btn iframe{
  margin-top: 0px;
  margin-bottom: 0px;
}

.product-card{
  display: flex;
  flex-direction: column;
}
.product-card .image{
  position: relative;
  margin-bottom: 0.75rem;
}
.product-card .image img {
    font-size: 0;
    height: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(224 219 213 / var(--tw-bg-opacity, 1));
    -o-object-fit: cover;
       object-fit: cover;
  aspect-ratio: 1/1;
  }
.product-card .info{
  position: relative;
  display: flex;
  flex-direction: column;
}
.product-card .cart-btn{
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 60;
  width: 48px;
  overflow: hidden;
}
.product-card .sku {
    font-size: 0.75rem;
    margin-bottom: 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    --tw-text-opacity: 1;
    color: rgb(142 138 136 / var(--tw-text-opacity, 1));
  }
.product-card .heading {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    margin-bottom: 0.25rem;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0.1em;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  }
.product-card .price {
    font-size: 1rem;
  }
.product-card:hover .heading{
  --tw-text-opacity: 1;
  color: rgb(229 86 57 / var(--tw-text-opacity, 1));
}

.shopify-buy-frame:not(.shopify-buy-cart-wrapper):not(.cart-btn){
  transform: none;
  top: auto !important;
  right: -9px !important;
  bottom: 89px !important;
}
@media (min-width: 1024px) {
  .shopify-buy-frame:not(.shopify-buy-cart-wrapper):not(.cart-btn) {
    bottom: 100px !important;
    right: 20px !important;
  }
}

html {
    font-size: 1rem;
  overscroll-behavior: none;
  scroll-behavior: smooth;
  }
html ::-moz-selection{
  --tw-bg-opacity: 1;
  background-color: rgb(229 86 57 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
html ::-webkit-selection{
  --tw-bg-opacity: 1;
  background-color: rgb(229 86 57 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
html ::selection{
  --tw-bg-opacity: 1;
  background-color: rgb(229 86 57 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

body {
    font-family: "ss-regular", sans-serif;
    letter-spacing: 0.725px;
    font-size: 1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    overflow-x: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(242 236 230 / var(--tw-bg-opacity, 1));
    line-height: 1.375;
    --tw-text-opacity: 1;
    color: rgb(64 61 61 / var(--tw-text-opacity, 1));
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 100ms;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  overscroll-behavior: none;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-font-feature-settings: "kern" 1;
  -o-font-feature-settings: "kern" 1;
  font-feature-settings: "kern" 1;
  font-kerning: normal;
  text-rendering: optimizeLegibility;
  }
body.loaded {
  opacity: 1 !important;
}
body .backdrop{
  pointer-events: none;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 40;
  height: 100%;
  width: 100vw;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.4;
  opacity: 0;
  --tw-backdrop-blur: blur(12px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 100ms;
  transition-duration: 300ms;
}
body.mobile-menu-open, body.mobile-calc-open, body.desktop-calc-open{
  overflow: hidden;
}
body.mobile-menu-open .backdrop, body.mobile-calc-open .backdrop, body.desktop-calc-open .backdrop{
  pointer-events: auto;
  opacity: 1;
  transition-delay: 0ms;
}

main{
  position: relative;
  z-index: 10;
  width: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: linear;
  margin-top: var(--header-height);
}
body.menuOpened main{
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 768px){
  body.menuOpened main{
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
body.homepage main{
  margin-top: 0px;
}
@media (min-width: 1280px) {
  main{
    transform: none;
  }
}
main.dark{
  --tw-bg-opacity: 1;
  background-color: rgb(64 61 61 / var(--tw-bg-opacity, 1));
}

.container {
  max-width: 100%;
}
@media (min-width: 1920px) {
  .container {
    max-width: 1920px;
  }
  .container-fluid {
    max-width: 100%;
  }
}

.overlay-link {
    font-size: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 50;
    height: 100%;
    width: 100%;
  }

img,
svg,
iframe,
table{
  height: -moz-fit-content;
  height: fit-content;
  max-height: 100%;
  max-width: 100%;
}

svg{
  height: auto;
}

iframe{
  height: 100%;
  width: 100%;
}

@media (min-width: 1280px) {
  .fade-in{
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 200ms;
    transition-duration: 600ms;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    will-change: transform;
  }
  .fade-in[data-scroll=out]{
    --tw-translate-y: 6rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0;
  }
  .fade-in[data-scroll=in]{
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
  }
}
img {
    font-family: "tiller", sans-serif;
    letter-spacing: -0.03em;
    font-weight: 600;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

.rellax,
.rellax-horizontal {
    will-change: transform;
    position: relative;
  }
.rellax:before,
.rellax-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  display: block;
  height: 100%;
  width: 100%;
}
.section-book-assessment .column-info .rellax:before,.section-book-assessment .column-info 
.rellax-horizontal:before {
  margin-top: 48px;
}
.section-book-assessment .installation-container .blocks .rellax h2:before,.section-book-assessment .installation-container .blocks 
.rellax-horizontal h2:before {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25rem;
    letter-spacing: 0.1em;
  margin-top: 2rem;
  margin-bottom: 5px;
  }
.rellax:before,
.rellax-horizontal:before {
  transform: translate3d(0, 0, 0);
}

@media (max-width: 1279px) {
  .rellax,
  .rellax-horizontal {
    transform: translate3d(0, 0, 0) !important;
  }
}
.openTidio {
    font-family: "ss-bold", sans-serif;
    font-size: 1rem;
    position: fixed;
    bottom: 1.25rem;
    right: -9px;
    z-index: 50;
    display: flex;
    height: 60px;
    width: 70px;
    align-items: center;
    justify-content: flex-end;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(229 86 57 / var(--tw-bg-opacity, 1));
    padding-left: 25px;
    padding-right: 25px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    --tw-text-opacity: 1;
    color: rgb(242 236 230 / var(--tw-text-opacity, 1));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  }
@media (min-width: 1024px) {
  .openTidio{
    right: 1.25rem;
  }
}
.openTidio svg{
  margin-left: 0.75rem;
  flex-shrink: 0;
}
.openTidio span{
  white-space: nowrap;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.openTidio:hover{
  width: 200px;
}
.openTidio:hover span{
  opacity: 1;
}

#tidio-chat {
  z-index: 9999999999;
}

/*# sourceMappingURL=app.css.map*/