/**
 * Settings.
 */
/**
 * Settings.
 */
/**
 * Font family map.
 */
/**
 * Font size map.
 */
/**
 * Line height map.
 */
/**
* Mobile.
**/
/**
 * Font size map.
 */
/**
 * Line height map.
 */
/**
 * Color Map (https://convertacolor.com/).
 */
/**
 * Colors Variables.
 */
/**
 * Grid.
 */
/**
 * Assets.
 */
/**
 * Body.
 */
/**
 * Other.
 */
@import '../../node_modules/keen-slider/keen-slider.min.css';
@import '../../node_modules/photoswipe/dist/photoswipe.css';
*::selection {
  background-color: hsl(0, 0%, 0%);
  color: hsl(0, 0%, 100%);
}

/**
 * Responsive.
 */
/**
 * Vendor.
 */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/**
 * Tools.
 */
/**
 * Tools.
 */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/**
 * Container
 * 
 * Center aligns element with given maximum width, padding, and margins top and bottom.
 * @param {String} $width - Pixel unit value.
 * @param {String} $gap - Pixel unit value.
 * @example @include container(1024px, 20px);
 */
/**
 * Section
 *
 * Add top and bottom spacing to element using paddings.
 * @param {String} $top - Pixel unit value.
 * @param {String} $bottom - Pixel unit value.
 * @example @include section(100px, 100px);
 */
/**
 * Media.
 *
 * Media queries according to "The 100% Correct Way To Do CSS Breakpoints" (https://medium.freecodecamp.com/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862).
 * @param {String} $breakpoint - Breakpoint pixel unit value.
 * @example @include media('phone') {}
 */
/**
 * Elements.
 */
/**
 * General.
 */
/**
 * Remove margin and padding from every selector including their
 * psuedo selectors.
 *
 * 1. More sensible default box sizing.
 *    (css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice).
 */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: inherit; /* 1 */
}

/**
 * Set height of the document to maxium viewport height.
 *
 * 1. Set root font size to 10.
 */
html {
  height: 100vh;
  font-size: 62.5%; /* 1 */
  box-sizing: border-box;
}

/**
 * Set minimal height of the body to maximum viewport height to
 * match the document's height.
 *
 * 1. Firefox 25+.
 * 2. Chrome 5+.
 */
body {
  min-height: 100vh;
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 0%);
  font-family: "Degular";
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale; /* 1 */
  -webkit-font-smoothing: antialiased; /* 2 */
}

/**
 * Custom user agent resets and overrides that are not present in
 * Normalize 8.0.0. This mostly removes some annoying margin and padding
 * defaults, border radius, and outlines.
 */
a {
  color: inherit;
  text-decoration: none;
}

/**
 * 1. Remove border radius on Chrome 62.0+ on macOS.
 */
button {
  border: 0;
  border-radius: 0; /* 1 */
  outline: none;
  background: none;
  cursor: pointer;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

figure {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
.team-member__name,
h6 {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
}

hr {
  margin: 0;
  padding: 0;
}

/**
 * 1. Remove white space.
 */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle; /* 1 */
}

/**
 * 1. Remove inherited user agent appearance.
 */
input,
select,
textarea {
  max-width: 100%;
  border: 0;
  border-radius: 0;
  outline: none;
  appearance: none; /* 1 */
}

/**
 * 1. Only allow vertical resizing to prevent the textarea
 *    from overflowing the container.
 */
textarea {
  resize: vertical;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

p {
  margin: 0;
}

/**
 * 1. Collapse borders to prevent double sided borders.
 */
table {
  max-width: 100%;
  border-collapse: collapse; /* 1 */
}

strong {
  font-weight: 700;
}

@keyframes bp-fadein {
  from {
    opacity: 0.01;
  }
  to {
    opacity: 1;
  }
}
@keyframes bp-bar {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes bp-o {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.bp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  /* If you're mounting on a portion of the screen and need visible
  overflow on .bp-wrap, change contain to "layout" on that instance */
  contain: strict;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
}
.bp-wrap > div:first-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  animation: bp-fadein 0.48s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.bp-vid audio {
  position: absolute;
  left: 14px;
  width: calc(100% - 28px);
  bottom: 14px;
  height: 50px;
}

.bp-inner {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
}

.bp-html {
  display: contents;
}
.bp-html > :first-child {
  margin: auto;
}

.bp-img-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  contain: strict;
}
.bp-img-wrap .bp-canzoom {
  cursor: zoom-in;
}
.bp-img-wrap .bp-drag {
  cursor: grabbing;
}

.bp-close {
  contain: layout size;
}

.bp-img {
  position: absolute;
  top: 50%;
  left: 50%;
  user-select: none;
  background-size: 100% 100%;
}
.bp-img img,
.bp-img div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bp-img .bp-o {
  display: none;
}

.bp-zoomed .bp-img:not(.bp-drag) {
  cursor: grab;
}
.bp-zoomed .bp-cap {
  opacity: 0;
  animation: none !important;
}

.bp-zoomed.bp-small .bp-controls {
  opacity: 0;
}
.bp-zoomed.bp-small .bp-controls button {
  pointer-events: none;
}

.bp-controls {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  text-align: left;
  transition: opacity 0.3s;
  animation: bp-fadein 0.3s;
}
.bp-controls button {
  pointer-events: auto;
  cursor: pointer;
  position: absolute;
  border: 0;
  background: rgba(0, 0, 0, 0.15);
  opacity: 0.9;
  transition: all 0.1s;
  contain: content;
}
.bp-controls button:hover {
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 1;
}
.bp-controls svg {
  fill: #fff;
}

.bp-count {
  position: absolute;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1;
  margin: 16px;
  height: 50px;
  width: 100px;
}

.bp-prev,
.bp-next {
  top: 50%;
  right: 0;
  margin-top: -32px;
  height: 64px;
  width: 58px;
  border-radius: 3px 0 0 3px;
}
.bp-prev:hover:before,
.bp-next:hover:before {
  transform: translateX(-2px);
}
.bp-prev:before,
.bp-next:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z'/%3E%3C/svg%3E");
  position: absolute;
  left: 7px;
  top: 9px;
  width: 46px;
  transition: all 0.2s;
}

.bp-prev {
  right: auto;
  left: 0;
  transform: scalex(-1);
}

.bp-x {
  top: 0;
  right: 0;
  height: 55px;
  width: 58px;
  border-radius: 0 0 0 3px;
}
.bp-x:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23fff'%3E%3Cpath d='M24 10l-2-2-6 6-6-6-2 2 6 6-6 6 2 2 6-6 6 6 2-2-6-6z'/%3E%3C/svg%3E");
  position: absolute;
  width: 37px;
  top: 8px;
  right: 10px;
}

.bp-if,
.bp-vid {
  position: relative;
  margin: auto;
  background: #000;
  background-size: 100% 100%;
}
.bp-if iframe,
.bp-if video,
.bp-if div,
.bp-vid iframe,
.bp-vid video,
.bp-vid div {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border: 0;
}

.bp-load {
  display: flex;
  background-size: 100% 100%;
  overflow: hidden;
  z-index: 1;
}

.bp-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  width: 100%;
  transform: translateX(-100%);
  background: rgba(255, 255, 255, 0.9);
  border-radius: 0 3px 3px 0;
  animation: bp-bar 4s both;
}

.bp-o,
.bp-o:after {
  border-radius: 50%;
  width: 90px;
  height: 90px;
}

.bp-o {
  margin: auto;
  border: 10px solid rgba(255, 255, 255, 0.2);
  border-left-color: rgba(255, 255, 255, 0.9);
  animation: bp-o 1s infinite linear;
}

.bp-cap {
  position: absolute;
  bottom: 2%;
  background: rgba(9, 9, 9, 0.8);
  color: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  max-width: 95%;
  line-height: 1.3;
  padding: 0.6em 1.2em;
  left: 50%;
  transform: translateX(-50%);
  width: fit-content;
  width: -moz-fit-content;
  display: table;
  transition: opacity 0.3s;
  animation: bp-fadein 0.2s;
}
.bp-cap a {
  color: inherit;
}

.bp-inline {
  position: absolute;
}

.bp-lock {
  overflow-y: hidden;
}
.bp-lock body {
  overflow: scroll;
}

.bp-noclose .bp-x {
  display: none;
}
.bp-noclose:not(.bp-zoomed) {
  touch-action: pan-y;
}
.bp-noclose:not(.bp-zoomed) .bp-img-wrap {
  cursor: zoom-in;
}

@media (prefers-reduced-motion) {
  .bp-wrap * {
    animation-duration: 0s !important;
  }
}
@media (max-width: 500px) {
  .bp-x {
    height: 47px;
    width: 47px;
  }
  .bp-x:before {
    width: 34px;
    top: 6px;
    right: 6px;
  }
  .bp-prev,
  .bp-next {
    margin-top: -27px;
    height: 54px;
    width: 45px;
  }
  .bp-prev:before,
  .bp-next:before {
    top: 7px;
    left: 2px;
    width: 43px;
  }
  .bp-o,
  .bp-o:after {
    border-width: 6px;
    width: 60px;
    height: 60px;
  }
  .bp-count {
    margin: 12px 10px;
  }
}
/**
 * Objects.
 */
.button {
  font-size: 16px;
  line-height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 10px 10px;
  border-radius: 10px;
  text-decoration: none;
  transition: all 250ms ease;
  cursor: pointer;
  font-weight: 600;
}
.button svg {
  width: 21px;
  height: 20px;
}
.button.has-svg-right svg {
  margin-left: 10px;
}
.button.has-svg-left svg {
  margin-right: 10px;
}

/**
 * Button (primary).
 */
.button--primary {
  font-size: 16px;
  line-height: 24px;
  color: #1c1c1c;
  background-color: hsl(29, 21%, 79%);
  border-radius: 1000px;
  transition: background-color 0.3s ease-in-out;
}
.button--primary svg {
  transition: transform 0.3s ease-in-out;
  width: 15px;
  height: 12px;
}
.button--primary:hover {
  background-color: hsl(29, 11%, 61%) !important;
}
.button--primary:hover svg {
  transform: translateX(4px);
}

/**
 * Button (secondary).
 */
.button--secondary {
  font-size: 16px;
  line-height: 24px;
  color: hsl(110, 100%, 10%);
  background-color: hsl(29, 21%, 79%);
  border-radius: 1000px;
}
.button--secondary .icon,
.button--secondary svg,
.button--secondary i {
  width: 16px;
  height: 16px;
}
.button--secondary:hover {
  background-color: hsl(0, 0%, 0%);
  color: hsl(0, 0%, 100%);
}

/**
 * Every conceivable HTML element within a `.cms-output` wrapper.
 *
 * 1. Exclude last childs.
 */
.cms-output p:not(:last-child) {
  margin-bottom: 2em;
}
.cms-output h2,
.cms-output h3,
.cms-output h4 {
  margin-bottom: 30px;
}
.cms-output h5, .cms-output .team-member__name {
  margin-bottom: 20px;
}
.cms-output .is-intro {
  font-size: 20px;
  line-height: 32px;
  font-weight: 700;
}
@media only screen and (max-width: 899px) {
  .cms-output .is-intro {
    font-size: 18px;
    line-height: 24px;
  }
}
.cms-output img.aligncenter {
  display: block;
  margin: 0 auto;
}
.cms-output img.alignright {
  display: block;
  margin: 0 0 0 auto;
}
.cms-output table {
  word-break: break-word;
}
.cms-output table td {
  vertical-align: top;
}
.cms-output ul,
.cms-output ol {
  list-style-type: square;
  margin-left: 20px;
  margin-bottom: 1em;
}
.cms-output ul li,
.cms-output ol li {
  margin-bottom: 15px;
}
.cms-output ol {
  list-style-type: decimal;
}
.cms-output strong {
  font-weight: bold;
}
.cms-output a {
  text-decoration: underline;
  color: hsl(110, 100%, 6%);
  transition: all 250ms ease;
}
.cms-output a:hover {
  color: hsla(110, 100%, 6%, 0.1);
}
.cms-output blockquote {
  position: relative;
  padding: 40px 45px 20px 45px;
  color: hsl(110, 100%, 6%);
}
.cms-output .wp-caption {
  margin-bottom: 20px;
}
.cms-output .wp-caption img {
  border-radius: 10px;
}
.cms-output .wp-caption .wp-caption-text {
  font-size: 16px;
  line-height: 20px;
  color: hsl(110, 100%, 6%);
  letter-spacing: 0.44px;
  margin-top: 10px;
}

em {
  font-style: normal;
}

/**
 * The content constraint is a constraint for all the content within
 * the document. It can be manipulated by CSS or JavaScript without
 * influencing the body.
 */
.content-constraint {
  position: relative;
  min-height: 100vh;
  overflow: clip;
}

/**
 * Example of a flex based column grid layout in practice:
 *
 * <div class="row">
 *   <div class="col col-xs-6 col-sm-12"></div>
 *   <div class="col col-xs-6 col-sm-12"></div>
 * </div>
 *
 * This example will create a row with two columns each filling half the width
 * of the row on all media, but will convert to a full width column on the
 * small `-sm` breakpoint alias, which is mobile only. Refer to
 * `settings/_definitions.scss` for all breakpoint alias.
 */
/**
 * Flex object.
 *
 * Tip: Use flex on a column to make the box the same height as the column.
 */
.flex {
  display: flex;
}

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

/**
 * Flex object with a column based layout system.
 */
.row {
  display: flex;
  flex: 0 1 auto;
  flex-flow: row wrap;
  margin: 0 -10px;
}

/**
 * Box, the inside of a column.
 */
.box {
  flex: 1;
}

/**
 * Align `stretch` for the xs breakpoint.
 */
.align-xs-stretch {
  align-items: stretch;
}

/**
 * Align `center` for the xs breakpoint.
 */
.align-xs-center {
  align-items: center;
}

/**
 * Align `flex-start` for the xs breakpoint.
 */
.align-xs-flex-start {
  align-items: flex-start;
}

/**
 * Align `flex-end` for the xs breakpoint.
 */
.align-xs-flex-end {
  align-items: flex-end;
}

/**
 * Align `baseline` for the xs breakpoint.
 */
.align-xs-baseline {
  align-items: baseline;
}

/**
 * Justify `start` for the xs breakpoint.
 */
.justify-xs-start {
  justify-content: start;
}

/**
 * Justify `center` for the xs breakpoint.
 */
.justify-xs-center {
  justify-content: center;
}

/**
 * Justify `space-between` for the xs breakpoint.
 */
.justify-xs-space-between {
  justify-content: space-between;
}

/**
 * Justify `space-around` for the xs breakpoint.
 */
.justify-xs-space-around {
  justify-content: space-around;
}

/**
 * Justify `space-evenly` for the xs breakpoint.
 */
.justify-xs-space-evenly {
  justify-content: space-evenly;
}

/**
 * Bleed left for the xs breakpoint.
 */
.bleed-xs-left {
  padding-left: 0;
}

/**
 * Bleed right for the xs breakpoint.
 */
.bleed-xs-right {
  padding-right: 0;
}

/**
 * Order first for the `xs` breakpoint.
 */
.first-xs {
  order: -1;
}

/**
 * Order last for the `xs` breakpoint.
 */
.last-xs {
  order: 1;
}

/**
 * Reverse order for the `xs` breakpoint.
 */
.reverse-xs {
  flex-direction: row-reverse;
}

@media only screen and (max-width: 599px) {
  /**
   * Align `stretch` for the sm breakpoint.
   */
  .align-sm-stretch {
    align-items: stretch;
  }
  /**
   * Align `center` for the sm breakpoint.
   */
  .align-sm-center {
    align-items: center;
  }
  /**
   * Align `flex-start` for the sm breakpoint.
   */
  .align-sm-flex-start {
    align-items: flex-start;
  }
  /**
   * Align `flex-end` for the sm breakpoint.
   */
  .align-sm-flex-end {
    align-items: flex-end;
  }
  /**
   * Align `baseline` for the sm breakpoint.
   */
  .align-sm-baseline {
    align-items: baseline;
  }
  /**
   * Justify `start` for the sm breakpoint.
   */
  .justify-sm-start {
    justify-content: start;
  }
  /**
   * Justify `center` for the sm breakpoint.
   */
  .justify-sm-center {
    justify-content: center;
  }
  /**
   * Justify `space-between` for the sm breakpoint.
   */
  .justify-sm-space-between {
    justify-content: space-between;
  }
  /**
   * Justify `space-around` for the sm breakpoint.
   */
  .justify-sm-space-around {
    justify-content: space-around;
  }
  /**
   * Justify `space-evenly` for the sm breakpoint.
   */
  .justify-sm-space-evenly {
    justify-content: space-evenly;
  }
  /**
   * Bleed left for the sm breakpoint.
   */
  .bleed-sm-left {
    padding-left: 0;
  }
  /**
   * Bleed right for the sm breakpoint.
   */
  .bleed-sm-right {
    padding-right: 0;
  }
  /**
   * Order first for the `sm` breakpoint.
   */
  .first-sm {
    order: -1;
  }
  /**
   * Order last for the `sm` breakpoint.
   */
  .last-sm {
    order: 1;
  }
  /**
   * Reverse order for the `sm` breakpoint.
   */
  .reverse-sm {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 600px) {
  /**
   * Align `stretch` for the md breakpoint.
   */
  .align-md-stretch {
    align-items: stretch;
  }
  /**
   * Align `center` for the md breakpoint.
   */
  .align-md-center {
    align-items: center;
  }
  /**
   * Align `flex-start` for the md breakpoint.
   */
  .align-md-flex-start {
    align-items: flex-start;
  }
  /**
   * Align `flex-end` for the md breakpoint.
   */
  .align-md-flex-end {
    align-items: flex-end;
  }
  /**
   * Align `baseline` for the md breakpoint.
   */
  .align-md-baseline {
    align-items: baseline;
  }
  /**
   * Justify `start` for the md breakpoint.
   */
  .justify-md-start {
    justify-content: start;
  }
  /**
   * Justify `center` for the md breakpoint.
   */
  .justify-md-center {
    justify-content: center;
  }
  /**
   * Justify `space-between` for the md breakpoint.
   */
  .justify-md-space-between {
    justify-content: space-between;
  }
  /**
   * Justify `space-around` for the md breakpoint.
   */
  .justify-md-space-around {
    justify-content: space-around;
  }
  /**
   * Justify `space-evenly` for the md breakpoint.
   */
  .justify-md-space-evenly {
    justify-content: space-evenly;
  }
  /**
   * Bleed left for the md breakpoint.
   */
  .bleed-md-left {
    padding-left: 0;
  }
  /**
   * Bleed right for the md breakpoint.
   */
  .bleed-md-right {
    padding-right: 0;
  }
  /**
   * Order first for the `md` breakpoint.
   */
  .first-md {
    order: -1;
  }
  /**
   * Order last for the `md` breakpoint.
   */
  .last-md {
    order: 1;
  }
  /**
   * Reverse order for the `md` breakpoint.
   */
  .reverse-md {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 900px) {
  /**
   * Align `stretch` for the lg breakpoint.
   */
  .align-lg-stretch {
    align-items: stretch;
  }
  /**
   * Align `center` for the lg breakpoint.
   */
  .align-lg-center {
    align-items: center;
  }
  /**
   * Align `flex-start` for the lg breakpoint.
   */
  .align-lg-flex-start {
    align-items: flex-start;
  }
  /**
   * Align `flex-end` for the lg breakpoint.
   */
  .align-lg-flex-end {
    align-items: flex-end;
  }
  /**
   * Align `baseline` for the lg breakpoint.
   */
  .align-lg-baseline {
    align-items: baseline;
  }
  /**
   * Justify `start` for the lg breakpoint.
   */
  .justify-lg-start {
    justify-content: start;
  }
  /**
   * Justify `center` for the lg breakpoint.
   */
  .justify-lg-center {
    justify-content: center;
  }
  /**
   * Justify `space-between` for the lg breakpoint.
   */
  .justify-lg-space-between {
    justify-content: space-between;
  }
  /**
   * Justify `space-around` for the lg breakpoint.
   */
  .justify-lg-space-around {
    justify-content: space-around;
  }
  /**
   * Justify `space-evenly` for the lg breakpoint.
   */
  .justify-lg-space-evenly {
    justify-content: space-evenly;
  }
  /**
   * Bleed left for the lg breakpoint.
   */
  .bleed-lg-left {
    padding-left: 0;
  }
  /**
   * Bleed right for the lg breakpoint.
   */
  .bleed-lg-right {
    padding-right: 0;
  }
  /**
   * Order first for the `lg` breakpoint.
   */
  .first-lg {
    order: -1;
  }
  /**
   * Order last for the `lg` breakpoint.
   */
  .last-lg {
    order: 1;
  }
  /**
   * Reverse order for the `lg` breakpoint.
   */
  .reverse-lg {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 1200px) {
  /**
   * Align `stretch` for the xl breakpoint.
   */
  .align-xl-stretch {
    align-items: stretch;
  }
  /**
   * Align `center` for the xl breakpoint.
   */
  .align-xl-center {
    align-items: center;
  }
  /**
   * Align `flex-start` for the xl breakpoint.
   */
  .align-xl-flex-start {
    align-items: flex-start;
  }
  /**
   * Align `flex-end` for the xl breakpoint.
   */
  .align-xl-flex-end {
    align-items: flex-end;
  }
  /**
   * Align `baseline` for the xl breakpoint.
   */
  .align-xl-baseline {
    align-items: baseline;
  }
  /**
   * Justify `start` for the xl breakpoint.
   */
  .justify-xl-start {
    justify-content: start;
  }
  /**
   * Justify `center` for the xl breakpoint.
   */
  .justify-xl-center {
    justify-content: center;
  }
  /**
   * Justify `space-between` for the xl breakpoint.
   */
  .justify-xl-space-between {
    justify-content: space-between;
  }
  /**
   * Justify `space-around` for the xl breakpoint.
   */
  .justify-xl-space-around {
    justify-content: space-around;
  }
  /**
   * Justify `space-evenly` for the xl breakpoint.
   */
  .justify-xl-space-evenly {
    justify-content: space-evenly;
  }
  /**
   * Bleed left for the xl breakpoint.
   */
  .bleed-xl-left {
    padding-left: 0;
  }
  /**
   * Bleed right for the xl breakpoint.
   */
  .bleed-xl-right {
    padding-right: 0;
  }
  /**
   * Order first for the `xl` breakpoint.
   */
  .first-xl {
    order: -1;
  }
  /**
   * Order last for the `xl` breakpoint.
   */
  .last-xl {
    order: 1;
  }
  /**
   * Reverse order for the `xl` breakpoint.
   */
  .reverse-xl {
    flex-direction: row-reverse;
  }
}
/**
 * Default fields.
 */
label {
  display: block;
  color: hsl(110, 100%, 6%);
  font-size: 20px;
  font-family: "Raleway";
  margin-bottom: 24px;
}

select,
input {
  height: 48px !important;
}

select,
input,
textarea {
  border-color: hsla(110, 14%, 38%, 0.3);
  background-color: hsl(0, 0%, 100%);
  border-radius: 4px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 32px;
  width: 100%;
  height: 42px;
  font-weight: 500;
  border: 1px solid hsla(110, 14%, 38%, 0.3);
  color: hsl(0, 0%, 0%);
}
select::placeholder,
input::placeholder,
textarea::placeholder {
  color: hsla(0, 0%, 11%, 0.2) !important;
}
select:focus,
input:focus,
textarea:focus {
  background-color: hsl(0, 0%, 100%);
}

textarea {
  height: 230px;
  padding-top: 15px;
}

.gfield_required {
  color: hsl(110, 100%, 6%);
}

.ginput_container_select {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: transparent;
  border: 1px solid hsl(0, 0%, 0%);
}
.ginput_container_select svg {
  position: absolute;
  top: 14px;
  right: 20px;
  width: 9px;
  height: 13px;
  z-index: 1;
}
.ginput_container_select select {
  position: relative;
  width: calc(100% + 50px);
  max-width: none;
  margin: -2px;
  background-color: transparent;
  border: 0;
  z-index: 2;
}

input[type=radio],
input[type=checkbox] {
  width: 15px;
  height: 15px;
  border: 2px solid hsl(0, 0%, 0%);
  border-radius: 2px;
  background-color: hsl(0, 0%, 100%);
  transition: all 250ms ease;
}
input[type=radio]:checked,
input[type=checkbox]:checked {
  background-color: hsl(0, 0%, 0%);
}

input[type=radio] {
  border-radius: 20px;
}

.gfield--type-choice .gfield_description {
  margin: 0 !important;
}

/**
 * Gravity Forms.
 */
.gfield {
  margin-bottom: 25px;
}

.gform_validation_container {
  display: none;
}

.hidden_label > label {
  display: none;
}

.validation_message {
  font-size: 14px;
  line-height: 23px;
  margin-top: 5px;
  border-radius: 8px;
  padding: 10px 10px;
  display: flex;
  align-items: center;
  width: 100%;
  color: hsl(110, 100%, 6%);
  background-color: hsla(110, 100%, 6%, 0.1);
}
.validation_message > svg {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  margin-top: -2px;
}

.validation_error {
  display: none;
  position: relative;
  margin: 0 0 50px;
  padding: 25px 25px 25px 75px;
  background: hsla(110, 100%, 6%, 0.1);
  color: hsl(110, 100%, 6%);
}
.validation_error > svg {
  position: absolute;
  top: calc(50% - 15px);
  left: 30px;
  width: 31px;
  height: 30px;
  color: hsl(110, 100%, 6%);
}
.validation_error .close-button {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
.validation_error .close-button svg {
  width: 16px;
  height: 16px;
  color: hsl(0, 0%, 0%);
}

.gform_confirmation_message {
  width: 100%;
  padding: 50px;
  background: hsl(110, 100%, 6%);
}
.gform_confirmation_message br {
  display: none;
}
.gform_confirmation_message h4 {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.gform_confirmation_message h4 svg {
  width: 28px;
  height: 28px;
  margin-right: 20px;
  border-radius: 20px;
  background-color: hsl(0, 0%, 100%);
  padding: 5px;
  color: hsl(0, 0%, 0%);
}

.gform_required_legend, .gfield_required_asterisk {
  display: none !important;
}

.gfield_description {
  color: hsla(0, 0%, 11%, 0.8);
  margin-bottom: 12px;
}

.gform_fields {
  row-gap: 24px !important;
}

body .contact-form .contact-form__gravity-form .gform_wrapper button.button--primary.gform_button {
  height: 48px;
  background-color: #1c1c1c !important;
  color: #fff;
  font-family: "Raleway";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  width: fit-content;
  padding: 12px 24px;
  transition: all 250ms ease-in-out;
}
body .contact-form .contact-form__gravity-form .gform_wrapper button.button--primary.gform_button span {
  color: #fff;
  font-family: "Raleway";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
body .contact-form .contact-form__gravity-form .gform_wrapper button.button--primary.gform_button:hover {
  transform: translateY(-4px);
}

.gform-footer {
  position: relative;
}

.gfield.phone a {
  position: absolute;
  bottom: -57px;
  left: 200px;
  transition: all 250ms ease-in-out;
  font-family: "Raleway";
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #1c1c1c;
  text-decoration: underline;
  text-decoration-color: #1c1c1c;
  text-underline-offset: 8px;
}
.gfield.phone a:hover {
  transform: translateY(-4px);
}

.gfield.phone--large a {
  position: absolute;
  bottom: -57px;
  left: 240px;
  transition: all 250ms ease-in-out;
  font-family: "Raleway";
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #1c1c1c;
  text-decoration: underline;
  text-decoration-color: #1c1c1c;
  text-underline-offset: 8px;
}
.gfield.phone--large a:hover {
  transform: translateY(-4px);
}

.gsection_title {
  font-family: "Degular";
  font-weight: 500;
  line-height: 1.4;
}
@media only screen and (min-width: 900px) {
  .gsection_title {
    font-size: 39px;
  }
}

.gf_page_steps__btn {
  margin-left: 8px !important;
}

/**
 * Heading.
 */
h1,
h2,
h3,
h4 {
  font-family: "Raleway";
  color: hsl(0, 0%, 0%);
}
h1.is-white,
h2.is-white,
h3.is-white,
h4.is-white {
  color: hsl(0, 0%, 100%);
}

/**
  * Heading 1.
*/
h1,
.heading-1 {
  font-size: 61px;
  line-height: 140%;
}
@media only screen and (max-width: 899px) {
  h1,
  .heading-1 {
    font-size: 42px;
    line-height: 140%;
  }
}

/**
 * Heading 2.
 */
h2,
.heading-2 {
  font-size: 49px;
  line-height: 140%;
}
@media only screen and (max-width: 899px) {
  h2,
  .heading-2 {
    font-size: 34px;
    line-height: 140%;
  }
}

/**
 * Heading 3.
 */
h3,
.heading-3 {
  font-size: 39px;
  line-height: 140%;
}
@media only screen and (max-width: 899px) {
  h3,
  .heading-3 {
    font-size: 28px;
    line-height: 140%;
  }
}

/**
* Heading 3.
*/
h4 {
  font-size: 31px;
  line-height: 140%;
}
@media only screen and (max-width: 899px) {
  h4 {
    font-size: 24px;
    line-height: 140%;
  }
}

/**
* Heading 3.
*/
h5, .team-member__name {
  font-size: 23px;
  line-height: 140%;
}
@media only screen and (max-width: 899px) {
  h5, .team-member__name {
    font-size: 20px;
    line-height: 140%;
  }
}

/**
 * Subheading.
 */
p, li {
  font-size: 16px;
  line-height: 24px;
}
@media only screen and (max-width: 899px) {
  p, li {
    font-size: 16px;
    line-height: 24px;
  }
}
p.is-white, li.is-white {
  color: hsl(0, 0%, 100%);
}

.has-lazy-load {
  transition: all 750ms ease;
  transition-delay: 500ms;
  opacity: 0;
}
.has-lazy-load.header {
  transition-delay: 750ms;
  transition: all 500ms ease;
}

.has-lazy-load[loaded=true] {
  opacity: 1;
}

.pagination {
  width: 100%;
  margin-bottom: 150px;
}
.pagination .wrapper {
  justify-content: center;
}
.pagination .page-numbers {
  font-size: 18px;
  line-height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  transition: all 250ms ease;
  color: hsl(0, 0%, 0%);
  font-weight: 500;
}
.pagination .page-numbers:hover, .pagination .page-numbers.current {
  color: hsl(110, 100%, 6%);
  font-weight: 700;
}
.pagination .page-numbers.prev, .pagination .page-numbers.next {
  margin-right: 15px;
}
.pagination .page-numbers.prev svg, .pagination .page-numbers.next svg {
  position: relative;
  top: 0;
  width: 27px;
  height: 22px;
  color: hsl(0, 0%, 0%);
  transition: all 250ms ease;
}
.pagination .page-numbers.prev:hover, .pagination .page-numbers.next:hover {
  color: hsl(110, 100%, 6%);
}
.pagination .page-numbers.next {
  margin-right: 0;
  margin-left: 5px;
}

/**
 * Wrapper (default)
 */
.wrapper {
  max-width: calc(1328px + 184px);
  padding: 0 92px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  .wrapper {
    max-width: calc(1133px + 160px);
    padding: 0 80px;
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 899px) {
  .wrapper {
    max-width: calc(1133px + 128px);
    padding: 0 64px;
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 599px) {
  .wrapper {
    max-width: calc(1133px + 48px);
    padding: 0 24px;
    width: 100%;
    margin: 0 auto;
  }
}

/**
 * Wrapper (small)
 */
.wrapper--small {
  max-width: calc(1140px + 100px);
  padding: 0 50px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  .wrapper--small {
    max-width: calc(1140px + 160px);
    padding: 0 80px;
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 899px) {
  .wrapper--small {
    max-width: calc(1140px + 120px);
    padding: 0 60px;
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 599px) {
  .wrapper--small {
    max-width: calc(1140px + 40px);
    padding: 0 20px;
    width: 100%;
    margin: 0 auto;
  }
}

/**
* Self hosted google webfonts.
* https://gwfh.mranftl.com/fonts
**/
/* raleway-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/raleway-v37-latin-100.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/raleway-v37-latin-100italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/raleway-v37-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: italic;
  font-weight: 200;
  src: url("../fonts/raleway-v37-latin-200italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/raleway-v37-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/raleway-v37-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/raleway-v37-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/raleway-v37-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/raleway-v37-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/raleway-v37-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/raleway-v37-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/raleway-v37-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/raleway-v37-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/raleway-v37-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/raleway-v37-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: italic;
  font-weight: 800;
  src: url("../fonts/raleway-v37-latin-800italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/raleway-v37-latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/raleway-v37-latin-900italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Manrope";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/manrope-v20-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/manrope-v20-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Manrope";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/manrope-v20-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Manrope";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/manrope-v20-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Manrope";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/manrope-v20-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
[data-split=heading] {
  visibility: hidden;
  -webkit-text-rendering: optimizeSpeed;
  text-rendering: optimizeSpeed;
  -webkit-transform: translateZ(0);
  font-kerning: none;
  opacity: 0;
  overflow: clip;
  height: fit-content;
}
[data-split=heading] .line {
  overflow: hidden;
  display: block;
  line-height: 1.2;
}
[data-split=heading] .word {
  display: inline-block;
  overflow: hidden;
  line-height: 1.2;
}
[data-split=heading] .letter {
  display: inline-block;
  overflow: hidden;
  line-height: 1.2;
}

.underline-link {
  position: relative;
  padding-bottom: 8px;
}

.underline-link.is--alt::before,
.underline-link.is--alt::after {
  content: "";
  position: absolute;
  bottom: 0em;
  left: 0;
  width: 100%;
  height: 0.0625em;
  background-color: #fff;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
}

.underline-link.is--alt::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}

.underline-link.is--alt:hover::before {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}

.underline-link.is--alt::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}

.underline-link.is--alt:hover::after {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}

/**
 * Components.
 */
/**
 * Disable scroll.
 */
body.is-active {
  overflow: hidden;
}
body.is-active .header::before {
  bottom: 0;
}

.navigation__mobile-menu {
  position: fixed;
  top: 100vh;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 100px);
  margin-top: 100px;
  transition: all 500ms ease;
  background: hsl(0, 0%, 100%);
  opacity: 0;
  z-index: 998;
  overflow-x: hidden;
}
@media only screen and (max-width: 1199px) {
  .navigation__mobile-menu {
    height: calc(100% - 80px);
    margin-top: 80px;
  }
}
@media only screen and (max-width: 899px) {
  .navigation__mobile-menu {
    margin-top: 54px;
    height: calc(100% - 54px);
  }
}
.navigation__mobile-menu.is-active {
  top: 0;
  opacity: 1;
}
.navigation__mobile-menu::-webkit-scrollbar {
  display: none;
}
.navigation__mobile-menu .wrapper {
  height: 100%;
  padding-block: 64px;
}
.navigation__mobile-menu .mobile-menu__submenu {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  background-color: hsl(0, 0%, 100%);
  padding-block: 32px;
  opacity: 0;
  transform: translateX(100vw);
  pointer-events: none;
  transition: opacity 250ms ease-in-out, transform 450ms ease-in-out;
}
.navigation__mobile-menu .mobile-menu__submenu.is-active {
  opacity: 1;
  pointer-events: all;
  transform: translateX(0);
}
.navigation__mobile-menu .mobile-menu__submenu .wrapper {
  display: flex;
  flex-direction: row;
  gap: 74px;
}
@media only screen and (max-width: 599px) {
  .navigation__mobile-menu .mobile-menu__submenu .wrapper {
    flex-direction: column;
    gap: 40px;
  }
}
.navigation__mobile-menu .mobile-menu__submenu-section {
  max-width: 248px;
  width: 100%;
  height: fit-content;
}
@media only screen and (max-width: 599px) {
  .navigation__mobile-menu .mobile-menu__submenu-section {
    max-width: 100%;
  }
}
.navigation__mobile-menu .mobile-menu__submenu-section .mobile-menu__submenu-title {
  color: hsl(110, 100%, 10%);
  font-family: "Manrope";
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  padding-bottom: 24px;
}
@media only screen and (max-width: 599px) {
  .navigation__mobile-menu .mobile-menu__submenu-section .mobile-menu__submenu-title {
    margin-bottom: 24px;
    border-bottom: 1px solid hsla(110, 100%, 10%, 0.16);
  }
}
.navigation__mobile-menu .mobile-menu__submenu-section:nth-child(2) {
  border-left: 1px solid hsla(110, 100%, 10%, 0.16);
  padding-left: 32px;
}
@media only screen and (max-width: 599px) {
  .navigation__mobile-menu .mobile-menu__submenu-section:nth-child(2) {
    border-left: none;
    padding-left: 0;
  }
}
.navigation__mobile-menu .mobile-menu__submenu-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 340px;
}
@media only screen and (max-width: 599px) {
  .navigation__mobile-menu .mobile-menu__submenu-list {
    min-height: 0;
  }
}
.navigation__mobile-menu .mobile-menu__submenu-list li a {
  font-family: "Manrope";
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #617C5C;
}
.navigation__mobile-menu .mobile-menu__submenu-main-link {
  font-family: "Manrope";
  font-size: 18px;
  line-height: 24px;
  color: #083200;
  font-weight: 700;
  margin-top: auto;
}
@media only screen and (max-width: 599px) {
  .navigation__mobile-menu .mobile-menu__submenu-main-link {
    margin-top: 48px;
    display: flex;
    text-decoration: underline;
    text-decoration-color: #051F00;
    text-underline-offset: 6px;
  }
}
.navigation__mobile-menu .mobile-menu__links {
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
}
.navigation__mobile-menu .mobile-menu__links > a {
  color: hsl(110, 100%, 10%);
  font-family: "Manrope";
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  padding-bottom: 24px;
}
.navigation__mobile-menu .mobile-menu__links > a svg {
  display: none;
}
.navigation__mobile-menu .mobile-menu__links > a:not(:last-of-type) {
  border-bottom: 1px solid hsla(110, 100%, 10%, 0.16);
}
.navigation__mobile-menu .mobile-menu__submenu-image {
  display: none;
}
.navigation__mobile-menu .mobile-menu__image {
  display: none;
  max-height: 244px;
  height: 100%;
  width: 100%;
  border-radius: 4px;
  overflow: clip;
  margin-top: auto;
}
@media only screen and (max-width: 599px) {
  .navigation__mobile-menu .mobile-menu__image {
    display: block;
  }
}
.navigation__mobile-menu .mobile-menu__image img {
  max-height: 244px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.navigation__mobile-menu .mobile-menu__contact {
  display: none;
  flex-direction: row;
  gap: 8px;
  justify-content: space-between;
  margin-top: auto;
}
@media only screen and (min-width: 600px) and (max-width: 899px) {
  .navigation__mobile-menu .mobile-menu__contact {
    display: flex;
  }
}
.navigation__mobile-menu .mobile-menu__contact > a {
  color: #596F55;
  font-family: "Raleway";
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.navigation__mobile-menu .back-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: hsl(110, 100%, 10%);
  font-family: "Manrope";
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
}

/**
 * Navigation Component
 */
header {
  position: fixed;
  top: 0;
  z-index: 99999;
  width: 100%;
}

.navigation {
  width: 100%;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.navigation__notification {
  background-color: hsl(24, 95%, 93%);
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
}
@media only screen and (max-width: 599px) {
  .navigation__notification .wrapper {
    display: flex;
    gap: 200px;
  }
}
.navigation__notification-text {
  color: hsl(110, 100%, 10%);
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
  text-align: center;
  font-family: "Raleway";
}
@media only screen and (max-width: 599px) {
  .navigation__notification-text {
    text-wrap: nowrap;
  }
}
.navigation__main {
  background-color: hsl(0, 0%, 100%);
}
.navigation__desktop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0px;
}
@media only screen and (max-width: 899px) {
  .navigation__desktop {
    justify-content: unset;
    position: relative;
    z-index: 999;
  }
  .navigation__desktop .navigation__cta {
    margin-left: auto;
    margin-right: 32px;
  }
}
.navigation__desktop-content {
  display: flex;
  align-items: center;
  gap: 342px;
}
@media only screen and (max-width: 1199px) {
  .navigation__desktop-content {
    gap: 160px;
  }
}
@media screen and (max-width: 1024px) {
  .navigation__desktop-content {
    gap: 64px;
  }
}
@media only screen and (max-width: 899px) {
  .navigation__desktop-content .navigation__links {
    display: none;
  }
}
.navigation__logo-img {
  width: auto;
  height: 25px;
}
.navigation__links {
  display: flex;
  align-items: center;
  gap: 40px;
}
.navigation__link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 6px;
  cursor: pointer;
}
.navigation__link--dropdown {
  gap: 8px;
}
.navigation__link-text {
  color: hsl(110, 100%, 10%);
  font-family: "Raleway";
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.48px;
}
.navigation__cta {
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: hsl(24, 95%, 78%);
  border-radius: 9999px;
  padding: 12px 24px;
  cursor: pointer;
  border: none;
  transition: all 250ms ease-in-out;
}
@media only screen and (max-width: 599px) {
  .navigation__cta {
    display: none;
  }
}
.navigation__cta:hover {
  background-color: #C9916C;
}
.navigation__cta:hover svg {
  transform: translateX(4px);
}
.navigation__cta svg {
  transition: transform 0.3s ease-in-out;
  width: 15px;
  height: 12px;
}
.navigation__cta-text {
  color: hsl(110, 100%, 10%);
  font-family: "Raleway";
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.navigation__tablet {
  display: none;
  align-items: center;
  justify-content: space-between;
  padding: 12px 80px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .navigation__tablet {
    display: flex;
  }
}
.navigation__tablet-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 310px;
}
.navigation__mobile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 24px;
}
@media (min-width: 768px) {
  .navigation__mobile {
    display: none;
  }
}
.navigation__mobile-actions {
  display: flex;
  align-items: center;
  gap: 32px;
}

.navigation__main {
  position: relative;
  z-index: 999;
}
.navigation__main .navigation__submenu {
  position: absolute;
  top: 72px;
  left: 0;
  height: fit-content;
  width: 100%;
  z-index: 10;
  background-color: hsl(0, 0%, 100%);
  padding-block: 32px;
  opacity: 0;
  transform: translateY(-20px);
  pointer-events: none;
  transition: opacity 250ms ease-in-out, transform 250ms ease-in-out;
}
.navigation__main .navigation__submenu.is-active {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0);
}
.navigation__main .navigation__submenu .wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.navigation__main .navigation__submenu .navigation__submenu-section {
  max-width: 372px;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: auto;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .navigation__main .navigation__submenu .navigation__submenu-section {
    max-width: 248px;
  }
}
.navigation__main .navigation__submenu .navigation__submenu-section::before {
  content: "";
  position: absolute;
  top: 0;
  right: 32px;
  width: 1px;
  height: 100%;
  background-color: hsl(110, 100%, 10%);
  opacity: 16%;
}
.navigation__main .navigation__submenu .navigation__submenu-section h3 {
  font-family: "Manrope";
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #083200;
  margin-bottom: 24px;
}
.navigation__main .navigation__submenu .navigation__submenu-section .navigation__submenu-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.navigation__main .navigation__submenu .navigation__submenu-section .navigation__submenu-link {
  font-family: "Manrope";
  font-size: 20px;
  line-height: 24px;
  color: #617C5C;
  font-weight: 500;
}
.navigation__main .navigation__submenu .navigation__submenu-section .navigation__submenu-main-link {
  font-family: "Manrope";
  font-size: 18px;
  line-height: 24px;
  color: #083200;
  font-weight: 700;
  margin-top: auto;
}
.navigation__main .navigation__links a {
  text-decoration: underline;
  text-decoration-color: #fff;
  text-underline-offset: 4px;
  transition: all 250ms ease-in-out;
}
.navigation__main .navigation__links a:hover {
  text-decoration-color: hsl(110, 100%, 10%);
}
.navigation__main .navigation__link--dropdown svg {
  transition: rotate 250ms ease-in-out;
}
.navigation__main .navigation__links:has(.navigation__submenu.is-active) .navigation__link--dropdown svg {
  rotate: 180deg;
}
.navigation__main .navigation__submenu-image {
  max-height: 466px;
  max-width: 480px;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  overflow: clip;
}
@media only screen and (max-width: 1199px) {
  .navigation__main .navigation__submenu-image {
    max-height: 373px;
    max-width: 454px;
  }
}
.navigation__main .navigation__submenu-image img {
  object-fit: cover;
  height: 466px;
  width: 480px;
}
@media only screen and (max-width: 1199px) {
  .navigation__main .navigation__submenu-image img {
    height: 373px;
    width: 454px;
  }
}

.header {
  transition: transform 0.3s ease;
}
.header--hidden {
  transform: translateY(-104%);
}

@media only screen and (min-width: 900px) {
  .header__menu-button {
    display: none;
  }
}
@media only screen and (max-width: 899px) {
  .header__menu-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 10px;
    max-width: 44px;
    width: 100%;
    height: 100%;
    aspect-ratio: 1;
    border-radius: 4px;
  }
}
@media only screen and (max-width: 899px) and (max-width: 599px) {
  .header__menu-button {
    max-width: 36px;
    gap: 4px;
    padding: 0 8px;
    margin-left: auto;
  }
}
@media only screen and (max-width: 899px) {
  .header__menu-button.is-active span:first-child {
    rotate: 45deg;
    translate: 0 4px;
  }
}
@media only screen and (max-width: 899px) and (max-width: 599px) {
  .header__menu-button.is-active span:first-child {
    translate: 0 3px;
  }
}
@media only screen and (max-width: 899px) {
  .header__menu-button.is-active span:last-child {
    rotate: -45deg;
    translate: 0 -3px;
  }
}
@media only screen and (max-width: 899px) and (max-width: 599px) {
  .header__menu-button.is-active span:last-child {
    translate: 0 -2px;
  }
}
@media only screen and (max-width: 899px) {
  .header__menu-button span {
    width: 40px;
    content: "";
    height: 2px;
    background-color: hsl(0, 0%, 0%);
    border-radius: 4px;
    transition: all 300ms ease-in-out;
  }
}
/**
 * Hero Component
 */
body.home .hero {
  height: 954px;
}
@media only screen and (max-width: 1199px) {
  body.home .hero {
    height: 712px;
  }
}
body.home .hero__inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  padding-bottom: 64px;
}
body.home .hero__title-wrapper {
  max-width: 720px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  body.home .hero__title-wrapper {
    max-width: 600px;
  }
}
@media only screen and (max-width: 899px) {
  body.home .hero__title-wrapper {
    max-width: 720px;
  }
}
body.home .hero__bottom {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}
@media (min-width: 768px) {
  body.home .hero__bottom {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
  }
}
body.home .hero__description {
  width: 100%;
  max-width: 711px;
}
@media (min-width: 768px) {
  body.home .hero__description {
    width: 499px;
  }
}
@media (min-width: 1024px) {
  body.home .hero__description {
    width: 711px;
  }
}
body.home .hero__actions {
  display: flex;
  align-items: center;
  gap: 32px;
  width: 100%;
  max-width: 565px;
  justify-content: flex-end;
}
@media only screen and (max-width: 899px) {
  body.home .hero__actions {
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 599px) {
  body.home .hero__actions {
    flex-direction: column;
    gap: 32px;
    align-items: baseline;
  }
}

body:not(.home) .hero__inner {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 84px;
  width: 100%;
  padding-bottom: 64px;
}
@media only screen and (max-width: 1199px) {
  body:not(.home) .hero__inner {
    align-items: flex-start;
  }
}
@media only screen and (max-width: 899px) {
  body:not(.home) .hero__inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
  }
}
@media only screen and (max-width: 599px) {
  body:not(.home) .hero__inner {
    gap: 24px;
    padding-bottom: 32px;
  }
}
body:not(.home) .hero__title-wrapper {
  max-width: 60%;
  width: 100%;
}
@media only screen and (max-width: 899px) {
  body:not(.home) .hero__title-wrapper {
    max-width: 100%;
  }
}
body:not(.home) .hero__bottom {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}
@media (min-width: 768px) {
  body:not(.home) .hero__bottom {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
  }
}
body:not(.home) .hero__content-wrapper {
  max-width: 40%;
  width: 100%;
}
@media only screen and (max-width: 899px) {
  body:not(.home) .hero__content-wrapper {
    max-width: 100%;
  }
}
body:not(.home) .hero__description {
  width: 100%;
  max-width: 100%;
  margin-right: 16px;
}
@media only screen and (max-width: 899px) {
  body:not(.home) .hero__description {
    max-width: 100%;
    margin-right: 0px;
  }
}

.hero {
  position: relative;
  width: 100%;
  height: 712px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1199px) {
  .hero {
    height: 600px;
  }
}
.hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(189deg, rgba(0, 0, 0, 0) 5.36%, rgba(0, 0, 0, 0.4) 85.67%);
  z-index: 1;
  pointer-events: none;
}
.hero .hero__video-bg {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}
.hero__video-iframe {
  box-sizing: border-box;
  width: 200vw;
  height: 200vh;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 599px) {
  .hero__video-iframe {
    width: 400vw;
    height: 100vh;
  }
}
.hero__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}
.hero__button--primary {
  position: relative;
  display: flex;
  align-items: center;
}
.hero__button--secondary {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.hero__button-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding-right: 16px;
}
.hero__button-text {
  color: hsl(0, 0%, 100%);
  font-family: "Raleway";
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.hero__button--secondary .hero__button-text {
  line-height: 20px;
}
.hero__button-icon {
  width: 48px;
  height: 48px;
  background-color: hsl(29, 21%, 79%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero__button-icon svg {
  width: 24px;
  height: 24px;
  color: hsl(110, 100%, 10%);
}
.hero__button-underline {
  width: 100%;
  height: 1px;
  background-color: hsl(0, 0%, 100%);
}
.hero__content-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 899px) {
  .hero__content-wrapper {
    flex-direction: column;
    gap: 32px;
    align-items: flex-start;
  }
}
.hero__description-text * {
  font-size: 18px;
}
.hero__title {
  color: hsl(0, 0%, 100%);
  font-family: "Degular", sans-serif;
  font-size: 42px;
  font-weight: 500;
  line-height: 140%;
}
@media (min-width: 768px) {
  .hero__title {
    font-size: 61px;
  }
}
.hero__description-text {
  color: hsl(0, 0%, 100%);
  font-family: "Raleway";
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
}

.hero__background--green::before {
  display: none;
}

.hero__content-wrapper.underneath {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.hero__actions:has(.hero__button--primary) {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px;
}

.hero__actions:not(:has(.hero__button--primary)) {
  display: flex;
  height: 100%;
  align-items: flex-end;
  margin-top: auto;
}

a.hero__button.hero__button--primary {
  position: relative;
  overflow: clip;
  border-radius: 100px;
  padding-left: 17px;
}
@media only screen and (max-width: 899px) {
  a.hero__button.hero__button--primary {
    padding-left: 0;
  }
}
a.hero__button.hero__button--primary .hero__button-text {
  transition: color 450ms ease-in-out;
}
a.hero__button.hero__button--primary:hover .hero__button-text {
  color: hsl(0, 0%, 0%);
}
@media only screen and (max-width: 899px) {
  a.hero__button.hero__button--primary:hover .hero__button-text {
    color: hsl(0, 0%, 100%);
  }
}

a.hero__button.hero__button--primary::before {
  right: 0;
  top: 0;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  scale: 1;
  background: hsl(29, 21%, 79%);
  transform: translateX(100%);
  transition: all 450ms ease-in-out;
  z-index: 0;
}
@media only screen and (max-width: 899px) {
  a.hero__button.hero__button--primary::before {
    display: none;
  }
}

a.hero__button.hero__button--primary:hover::before {
  transform: translateX(0px);
}

.hero__button-content,
.hero__button-icon {
  position: relative;
  z-index: 1;
}

/**
 * Tekst + Afbeelding Component
 */
.text-image {
  width: 100%;
  background-color: hsl(110, 14%, 38%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 120px;
}
@media only screen and (max-width: 899px) {
  .text-image {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .text-image {
    padding-top: 40px;
  }
}
.text-image--green {
  background-color: hsl(110, 14%, 38%);
}
.text-image--green em {
  color: hsl(110, 100%, 10%);
}
.text-image--white {
  background-color: hsl(0, 0%, 100%);
}
.text-image--white em {
  color: hsl(110, 14%, 38%);
}
.text-image--white .text-image__title {
  color: hsl(110, 100%, 10%);
}
.text-image--white .text-image__content * {
  color: hsl(110, 100%, 10%);
}
.text-image--white .text-image__content .text-image__link-underline {
  background-color: hsl(110, 100%, 10%);
}
.text-image__container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 80px;
}
@media only screen and (max-width: 599px) {
  .text-image__container {
    gap: 40px;
  }
}
.text-image__header {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 80px;
}
@media only screen and (max-width: 1199px) {
  .text-image__header {
    gap: 40px;
  }
}
@media only screen and (max-width: 899px) {
  .text-image__header {
    flex-direction: column;
    gap: 32px;
    align-items: flex-start;
  }
}
.text-image__title-wrapper {
  width: 100%;
  max-width: 40%;
}
@media only screen and (max-width: 1199px) {
  .text-image__title-wrapper {
    max-width: 50%;
  }
}
@media only screen and (max-width: 899px) {
  .text-image__title-wrapper {
    max-width: 100%;
  }
}
.text-image__title {
  color: hsl(0, 0%, 100%);
  font-family: "Degular", sans-serif;
  font-size: 49px;
  font-weight: 500;
  line-height: 140%;
}
@media only screen and (max-width: 899px) {
  .text-image__title {
    font-size: 34px;
  }
}
.text-image__content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  flex: 1;
  margin-top: -20px;
  max-width: 60%;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .text-image__content {
    max-width: 50%;
  }
}
@media only screen and (max-width: 899px) {
  .text-image__content {
    margin-top: 0;
    max-width: 100%;
  }
}
.text-image__spacer {
  height: 1px;
}
@media only screen and (max-width: 899px) {
  .text-image__spacer {
    display: none;
  }
}
.text-image__text-section {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.text-image__description {
  color: rgba(255, 255, 255, 0.7);
  font-family: "Raleway";
  font-size: 14px;
  line-height: 24px;
}
.text-image__description ul {
  margin-top: 32px;
  margin-left: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.text-image__description ul li {
  margin-left: 40px;
  color: hsl(0, 0%, 100%);
  position: relative;
}
.text-image__description ul li::after {
  content: "";
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-12.2778' y='-12.8' width='57.6' height='57.6'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(6.4px);clip-path:url(%23bgblur_0_294_2642_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='12.8'%3E%3Crect x='0.522217' width='32' height='32' rx='16' fill='%23D4C8BD'/%3E%3Cpath d='M14.1704 21.0964L9.39917 16.3252L10.0846 15.6408L14.1704 19.7265L22.9601 10.9368L23.6446 11.6222L14.1704 21.0964Z' fill='%231C1C1C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_294_2642_clip_path' transform='translate(12.2778 12.8)'%3E%3Crect x='0.522217' width='32' height='32' rx='16'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  left: -40px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .text-image__description {
    font-size: 16px;
  }
}
.text-image__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: fit-content;
  cursor: pointer;
}
.text-image__link-text {
  color: hsl(0, 0%, 100%);
  font-family: "Raleway";
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
.text-image__link-underline {
  width: 100%;
  height: 1px;
  background-color: hsl(0, 0%, 100%);
}
.text-image__image-container {
  margin-top: 148px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
  overflow: hidden;
  animation: slideInDesktop 2000ms cubic-bezier(0.7, 0, 0.3, 1);
  animation-play-state: paused;
}
@media only screen and (max-width: 1199px) {
  .text-image__image-container {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 899px) {
  .text-image__image-container {
    margin-top: 40px;
  }
}
.text-image:nth-of-type(n + 3) .text-image__image-container {
  animation-play-state: paused !important;
  clip-path: inset(0 0 0 0) !important;
  -webkit-clip-path: inset(0 0 0 0) !important;
  max-width: 1328px;
  overflow: clip;
  padding-bottom: 120px;
}
@media only screen and (max-width: 1199px) {
  .text-image:nth-of-type(n + 3) .text-image__image-container {
    max-width: 100%;
    clip-path: inset(0 64px 0 64px) !important;
    -webkit-clip-path: inset(0 64px 0 64px) !important;
  }
}
@media only screen and (max-width: 899px) {
  .text-image:nth-of-type(n + 3) .text-image__image-container {
    max-width: 100%;
    clip-path: inset(0 64px 0 64px) !important;
    -webkit-clip-path: inset(0 64px 0 64px) !important;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 599px) {
  .text-image:nth-of-type(n + 3) .text-image__image-container {
    clip-path: inset(0 24px 0 24px) !important;
    -webkit-clip-path: inset(0 24px 0 24px) !important;
  }
}
.text-image:nth-of-type(n + 3) .text-image__image-container img {
  border-radius: 8px;
}
.text-image__image {
  width: 100%;
  height: 300px;
  object-fit: cover;
}
@media (min-width: 768px) {
  .text-image__image {
    height: 400px;
  }
}
@media (min-width: 1024px) {
  .text-image__image {
    height: 660px;
  }
}
.text-image .text-image__image-container[loaded=true] {
  animation-play-state: running;
}

@keyframes slideInDesktop {
  0% {
    clip-path: inset(100px 190px);
    -webkit-clip-path: inset(100px 190px);
  }
  100% {
    clip-path: inset(0 0);
    -webkit-clip-path: inset(0 0);
  }
}
/**
 * USP Component
 */
.usp {
  width: 100%;
  background-color: hsl(0, 0%, 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .usp {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (min-width: 1024px) {
  .usp {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.usp__container {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  gap: 80px;
}
@media only screen and (max-width: 899px) {
  .usp__container {
    gap: 64px;
    flex-direction: column;
  }
}
@media only screen and (max-width: 599px) {
  .usp__container {
    gap: 48px;
  }
}
.usp__text-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 558px;
  position: sticky;
  top: 132px;
  align-self: flex-start;
}
@media only screen and (max-width: 1199px) {
  .usp__text-container {
    max-width: 400px;
  }
}
@media only screen and (max-width: 899px) {
  .usp__text-container {
    max-width: 100%;
    position: static;
  }
}
.usp__text-content {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.usp__title {
  color: hsl(0, 0%, 0%);
  font-family: "Degular", sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 140%;
}
.usp__title em {
  color: hsl(110, 14%, 38%);
}
@media (min-width: 768px) {
  .usp__title {
    font-size: 34px;
  }
}
@media (min-width: 1024px) {
  .usp__title {
    font-size: 49px;
  }
}
.usp__divider {
  width: 100%;
  height: 1px;
  background-color: hsla(110, 100%, 6%, 0.3);
}
.usp__description {
  color: hsl(0, 0%, 0%);
  font-family: "Raleway";
  font-size: 14px;
  line-height: 24px;
}
@media (min-width: 768px) {
  .usp__description {
    font-size: 16px;
  }
}
.usp__cards {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}
@media (min-width: 768px) {
  .usp__cards {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
  }
}
@media (min-width: 1024px) {
  .usp__cards {
    flex: 1;
    gap: 32px;
  }
}
.usp__card {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 32px;
  background-color: hsl(110, 14%, 38%);
  border-radius: 4px;
  width: 100%;
}
.usp__card-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.usp__card-title {
  color: hsl(0, 0%, 100%);
  font-family: "Degular", sans-serif;
  font-weight: 500;
}
.usp__card-subtitle {
  color: hsl(0, 0%, 100%);
  font-family: "Degular", sans-serif;
  font-weight: 400;
  line-height: 140%;
  font-style: italic;
  font-size: 23px;
}
@media only screen and (max-width: 899px) {
  .usp__card-subtitle {
    font-size: 20px;
  }
}
.usp__card-divider {
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.16);
}
.usp__card-description {
  color: hsl(0, 0%, 100%);
  font-family: "Raleway";
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .usp__card-description {
    font-size: 16px;
    line-height: 24px;
  }
}
.usp__card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.usp__card-tag {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px 8px 40px;
  background-color: hsla(0, 0%, 100%, 0.24);
  border-radius: 2px;
  position: relative;
}
.usp__card-tag::before {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  aspect-ratio: 1;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
}
.usp__card-tag:first-child::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0C10.1217 0 12.1566 0.842855 13.6569 2.34315C15.1571 3.84344 16 5.87827 16 8C16 10.1217 15.1571 12.1566 13.6569 13.6569C12.1566 15.1571 10.1217 16 8 16C5.87827 16 3.84344 15.1571 2.34315 13.6569C0.842855 12.1566 0 10.1217 0 8C0 5.87827 0.842855 3.84344 2.34315 2.34315C3.84344 0.842855 5.87827 0 8 0ZM8 0.842105C6.10161 0.842105 4.28097 1.59624 2.9386 2.9386C1.59624 4.28097 0.842105 6.10161 0.842105 8C0.842105 9.89839 1.59624 11.719 2.9386 13.0614C4.28097 14.4038 6.10161 15.1579 8 15.1579C8.93999 15.1579 9.87077 14.9728 10.7392 14.613C11.6076 14.2533 12.3967 13.7261 13.0614 13.0614C13.7261 12.3967 14.2533 11.6076 14.613 10.7392C14.9728 9.87077 15.1579 8.93999 15.1579 8C15.1579 6.10161 14.4038 4.28097 13.0614 2.9386C11.719 1.59624 9.89839 0.842105 8 0.842105ZM7.57895 3.36842H8.42105V7.93263L12.3789 10.2147L11.9579 10.9474L7.57895 8.42105V3.36842Z' fill='white'/%3E%3C/svg%3E%0A");
}
.usp__card-tag:nth-child(2)::before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.8 4.00005H2.6C2.17565 4.00005 1.76869 4.16862 1.46863 4.46868C1.16857 4.76874 1 5.1757 1 5.60005V13.6C1 14.0244 1.16857 14.4314 1.46863 14.7314C1.76869 15.0315 2.17565 15.2 2.6 15.2H15.4C15.8243 15.2 16.2313 15.0315 16.5314 14.7314C16.8314 14.4314 17 14.0244 17 13.6V5.60005C17 5.1757 16.8314 4.76874 16.5314 4.46868C16.2313 4.16862 15.8243 4.00005 15.4 4.00005H12.2M5.8 4.00005V1.28005C5.8 1.15274 5.85057 1.03066 5.94059 0.940638C6.03061 0.85062 6.1527 0.800049 6.28 0.800049H11.72C11.8473 0.800049 11.9694 0.85062 12.0594 0.940638C12.1494 1.03066 12.2 1.15274 12.2 1.28005V4.00005M5.8 4.00005H12.2' stroke='white'/%3E%3C/svg%3E%0A");
}
.usp__card-tag:last-child::before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.664 1.08012C12.0888 1.08012 12.5136 1.13772 12.9312 1.24572C13.0536 1.28172 13.1544 1.37532 13.1904 1.49772C13.2264 1.62012 13.1904 1.75692 13.0968 1.84332L10.8288 4.11132C10.7342 4.20531 10.6678 4.32396 10.6373 4.45378C10.6067 4.58361 10.6132 4.7194 10.656 4.84572L11.0664 6.08412C11.1384 6.30012 11.304 6.46572 11.52 6.53772L12.7584 6.94812C12.8304 6.96972 12.9096 6.98412 12.9888 6.98412C13.176 6.98412 13.3632 6.91212 13.5 6.77532L15.768 4.50732C15.8345 4.43949 15.9251 4.40067 16.02 4.39932C16.0488 4.39932 16.0848 4.39932 16.1136 4.41372C16.236 4.44972 16.3368 4.54332 16.3656 4.66572C16.812 6.36492 16.3512 8.11452 15.12 9.34572C14.6706 9.79658 14.1364 10.154 13.5482 10.3975C12.96 10.6409 12.3294 10.7655 11.6928 10.7641C11.304 10.7641 10.9152 10.7209 10.5336 10.6273C10.44 10.6057 10.3536 10.5913 10.26 10.5913C10.188 10.5913 10.116 10.5985 10.0512 10.6129C9.97921 10.6273 9.88561 10.6633 9.82801 10.6993C9.77041 10.7353 9.71281 10.7713 9.66961 10.8217L4.18321 16.3081C3.79441 16.6969 3.28321 16.9057 2.73601 16.9057C2.18881 16.9057 1.67041 16.6969 1.28881 16.3081C0.905063 15.9243 0.689487 15.4037 0.689487 14.8609C0.689487 14.3181 0.905063 13.7976 1.28881 13.4137L6.77521 7.92732C6.82561 7.87692 6.86161 7.82652 6.89761 7.76892C6.93361 7.70412 6.96961 7.61052 6.98401 7.54572C7.02001 7.39452 7.01281 7.22892 6.96961 7.06332C6.80607 6.38106 6.78889 5.6719 6.91921 4.98252C7.10641 4.03212 7.56721 3.16092 8.25121 2.47692C8.69855 2.02779 9.23051 1.67182 9.81631 1.42959C10.4021 1.18737 11.0301 1.06369 11.664 1.06572M11.664 0.360119C10.3735 0.35743 9.12253 0.805634 8.12735 1.62728C7.13217 2.44893 6.45527 3.59241 6.21361 4.86012C6.06241 5.65212 6.08401 6.46572 6.27121 7.24332C6.28561 7.31532 6.28561 7.36572 6.27121 7.40172C6.27121 7.41612 6.27121 7.42332 6.26401 7.43052L0.777609 12.9169C0.258797 13.4366 -0.0325928 14.141 -0.0325928 14.8753C-0.0325928 15.6097 0.258797 16.314 0.777609 16.8337C1.31761 17.3737 2.02321 17.6401 2.73601 17.6401C3.44881 17.6401 4.15441 17.3737 4.69441 16.8337L10.1808 11.3473C10.1808 11.3473 10.1952 11.3473 10.2096 11.3401H10.2672C10.296 11.3401 10.332 11.3401 10.368 11.3545C10.8 11.4625 11.2464 11.5129 11.6928 11.5129C13.1184 11.5129 14.544 10.9729 15.6312 9.87852C17.0928 8.41692 17.5464 6.35052 17.064 4.50732C16.9632 4.13292 16.6752 3.83772 16.3008 3.74412C16.2072 3.72252 16.1136 3.70812 16.02 3.70812C15.7392 3.70812 15.4584 3.81612 15.2568 4.02492L12.9888 6.29292L11.7504 5.88252L11.34 4.64412L13.608 2.37612C13.7428 2.24199 13.8396 2.0746 13.8888 1.89094C13.938 1.70727 13.9377 1.51387 13.888 1.33035C13.8383 1.14683 13.7409 0.979733 13.6057 0.846006C13.4706 0.712279 13.3024 0.616683 13.1184 0.568919C12.6432 0.446519 12.1536 0.381719 11.6712 0.381719L11.664 0.360119Z' fill='white'/%3E%3C/svg%3E%0A");
}
.usp__card-tag-text {
  color: hsl(0, 0%, 100%);
  font-family: "Raleway";
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
@media (min-width: 1024px) {
  .usp__card-tag-text {
    font-size: 14px;
    line-height: 20px;
  }
}

/**
 * Products Module
 */
.products {
  width: 100%;
  background-color: hsl(0, 0%, 100%);
  padding-top: 120px;
  padding-bottom: 120px;
}
@media (max-width: 1023px) {
  .products {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .products {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.products.products--list {
  padding-top: 222px;
}
.products.products--list .products__head {
  max-width: 800px;
  margin-bottom: 80px;
}
.products.products--list .products__head h2 {
  font-family: "Degular", sans-serif;
  font-size: 42px;
  font-weight: 500;
  line-height: 140%;
}
@media (min-width: 768px) {
  .products.products--list .products__head h2 {
    font-size: 61px;
  }
}
@media only screen and (max-width: 899px) {
  .products.products--list .products__head {
    max-width: 100%;
    margin-bottom: 40px;
  }
}
.products.products--latest .products__head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 80px;
  gap: 24px;
}
@media only screen and (max-width: 899px) {
  .products.products--latest .products__head {
    flex-direction: column;
    margin-bottom: 40px;
  }
}
.products.products--latest .products__title {
  max-width: 304px;
}
@media only screen and (max-width: 899px) {
  .products.products--latest .products__title {
    max-width: 100%;
  }
}
.products.products--latest .products__content {
  max-width: 681px;
}
@media only screen and (max-width: 899px) {
  .products.products--latest .products__content {
    max-width: 100%;
  }
}
.products.products--latest .products__button-group {
  margin-top: 32px;
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: center;
}
@media screen and (max-width: 700px) {
  .products.products--latest .products__button-group {
    margin-top: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
.products.products--latest .products__button-group a {
  background-color: hsl(29, 21%, 79%);
  border-radius: 9999px;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  border: none;
  cursor: pointer;
  margin-top: auto;
}
.products.products--latest .products__button-group a span {
  color: hsl(110, 100%, 10%);
  font-family: "Raleway";
  font-size: 16px;
  font-weight: 500;
}
.products__breadcrumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  margin-bottom: 24px;
}
.products__breadcrumbs svg {
  width: 24px;
  height: 24px;
  color: hsl(110, 100%, 10%);
}
.products__breadcrumb-item {
  color: hsl(110, 100%, 10%);
  font-family: "Raleway";
}
.products__breadcrumb-separator {
  width: 8px;
  height: 8px;
  border: 1px solid hsl(110, 100%, 10%);
  border-radius: 2px;
}
.products__breadcrumb-current {
  color: hsl(110, 100%, 6%);
  font-family: "Raleway";
}
.products__head .products__title em {
  color: hsl(110, 14%, 38%);
}
.products__container {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.products__header {
  display: none;
  align-items: flex-start;
  gap: 368px;
  width: 100%;
  margin-bottom: 80px;
}
@media (min-width: 1024px) {
  .products__header {
    display: flex;
  }
}
.products__header--landscape {
  gap: 197px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .products__header--landscape {
    display: flex;
  }
}
@media (min-width: 1024px) {
  .products__header--landscape {
    display: none;
  }
}
.products__title {
  font-family: "Degular", sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 140%;
}
@media (min-width: 768px) {
  .products__title {
    font-size: 34px;
  }
}
@media (min-width: 1024px) {
  .products__title {
    font-size: 49px;
  }
}
.products__title-accent {
  color: hsl(110, 100%, 10%);
}
.products__title-medium {
  color: hsl(114, 8%, 54%);
}
.products__header-content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  flex: 1;
}
.products__description {
  color: hsl(110, 100%, 10%);
  font-family: "Raleway";
  font-size: 16px;
  line-height: 24px;
}
.products__header-buttons {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.products__header-button-group {
  display: flex;
  align-items: center;
  gap: 32px;
}
.products__header-button {
  background-color: hsl(29, 21%, 79%);
  border-radius: 9999px;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: none;
  cursor: pointer;
  width: fit-content;
}
.products__header-button-text {
  color: hsl(110, 100%, 10%);
  font-family: "Raleway";
  font-size: 16px;
  font-weight: 500;
}
.products__categories {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1199px) {
  .products__categories {
    max-width: 100%;
    margin-inline: auto;
    padding-inline: 24px;
    overflow-x: clip;
  }
}
.products__categories-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.products__category-arrow {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid hsl(110, 100%, 10%);
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  cursor: pointer;
  position: absolute;
  background-color: #fff;
  z-index: 1;
}
.products__category-arrow--left {
  left: -24px;
  transform: rotate(180deg);
}
@media only screen and (min-width: 1200px) {
  .products__category-arrow--left {
    display: none;
  }
}
.products__category-arrow--right {
  right: -24px;
}
@media only screen and (min-width: 1200px) {
  .products__category-arrow--right {
    display: none;
  }
}
.products__category-arrow svg {
  width: 16px;
  height: 16px;
  color: hsl(110, 100%, 10%);
}
.products__category-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 879px;
  overflow: clip;
}
@media (max-width: 899px) {
  .products__category-list {
    width: auto;
    justify-content: flex-start;
    gap: 0;
    padding-left: 8px;
  }
}
.products__category-button {
  font-family: "Manrope";
  font-size: 20px;
  line-height: 24px;
  color: rgba(9, 51, 0, 0.32);
  padding-inline: 24px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.6s cubic-bezier(0.625, 0.05, 0, 1), background-color 0.6s cubic-bezier(0.625, 0.05, 0, 1);
  width: fit-content;
  flex-shrink: 0;
  white-space: nowrap;
  font-weight: 500;
}
@media only screen and (max-width: 899px) {
  .products__category-button {
    padding-inline: 0;
  }
}
.products__category-button--active, .products__category-button[data-filter-status=active] {
  color: hsl(110, 100%, 10%);
}
.products__category-indicator {
  width: 100%;
  padding-inline: 8px;
}
.products__category-indicator-line {
  height: 2px;
  background-color: rgba(9, 51, 0, 0.16);
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .products__category-indicator-line {
    max-width: 879px;
    margin: 0 auto;
  }
}
.products__category-indicator-active {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: hsl(110, 100%, 10%);
  transition: transform 0.3s ease, width 0.3s ease;
}
.products__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}
@media (min-width: 768px) {
  .products__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .products__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.products__card {
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: auto;
}
.products__card-image-wrapper {
  position: relative;
  min-height: 320px;
}
.products__card-image {
  width: 100%;
  height: 320px;
  object-fit: cover;
  border-radius: 8px;
}
.products__card-tags {
  position: absolute;
  bottom: 16px;
  left: 16px;
  display: flex;
  gap: 8px;
}
.products__card-tag {
  background-color: rgba(255, 255, 255, 0.24);
  backdrop-filter: blur(4px);
  padding: 4px 12px;
  border-radius: 2px;
}
.products__card-tag-text {
  color: hsl(0, 0%, 100%);
  font-family: "Manrope";
  font-size: 12px;
  line-height: 24px;
}
.products__card-content {
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: 100%;
}
.products__card-info {
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
}
.products__card-title-wrapper {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.products__card-title {
  color: hsl(110, 100%, 10%);
  font-family: "Degular", sans-serif;
  font-size: 31px;
  font-weight: 600;
  line-height: 140%;
}
@media only screen and (max-width: 899px) {
  .products__card-title {
    font-size: 28px;
  }
}
@media only screen and (max-width: 599px) {
  .products__card-title {
    font-size: 24px;
  }
}
.products__card-divider {
  height: 1px;
  background-color: rgba(9, 51, 0, 0.16);
  width: 100%;
}
.products__card-details {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.products__card-detail {
  color: hsl(110, 100%, 10%);
  font-family: "Manrope";
  font-size: 16px;
  line-height: 24px;
}
.products__card-detail-label {
  font-weight: 600;
}
.products__card-detail-value {
  font-weight: 300;
}
.products__card-button {
  background-color: hsl(29, 21%, 79%);
  border-radius: 9999px;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  border: none;
  cursor: pointer;
  margin-top: auto;
  transition: background-color 0.3s ease-in-out;
  height: 48px;
}
.products__card-button svg {
  transition: transform 0.3s ease-in-out;
}
.products__card-button:hover {
  background-color: hsl(29, 11%, 61%);
}
.products__card-button:hover svg {
  transform: translateX(4px);
}
.products__card-button-text {
  color: #1c1c1c;
  font-family: "Raleway";
  font-size: 16px;
  font-weight: 500;
}
.products__empty {
  text-align: center;
  padding: 40px;
  color: hsl(110, 100%, 10%);
  font-family: "Raleway";
  font-size: 16px;
}
.products__pagination {
  margin-top: 80px;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 12px;
  align-items: center;
  margin-inline: auto;
}
@media only screen and (max-width: 899px) {
  .products__pagination {
    margin-top: 40px;
  }
}
.products__pagination .page-numbers {
  display: flex;
  padding: 8px 16px;
  color: hsl(110, 100%, 10%);
  text-decoration: none;
  border: 1px solid rgba(9, 51, 0, 0.2);
  border-radius: 4px;
  font-family: "Raleway";
  font-size: 14px;
  transition: all 0.2s ease;
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  max-width: 36px;
  width: 100%;
  height: auto;
}
.products__pagination .page-numbers:hover {
  background-color: rgba(9, 51, 0, 0.1);
}
.products__pagination .page-numbers.current {
  background-color: hsl(110, 100%, 10%);
  color: hsl(0, 0%, 100%);
  border-color: hsl(110, 100%, 10%);
}
.products__pagination .page-numbers.prev, .products__pagination .page-numbers.next {
  display: none;
}
.products__card[data-filter-status=active] {
  transition: opacity 0.6s cubic-bezier(0.625, 0.05, 0, 1), transform 0.6s cubic-bezier(0.625, 0.05, 0, 1);
  transform: scale(1) rotate(0.001deg);
  opacity: 1;
  visibility: visible;
  position: relative;
}
.products__card[data-filter-status=transition-out] {
  transition: opacity 0.45s cubic-bezier(0.625, 0.05, 0, 1), transform 0.45s cubic-bezier(0.625, 0.05, 0, 1);
  transform: scale(0.98) rotate(0.001deg);
  opacity: 0;
  visibility: visible;
}
.products__card[data-filter-status=not-active] {
  transform: scale(0.98) rotate(0.001deg);
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.products .products__breadcrumb-separator {
  width: 8px;
  height: 8px;
}
.products .products__breadcrumb-current {
  color: hsla(114, 8%, 54%, 0.64);
  font-family: "Raleway";
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}

/**
 * Product Detail Page
 */
.product-detail {
  padding-top: 48px;
  padding-bottom: 48px;
  opacity: 0.8;
}
@media (min-width: 1024px) {
  .product-detail {
    padding-top: 192px;
    padding-bottom: 80px;
  }
}
.product-detail .product-detail__head {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 1024px) {
  .product-detail .product-detail__head {
    padding-top: 104px;
  }
}
@media only screen and (max-width: 899px) {
  .product-detail .product-detail__head.desktop {
    display: none;
  }
}
@media only screen and (min-width: 900px) {
  .product-detail .product-detail__head.phone {
    display: none;
  }
}
.product-detail__container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 80px;
}
@media only screen and (max-width: 899px) {
  .product-detail__container {
    flex-direction: column;
    gap: 40px;
  }
}
.product-detail__gallery {
  max-width: 636px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .product-detail__gallery {
    max-width: 410px;
    padding-top: 104px;
  }
}
@media only screen and (max-width: 899px) {
  .product-detail__gallery {
    max-width: 100%;
    padding-top: 0;
  }
}
.product-detail__slider {
  position: relative;
  width: 100%;
  height: 600px;
  border-radius: 8px;
  overflow: hidden;
}
@media only screen and (max-width: 899px) {
  .product-detail__slider {
    height: 400px;
  }
}
.product-detail__slider-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.product-detail__slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.product-detail__slide.active {
  opacity: 1;
}
.product-detail__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-detail__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 64px;
  height: 64px;
  background-color: rgba(255, 255, 255, 0.24);
  backdrop-filter: blur(4px);
  border-radius: 50%;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
  transition: background-color 0.2s ease;
}
.product-detail__nav:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
.product-detail__nav--prev {
  left: 32px;
}
.product-detail__nav--prev svg {
  rotate: 180deg;
}
.product-detail__nav--next {
  right: 32px;
}
.product-detail__nav svg {
  color: hsl(0, 0%, 100%);
}
.product-detail__dots {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 3;
}
.product-detail__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: none;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.product-detail__dot.active, .product-detail__dot:hover {
  background-color: hsl(0, 0%, 100%);
}
.product-detail__info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.product-detail__breadcrumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}
.product-detail__breadcrumbs svg {
  width: 24px;
  height: 24px;
  color: hsl(110, 100%, 10%);
}
.product-detail__breadcrumb-item {
  color: hsl(110, 100%, 10%);
  font-family: "Raleway";
}
.product-detail__breadcrumb-separator {
  width: 8px;
  height: 8px;
  border: 1px solid hsl(110, 100%, 10%);
  border-radius: 2px;
}
.product-detail__breadcrumb-current {
  color: hsl(110, 100%, 6%);
  font-family: "Raleway";
}
.product-detail__header {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.product-detail__title {
  color: hsl(110, 100%, 10%);
  font-family: "Degular", sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.2;
}
@media (min-width: 1024px) {
  .product-detail__title {
    font-size: 48px;
  }
}
.product-detail__features {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.product-detail__feature {
  display: flex;
  align-items: center;
  gap: 16px;
}
.product-detail__feature-icon {
  width: 32px;
  height: 32px;
  background-color: hsl(29, 21%, 79%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}
.product-detail__feature-icon svg {
  width: 24px;
  height: 24px;
  color: hsl(0, 0%, 0%);
}
.product-detail__feature-text {
  color: hsl(0, 0%, 0%);
  font-family: "Raleway";
  font-size: 16px;
}
.product-detail__divider {
  width: 100%;
  height: 1px;
  background-color: rgba(9, 51, 0, 0.16);
}
.product-detail__description {
  color: hsl(110, 100%, 6%);
  font-family: "Raleway";
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
}
.product-detail__section {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.product-detail__section-title {
  color: hsl(110, 100%, 10%);
  font-family: "Degular", sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.product-detail__options {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.product-detail__option {
  padding: 8px 16px;
  border: 1px solid hsl(110, 14%, 38%);
  border-radius: 4px;
  background-color: hsl(0, 0%, 100%);
  color: hsl(110, 100%, 10%);
  font-family: "Raleway";
  font-size: 16px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.product-detail__option:hover, .product-detail__option.is-active {
  background-color: hsl(110, 14%, 38%);
  color: hsl(0, 0%, 100%);
}
.product-detail__custom-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.product-detail__custom-title {
  color: hsl(110, 100%, 10%);
  font-family: "Raleway";
  font-size: 18px;
  font-weight: 600;
}
.product-detail__custom-text {
  color: hsl(110, 100%, 6%);
  font-family: "Raleway";
  font-size: 16px;
}
.product-detail__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 24px;
}
@media only screen and (max-width: 599px) {
  .product-detail__actions {
    flex-direction: column;
    gap: 32px;
    align-items: flex-start;
  }
}
.product-detail__actions a {
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: hsl(24, 95%, 78%);
  border-radius: 9999px;
  padding: 12px 24px;
  cursor: pointer;
  border: none;
}
.product-detail__actions a span {
  color: hsl(110, 100%, 10%);
  font-family: "Raleway";
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.product-detail__price {
  color: hsl(110, 100%, 10%);
  font-family: "Degular", sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.product-detail__services {
  margin-top: 24px;
  background-color: hsl(29, 21%, 79%);
  border-radius: 8px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.product-detail__service {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.product-detail__service-icon svg {
  width: 24px;
  height: 24px;
  color: hsl(110, 100%, 10%);
}
.product-detail__service-text {
  color: hsl(110, 100%, 6%);
  font-family: "Raleway";
  font-size: 16px;
}
.product-detail__expandable {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 24px;
}
.product-detail__expandable ul {
  margin-top: 32px;
  margin-left: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.product-detail__expandable ul li {
  margin-left: 40px;
  position: relative;
}
.product-detail__expandable ul li::after {
  content: "";
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-12.2778' y='-12.8' width='57.6' height='57.6'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(6.4px);clip-path:url(%23bgblur_0_294_2642_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='12.8'%3E%3Crect x='0.522217' width='32' height='32' rx='16' fill='%23D4C8BD'/%3E%3Cpath d='M14.1704 21.0964L9.39917 16.3252L10.0846 15.6408L14.1704 19.7265L22.9601 10.9368L23.6446 11.6222L14.1704 21.0964Z' fill='%231C1C1C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_294_2642_clip_path' transform='translate(12.2778 12.8)'%3E%3Crect x='0.522217' width='32' height='32' rx='16'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  left: -40px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
.product-detail__expandable-item {
  border-bottom: 1px solid rgba(9, 51, 0, 0.16);
  padding-bottom: 24px;
}
.product-detail__expandable-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
}
.product-detail__expandable-title {
  color: hsl(110, 100%, 10%);
  font-family: "Degular", sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.product-detail__expandable-icon {
  width: 32px;
  height: 32px;
  border: 1px solid hsl(110, 100%, 6%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
  padding: 8px;
}
.product-detail__expandable-icon svg {
  width: 24px;
  height: 24px;
  color: hsl(0, 0%, 0%);
}
.product-detail__expandable-item.active .product-detail__expandable-icon {
  transform: rotate(180deg);
}
.product-detail__expandable-content {
  margin-top: 24px;
  display: none;
}
.product-detail__expandable-item.active .product-detail__expandable-content {
  display: block;
}
.product-detail__expandable-content p {
  color: hsl(110, 100%, 6%);
  font-family: "Raleway";
  font-size: 16px;
  line-height: 1.5;
}
.product-detail .product-detail__dots {
  display: none;
}

/**
 * Reviews Module
 */
.reviews {
  background-color: hsl(110, 14%, 38%);
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .reviews {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (min-width: 1024px) {
  .reviews {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.reviews--green {
  background-color: hsl(110, 14%, 38%);
}
.reviews--green em {
  color: hsl(110, 100%, 10%);
}
.reviews--white {
  background-color: hsl(0, 0%, 100%);
}
.reviews--white em {
  color: hsl(110, 14%, 38%);
}
.reviews--white .reviews__divider {
  background-color: hsla(110, 100%, 6%, 0.3);
}
.reviews--white .reviews__description * {
  color: hsl(110, 100%, 6%);
}
.reviews--white .reviews__testimonials {
  color: hsl(110, 100%, 6%);
}
.reviews--white .reviews__title {
  color: hsl(110, 100%, 6%);
}
.reviews__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}
@media (min-width: 1024px) {
  .reviews__container {
    gap: 80px;
  }
}
.reviews__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 654px;
  gap: 32px;
  text-align: center;
}
.reviews__title {
  color: hsl(0, 0%, 100%);
  font-family: "Degular";
  font-size: 28px;
  font-weight: 500;
  line-height: 140%;
}
@media (min-width: 768px) {
  .reviews__title {
    font-size: 34px;
  }
}
@media (min-width: 1024px) {
  .reviews__title {
    font-size: 49px;
  }
}
.reviews__divider {
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.16);
}
.reviews__description * {
  color: hsl(0, 0%, 100%);
  font-family: "Raleway";
  font-size: 16px;
  line-height: 24px;
}
.reviews__testimonials {
  width: 100%;
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
.reviews__testimonials.keen-slider {
  overflow: visible;
}
.reviews__testimonials .keen-slider__slide {
  min-height: 0;
  overflow: visible;
}
.reviews__card {
  width: 100%;
  height: 100%;
  background-color: hsl(114, 8%, 54%);
  border-radius: 8px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex-shrink: 0;
}
@media (min-width: 1024px) {
  .reviews__card {
    width: 384px;
    height: 100%;
    padding: 32px;
  }
}
.keen-slider .reviews__card {
  width: 100%;
}
@media (min-width: 768px) {
  .keen-slider .reviews__card {
    width: calc(50% - 15px);
  }
}
@media (min-width: 900px) {
  .keen-slider .reviews__card {
    width: calc(33.333% - 27px);
  }
}
@media (min-width: 1024px) {
  .keen-slider .reviews__card {
    width: 384px;
  }
}
.reviews__card-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.reviews__quote {
  color: hsl(0, 0%, 100%);
  font-family: "Degular";
  font-size: 18px;
  font-style: italic;
  font-weight: 300;
  line-height: 1.4;
  flex: 1;
  display: flex;
  align-items: center;
  padding-block: 0 40px;
}
@media (min-width: 1024px) {
  .reviews__quote {
    font-size: 30px;
    padding-block: 0 40px;
  }
}
.reviews__card-footer {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 1024px) {
  .reviews__card-footer {
    gap: 24px;
  }
}
.reviews__card-divider {
  height: 1px;
  background-color: rgba(255, 255, 255, 0.16);
}
.reviews__author {
  color: hsl(0, 0%, 100%);
  font-family: "Degular";
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
}
@media (min-width: 1024px) {
  .reviews__author {
    font-size: 20px;
  }
}
.reviews__empty {
  color: hsl(0, 0%, 100%);
  font-family: "Raleway";
  font-size: 16px;
  text-align: center;
  padding: 40px;
}

.cases {
  background-color: hsl(0, 0%, 100%);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
}
@media (min-width: 768px) {
  .cases {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (min-width: 1024px) {
  .cases {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.cases::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: hsla(111, 87%, 3%, 0.48);
  z-index: 2;
  pointer-events: none;
}
.cases__transition-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.cases__container {
  display: flex;
  flex-direction: row;
  gap: 80px;
  position: relative;
  z-index: 3;
  align-items: center;
}
@media only screen and (max-width: 899px) {
  .cases__container {
    flex-direction: column;
    gap: 40px;
  }
}
.cases__header {
  max-width: 640px;
  width: 100%;
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media only screen and (max-width: 1199px) {
  .cases__header {
    max-width: 500px;
  }
}
@media only screen and (max-width: 899px) {
  .cases__header {
    max-width: 100%;
  }
}
@media only screen and (max-width: 599px) {
  .cases__header {
    max-width: 100%;
  }
}
.cases__header .cases__title {
  color: hsl(0, 0%, 100%);
  font-weight: 500;
  font-family: "Degular", sans-serif;
}
.cases__header .cases__title em {
  color: hsl(114, 8%, 54%);
}
.cases__header .cases__divider {
  background-color: hsla(0, 0%, 100%, 0.5);
  height: 1px;
  width: 100%;
}
.cases__header .cases__description {
  color: hsl(0, 0%, 100%);
}
.cases__header .cases__description *, .cases__header .cases__description p, .cases__header .cases__description a, .cases__header .cases__description span {
  color: hsl(0, 0%, 100%);
}
.cases__slider {
  max-width: 800px;
  width: 100%;
  display: flex;
  flex-direction: row;
  position: relative;
  height: 525px;
}
@media only screen and (max-width: 1199px) {
  .cases__slider {
    max-width: 400px;
  }
}
@media only screen and (max-width: 899px) {
  .cases__slider {
    max-width: 100%;
    height: 400px;
  }
}
@media only screen and (max-width: 599px) {
  .cases__slider {
    height: 320px;
  }
}
.cases__slide {
  border-radius: 4px;
  overflow: clip;
  position: relative;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease, filter 0.3s ease;
}
.cases__slide.is-current {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.cases__slide.is-next {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.cases__slide.is-previous {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.cases__image-container {
  position: relative;
  height: 100%;
}
.cases__image-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1;
  pointer-events: none;
}
.cases__image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cases__content {
  position: absolute;
  bottom: 32px;
  left: 32px;
  right: 32px;
  top: auto;
  color: #fff;
  z-index: 2;
}
.cases__content .cases__slide-title {
  color: #fff;
  position: relative;
  padding-bottom: 8px;
  font-family: "Degular", sans-serif;
  font-weight: 500;
}
.cases__content .cases__slide-title::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.24);
  width: 100%;
  height: 1px;
  z-index: -1;
  pointer-events: none;
}
.cases__tags {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.cases__tag {
  padding: 8px 12px;
  background-color: rgba(255, 255, 255, 0.24);
  border-radius: 1.6px;
  font-size: 12px;
  backdrop-filter: blur(12px);
  font-family: "Manrope";
}
.cases__empty {
  text-align: center;
  padding: 4rem 0;
  color: rgba(0, 0, 0, 0.6);
}
.cases .keen-slider {
  cursor: none;
}
@media only screen and (max-width: 899px) {
  .cases .keen-slider {
    cursor: grab;
  }
}
.cases .keen-slider:hover .custom-cursor {
  opacity: 1;
}
.cases .custom-cursor {
  position: absolute;
  width: 120px;
  height: 120px;
  background-color: rgba(255, 255, 255, 0.24);
  border-radius: 100px;
  backdrop-filter: blur(32px);
  pointer-events: none;
  z-index: 9999;
  opacity: 0;
  transition: opacity 0.3s ease;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: hsl(0, 0%, 100%);
  font-family: "Raleway";
  font-size: 18px;
  font-weight: 500;
}
.cases .custom-cursor::after {
  content: "< Slepen >";
}
@media only screen and (max-width: 899px) {
  .cases .custom-cursor {
    display: none;
  }
}
.cases .cases__slide.is-next .cases__content {
  opacity: 0;
}
.cases .cases__slide.is-next .cases__image-container {
  overflow: clip;
}
.cases .cases__slide.is-next .cases__image-container::before {
  opacity: 0;
}
.cases .cases__slide.is-next .cases__image-container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  pointer-events: none;
  backdrop-filter: blur(14px);
  opacity: 1;
  width: 100%;
  height: 100%;
}

/**
 * Project Latest Component
 */
.project-latest {
  position: relative;
}
.project-latest__background {
  height: 560px;
  position: relative;
  background-size: cover;
  background-position: center;
  background-color: #6b7280;
  background-image: linear-gradient(0deg, rgba(3, 14, 1, 0.48) 0%, rgba(3, 14, 1, 0.48) 100%), url("https://images.unsplash.com/photo-1560520653-9e0e4c89eb11?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2073&q=80");
}
@media (min-width: 1024px) {
  .project-latest__background {
    height: 700px;
  }
}
.project-latest__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.6), transparent);
}
.project-latest__container {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.project-latest__content {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
  width: 100%;
}
@media (min-width: 1024px) {
  .project-latest__content {
    padding: 0 80px;
  }
}
.project-latest__content > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}
@media (min-width: 1024px) {
  .project-latest__content > div {
    flex-direction: row;
    gap: 80px;
  }
}
.project-latest__text {
  flex: 1;
  text-align: center;
  max-width: 512px;
}
@media (min-width: 1024px) {
  .project-latest__text {
    text-align: left;
  }
}
.project-latest__title {
  font-size: 30px;
  font-family: "Degular", sans-serif;
  font-weight: 500;
  color: hsl(0, 0%, 100%);
  line-height: 1.2;
  margin-bottom: 32px;
}
@media (min-width: 1024px) {
  .project-latest__title {
    font-size: 49px;
  }
}
.project-latest__title-accent {
  color: hsl(114, 8%, 54%);
}
.project-latest__divider {
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
  margin-bottom: 32px;
}
.project-latest__description {
  color: hsl(0, 0%, 100%);
  font-family: "Raleway";
  font-size: 16px;
  line-height: 1.6;
}
@media (min-width: 1024px) {
  .project-latest__description {
    font-size: 18px;
  }
}
.project-latest__card-wrapper {
  flex-shrink: 0;
  width: 100%;
  max-width: 448px;
}
@media (min-width: 1024px) {
  .project-latest__card-wrapper {
    max-width: 512px;
  }
}
.project-latest__card {
  background-color: hsl(0, 0%, 100%);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.project-latest__card-image {
  aspect-ratio: 16/9;
  background-color: #e5e7eb;
}
.project-latest__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.project-latest__card-content {
  padding: 24px;
}
.project-latest__card-title {
  font-size: 20px;
  font-family: "Degular", sans-serif;
  font-weight: 500;
  color: hsl(110, 100%, 10%);
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .project-latest__card-title {
    font-size: 24px;
  }
}
.project-latest__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.project-latest__tag {
  padding: 8px 16px;
  font-size: 14px;
  font-family: "Raleway";
  border-radius: 4px;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
}
.project-latest__tag--primary {
  background-color: hsl(114, 8%, 54%);
  color: hsl(0, 0%, 100%);
}
.project-latest__tag--primary:hover {
  background-color: hsl(110, 100%, 10%);
}
.project-latest__tag--secondary {
  background-color: #e5e7eb;
  color: hsl(110, 100%, 10%);
}
.project-latest__tag--secondary:hover {
  background-color: #d1d5db;
}
@media (max-width: 768px) {
  .project-latest__background {
    background-position: center;
  }
}

/**
 * Contact Form Component
 */
.contact-form {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media (max-width: 1023px) {
  .contact-form {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .contact-form {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.contact-form__desktop {
  display: none;
  justify-content: space-between;
  align-items: flex-start;
  gap: 80px;
}
@media (min-width: 1024px) {
  .contact-form__desktop {
    display: flex;
  }
}
.contact-form__info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.contact-form__info-content {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.contact-form__title {
  font-size: 48px;
  font-family: "Degular", sans-serif;
  font-weight: 500;
  color: hsl(110, 100%, 10%);
  line-height: 1.2;
}
@media only screen and (max-width: 899px) {
  .contact-form__title {
    font-size: 34px;
  }
}
.contact-form__title--mobile {
  font-size: 30px;
}
@media (min-width: 768px) {
  .contact-form__title--mobile {
    font-size: 32px;
  }
}
.contact-form__divider {
  width: 100%;
  height: 1px;
  background-color: rgba(9, 51, 0, 0.16);
}
.contact-form__description {
  color: hsl(110, 100%, 10%);
  font-family: "Raleway";
  font-size: 16px;
  line-height: 24px;
}
.contact-form__contact-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.contact-form__contact-item {
  color: hsl(110, 100%, 10%);
  font-family: "Raleway";
  font-size: 16px;
}
.contact-form__image-wrapper {
  margin-top: 48px;
}
.contact-form__image-wrapper--mobile {
  margin-top: 0;
}
.contact-form__image {
  width: 100%;
  height: 372px;
  object-fit: cover;
  border-radius: 8px;
}
.contact-form__image--mobile {
  height: 320px;
}
@media (min-width: 768px) {
  .contact-form__image--mobile {
    height: 372px;
  }
}
.contact-form__form-wrapper {
  width: 100%;
  background-color: #D4C8BD;
  border-radius: 8px;
  padding: 32px;
}
.contact-form__form-wrapper--mobile {
  padding: 24px;
}
@media (min-width: 768px) {
  .contact-form__form-wrapper--mobile {
    padding: 32px;
  }
}
.contact-form__form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.contact-form__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.contact-form__row--mobile {
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 768px) {
  .contact-form__row--mobile {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
}
.contact-form__field {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.contact-form__field--full {
  grid-column: 1/-1;
}
.contact-form__label {
  display: block;
  color: #1C1C1C;
  font-family: "Degular", sans-serif;
  font-size: 23px;
  font-weight: 600;
}
.contact-form__label--mobile {
  font-size: 18px;
}
@media (min-width: 768px) {
  .contact-form__label--mobile {
    font-size: 20px;
  }
}
.contact-form__field-description {
  color: rgba(9, 51, 0, 0.8);
  font-family: "Raleway";
  font-size: 16px;
}
.contact-form__input, .contact-form__select, .contact-form__textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #B0A091;
  border-radius: 4px;
  background-color: hsl(0, 0%, 100%);
  color: #6b7280;
  font-family: "Raleway";
  font-size: 16px;
}
.contact-form__input:focus, .contact-form__select:focus, .contact-form__textarea:focus {
  outline: none;
  border-color: hsl(114, 8%, 54%);
}
.contact-form__select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 16px;
  padding-right: 40px;
}
.contact-form__textarea {
  resize: none;
  min-height: 144px;
}
.contact-form__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.contact-form__actions--mobile {
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 640px) {
  .contact-form__actions--mobile {
    flex-direction: row;
    gap: 24px;
  }
}
.contact-form__submit {
  padding: 12px 24px;
  background-color: hsl(110, 100%, 10%);
  color: hsl(0, 0%, 100%);
  font-family: "Raleway";
  font-size: 16px;
  border-radius: 9999px;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.contact-form__submit:hover {
  background-color: #374151;
}
.contact-form__submit--mobile {
  width: 100%;
}
@media (min-width: 640px) {
  .contact-form__submit--mobile {
    width: auto;
  }
}
.contact-form__call {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: hsl(110, 100%, 10%);
  background: none;
  border: none;
  cursor: pointer;
  transition: color 0.2s ease;
}
.contact-form__call:hover {
  color: #6b7280;
}
.contact-form__call-text {
  font-family: "Raleway";
  font-size: 16px;
  font-weight: 500;
}
.contact-form__call-underline {
  width: 100%;
  height: 1px;
  background-color: hsl(110, 100%, 10%);
}
.contact-form__mobile {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (min-width: 1024px) {
  .contact-form__mobile {
    display: none;
  }
}
.contact-form__mobile-header {
  display: flex;
  flex-direction: column;
  gap: 32px;
  text-align: center;
}
.contact-form--extended .contact-form__container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 48px;
}
@media only screen and (max-width: 899px) {
  .contact-form--extended .contact-form__container {
    display: flex;
    flex-direction: column-reverse;
    gap: 48px;
  }
}
@media (min-width: 1024px) {
  .contact-form--extended .contact-form__container {
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: start;
  }
}
.contact-form--extended .contact-form__info {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.contact-form--extended .contact-form__contact-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 24px;
}
.contact-form--extended .contact-form__contact-item {
  display: flex;
  align-items: center;
  gap: 12px;
}
.contact-form--extended .contact-form__contact-icon {
  width: 20px;
  height: 20px;
  color: hsl(110, 100%, 10%);
  flex-shrink: 0;
}
.contact-form--extended .contact-form__contact-icon svg {
  width: 100%;
  height: 100%;
}
.contact-form--extended .contact-form__contact-text {
  color: hsl(110, 100%, 10%);
  font-family: "Raleway";
  font-size: 16px;
  line-height: 24px;
}
.contact-form--extended .contact-form__image {
  margin-top: 32px;
}
@media (min-width: 1024px) {
  .contact-form--extended .contact-form__image {
    margin-top: 0;
  }
}
@media only screen and (max-width: 899px) {
  .contact-form--extended .contact-form__image.desktop {
    display: none;
  }
}
.contact-form--extended .contact-form__image.phone {
  margin-top: 80px;
}
@media only screen and (min-width: 900px) {
  .contact-form--extended .contact-form__image.phone {
    display: none;
  }
}
@media only screen and (max-width: 899px) {
  .contact-form--extended .contact-form__image.phone {
    margin-top: 40px;
  }
}
.contact-form--extended .contact-form__image-element {
  width: 100%;
  height: 372px;
  object-fit: cover;
  border-radius: 8px;
}
@media (min-width: 768px) {
  .contact-form--extended .contact-form__image-element {
    height: 372px;
  }
}
@media (min-width: 1024px) {
  .contact-form--extended .contact-form__image-element {
    height: 372px;
  }
}
.contact-form--extended .contact-form__form-wrapper {
  order: -1;
}
@media (min-width: 1024px) {
  .contact-form--extended .contact-form__form-wrapper {
    order: 0;
  }
}
.contact-form__gravity-form .gform_wrapper {
  max-width: none;
}
.contact-form__gravity-form .gform_body .gfield {
  margin-bottom: 0;
}
.contact-form__gravity-form .gform_body .gfield_label {
  color: #1C1C1C;
  font-family: "Degular", sans-serif;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px;
}
.contact-form__gravity-form .gform_body .ginput_container input[type=text],
.contact-form__gravity-form .gform_body .ginput_container input[type=email],
.contact-form__gravity-form .gform_body .ginput_container input[type=tel],
.contact-form__gravity-form .gform_body .ginput_container select,
.contact-form__gravity-form .gform_body .ginput_container textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #B0A091;
  border-radius: 4px;
  background-color: hsl(0, 0%, 100%);
  color: #6b7280;
  font-family: "Raleway";
  font-size: 16px;
}
.contact-form__gravity-form .gform_body .ginput_container input[type=text]:focus,
.contact-form__gravity-form .gform_body .ginput_container input[type=email]:focus,
.contact-form__gravity-form .gform_body .ginput_container input[type=tel]:focus,
.contact-form__gravity-form .gform_body .ginput_container select:focus,
.contact-form__gravity-form .gform_body .ginput_container textarea:focus {
  outline: none;
  border-color: hsl(114, 8%, 54%);
}
.contact-form__gravity-form .gform_body .ginput_container textarea {
  resize: none;
  min-height: 144px;
}
.contact-form__gravity-form .gform_footer {
  text-align: center;
  margin-top: 32px;
}
.contact-form__gravity-form .gform_footer .gform_button {
  padding: 12px 24px;
  background-color: hsl(110, 100%, 10%);
  color: hsl(0, 0%, 100%);
  font-family: "Raleway";
  font-size: 16px;
  border-radius: 9999px;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.contact-form__gravity-form .gform_footer .gform_button:hover {
  background-color: #374151;
}
.contact-form__empty {
  text-align: center;
  padding: 40px;
  color: hsl(110, 100%, 10%);
  font-family: "Raleway";
  font-size: 16px;
  background-color: rgba(9, 51, 0, 0.1);
  border-radius: 8px;
}
.contact-form .gfield p, .contact-form .gfield a {
  font-size: 16px;
}
.contact-form .gsection_description {
  font-size: 16px;
}
.contact-form .contact-form__gravity-form .product-tool__size select:not([data-selected]),
.contact-form .contact-form__gravity-form .product-tool__color select:not([data-selected]) {
  color: hsla(0, 0%, 11%, 0.24);
}
.contact-form .contact-form__gravity-form .ginput_container_select {
  border: none;
  overflow: unset;
}
.contact-form .contact-form__gravity-form .ginput_container_select select {
  padding: 0 12px;
  height: 48px;
  margin: -2px 0;
  display: flex;
  align-items: center;
}
.contact-form .contact-form__gravity-form .ginput_container_select select::placeholder {
  color: hsla(0, 0%, 11%, 0.24);
}
.contact-form .gchoice {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
}
.contact-form .contact-form__gravity-form .gform_wrapper button.button--primary.gform_button {
  display: flex !important;
  align-items: center !important;
  gap: 8px;
  background-color: hsl(24, 95%, 78%) !important;
  border-radius: 9999px !important;
  padding: 12px 24px !important;
  cursor: pointer;
  border: none !important;
  color: #1C1C1C !important;
  font-size: 16px !important;
}
.contact-form .contact-form__gravity-form .gform_wrapper input.gfield-choice-input {
  width: 20px;
  height: 20px !important;
  aspect-ratio: 1;
  border-radius: 4px;
  border: 1px solid hsl(110, 100%, 10%);
  background-color: hsl(0, 0%, 100%);
}
.contact-form .contact-form__gravity-form .gform_wrapper input.gfield-choice-input:focus {
  outline: transparent;
}
.contact-form .contact-form__gravity-form .gform_wrapper input.gfield-choice-input::before {
  color: hsl(0, 0%, 100%);
}
.contact-form .contact-form__gravity-form .gform_wrapper input.gfield-choice-input:checked {
  background-color: #1C1C1C;
  border: 1px solid #1C1C1C;
}
.contact-form .contact-form__gravity-form .gform_wrapper .gform_drop_area .button.gform_button_select_files {
  background-color: #cccccc;
  color: #1C1C1C;
  opacity: 0.32;
}
.contact-form .contact-form__gravity-form .gform_wrapper .gform_drop_area::before {
  color: #000;
}
.contact-form .contact-form__gravity-form .gform_wrapper .gform-body .gform_page:not(:last-child) .gform-page-footer {
  display: none;
}
.contact-form .contact-form__gravity-form .gform_wrapper .gform-body .gform_page:last-child .gform-page-footer .gform_previous_button {
  display: none;
}
.contact-form .contact-form__gravity-form .gform_body .gfield_label,
.contact-form .gfield_description {
  margin-bottom: 12px;
}
.contact-form .contact-form__gravity-form .gform_body .gfield--no-description .gfield_label {
  margin-bottom: 12px;
}
.contact-form .contact-form__gravity-form .gform_wrapper .gfield {
  position: relative;
}
.contact-form .contact-form__gravity-form .gform_wrapper .gfield.gfield--type-checkbox input {
  font-size: 14px;
  font-family: "Raleway";
}
.contact-form .contact-form__gravity-form .gform_wrapper .gfield.gfield--type-checkbox .gfield_description:not(.gfield_validation_message) {
  font-size: 16px;
  color: hsla(0, 0%, 11%, 0.8);
  font-family: "Raleway";
}
.contact-form .contact-form__gravity-form .gform_wrapper .gfield:not(.gfield--type-checkbox, .gfield--type-fileupload) .gfield_description:not(.gfield_validation_message) {
  font-size: 16px;
}
.contact-form .contact-form__gravity-form .gform_wrapper .gfield .gfield:not(:has(.gfield_description)) .gfield_label {
  margin-bottom: 12px;
}
.contact-form .contact-form__gravity-form .gform_wrapper .gfield_checkbox {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 16px;
}
.contact-form .gform_wrapper form:has(.gf_page_steps) {
  position: relative;
  padding-bottom: 152px;
}
.contact-form .gform_wrapper form:has(.gf_page_steps)::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
  background-color: rgba(83, 61, 30, 0.0784313725);
  z-index: 0;
  width: 100%;
  height: 1px;
  pointer-events: none;
  max-width: 370px;
}
@media only screen and (max-width: 599px) {
  .contact-form .gform_wrapper form:has(.gf_page_steps)::before {
    display: none;
  }
}
.contact-form .gform_wrapper form:has(.gf_page_steps) .gf_page_steps {
  position: absolute;
  bottom: 0;
  max-width: 100%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contact-form .gform_wrapper form:has(.gf_page_steps) .gf_page_steps .gf_page_steps__navigation {
  max-width: 100px;
  width: 100%;
}
.contact-form .gform_wrapper form:has(.gf_page_steps) .gf_page_steps .gf_page_steps__navigation button {
  width: 40px;
  aspect-ratio: 1;
  background-color: hsl(0, 0%, 100%);
  color: transparent;
  position: relative;
  overflow: clip;
}
.contact-form .gform_wrapper form:has(.gf_page_steps) .gf_page_steps .gf_page_steps__navigation button:first-child::after {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.82498 2.80123C6.8253 2.87021 6.81185 2.93856 6.7854 3.00226C6.75896 3.06597 6.72006 3.12376 6.67098 3.17223L2.84198 7.00123L6.67098 10.8302C6.76371 10.9298 6.8142 11.0614 6.8118 11.1974C6.8094 11.3334 6.7543 11.4632 6.65811 11.5594C6.56192 11.6556 6.43215 11.7107 6.29614 11.7131C6.16013 11.7155 6.0285 11.665 5.92898 11.5722L1.72898 7.37223C1.63066 7.27379 1.57544 7.14036 1.57544 7.00123C1.57544 6.8621 1.63066 6.72867 1.72898 6.63023L5.92898 2.43023C6.02741 2.33191 6.16085 2.27669 6.29998 2.27669C6.4391 2.27669 6.57254 2.33191 6.67098 2.43023C6.72006 2.4787 6.75896 2.53649 6.7854 2.60019C6.81185 2.6639 6.8253 2.73225 6.82498 2.80123Z' fill='%231C1C1C'/%3E%3Cpath d='M12.425 7.00112C12.4231 7.1398 12.3672 7.27228 12.2692 7.37035C12.1711 7.46842 12.0386 7.52431 11.9 7.52612L2.09995 7.52612C1.96071 7.52612 1.82718 7.47081 1.72872 7.37235C1.63026 7.2739 1.57495 7.14036 1.57495 7.00112C1.57495 6.86188 1.63026 6.72835 1.72872 6.62989C1.82718 6.53144 1.96071 6.47612 2.09995 6.47612L11.9 6.47612C12.0386 6.47794 12.1711 6.53383 12.2692 6.6319C12.3672 6.72996 12.4231 6.86245 12.425 7.00112Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A");
}
.contact-form .gform_wrapper form:has(.gf_page_steps) .gf_page_steps .gf_page_steps__navigation button::after {
  color: #1C1C1C;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.17502 11.1988C7.1747 11.1298 7.18815 11.0614 7.2146 10.9977C7.24104 10.934 7.27994 10.8762 7.32902 10.8278L11.158 6.99877L7.32902 3.16977C7.23629 3.07025 7.1858 2.93861 7.1882 2.8026C7.1906 2.66659 7.2457 2.53682 7.34189 2.44063C7.43808 2.34444 7.56785 2.28935 7.70386 2.28695C7.83987 2.28455 7.9715 2.33503 8.07102 2.42777L12.271 6.62777C12.3693 6.72621 12.4246 6.85964 12.4246 6.99877C12.4246 7.1379 12.3693 7.27133 12.271 7.36977L8.07102 11.5698C7.97258 11.6681 7.83915 11.7233 7.70002 11.7233C7.5609 11.7233 7.42746 11.6681 7.32902 11.5698C7.27994 11.5213 7.24104 11.4635 7.2146 11.3998C7.18815 11.3361 7.1747 11.2677 7.17502 11.1988Z' fill='%231C1C1C'/%3E%3Cpath d='M1.57505 6.99888C1.57686 6.8602 1.63276 6.72772 1.73082 6.62965C1.82889 6.53158 1.96137 6.47569 2.10005 6.47388L11.9 6.47388C12.0393 6.47388 12.1728 6.52919 12.2713 6.62765C12.3697 6.7261 12.425 6.85964 12.425 6.99888C12.425 7.13812 12.3697 7.27165 12.2713 7.37011C12.1728 7.46856 12.0393 7.52388 11.9 7.52388L2.10005 7.52388C1.96137 7.52206 1.82889 7.46617 1.73082 7.3681C1.63276 7.27004 1.57686 7.13755 1.57505 6.99888Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A");
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
}
.contact-form .gform_wrapper form:has(.gf_page_steps) .gf_page_steps .gf_step .gf_step_number {
  border-radius: 4px;
  background-color: #999189;
  aspect-ratio: 1;
  width: 32px;
  color: #fff;
  border: none;
}
.contact-form .gform_wrapper form:has(.gf_page_steps) .gf_page_steps .gf_step .gf_step_number::after {
  background-color: #1C1C1C;
  border: none;
}
.contact-form .gform_wrapper form:has(.gf_page_steps) .gf_page_steps .gf_step.gf_step_active .gf_step_number, .contact-form .gform_wrapper form:has(.gf_page_steps) .gf_page_steps .gf_step.gf_step_completed .gf_step_number {
  background-color: #1C1C1C;
}
.contact-form .gform_wrapper form:has(.gf_page_steps) .gf_page_steps .gf_step:has(.gf_step_finish) .gf_step_number {
  color: transparent;
  position: relative;
}
.contact-form .gform_wrapper form:has(.gf_page_steps) .gf_page_steps .gf_step:has(.gf_step_finish) .gf_step_number::before {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.7851 8.54513L12.7323 0.598882C12.8201 0.511002 12.9237 0.464052 13.0428 0.458033C13.162 0.452013 13.2713 0.498963 13.3706 0.598882C13.4699 0.698801 13.5199 0.806243 13.5205 0.92121C13.5211 1.03618 13.4714 1.14332 13.3715 1.24264L5.29613 9.32341C5.14987 9.46968 4.97952 9.54281 4.7851 9.54281C4.59068 9.54281 4.42034 9.46968 4.27407 9.32341L0.617409 5.66675C0.529529 5.57887 0.483783 5.47443 0.480172 5.35345C0.47656 5.23246 0.524112 5.12231 0.622827 5.02299C0.721542 4.92368 0.828984 4.87402 0.945155 4.87402C1.06133 4.87402 1.16877 4.92368 1.26748 5.02299L4.7851 8.54513Z' fill='white'/%3E%3C/svg%3E%0A");
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 10px;
}
.contact-form .small-helper-text {
  font-family: "Raleway";
  font-weight: 500;
  color: #1C1C1C;
  position: relative;
}
.contact-form .small-helper-text::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #1C1C1C;
  position: absolute;
  bottom: -4px;
  left: 0;
}
.contact-form .contact-form__form-wrapper {
  min-height: 600px;
}
.contact-form .gform_confirmation_message {
  font-family: "Raleway";
  font-weight: 600;
  color: #1C1C1C;
  font-size: 24px;
}
.contact-form .gform_confirmation_message h1, .contact-form .gform_confirmation_message h2, .contact-form .gform_confirmation_message h3, .contact-form .gform_confirmation_message h4 {
  padding-bottom: 24px;
  margin-bottom: 24px;
  position: relative;
  font-size: 39px;
  font-weight: 500;
  font-family: "Degular";
}
.contact-form .gform_confirmation_message h1::before, .contact-form .gform_confirmation_message h2::before, .contact-form .gform_confirmation_message h3::before, .contact-form .gform_confirmation_message h4::before {
  width: 100%;
  height: 1px;
  background-color: #1C1C1C;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  opacity: 0.16;
}
@media only screen and (max-width: 599px) {
  .contact-form .ginput_container.ginput_container_checkbox {
    margin-bottom: 24px !important;
  }
}

/**
 * Footer Content Component
 */
.footer-content {
  background-color: hsl(110, 100%, 10%);
  padding-top: 64px;
  padding-bottom: 32px;
}
@media (max-width: 1023px) {
  .footer-content {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .footer-content {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.footer-content__container {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.footer-content__main {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (min-width: 1024px) {
  .footer-content__main {
    flex-direction: row;
    gap: 128px;
  }
}
.footer-content__section {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1024px) {
  .footer-content__section--description {
    width: 320px;
  }
}
@media (min-width: 1024px) {
  .footer-content__section--contact {
    width: 320px;
  }
}
.footer-content__flags {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.footer-content__flag {
  width: 32px;
  height: 24px;
}
.footer-content__description {
  color: hsl(0, 0%, 100%);
  font-family: "Raleway";
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
}
.footer-content__section-title {
  color: hsl(0, 0%, 100%);
  font-family: "Degular", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 32px;
}
.footer-content__contact-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.footer-content__contact-item {
  color: rgba(255, 255, 255, 0.8);
  font-family: "Raleway";
  font-size: 16px;
}
.footer-content__nav-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.footer-content__nav-link {
  color: rgba(255, 255, 255, 0.8);
  font-family: "Raleway";
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  padding-bottom: 4px;
  transition: color 0.2s ease;
}
.footer-content__nav-link:hover {
  color: hsl(0, 0%, 100%);
}
.footer-content__cta-wrapper {
  display: flex;
  justify-content: flex-start;
}
.footer-content__cta {
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: hsl(24, 95%, 78%);
  border-radius: 9999px;
  padding: 12px 24px;
  cursor: pointer;
  border: none;
  transition: all 250ms ease-in-out;
  font-size: 16px;
}
.footer-content__cta:hover {
  background-color: #C9916C;
}
.footer-content__cta:hover svg {
  transform: translateX(4px);
}
.footer-content__cta svg {
  transition: transform 0.3s ease-in-out;
  width: 15px;
  height: 12px;
}
.footer-content__cta-icon {
  width: 15px;
  height: 11px;
}
.footer-content__bottom {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  padding-top: 32px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
@media (min-width: 1024px) {
  .footer-content__bottom {
    flex-direction: row;
    align-items: center;
    gap: 40px;
  }
}
.footer-content__logo {
  display: flex;
  align-items: center;
}
.footer-content__logo-img {
  width: 148px;
  height: 24px;
}
.footer-content__bottom-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
@media (min-width: 1024px) {
  .footer-content__bottom-links {
    flex-direction: row;
    align-items: center;
    gap: 40px;
  }
}
.footer-content__copyright {
  color: rgba(255, 255, 255, 0.8);
  font-family: "Raleway";
  font-size: 16px;
  opacity: 0.72;
}
.footer-content__legal-link {
  color: rgba(255, 255, 255, 0.8);
  font-family: "Raleway";
  font-size: 16px;
  opacity: 0.72;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.footer-content__legal-link:hover {
  opacity: 1;
}
.footer-content__credit {
  color: rgba(255, 255, 255, 0.8);
  font-family: "Raleway";
  font-size: 16px;
  opacity: 0.72;
}

@media screen and (max-width: 1024px) {
  .footer-content__cta-wrapper.desktop {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .footer-content__cta-wrapper.phone {
    display: none;
  }
}

.team {
  background-color: hsl(110, 14%, 38%);
  padding-top: 120px;
  padding-bottom: 120px;
}
@media (max-width: 1023px) {
  .team {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .team {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.team-header {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
}
@media only screen and (max-width: 1199px) {
  .team-header {
    gap: 40px;
  }
}
@media only screen and (max-width: 899px) {
  .team-header {
    flex-direction: column;
    gap: 32px;
    align-items: flex-start;
  }
}

.team-header__title {
  width: 100%;
  max-width: 40%;
  color: hsl(0, 0%, 100%);
  font-family: "Degular", sans-serif;
  font-size: 49px;
  font-weight: 500;
  line-height: 140%;
}
.team-header__title em {
  color: hsl(110, 100%, 10%);
}
@media only screen and (max-width: 899px) {
  .team-header__title {
    font-size: 34px;
  }
}
@media only screen and (max-width: 1199px) {
  .team-header__title {
    max-width: 50%;
  }
}
@media only screen and (max-width: 899px) {
  .team-header__title {
    max-width: 100%;
  }
}

.team-header__editor {
  display: flex;
  flex-direction: column;
  gap: 32px;
  flex: 1;
  max-width: 60%;
  width: 100%;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Raleway";
  font-size: 14px;
  line-height: 24px;
}
.team-header__editor ul {
  margin-top: 32px;
  margin-left: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.team-header__editor ul li {
  margin-left: 40px;
  color: hsl(0, 0%, 100%);
  position: relative;
}
.team-header__editor ul li::after {
  content: "";
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-12.2778' y='-12.8' width='57.6' height='57.6'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(6.4px);clip-path:url(%23bgblur_0_294_2642_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='12.8'%3E%3Crect x='0.522217' width='32' height='32' rx='16' fill='%23D4C8BD'/%3E%3Cpath d='M14.1704 21.0964L9.39917 16.3252L10.0846 15.6408L14.1704 19.7265L22.9601 10.9368L23.6446 11.6222L14.1704 21.0964Z' fill='%231C1C1C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_294_2642_clip_path' transform='translate(12.2778 12.8)'%3E%3Crect x='0.522217' width='32' height='32' rx='16'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  left: -40px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .team-header__editor {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1199px) {
  .team-header__editor {
    max-width: 50%;
  }
}
@media only screen and (max-width: 899px) {
  .team-header__editor {
    margin-top: 0;
    max-width: 100%;
  }
}

.team-members {
  margin-top: 148px;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
@media only screen and (max-width: 1199px) {
  .team-members {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 899px) {
  .team-members {
    margin-top: 40px;
    gap: 20px;
  }
}

.team-member {
  position: relative;
  height: 400px;
  width: calc(33% - 25px);
  display: flex;
  flex-wrap: wrap;
  border-radius: 8px;
}
@media only screen and (max-width: 1199px) {
  .team-member {
    width: calc(50% - 20px);
  }
}
@media only screen and (max-width: 899px) {
  .team-member {
    width: calc(50% - 10px);
  }
}
@media only screen and (max-width: 599px) {
  .team-member {
    width: 100%;
  }
}
.team-member img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  border-radius: 8px;
}

.team-member__info {
  position: absolute;
  left: 24px;
  bottom: 24px;
  width: calc(100% - 48px);
  border-radius: 2px 1.6px 1.6px 1.6px;
  background: rgba(220, 220, 220, 0.24);
  backdrop-filter: blur(12px);
  padding: 16px;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 899px) {
  .team-member__info {
    width: calc(100% - 24px);
    left: 12px;
    bottom: 12px;
  }
}

.team-member__name {
  color: hsl(0, 0%, 100%);
  margin-bottom: 8px;
}

.team-member__function {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  width: 100%;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
}

.content-default .wrapper {
  padding-block: 120px;
}
@media only screen and (max-width: 1199px) {
  .content-default .wrapper {
    padding-block: 104px;
  }
}
@media only screen and (max-width: 899px) {
  .content-default .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .content-default .wrapper {
    padding-block: 40px;
  }
}
.content-default .content-default__description {
  margin-top: 24px;
  max-width: 800px;
}
@media only screen and (max-width: 899px) {
  .content-default .content-default__description {
    max-width: 100%;
  }
}
.content-default .content-default__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: fit-content;
  cursor: pointer;
  margin-top: 32px;
  position: relative;
}
.content-default .content-default__link::before, .content-default .content-default__link::after {
  background-color: hsl(0, 0%, 0%);
}
.content-default .content-default__link-text {
  color: hsl(0, 0%, 0%);
  font-family: "Raleway";
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
.content-default .content-default__link-underline {
  width: 100%;
  height: 1px;
  background-color: hsl(0, 0%, 0%);
}

.gallery {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media (max-width: 1023px) {
  .gallery {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .gallery {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.gallery-header {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
}
@media only screen and (max-width: 1199px) {
  .gallery-header {
    gap: 40px;
  }
}
@media only screen and (max-width: 899px) {
  .gallery-header {
    flex-direction: column;
    gap: 32px;
    align-items: flex-start;
  }
}

.gallery-header__title {
  width: 100%;
  max-width: 40%;
  font-family: "Degular", sans-serif;
  font-size: 49px;
  font-weight: 500;
  line-height: 140%;
}
.gallery-header__title em {
  color: hsl(110, 14%, 38%);
}
@media only screen and (max-width: 899px) {
  .gallery-header__title {
    font-size: 34px;
  }
}
@media only screen and (max-width: 1199px) {
  .gallery-header__title {
    max-width: 50%;
  }
}
@media only screen and (max-width: 899px) {
  .gallery-header__title {
    max-width: 100%;
  }
}

.gallery-header__editor {
  display: flex;
  flex-direction: column;
  gap: 32px;
  flex: 1;
  max-width: 60%;
  width: 100%;
  font-family: "Raleway";
  font-size: 14px;
  line-height: 24px;
}
.gallery-header__editor ul {
  margin-top: 32px;
  margin-left: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.gallery-header__editor ul li {
  margin-left: 40px;
  color: hsl(0, 0%, 100%);
  position: relative;
}
.gallery-header__editor ul li::after {
  content: "";
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-12.2778' y='-12.8' width='57.6' height='57.6'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(6.4px);clip-path:url(%23bgblur_0_294_2642_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='12.8'%3E%3Crect x='0.522217' width='32' height='32' rx='16' fill='%23D4C8BD'/%3E%3Cpath d='M14.1704 21.0964L9.39917 16.3252L10.0846 15.6408L14.1704 19.7265L22.9601 10.9368L23.6446 11.6222L14.1704 21.0964Z' fill='%231C1C1C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_294_2642_clip_path' transform='translate(12.2778 12.8)'%3E%3Crect x='0.522217' width='32' height='32' rx='16'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  left: -40px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .gallery-header__editor {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1199px) {
  .gallery-header__editor {
    max-width: 50%;
  }
}
@media only screen and (max-width: 899px) {
  .gallery-header__editor {
    margin-top: 0;
    max-width: 100%;
  }
}

.gallery-items {
  margin-top: 80px;
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
@media only screen and (max-width: 1199px) {
  .gallery-items {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 899px) {
  .gallery-items {
    margin-top: 40px;
    gap: 20px;
  }
}

.gallery-items .gallery-items__item {
  width: calc(25% - 32px);
  height: auto;
  transition: all 300ms ease-in-out;
  cursor: pointer;
}
@media only screen and (max-width: 1199px) {
  .gallery-items .gallery-items__item {
    width: calc(33% - 22px);
  }
}
@media only screen and (max-width: 899px) {
  .gallery-items .gallery-items__item {
    width: calc(50% - 12px);
  }
}
.gallery-items .gallery-items__item img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.gallery-items .gallery-items__item:hover {
  opacity: 0.8;
}

.bp-wrap {
  z-index: 99999 !important;
}

.bp-html img {
  max-height: calc(100vh - 300px) !important;
}

/**
 * Utilities.
 */
/**
 * Color utility classes.
 *
 * Automatically generated color and background color utility classes based on every color definition in `settings/_color.scss`.
 * Loop through every `$key` and `$map` in the `$colors` variable map defined in `settings/_color.scss`.
 */
/**
 * `color` hsl(0, 0%, 0%)-100 color utility.
 */
.color-black-100 {
  color: hsl(0, 0%, 0%);
}

/**
 * `background-color` hsl(0, 0%, 0%)-100 color utility.
 */
.background-color-black-100 {
  background-color: hsl(0, 0%, 0%);
}

/**
 * `color` hsla(0, 0%, 0%, 0.9)-90 color utility.
 */
.color-black-90 {
  color: hsla(0, 0%, 0%, 0.9);
}

/**
 * `background-color` hsla(0, 0%, 0%, 0.9)-90 color utility.
 */
.background-color-black-90 {
  background-color: hsla(0, 0%, 0%, 0.9);
}

/**
 * `color` hsla(0, 0%, 0%, 0.8)-80 color utility.
 */
.color-black-80 {
  color: hsla(0, 0%, 0%, 0.8);
}

/**
 * `background-color` hsla(0, 0%, 0%, 0.8)-80 color utility.
 */
.background-color-black-80 {
  background-color: hsla(0, 0%, 0%, 0.8);
}

/**
 * `color` hsla(0, 0%, 0%, 0.7)-70 color utility.
 */
.color-black-70 {
  color: hsla(0, 0%, 0%, 0.7);
}

/**
 * `background-color` hsla(0, 0%, 0%, 0.7)-70 color utility.
 */
.background-color-black-70 {
  background-color: hsla(0, 0%, 0%, 0.7);
}

/**
 * `color` hsla(0, 0%, 0%, 0.6)-60 color utility.
 */
.color-black-60 {
  color: hsla(0, 0%, 0%, 0.6);
}

/**
 * `background-color` hsla(0, 0%, 0%, 0.6)-60 color utility.
 */
.background-color-black-60 {
  background-color: hsla(0, 0%, 0%, 0.6);
}

/**
 * `color` hsla(0, 0%, 0%, 0.5)-50 color utility.
 */
.color-black-50 {
  color: hsla(0, 0%, 0%, 0.5);
}

/**
 * `background-color` hsla(0, 0%, 0%, 0.5)-50 color utility.
 */
.background-color-black-50 {
  background-color: hsla(0, 0%, 0%, 0.5);
}

/**
 * `color` hsla(0, 0%, 0%, 0.4)-40 color utility.
 */
.color-black-40 {
  color: hsla(0, 0%, 0%, 0.4);
}

/**
 * `background-color` hsla(0, 0%, 0%, 0.4)-40 color utility.
 */
.background-color-black-40 {
  background-color: hsla(0, 0%, 0%, 0.4);
}

/**
 * `color` hsla(0, 0%, 0%, 0.3)-30 color utility.
 */
.color-black-30 {
  color: hsla(0, 0%, 0%, 0.3);
}

/**
 * `background-color` hsla(0, 0%, 0%, 0.3)-30 color utility.
 */
.background-color-black-30 {
  background-color: hsla(0, 0%, 0%, 0.3);
}

/**
 * `color` hsla(0, 0%, 0%, 0.2)-20 color utility.
 */
.color-black-20 {
  color: hsla(0, 0%, 0%, 0.2);
}

/**
 * `background-color` hsla(0, 0%, 0%, 0.2)-20 color utility.
 */
.background-color-black-20 {
  background-color: hsla(0, 0%, 0%, 0.2);
}

/**
 * `color` hsla(0, 0%, 0%, 0.1)-10 color utility.
 */
.color-black-10 {
  color: hsla(0, 0%, 0%, 0.1);
}

/**
 * `background-color` hsla(0, 0%, 0%, 0.1)-10 color utility.
 */
.background-color-black-10 {
  background-color: hsla(0, 0%, 0%, 0.1);
}

/**
 * `color` hsl(0, 0%, 100%)-100 color utility.
 */
.color-white-100 {
  color: hsl(0, 0%, 100%);
}

/**
 * `background-color` hsl(0, 0%, 100%)-100 color utility.
 */
.background-color-white-100 {
  background-color: hsl(0, 0%, 100%);
}

/**
 * `color` hsla(0, 0%, 100%, 0.9)-90 color utility.
 */
.color-white-90 {
  color: hsla(0, 0%, 100%, 0.9);
}

/**
 * `background-color` hsla(0, 0%, 100%, 0.9)-90 color utility.
 */
.background-color-white-90 {
  background-color: hsla(0, 0%, 100%, 0.9);
}

/**
 * `color` hsla(0, 0%, 100%, 0.8)-80 color utility.
 */
.color-white-80 {
  color: hsla(0, 0%, 100%, 0.8);
}

/**
 * `background-color` hsla(0, 0%, 100%, 0.8)-80 color utility.
 */
.background-color-white-80 {
  background-color: hsla(0, 0%, 100%, 0.8);
}

/**
 * `color` hsla(0, 0%, 100%, 0.7)-70 color utility.
 */
.color-white-70 {
  color: hsla(0, 0%, 100%, 0.7);
}

/**
 * `background-color` hsla(0, 0%, 100%, 0.7)-70 color utility.
 */
.background-color-white-70 {
  background-color: hsla(0, 0%, 100%, 0.7);
}

/**
 * `color` hsla(0, 0%, 100%, 0.6)-60 color utility.
 */
.color-white-60 {
  color: hsla(0, 0%, 100%, 0.6);
}

/**
 * `background-color` hsla(0, 0%, 100%, 0.6)-60 color utility.
 */
.background-color-white-60 {
  background-color: hsla(0, 0%, 100%, 0.6);
}

/**
 * `color` hsla(0, 0%, 100%, 0.5)-50 color utility.
 */
.color-white-50 {
  color: hsla(0, 0%, 100%, 0.5);
}

/**
 * `background-color` hsla(0, 0%, 100%, 0.5)-50 color utility.
 */
.background-color-white-50 {
  background-color: hsla(0, 0%, 100%, 0.5);
}

/**
 * `color` hsla(0, 0%, 100%, 0.4)-40 color utility.
 */
.color-white-40 {
  color: hsla(0, 0%, 100%, 0.4);
}

/**
 * `background-color` hsla(0, 0%, 100%, 0.4)-40 color utility.
 */
.background-color-white-40 {
  background-color: hsla(0, 0%, 100%, 0.4);
}

/**
 * `color` hsla(0, 0%, 100%, 0.3)-30 color utility.
 */
.color-white-30 {
  color: hsla(0, 0%, 100%, 0.3);
}

/**
 * `background-color` hsla(0, 0%, 100%, 0.3)-30 color utility.
 */
.background-color-white-30 {
  background-color: hsla(0, 0%, 100%, 0.3);
}

/**
 * `color` hsla(0, 0%, 100%, 0.24)-24 color utility.
 */
.color-white-24 {
  color: hsla(0, 0%, 100%, 0.24);
}

/**
 * `background-color` hsla(0, 0%, 100%, 0.24)-24 color utility.
 */
.background-color-white-24 {
  background-color: hsla(0, 0%, 100%, 0.24);
}

/**
 * `color` hsla(0, 0%, 100%, 0.2)-20 color utility.
 */
.color-white-20 {
  color: hsla(0, 0%, 100%, 0.2);
}

/**
 * `background-color` hsla(0, 0%, 100%, 0.2)-20 color utility.
 */
.background-color-white-20 {
  background-color: hsla(0, 0%, 100%, 0.2);
}

/**
 * `color` hsla(0, 0%, 100%, 0.1)-10 color utility.
 */
.color-white-10 {
  color: hsla(0, 0%, 100%, 0.1);
}

/**
 * `background-color` hsla(0, 0%, 100%, 0.1)-10 color utility.
 */
.background-color-white-10 {
  background-color: hsla(0, 0%, 100%, 0.1);
}

/**
 * `color` hsl(110, 14%, 38%)-100 color utility.
 */
.color-khaki-100 {
  color: hsl(110, 14%, 38%);
}

/**
 * `background-color` hsl(110, 14%, 38%)-100 color utility.
 */
.background-color-khaki-100 {
  background-color: hsl(110, 14%, 38%);
}

/**
 * `color` hsla(110, 14%, 38%, 0.9)-90 color utility.
 */
.color-khaki-90 {
  color: hsla(110, 14%, 38%, 0.9);
}

/**
 * `background-color` hsla(110, 14%, 38%, 0.9)-90 color utility.
 */
.background-color-khaki-90 {
  background-color: hsla(110, 14%, 38%, 0.9);
}

/**
 * `color` hsla(110, 14%, 38%, 0.8)-80 color utility.
 */
.color-khaki-80 {
  color: hsla(110, 14%, 38%, 0.8);
}

/**
 * `background-color` hsla(110, 14%, 38%, 0.8)-80 color utility.
 */
.background-color-khaki-80 {
  background-color: hsla(110, 14%, 38%, 0.8);
}

/**
 * `color` hsla(110, 14%, 38%, 0.7)-70 color utility.
 */
.color-khaki-70 {
  color: hsla(110, 14%, 38%, 0.7);
}

/**
 * `background-color` hsla(110, 14%, 38%, 0.7)-70 color utility.
 */
.background-color-khaki-70 {
  background-color: hsla(110, 14%, 38%, 0.7);
}

/**
 * `color` hsla(110, 14%, 38%, 0.6)-60 color utility.
 */
.color-khaki-60 {
  color: hsla(110, 14%, 38%, 0.6);
}

/**
 * `background-color` hsla(110, 14%, 38%, 0.6)-60 color utility.
 */
.background-color-khaki-60 {
  background-color: hsla(110, 14%, 38%, 0.6);
}

/**
 * `color` hsla(110, 14%, 38%, 0.5)-50 color utility.
 */
.color-khaki-50 {
  color: hsla(110, 14%, 38%, 0.5);
}

/**
 * `background-color` hsla(110, 14%, 38%, 0.5)-50 color utility.
 */
.background-color-khaki-50 {
  background-color: hsla(110, 14%, 38%, 0.5);
}

/**
 * `color` hsla(110, 14%, 38%, 0.4)-40 color utility.
 */
.color-khaki-40 {
  color: hsla(110, 14%, 38%, 0.4);
}

/**
 * `background-color` hsla(110, 14%, 38%, 0.4)-40 color utility.
 */
.background-color-khaki-40 {
  background-color: hsla(110, 14%, 38%, 0.4);
}

/**
 * `color` hsla(110, 14%, 38%, 0.3)-30 color utility.
 */
.color-khaki-30 {
  color: hsla(110, 14%, 38%, 0.3);
}

/**
 * `background-color` hsla(110, 14%, 38%, 0.3)-30 color utility.
 */
.background-color-khaki-30 {
  background-color: hsla(110, 14%, 38%, 0.3);
}

/**
 * `color` hsla(110, 14%, 38%, 0.2)-20 color utility.
 */
.color-khaki-20 {
  color: hsla(110, 14%, 38%, 0.2);
}

/**
 * `background-color` hsla(110, 14%, 38%, 0.2)-20 color utility.
 */
.background-color-khaki-20 {
  background-color: hsla(110, 14%, 38%, 0.2);
}

/**
 * `color` hsla(110, 14%, 38%, 0.1)-10 color utility.
 */
.color-khaki-10 {
  color: hsla(110, 14%, 38%, 0.1);
}

/**
 * `background-color` hsla(110, 14%, 38%, 0.1)-10 color utility.
 */
.background-color-khaki-10 {
  background-color: hsla(110, 14%, 38%, 0.1);
}

/**
 * `color` hsl(114, 8%, 54%)-100 color utility.
 */
.color-light-green-100 {
  color: hsl(114, 8%, 54%);
}

/**
 * `background-color` hsl(114, 8%, 54%)-100 color utility.
 */
.background-color-light-green-100 {
  background-color: hsl(114, 8%, 54%);
}

/**
 * `color` hsla(114, 8%, 54%, 0.9)-90 color utility.
 */
.color-light-green-90 {
  color: hsla(114, 8%, 54%, 0.9);
}

/**
 * `background-color` hsla(114, 8%, 54%, 0.9)-90 color utility.
 */
.background-color-light-green-90 {
  background-color: hsla(114, 8%, 54%, 0.9);
}

/**
 * `color` hsla(114, 8%, 54%, 0.8)-80 color utility.
 */
.color-light-green-80 {
  color: hsla(114, 8%, 54%, 0.8);
}

/**
 * `background-color` hsla(114, 8%, 54%, 0.8)-80 color utility.
 */
.background-color-light-green-80 {
  background-color: hsla(114, 8%, 54%, 0.8);
}

/**
 * `color` hsla(114, 8%, 54%, 0.7)-70 color utility.
 */
.color-light-green-70 {
  color: hsla(114, 8%, 54%, 0.7);
}

/**
 * `background-color` hsla(114, 8%, 54%, 0.7)-70 color utility.
 */
.background-color-light-green-70 {
  background-color: hsla(114, 8%, 54%, 0.7);
}

/**
 * `color` hsla(114, 8%, 54%, 0.6)-60 color utility.
 */
.color-light-green-60 {
  color: hsla(114, 8%, 54%, 0.6);
}

/**
 * `background-color` hsla(114, 8%, 54%, 0.6)-60 color utility.
 */
.background-color-light-green-60 {
  background-color: hsla(114, 8%, 54%, 0.6);
}

/**
 * `color` hsla(114, 8%, 54%, 0.5)-50 color utility.
 */
.color-light-green-50 {
  color: hsla(114, 8%, 54%, 0.5);
}

/**
 * `background-color` hsla(114, 8%, 54%, 0.5)-50 color utility.
 */
.background-color-light-green-50 {
  background-color: hsla(114, 8%, 54%, 0.5);
}

/**
 * `color` hsla(114, 8%, 54%, 0.4)-40 color utility.
 */
.color-light-green-40 {
  color: hsla(114, 8%, 54%, 0.4);
}

/**
 * `background-color` hsla(114, 8%, 54%, 0.4)-40 color utility.
 */
.background-color-light-green-40 {
  background-color: hsla(114, 8%, 54%, 0.4);
}

/**
 * `color` hsla(114, 8%, 54%, 0.3)-30 color utility.
 */
.color-light-green-30 {
  color: hsla(114, 8%, 54%, 0.3);
}

/**
 * `background-color` hsla(114, 8%, 54%, 0.3)-30 color utility.
 */
.background-color-light-green-30 {
  background-color: hsla(114, 8%, 54%, 0.3);
}

/**
 * `color` hsla(114, 8%, 54%, 0.2)-20 color utility.
 */
.color-light-green-20 {
  color: hsla(114, 8%, 54%, 0.2);
}

/**
 * `background-color` hsla(114, 8%, 54%, 0.2)-20 color utility.
 */
.background-color-light-green-20 {
  background-color: hsla(114, 8%, 54%, 0.2);
}

/**
 * `color` hsla(114, 8%, 54%, 0.1)-10 color utility.
 */
.color-light-green-10 {
  color: hsla(114, 8%, 54%, 0.1);
}

/**
 * `background-color` hsla(114, 8%, 54%, 0.1)-10 color utility.
 */
.background-color-light-green-10 {
  background-color: hsla(114, 8%, 54%, 0.1);
}

/**
 * `color` hsl(29, 21%, 79%)-100 color utility.
 */
.color-beige-100 {
  color: hsl(29, 21%, 79%);
}

/**
 * `background-color` hsl(29, 21%, 79%)-100 color utility.
 */
.background-color-beige-100 {
  background-color: hsl(29, 21%, 79%);
}

/**
 * `color` hsla(29, 21%, 79%, 0.9)-90 color utility.
 */
.color-beige-90 {
  color: hsla(29, 21%, 79%, 0.9);
}

/**
 * `background-color` hsla(29, 21%, 79%, 0.9)-90 color utility.
 */
.background-color-beige-90 {
  background-color: hsla(29, 21%, 79%, 0.9);
}

/**
 * `color` hsla(29, 21%, 79%, 0.8)-80 color utility.
 */
.color-beige-80 {
  color: hsla(29, 21%, 79%, 0.8);
}

/**
 * `background-color` hsla(29, 21%, 79%, 0.8)-80 color utility.
 */
.background-color-beige-80 {
  background-color: hsla(29, 21%, 79%, 0.8);
}

/**
 * `color` hsla(29, 21%, 79%, 0.7)-70 color utility.
 */
.color-beige-70 {
  color: hsla(29, 21%, 79%, 0.7);
}

/**
 * `background-color` hsla(29, 21%, 79%, 0.7)-70 color utility.
 */
.background-color-beige-70 {
  background-color: hsla(29, 21%, 79%, 0.7);
}

/**
 * `color` hsla(29, 21%, 79%, 0.6)-60 color utility.
 */
.color-beige-60 {
  color: hsla(29, 21%, 79%, 0.6);
}

/**
 * `background-color` hsla(29, 21%, 79%, 0.6)-60 color utility.
 */
.background-color-beige-60 {
  background-color: hsla(29, 21%, 79%, 0.6);
}

/**
 * `color` hsla(29, 21%, 79%, 0.5)-50 color utility.
 */
.color-beige-50 {
  color: hsla(29, 21%, 79%, 0.5);
}

/**
 * `background-color` hsla(29, 21%, 79%, 0.5)-50 color utility.
 */
.background-color-beige-50 {
  background-color: hsla(29, 21%, 79%, 0.5);
}

/**
 * `color` hsla(29, 21%, 79%, 0.4)-40 color utility.
 */
.color-beige-40 {
  color: hsla(29, 21%, 79%, 0.4);
}

/**
 * `background-color` hsla(29, 21%, 79%, 0.4)-40 color utility.
 */
.background-color-beige-40 {
  background-color: hsla(29, 21%, 79%, 0.4);
}

/**
 * `color` hsla(29, 21%, 79%, 0.3)-30 color utility.
 */
.color-beige-30 {
  color: hsla(29, 21%, 79%, 0.3);
}

/**
 * `background-color` hsla(29, 21%, 79%, 0.3)-30 color utility.
 */
.background-color-beige-30 {
  background-color: hsla(29, 21%, 79%, 0.3);
}

/**
 * `color` hsla(29, 21%, 79%, 0.2)-20 color utility.
 */
.color-beige-20 {
  color: hsla(29, 21%, 79%, 0.2);
}

/**
 * `background-color` hsla(29, 21%, 79%, 0.2)-20 color utility.
 */
.background-color-beige-20 {
  background-color: hsla(29, 21%, 79%, 0.2);
}

/**
 * `color` hsla(29, 21%, 79%, 0.1)-10 color utility.
 */
.color-beige-10 {
  color: hsla(29, 21%, 79%, 0.1);
}

/**
 * `background-color` hsla(29, 21%, 79%, 0.1)-10 color utility.
 */
.background-color-beige-10 {
  background-color: hsla(29, 21%, 79%, 0.1);
}

/**
 * `color` hsl(24, 95%, 78%)-100 color utility.
 */
.color-orange-100 {
  color: hsl(24, 95%, 78%);
}

/**
 * `background-color` hsl(24, 95%, 78%)-100 color utility.
 */
.background-color-orange-100 {
  background-color: hsl(24, 95%, 78%);
}

/**
 * `color` hsla(24, 95%, 78%, 0.9)-90 color utility.
 */
.color-orange-90 {
  color: hsla(24, 95%, 78%, 0.9);
}

/**
 * `background-color` hsla(24, 95%, 78%, 0.9)-90 color utility.
 */
.background-color-orange-90 {
  background-color: hsla(24, 95%, 78%, 0.9);
}

/**
 * `color` hsla(24, 95%, 78%, 0.8)-80 color utility.
 */
.color-orange-80 {
  color: hsla(24, 95%, 78%, 0.8);
}

/**
 * `background-color` hsla(24, 95%, 78%, 0.8)-80 color utility.
 */
.background-color-orange-80 {
  background-color: hsla(24, 95%, 78%, 0.8);
}

/**
 * `color` hsla(24, 95%, 78%, 0.7)-70 color utility.
 */
.color-orange-70 {
  color: hsla(24, 95%, 78%, 0.7);
}

/**
 * `background-color` hsla(24, 95%, 78%, 0.7)-70 color utility.
 */
.background-color-orange-70 {
  background-color: hsla(24, 95%, 78%, 0.7);
}

/**
 * `color` hsla(24, 95%, 78%, 0.6)-60 color utility.
 */
.color-orange-60 {
  color: hsla(24, 95%, 78%, 0.6);
}

/**
 * `background-color` hsla(24, 95%, 78%, 0.6)-60 color utility.
 */
.background-color-orange-60 {
  background-color: hsla(24, 95%, 78%, 0.6);
}

/**
 * `color` hsla(24, 95%, 78%, 0.5)-50 color utility.
 */
.color-orange-50 {
  color: hsla(24, 95%, 78%, 0.5);
}

/**
 * `background-color` hsla(24, 95%, 78%, 0.5)-50 color utility.
 */
.background-color-orange-50 {
  background-color: hsla(24, 95%, 78%, 0.5);
}

/**
 * `color` hsla(24, 95%, 78%, 0.4)-40 color utility.
 */
.color-orange-40 {
  color: hsla(24, 95%, 78%, 0.4);
}

/**
 * `background-color` hsla(24, 95%, 78%, 0.4)-40 color utility.
 */
.background-color-orange-40 {
  background-color: hsla(24, 95%, 78%, 0.4);
}

/**
 * `color` hsla(24, 95%, 78%, 0.3)-30 color utility.
 */
.color-orange-30 {
  color: hsla(24, 95%, 78%, 0.3);
}

/**
 * `background-color` hsla(24, 95%, 78%, 0.3)-30 color utility.
 */
.background-color-orange-30 {
  background-color: hsla(24, 95%, 78%, 0.3);
}

/**
 * `color` hsla(24, 95%, 78%, 0.2)-20 color utility.
 */
.color-orange-20 {
  color: hsla(24, 95%, 78%, 0.2);
}

/**
 * `background-color` hsla(24, 95%, 78%, 0.2)-20 color utility.
 */
.background-color-orange-20 {
  background-color: hsla(24, 95%, 78%, 0.2);
}

/**
 * `color` hsla(24, 95%, 78%, 0.1)-10 color utility.
 */
.color-orange-10 {
  color: hsla(24, 95%, 78%, 0.1);
}

/**
 * `background-color` hsla(24, 95%, 78%, 0.1)-10 color utility.
 */
.background-color-orange-10 {
  background-color: hsla(24, 95%, 78%, 0.1);
}

/**
 * `color` hsl(110, 100%, 10%)-100 color utility.
 */
.color-dark-green-100 {
  color: hsl(110, 100%, 10%);
}

/**
 * `background-color` hsl(110, 100%, 10%)-100 color utility.
 */
.background-color-dark-green-100 {
  background-color: hsl(110, 100%, 10%);
}

/**
 * `color` hsla(110, 100%, 10%, 0.9)-90 color utility.
 */
.color-dark-green-90 {
  color: hsla(110, 100%, 10%, 0.9);
}

/**
 * `background-color` hsla(110, 100%, 10%, 0.9)-90 color utility.
 */
.background-color-dark-green-90 {
  background-color: hsla(110, 100%, 10%, 0.9);
}

/**
 * `color` hsla(110, 100%, 10%, 0.8)-80 color utility.
 */
.color-dark-green-80 {
  color: hsla(110, 100%, 10%, 0.8);
}

/**
 * `background-color` hsla(110, 100%, 10%, 0.8)-80 color utility.
 */
.background-color-dark-green-80 {
  background-color: hsla(110, 100%, 10%, 0.8);
}

/**
 * `color` hsla(110, 100%, 10%, 0.7)-70 color utility.
 */
.color-dark-green-70 {
  color: hsla(110, 100%, 10%, 0.7);
}

/**
 * `background-color` hsla(110, 100%, 10%, 0.7)-70 color utility.
 */
.background-color-dark-green-70 {
  background-color: hsla(110, 100%, 10%, 0.7);
}

/**
 * `color` hsla(110, 100%, 10%, 0.6)-60 color utility.
 */
.color-dark-green-60 {
  color: hsla(110, 100%, 10%, 0.6);
}

/**
 * `background-color` hsla(110, 100%, 10%, 0.6)-60 color utility.
 */
.background-color-dark-green-60 {
  background-color: hsla(110, 100%, 10%, 0.6);
}

/**
 * `color` hsla(110, 100%, 10%, 0.5)-50 color utility.
 */
.color-dark-green-50 {
  color: hsla(110, 100%, 10%, 0.5);
}

/**
 * `background-color` hsla(110, 100%, 10%, 0.5)-50 color utility.
 */
.background-color-dark-green-50 {
  background-color: hsla(110, 100%, 10%, 0.5);
}

/**
 * `color` hsla(110, 100%, 10%, 0.4)-40 color utility.
 */
.color-dark-green-40 {
  color: hsla(110, 100%, 10%, 0.4);
}

/**
 * `background-color` hsla(110, 100%, 10%, 0.4)-40 color utility.
 */
.background-color-dark-green-40 {
  background-color: hsla(110, 100%, 10%, 0.4);
}

/**
 * `color` hsla(110, 100%, 10%, 0.3)-30 color utility.
 */
.color-dark-green-30 {
  color: hsla(110, 100%, 10%, 0.3);
}

/**
 * `background-color` hsla(110, 100%, 10%, 0.3)-30 color utility.
 */
.background-color-dark-green-30 {
  background-color: hsla(110, 100%, 10%, 0.3);
}

/**
 * `color` hsla(110, 100%, 10%, 0.2)-20 color utility.
 */
.color-dark-green-20 {
  color: hsla(110, 100%, 10%, 0.2);
}

/**
 * `background-color` hsla(110, 100%, 10%, 0.2)-20 color utility.
 */
.background-color-dark-green-20 {
  background-color: hsla(110, 100%, 10%, 0.2);
}

/**
 * `color` hsla(110, 100%, 10%, 0.1)-10 color utility.
 */
.color-dark-green-10 {
  color: hsla(110, 100%, 10%, 0.1);
}

/**
 * `background-color` hsla(110, 100%, 10%, 0.1)-10 color utility.
 */
.background-color-dark-green-10 {
  background-color: hsla(110, 100%, 10%, 0.1);
}

/**
 * `color` hsl(110, 100%, 6%)-100 color utility.
 */
.color-black-green-100 {
  color: hsl(110, 100%, 6%);
}

/**
 * `background-color` hsl(110, 100%, 6%)-100 color utility.
 */
.background-color-black-green-100 {
  background-color: hsl(110, 100%, 6%);
}

/**
 * `color` hsla(110, 100%, 6%, 0.9)-90 color utility.
 */
.color-black-green-90 {
  color: hsla(110, 100%, 6%, 0.9);
}

/**
 * `background-color` hsla(110, 100%, 6%, 0.9)-90 color utility.
 */
.background-color-black-green-90 {
  background-color: hsla(110, 100%, 6%, 0.9);
}

/**
 * `color` hsla(110, 100%, 6%, 0.8)-80 color utility.
 */
.color-black-green-80 {
  color: hsla(110, 100%, 6%, 0.8);
}

/**
 * `background-color` hsla(110, 100%, 6%, 0.8)-80 color utility.
 */
.background-color-black-green-80 {
  background-color: hsla(110, 100%, 6%, 0.8);
}

/**
 * `color` hsla(110, 100%, 6%, 0.7)-70 color utility.
 */
.color-black-green-70 {
  color: hsla(110, 100%, 6%, 0.7);
}

/**
 * `background-color` hsla(110, 100%, 6%, 0.7)-70 color utility.
 */
.background-color-black-green-70 {
  background-color: hsla(110, 100%, 6%, 0.7);
}

/**
 * `color` hsla(110, 100%, 6%, 0.6)-60 color utility.
 */
.color-black-green-60 {
  color: hsla(110, 100%, 6%, 0.6);
}

/**
 * `background-color` hsla(110, 100%, 6%, 0.6)-60 color utility.
 */
.background-color-black-green-60 {
  background-color: hsla(110, 100%, 6%, 0.6);
}

/**
 * `color` hsla(110, 100%, 6%, 0.5)-50 color utility.
 */
.color-black-green-50 {
  color: hsla(110, 100%, 6%, 0.5);
}

/**
 * `background-color` hsla(110, 100%, 6%, 0.5)-50 color utility.
 */
.background-color-black-green-50 {
  background-color: hsla(110, 100%, 6%, 0.5);
}

/**
 * `color` hsla(110, 100%, 6%, 0.4)-40 color utility.
 */
.color-black-green-40 {
  color: hsla(110, 100%, 6%, 0.4);
}

/**
 * `background-color` hsla(110, 100%, 6%, 0.4)-40 color utility.
 */
.background-color-black-green-40 {
  background-color: hsla(110, 100%, 6%, 0.4);
}

/**
 * `color` hsla(110, 100%, 6%, 0.3)-30 color utility.
 */
.color-black-green-30 {
  color: hsla(110, 100%, 6%, 0.3);
}

/**
 * `background-color` hsla(110, 100%, 6%, 0.3)-30 color utility.
 */
.background-color-black-green-30 {
  background-color: hsla(110, 100%, 6%, 0.3);
}

/**
 * `color` hsla(110, 100%, 6%, 0.2)-20 color utility.
 */
.color-black-green-20 {
  color: hsla(110, 100%, 6%, 0.2);
}

/**
 * `background-color` hsla(110, 100%, 6%, 0.2)-20 color utility.
 */
.background-color-black-green-20 {
  background-color: hsla(110, 100%, 6%, 0.2);
}

/**
 * `color` hsla(110, 100%, 6%, 0.1)-10 color utility.
 */
.color-black-green-10 {
  color: hsla(110, 100%, 6%, 0.1);
}

/**
 * `background-color` hsla(110, 100%, 6%, 0.1)-10 color utility.
 */
.background-color-black-green-10 {
  background-color: hsla(110, 100%, 6%, 0.1);
}

/**
 * `color` hsl(110, 100%, 6%)-100 color utility.
 */
.color-red-100 {
  color: hsl(110, 100%, 6%);
}

/**
 * `background-color` hsl(110, 100%, 6%)-100 color utility.
 */
.background-color-red-100 {
  background-color: hsl(110, 100%, 6%);
}

/**
 * `color` hsla(110, 100%, 6%, 0.9)-90 color utility.
 */
.color-red-90 {
  color: hsla(110, 100%, 6%, 0.9);
}

/**
 * `background-color` hsla(110, 100%, 6%, 0.9)-90 color utility.
 */
.background-color-red-90 {
  background-color: hsla(110, 100%, 6%, 0.9);
}

/**
 * `color` hsla(110, 100%, 6%, 0.8)-80 color utility.
 */
.color-red-80 {
  color: hsla(110, 100%, 6%, 0.8);
}

/**
 * `background-color` hsla(110, 100%, 6%, 0.8)-80 color utility.
 */
.background-color-red-80 {
  background-color: hsla(110, 100%, 6%, 0.8);
}

/**
 * `color` hsla(110, 100%, 6%, 0.7)-70 color utility.
 */
.color-red-70 {
  color: hsla(110, 100%, 6%, 0.7);
}

/**
 * `background-color` hsla(110, 100%, 6%, 0.7)-70 color utility.
 */
.background-color-red-70 {
  background-color: hsla(110, 100%, 6%, 0.7);
}

/**
 * `color` hsla(110, 100%, 6%, 0.6)-60 color utility.
 */
.color-red-60 {
  color: hsla(110, 100%, 6%, 0.6);
}

/**
 * `background-color` hsla(110, 100%, 6%, 0.6)-60 color utility.
 */
.background-color-red-60 {
  background-color: hsla(110, 100%, 6%, 0.6);
}

/**
 * `color` hsla(110, 100%, 6%, 0.5)-50 color utility.
 */
.color-red-50 {
  color: hsla(110, 100%, 6%, 0.5);
}

/**
 * `background-color` hsla(110, 100%, 6%, 0.5)-50 color utility.
 */
.background-color-red-50 {
  background-color: hsla(110, 100%, 6%, 0.5);
}

/**
 * `color` hsla(110, 100%, 6%, 0.4)-40 color utility.
 */
.color-red-40 {
  color: hsla(110, 100%, 6%, 0.4);
}

/**
 * `background-color` hsla(110, 100%, 6%, 0.4)-40 color utility.
 */
.background-color-red-40 {
  background-color: hsla(110, 100%, 6%, 0.4);
}

/**
 * `color` hsla(110, 100%, 6%, 0.3)-30 color utility.
 */
.color-red-30 {
  color: hsla(110, 100%, 6%, 0.3);
}

/**
 * `background-color` hsla(110, 100%, 6%, 0.3)-30 color utility.
 */
.background-color-red-30 {
  background-color: hsla(110, 100%, 6%, 0.3);
}

/**
 * `color` hsla(110, 100%, 6%, 0.2)-20 color utility.
 */
.color-red-20 {
  color: hsla(110, 100%, 6%, 0.2);
}

/**
 * `background-color` hsla(110, 100%, 6%, 0.2)-20 color utility.
 */
.background-color-red-20 {
  background-color: hsla(110, 100%, 6%, 0.2);
}

/**
 * `color` hsla(110, 100%, 6%, 0.1)-10 color utility.
 */
.color-red-10 {
  color: hsla(110, 100%, 6%, 0.1);
}

/**
 * `background-color` hsla(110, 100%, 6%, 0.1)-10 color utility.
 */
.background-color-red-10 {
  background-color: hsla(110, 100%, 6%, 0.1);
}

/**
 * `color` hsl(24, 95%, 93%)-100 color utility.
 */
.color-sand-100 {
  color: hsl(24, 95%, 93%);
}

/**
 * `background-color` hsl(24, 95%, 93%)-100 color utility.
 */
.background-color-sand-100 {
  background-color: hsl(24, 95%, 93%);
}

/**
 * `color` hsla(24, 95%, 93%, 0.9)-90 color utility.
 */
.color-sand-90 {
  color: hsla(24, 95%, 93%, 0.9);
}

/**
 * `background-color` hsla(24, 95%, 93%, 0.9)-90 color utility.
 */
.background-color-sand-90 {
  background-color: hsla(24, 95%, 93%, 0.9);
}

/**
 * `color` hsla(24, 95%, 93%, 0.8)-80 color utility.
 */
.color-sand-80 {
  color: hsla(24, 95%, 93%, 0.8);
}

/**
 * `background-color` hsla(24, 95%, 93%, 0.8)-80 color utility.
 */
.background-color-sand-80 {
  background-color: hsla(24, 95%, 93%, 0.8);
}

/**
 * `color` hsla(24, 95%, 93%, 0.7)-70 color utility.
 */
.color-sand-70 {
  color: hsla(24, 95%, 93%, 0.7);
}

/**
 * `background-color` hsla(24, 95%, 93%, 0.7)-70 color utility.
 */
.background-color-sand-70 {
  background-color: hsla(24, 95%, 93%, 0.7);
}

/**
 * `color` hsla(24, 95%, 93%, 0.6)-60 color utility.
 */
.color-sand-60 {
  color: hsla(24, 95%, 93%, 0.6);
}

/**
 * `background-color` hsla(24, 95%, 93%, 0.6)-60 color utility.
 */
.background-color-sand-60 {
  background-color: hsla(24, 95%, 93%, 0.6);
}

/**
 * `color` hsla(24, 95%, 93%, 0.5)-50 color utility.
 */
.color-sand-50 {
  color: hsla(24, 95%, 93%, 0.5);
}

/**
 * `background-color` hsla(24, 95%, 93%, 0.5)-50 color utility.
 */
.background-color-sand-50 {
  background-color: hsla(24, 95%, 93%, 0.5);
}

/**
 * `color` hsla(24, 95%, 93%, 0.4)-40 color utility.
 */
.color-sand-40 {
  color: hsla(24, 95%, 93%, 0.4);
}

/**
 * `background-color` hsla(24, 95%, 93%, 0.4)-40 color utility.
 */
.background-color-sand-40 {
  background-color: hsla(24, 95%, 93%, 0.4);
}

/**
 * `color` hsla(24, 95%, 93%, 0.3)-30 color utility.
 */
.color-sand-30 {
  color: hsla(24, 95%, 93%, 0.3);
}

/**
 * `background-color` hsla(24, 95%, 93%, 0.3)-30 color utility.
 */
.background-color-sand-30 {
  background-color: hsla(24, 95%, 93%, 0.3);
}

/**
 * `color` hsla(24, 95%, 93%, 0.2)-20 color utility.
 */
.color-sand-20 {
  color: hsla(24, 95%, 93%, 0.2);
}

/**
 * `background-color` hsla(24, 95%, 93%, 0.2)-20 color utility.
 */
.background-color-sand-20 {
  background-color: hsla(24, 95%, 93%, 0.2);
}

/**
 * `color` hsla(24, 95%, 93%, 0.1)-10 color utility.
 */
.color-sand-10 {
  color: hsla(24, 95%, 93%, 0.1);
}

/**
 * `background-color` hsla(24, 95%, 93%, 0.1)-10 color utility.
 */
.background-color-sand-10 {
  background-color: hsla(24, 95%, 93%, 0.1);
}

/**
 * `color` hsl(29, 11%, 61%)-100 color utility.
 */
.color-beige-dark-100 {
  color: hsl(29, 11%, 61%);
}

/**
 * `background-color` hsl(29, 11%, 61%)-100 color utility.
 */
.background-color-beige-dark-100 {
  background-color: hsl(29, 11%, 61%);
}

/**
 * `color` hsla(29, 11%, 61%, 0.9)-90 color utility.
 */
.color-beige-dark-90 {
  color: hsla(29, 11%, 61%, 0.9);
}

/**
 * `background-color` hsla(29, 11%, 61%, 0.9)-90 color utility.
 */
.background-color-beige-dark-90 {
  background-color: hsla(29, 11%, 61%, 0.9);
}

/**
 * `color` hsla(29, 11%, 61%, 0.8)-80 color utility.
 */
.color-beige-dark-80 {
  color: hsla(29, 11%, 61%, 0.8);
}

/**
 * `background-color` hsla(29, 11%, 61%, 0.8)-80 color utility.
 */
.background-color-beige-dark-80 {
  background-color: hsla(29, 11%, 61%, 0.8);
}

/**
 * `color` hsla(29, 11%, 61%, 0.7)-70 color utility.
 */
.color-beige-dark-70 {
  color: hsla(29, 11%, 61%, 0.7);
}

/**
 * `background-color` hsla(29, 11%, 61%, 0.7)-70 color utility.
 */
.background-color-beige-dark-70 {
  background-color: hsla(29, 11%, 61%, 0.7);
}

/**
 * `color` hsla(29, 11%, 61%, 0.6)-60 color utility.
 */
.color-beige-dark-60 {
  color: hsla(29, 11%, 61%, 0.6);
}

/**
 * `background-color` hsla(29, 11%, 61%, 0.6)-60 color utility.
 */
.background-color-beige-dark-60 {
  background-color: hsla(29, 11%, 61%, 0.6);
}

/**
 * `color` hsla(29, 11%, 61%, 0.5)-50 color utility.
 */
.color-beige-dark-50 {
  color: hsla(29, 11%, 61%, 0.5);
}

/**
 * `background-color` hsla(29, 11%, 61%, 0.5)-50 color utility.
 */
.background-color-beige-dark-50 {
  background-color: hsla(29, 11%, 61%, 0.5);
}

/**
 * `color` hsla(29, 11%, 61%, 0.4)-40 color utility.
 */
.color-beige-dark-40 {
  color: hsla(29, 11%, 61%, 0.4);
}

/**
 * `background-color` hsla(29, 11%, 61%, 0.4)-40 color utility.
 */
.background-color-beige-dark-40 {
  background-color: hsla(29, 11%, 61%, 0.4);
}

/**
 * `color` hsla(29, 11%, 61%, 0.3)-30 color utility.
 */
.color-beige-dark-30 {
  color: hsla(29, 11%, 61%, 0.3);
}

/**
 * `background-color` hsla(29, 11%, 61%, 0.3)-30 color utility.
 */
.background-color-beige-dark-30 {
  background-color: hsla(29, 11%, 61%, 0.3);
}

/**
 * `color` hsla(29, 11%, 61%, 0.2)-20 color utility.
 */
.color-beige-dark-20 {
  color: hsla(29, 11%, 61%, 0.2);
}

/**
 * `background-color` hsla(29, 11%, 61%, 0.2)-20 color utility.
 */
.background-color-beige-dark-20 {
  background-color: hsla(29, 11%, 61%, 0.2);
}

/**
 * `color` hsla(29, 11%, 61%, 0.1)-10 color utility.
 */
.color-beige-dark-10 {
  color: hsla(29, 11%, 61%, 0.1);
}

/**
 * `background-color` hsla(29, 11%, 61%, 0.1)-10 color utility.
 */
.background-color-beige-dark-10 {
  background-color: hsla(29, 11%, 61%, 0.1);
}