/**
 * 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(80, 60%, 7%);
  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(60, 20%, 97%);
  color: hsl(0, 0%, 0%);
  font-family: "DM Sans";
  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,
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;
}

/**
 * Objects.
 */
.button {
  font-size: 16px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 12px 16px;
  border-radius: 64px;
  text-decoration: none;
  transition: all 250ms ease;
  cursor: pointer;
  font-weight: 600;
  font-family: "Bricolage Grotesque";
}

/**
 * Button (default).
 */
.button--default {
  background-color: hsl(60, 33%, 99%);
  color: hsl(80, 60%, 7%);
  cursor: pointer;
  align-items: center;
  display: flex;
  position: relative;
  width: fit-content;
  font-weight: 600;
  font-family: "Bricolage Grotesque";
  padding: 4px 4px 4px 16px;
  height: 50px;
}
.button--default svg path {
  stroke: hsl(80, 60%, 7%);
}
.button--default .btn-icon {
  min-width: 42px;
  width: 42px;
  aspect-ratio: 1;
  height: auto;
  background-color: hsl(80, 60%, 7%);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
}
.button--default .btn-icon svg path {
  stroke: hsl(60, 33%, 99%);
}
.button--default .btn-text-p {
  transition: padding 250ms ease;
}
.button--default:hover .btn-text-p {
  padding-right: 16px;
}

.link--ani {
  font-size: 16px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  transition: all 250ms ease;
  cursor: pointer;
  font-weight: 600;
  font-family: "Bricolage Grotesque";
  gap: 8px;
  transition: gap 250ms ease-in-out;
}
.link--ani:hover {
  gap: 16px;
}

.button--ani {
  cursor: pointer;
  align-items: center;
  display: flex;
  position: relative;
  width: fit-content;
  font-weight: 600;
  font-family: "Bricolage Grotesque";
  padding: 4px 4px 4px 16px;
  height: 50px;
}
.button--ani .btn-icon {
  min-width: 42px;
  width: 42px;
  aspect-ratio: 1;
  height: auto;
  background-color: hsl(80, 60%, 7%);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  transition: background-color 0.7s cubic-bezier(0.625, 0.05, 0, 1);
}
.button--ani .btn-icon svg path {
  stroke: hsl(79, 100%, 62%);
  transition: stroke 0.7s cubic-bezier(0.625, 0.05, 0, 1);
}
.button--ani:hover .btn-icon {
  background-color: hsl(79, 100%, 62%);
}
.button--ani:hover .btn-icon svg path {
  stroke: hsl(80, 60%, 7%);
}
.button--ani[data-theme=dark] .btn-icon {
  background-color: hsl(79, 100%, 62%);
}
.button--ani[data-theme=dark] .btn-icon svg path {
  stroke: hsl(80, 60%, 7%);
}
.button--ani[data-theme=dark]:hover .btn-icon {
  background-color: hsl(80, 60%, 7%);
}
.button--ani[data-theme=dark]:hover .btn-icon svg path {
  stroke: hsl(60, 33%, 99%);
}
.button--ani[data-theme=dark] .btn__text {
  color: hsl(0, 0%, 99%);
}
.button--ani[data-theme=dark] .btn__bg {
  background-color: hsl(80, 60%, 7%);
}
.button--ani[data-theme=dark] .btn__circle {
  background-color: hsl(79, 100%, 62%);
}
.button--ani[data-theme=dark]:hover .btn__text {
  color: hsl(80, 60%, 7%);
}
.button--ani[data-theme=green] {
  border: 1px solid hsl(79, 100%, 62%);
  transition: all 0.7s cubic-bezier(0.625, 0.05, 0, 1);
}
.button--ani[data-theme=green] .btn-icon {
  background-color: hsl(80, 60%, 7%);
}
.button--ani[data-theme=green] .btn-icon svg path {
  stroke: hsl(60, 33%, 99%);
}
.button--ani[data-theme=green]:hover {
  border: 1px solid #C2C0BA;
}
.button--ani[data-theme=green]:hover .btn-icon {
  background-color: hsl(80, 60%, 7%);
}
.button--ani[data-theme=green]:hover .btn-icon svg path {
  stroke: hsl(60, 33%, 99%);
}
.button--ani[data-theme=green] .btn__text {
  color: hsl(80, 60%, 7%);
}
.button--ani[data-theme=green] .btn__bg {
  background-color: hsl(79, 100%, 62%);
}
.button--ani[data-theme=green] .btn__circle {
  background-color: hsl(60, 33%, 99%);
}
.button--ani[data-theme=green]:hover .btn__text {
  color: hsl(80, 60%, 7%);
}
.button--ani[data-theme=none] .btn-icon {
  background-color: transparent;
  transition: all 250ms ease;
}
.button--ani[data-theme=none] .btn-icon svg path {
  stroke: hsl(80, 60%, 7%);
}
.button--ani[data-theme=none] .btn__bg,
.button--ani[data-theme=none] .btn__circle-wrap {
  display: none;
}
.button--ani[data-theme=none] .btn__text {
  color: hsl(80, 60%, 7%);
}
.button--ani[data-theme=none]:hover .btn__text {
  color: hsl(80, 60%, 7%);
}
.button--ani[data-theme=none]:hover .btn-icon {
  transform: translateX(4px);
}
.button--ani[data-theme=default] .btn__bg {
  background-color: hsl(60, 33%, 99%);
}
.button--ani[data-theme=default] .btn__circle-wrap {
  display: none;
}
.button--ani[data-theme=default] .btn__text {
  color: hsl(80, 60%, 7%);
}
.button--ani[data-theme=default] .btn-icon {
  min-width: 42px;
  width: 42px;
  aspect-ratio: 1;
  height: auto;
  background-color: hsl(80, 60%, 7%);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
}
.button--ani[data-theme=default] .btn-icon svg path {
  stroke: hsl(60, 33%, 99%);
}
.button--ani[data-theme=default] .btn-text-p {
  transition: padding 250ms ease;
  color: hsl(80, 60%, 7%);
}
.button--ani[data-theme=default]:hover .btn-text-p {
  padding-right: 16px;
  color: hsl(80, 60%, 7%);
}

.btn__text {
  color: hsl(80, 60%, 7%);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  transition: color 0.7s cubic-bezier(0.625, 0.05, 0, 1);
}

.btn-text-p {
  color: currentColor;
  font-size: 1em;
  font-weight: 600;
  font-family: "Bricolage Grotesque";
  padding-right: 8px;
}

.btn__bg {
  background-color: hsl(79, 100%, 62%);
  border-radius: 1.5em;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.btn__circle-wrap {
  border-radius: 1.5em;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.btn__circle {
  pointer-events: none;
  background-color: hsl(80, 60%, 7%);
  border-radius: 50%;
  width: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: transform 0.7s cubic-bezier(0.625, 0.05, 0, 1), background-color 0.4s cubic-bezier(0.625, 0.05, 0, 1);
  transform: translate(-50%, -50%) scale(0) rotate(0.001deg);
}

.before__100 {
  padding-top: 100%;
  display: block;
}

.button--ani .btn__text {
  transition: color 0.7s cubic-bezier(0.625, 0.05, 0, 1);
}

.button--ani:hover .btn__circle {
  transform: translate(-50%, -50%) scale(1) rotate(0.001deg);
}

.button--ani:hover .btn__text {
  color: hsl(60, 33%, 99%);
}

/**
 * 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 {
  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(80, 60%, 7%);
  transition: all 250ms ease;
}
.cms-output a:hover {
  color: hsl(80, 60%, 7%);
}
.cms-output blockquote {
  position: relative;
  padding: 40px 45px 20px 45px;
  color: hsl(80, 60%, 7%);
}
.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(0, 100%, 50%);
  letter-spacing: 0.44px;
  margin-top: 10px;
}

.subtitle {
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  padding: 16px 10px;
  border-radius: 41px;
  color: hsl(80, 60%, 7%);
  width: fit-content;
  margin-bottom: 8px;
}
.subtitle.subtitle__white {
  background-color: hsl(60, 33%, 99%);
}
.subtitle.subtitle__green {
  background-color: hsl(79, 100%, 62%);
}

.background-grey .subtitle {
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  padding: 16px 10px;
  border-radius: 41px;
  color: hsl(80, 60%, 7%);
  width: fit-content;
  margin-bottom: 8px;
  background-color: hsl(79, 100%, 62%);
}

.background-green .subtitle {
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  padding: 16px 10px;
  border-radius: 41px;
  color: hsl(80, 60%, 7%);
  width: fit-content;
  margin-bottom: 8px;
  background-color: hsl(60, 33%, 99%);
}

.ani_title {
  opacity: 0;
}

html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

/**
 * 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;
  margin-top: 50px;
}

/**
 * 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.
 */
.gform_required_legend {
  display: none;
}

label {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 8px;
  font-weight: 600;
  color: hsl(80, 60%, 7%);
  font-size: 16px;
  line-height: 23px;
}
@media only screen and (max-width: 899px) {
  label {
    font-size: 16px;
    line-height: 1.4em;
  }
}

input,
textarea {
  font-size: 16px;
  line-height: 32px;
  width: 100%;
  height: 56px;
  border-radius: 8px;
  padding: 16px;
  background-color: hsl(0, 0%, 100%);
  font-weight: 400;
  border: 1px solid hsl(80, 60%, 7%);
  color: hsl(0, 0%, 0%);
  border: 1px solid #CCCCCC;
}
input::placeholder,
textarea::placeholder {
  color: hsl(0, 0%, 42%);
}
input:focus,
textarea:focus {
  background-color: hsl(0, 0%, 100%);
}

.ginput_container.ginput_container_select {
  font-size: 16px;
  line-height: 32px;
  width: 100%;
  height: 56px;
  border-radius: 8px;
  padding: 16px;
  background-color: hsl(0, 0%, 100%);
  font-weight: 400;
  border: 1px solid hsl(80, 60%, 7%);
  color: hsl(0, 0%, 0%);
  border: 1px solid #CCCCCC;
  display: flex;
  align-items: center;
}
.ginput_container.ginput_container_select::placeholder {
  color: hsl(0, 0%, 42%);
}
.ginput_container.ginput_container_select:focus {
  background-color: hsl(0, 0%, 100%);
}
.ginput_container.ginput_container_select svg {
  top: 50%;
  transform: translateY(-50%);
}

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

.gfield_required {
  color: hsl(0, 100%, 50%);
}

.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;
}

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

.gform_validation_container {
  display: none;
}

.hidden_label > label {
  display: none;
}

.validation_message {
  font-size: 14px;
  line-height: 18px;
  margin-top: 8px;
  display: flex;
  align-items: center;
  width: 100%;
  color: hsl(0, 100%, 50%) !important;
  font-style: italic;
}

.validation_error {
  display: none;
  position: relative;
  margin: 0 0 50px;
  padding: 25px 25px 25px 75px;
  background: hsla(0, 100%, 50%, 0.1);
  color: hsl(0, 100%, 50%);
}
.validation_error > svg {
  position: absolute;
  top: calc(50% - 15px);
  left: 30px;
  width: 31px;
  height: 30px;
  color: hsl(0, 100%, 50%);
}
.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(0, 100%, 50%);
}
.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%);
}

.gfield_error select,
.gfield_error input,
.gfield_error textarea {
  border: 1px solid hsl(0, 100%, 50%);
}

.gfield_description {
  font-size: 14px;
  line-height: 18px;
  margin-top: 8px;
  display: flex;
  align-items: center;
  width: 100%;
  color: hsl(0, 0%, 42%);
  font-style: italic;
}

.gfield--type-checkbox legend.gform-field-label {
  font-family: "Bricolage Grotesque";
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4em;
}
@media only screen and (max-width: 899px) {
  .gfield--type-checkbox legend.gform-field-label {
    font-size: 20px;
    line-height: 38px;
  }
}
.gfield--type-checkbox .gfield_checkbox {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 20px;
}
.gfield--type-checkbox .gchoice {
  display: inline-flex;
  align-items: center;
  gap: 16px;
}
.gfield--type-checkbox .gchoice input {
  border: 1px solid #CCCCCC;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  background-color: transparent;
  transition: all 250ms ease;
  appearance: none;
  cursor: pointer;
  position: relative;
}
.gfield--type-checkbox .gchoice input:checked {
  background-color: hsl(80, 60%, 7%);
  border: 1px solid hsl(80, 60%, 7%);
  color: hsl(60, 33%, 99%);
}
.gfield--type-checkbox .gchoice input:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 4px;
  height: 8px;
  border: solid hsl(60, 33%, 99%);
  border-width: 0 2px 2px 0;
}
.gfield--type-checkbox .gchoice label {
  margin: 0;
  color: #666666;
  font-weight: 400;
}

/**
 * Heading.
 */
h1,
h2,
h3,
h4 {
  font-family: "Bricolage Grotesque";
  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: 60px;
  line-height: 1.2em;
}
@media only screen and (max-width: 1199px) {
  h1,
  .heading-1 {
    font-size: 48px;
  }
}
@media only screen and (max-width: 899px) {
  h1,
  .heading-1 {
    font-size: 40px;
    line-height: 1.2em;
  }
}

/**
 * Heading 2.
 */
h2,
.heading-2 {
  font-size: 56px;
  line-height: 1.4em;
}
@media only screen and (max-width: 899px) {
  h2,
  .heading-2 {
    font-size: 36px;
    line-height: 1.2em;
  }
}

/**
 * Heading 3.
 */
h3,
.heading-3 {
  font-size: 48px;
  line-height: 1.2em;
}
@media only screen and (max-width: 899px) {
  h3,
  .heading-3 {
    font-size: 30px;
    line-height: 38px;
  }
}

/**
* Heading 3.
*/
h4 {
  font-size: 32px;
  line-height: 38px;
}
@media only screen and (max-width: 899px) {
  h4 {
    font-size: 28px;
    line-height: 38px;
  }
}

/**
* Heading 3.
*/
h5 {
  font-size: 28px;
  line-height: 38px;
}
@media only screen and (max-width: 899px) {
  h5 {
    font-size: 24px;
    line-height: 38px;
  }
}

/**
* Heading 3.
*/
h6 {
  font-size: 20px;
  line-height: 1.4em;
}
@media only screen and (max-width: 899px) {
  h6 {
    font-size: 20px;
    line-height: 38px;
  }
}

/**
 * Subheading.
 */
p, span, a {
  font-size: 16px;
  line-height: 23px;
}
@media only screen and (max-width: 899px) {
  p, span, a {
    font-size: 16px;
    line-height: 1.4em;
  }
}
p.is-white, span.is-white, a.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: 500ms;
  transition: all 750ms ease;
}

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

.pagination {
  width: 100%;
  margin-bottom: 150px;
}
.pagination .wrapper {
  justify-content: center;
}
.pagination .page-numbers {
  font-size: 20px;
  font-family: "Bricolage Grotesque";
  color: hsl(80, 60%, 7%);
}
.pagination .page-numbers:hover, .pagination .page-numbers.current {
  font-weight: 600;
}
.pagination .page-numbers.prev, .pagination .page-numbers.next {
  margin-right: 15px;
}
.pagination .page-numbers.prev svg, .pagination .page-numbers.next svg {
  min-width: 52px;
  max-width: 52px;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.pagination .page-numbers.next {
  margin-right: 0;
  margin-left: 5px;
}

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

/**
 * Wrapper (small)
 */
.wrapper--small {
  max-width: calc(1512px + 378px);
  padding: 0 189px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .wrapper--small {
    max-width: calc(1512px + 200px);
    padding: 0 100px;
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper--small {
    max-width: calc(1512px + 128px);
    padding: 0 64px;
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 899px) {
  .wrapper--small {
    max-width: calc(1512px + 128px);
    padding: 0 64px;
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 599px) {
  .wrapper--small {
    max-width: calc(1512px + 48px);
    padding: 0 24px;
    width: 100%;
    margin: 0 auto;
  }
}

/**
* Self hosted google webfonts.
* https://gwfh.mranftl.com/fonts
**/
/* bricolage-grotesque-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: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/bricolage-grotesque-v9-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bricolage-grotesque-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: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/bricolage-grotesque-v9-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bricolage-grotesque-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: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/bricolage-grotesque-v9-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bricolage-grotesque-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: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/bricolage-grotesque-v9-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bricolage-grotesque-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: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/bricolage-grotesque-v9-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-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: "DM Sans";
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/dm-sans-v17-latin-100italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-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: "DM Sans";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/dm-sans-v17-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-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: "DM Sans";
  font-style: italic;
  font-weight: 200;
  src: url("../fonts/dm-sans-v17-latin-200italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-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: "DM Sans";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/dm-sans-v17-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-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: "DM Sans";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/dm-sans-v17-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-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: "DM Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/dm-sans-v17-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-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: "DM Sans";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/dm-sans-v17-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-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: "DM Sans";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/dm-sans-v17-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-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: "DM Sans";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/dm-sans-v17-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-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: "DM Sans";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/dm-sans-v17-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-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: "DM Sans";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/dm-sans-v17-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-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: "DM Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/dm-sans-v17-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-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: "DM Sans";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/dm-sans-v17-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-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: "DM Sans";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/dm-sans-v17-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-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: "DM Sans";
  font-style: italic;
  font-weight: 800;
  src: url("../fonts/dm-sans-v17-latin-800italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/**
 * Components.
 */
.navigation-mobile {
  position: fixed;
  top: 164px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-top: 40px;
  transition: all 500ms ease;
  opacity: 0;
  z-index: 1001;
  overflow-x: hidden;
  display: none;
}
@media only screen and (max-width: 1199px) {
  .navigation-mobile {
    height: calc(100% - 40px);
  }
}
@media only screen and (max-width: 899px) {
  .navigation-mobile {
    height: calc(100svh - 40px);
  }
}
.navigation-mobile.is-active {
  top: 122px;
  opacity: 1;
}
@media only screen and (max-width: 1199px) {
  .navigation-mobile.is-active {
    display: block;
    top: 108px;
  }
}
.navigation-mobile::-webkit-scrollbar {
  display: none;
}
.navigation-mobile .wrapper {
  height: 100%;
}
.navigation-mobile .navigation-mobile__close {
  font-family: "Bricolage Grotesque";
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4em;
  color: hsl(80, 60%, 7%);
  position: absolute;
  top: 30px;
  right: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media only screen and (max-width: 899px) {
  .navigation-mobile .navigation-mobile__close {
    font-size: 14px;
    line-height: 1.4em;
  }
}
.navigation-mobile .navigation-mobile__close svg {
  height: 1lh;
  width: 12px;
  height: auto;
  aspect-ratio: 1;
}
.navigation-mobile .navigation-container {
  background-color: hsl(60, 20%, 97%);
  border-radius: 20px;
  padding: 26px 20px;
  display: flex;
  flex-direction: row;
  position: relative;
}
@media screen and (max-width: 767px) {
  .navigation-mobile .navigation-container {
    padding: 82px 24px 40px 24px;
    flex-direction: column;
    height: calc(100svh - 184px);
    overflow: scroll;
  }
}
.navigation-mobile .navigation-container::before {
  background-image: url("data:image/svg+xml,%3Csvg width='260' height='357' viewBox='0 0 260 357' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.03' d='M3.12237 251.489C-5.00125 234.105 3.34546 213.72 20.9468 206.079C38.8866 198.29 59.6006 206.702 68.6335 224.049C73.6466 233.676 78.9747 243.03 84.6178 252.111C96.8242 270.88 112.253 286.177 130.905 298.002C140.814 304.284 150.296 308.661 159.352 311.133C168.592 313.314 177.036 314.172 184.684 313.709C192.516 312.955 199.315 310.932 205.078 307.64C211.027 304.057 215.572 299.788 218.713 294.834C222.777 288.422 224.155 281.737 222.847 274.779C222.014 267.714 219.17 260.6 214.314 253.436C209.75 246.457 203.598 239.084 195.856 231.316C188.407 223.733 180.427 216.019 171.918 208.173C166.246 202.943 159.645 196.92 152.118 190.105C144.774 182.998 137.417 175.27 130.045 166.919C122.858 158.277 116.279 148.999 110.307 139.085C104.52 128.879 100.254 118.208 97.5089 107.071C94.9485 95.6418 94.4387 83.8787 95.9794 71.7813C97.9963 59.5772 103.069 47.0636 111.199 34.2403C123.023 15.5882 136.604 2.54386 151.941 -4.89284C167.463 -12.621 183.27 -16.2871 199.362 -15.8913C215.93 -15.6022 232.278 -12.3882 248.406 -6.24946C264.826 0.0740769 279.738 7.48529 293.145 15.9842C306.551 24.4831 317.945 32.9324 327.329 41.3324C336.712 49.7323 344.812 58.5447 351.63 67.7694C358.632 76.7028 364.696 86.4713 369.822 97.0752C370.477 98.3029 371.132 99.5495 371.785 100.815C380.681 118.045 371.872 138.705 353.93 146.059C336.157 153.344 316.114 144.787 306.622 128.088C302.399 120.659 297.985 113.779 293.381 107.449C282.902 93.0429 269.94 80.944 254.494 71.1518C249.248 67.8261 242.811 64.7672 235.185 61.9749C227.742 58.8913 220.038 56.8666 212.07 55.9011C204.393 55.1203 197.037 55.7681 190.001 57.8445C183.441 59.8142 178.128 64.0049 174.064 70.4166C169.999 76.8282 168.912 83.6979 170.804 91.0256C172.696 98.3533 176.361 105.784 181.799 113.317C187.237 120.851 193.682 128.409 201.131 135.991C208.581 143.574 215.74 150.972 222.607 158.186C227.803 163.523 234.019 169.506 241.256 176.137C248.784 182.952 256.088 190.442 263.168 198.608C270.54 206.959 277.212 216.091 283.184 226.005C289.155 235.92 293.276 246.499 295.545 257.743C298.29 268.88 298.469 280.842 296.083 293.629C294.172 306.309 288.691 319.79 279.638 334.07C269.106 350.682 257.046 363.261 243.458 371.806C229.869 380.351 215.097 385.286 199.14 386.61C183.369 387.643 166.758 385.488 149.308 380.146C131.858 374.803 114.098 366.404 96.029 354.949C79.417 344.418 65.5308 333.776 54.3703 323.024C43.3166 312.748 33.8371 302.244 25.9319 291.513C18.2115 280.49 11.5359 269.108 5.90504 257.367C4.97535 255.428 4.04779 253.469 3.12237 251.489Z' fill='%23151C07'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: 306px;
  pointer-events: none;
  z-index: 0;
}
.navigation-mobile .navigation-container > div.navigation-mobile__main {
  padding-right: 64px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .navigation-mobile .navigation-container > div.navigation-mobile__main {
    padding-right: 0;
  }
}
.navigation-mobile .navigation-container > div.navigation-mobile__secondary {
  padding-left: 76px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .navigation-mobile .navigation-container > div.navigation-mobile__secondary {
    padding-left: 0;
    align-items: flex-start;
  }
}
.navigation-mobile .separator {
  width: 1px;
  height: auto;
  background-color: hsl(79, 62%, 22%);
}
@media screen and (max-width: 767px) {
  .navigation-mobile .separator {
    display: none;
  }
}
.navigation-mobile .navigation-mobile__title {
  font-weight: 600;
  margin-bottom: 12px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .navigation-mobile .navigation-mobile__title {
    padding-right: 24px;
    width: fit-content;
    cursor: pointer;
  }
  .navigation-mobile .navigation-mobile__title.is-active::before {
    transform: translateY(-50%) rotate(0deg);
  }
  .navigation-mobile .navigation-mobile__title::before {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 7L7 1L1 7' stroke='%23151C07' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center right;
    position: absolute;
    content: "";
    width: 14px;
    height: 8px;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    transition: all 250ms ease;
  }
}
.navigation-mobile .menu-aanbod-container li a {
  color: hsl(80, 60%, 7%);
  width: 100%;
  padding: 12px 32px 16px 0;
  position: relative;
  display: flex;
  font-weight: 600;
  font-family: "Bricolage Grotesque";
}
.navigation-mobile .menu-aanbod-container li a::before {
  display: none;
}
.navigation-mobile .menu-aanbod-container li a::after {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1667 0.5C11.1667 0.977 11.6553 1.68929 12.15 2.28714C12.786 3.05857 13.546 3.73164 14.4173 4.24529C15.0707 4.63036 15.8627 5 16.5 5M16.5 5C15.8627 5 15.07 5.36964 14.4173 5.75471C13.546 6.269 12.786 6.94207 12.15 7.71221C11.6553 8.31071 11.1667 9.02429 11.1667 9.5M16.5 5H0.5' stroke='%23151C07' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center right;
  position: absolute;
  content: "";
  width: 17px;
  height: 10px;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 250ms ease;
}
.navigation-mobile .menu-aanbod-container li a:hover::after {
  right: 8px;
}
@media screen and (max-width: 767px) {
  .navigation-mobile .navigation-mobile__main--body {
    padding-bottom: 36px;
  }
}
.navigation-mobile .menu-aanbod-container li:not(:last-child) a {
  border-bottom: 1px solid #E3E3E3;
}
.navigation-mobile .menu-mobiel-container .navigation-mobile__menu {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.navigation-mobile .menu-mobiel-container a {
  font-family: "Bricolage Grotesque";
  font-size: 20px;
  line-height: 1.4em;
  color: hsl(80, 60%, 7%);
  font-weight: 600;
  transition: color 250ms ease-in-out;
}
@media only screen and (max-width: 899px) {
  .navigation-mobile .menu-mobiel-container a {
    font-size: 20px;
    line-height: 38px;
  }
}
.navigation-mobile .menu-mobiel-container a:hover {
  color: hsl(79, 61%, 45%);
}

/**
 * Disable scroll.
 */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 1000;
  opacity: 0;
  transition: all 500ms ease;
  pointer-events: none;
}

body.is-active {
  position: relative;
}
body.is-active::before {
  opacity: 1;
  pointer-events: auto;
}
body.is-active .header::before {
  bottom: 0;
}
@media screen and (max-width: 767px) {
  body.is-active {
    overflow: clip;
  }
}

header.header {
  position: sticky;
  top: 20px;
  z-index: 999;
}
header.header .header__container {
  padding: 20px;
  background-color: hsl(80, 60%, 7%);
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  z-index: 1000;
}
header.header .header__container a {
  color: hsl(60, 33%, 99%);
}
header.header .header__menu {
  flex-direction: row;
  gap: 16px;
}
header.header .header__logo {
  max-width: 180px;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 599px) {
  header.header .header__logo {
    margin-right: 16px;
  }
}
header.header .header__logo img {
  max-width: 180px;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
header.header .menu-main-container {
  margin-left: auto;
}
@media only screen and (max-width: 1199px) {
  header.header .menu-main-container {
    display: none;
  }
}
header.header .menu-main-container .current-menu-item a {
  font-weight: 700;
  color: hsl(79, 100%, 62%);
}
header.header .menu-main-container .current-menu-item.has-children a::after {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.667969 0.666992L4.66797 4.66699L8.66797 0.666992' stroke='%23C2FF3D' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
header.header .menu-main-container li:not(.has-children) > a {
  position: relative;
  width: fit-content;
  display: inline-flex;
}
header.header .menu-main-container li:not(.has-children) > a::before {
  content: "";
  position: absolute;
  bottom: -0.0625em;
  left: 0;
  width: 100%;
  height: 0.0625em;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
}
header.header .menu-main-container li:not(.has-children) > a:hover::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
}
header.header .menu-main-container .has-children {
  position: relative;
}
header.header .menu-main-container .has-children::before {
  position: absolute;
  top: 16px;
  left: 0;
  height: 60px;
  width: 100%;
  content: "";
  display: none;
}
header.header .menu-main-container .has-children:hover > a::after {
  transform: translateY(-50%) rotate(180deg);
}
header.header .menu-main-container .has-children:hover::before {
  display: flex;
}
header.header .menu-main-container .has-children > a {
  padding-right: 22px;
  position: relative;
}
header.header .menu-main-container .has-children > a::after {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.666016 0.666992L4.66602 4.66699L8.66602 0.666992' stroke='%23FEFEFD' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center right;
  content: "";
  width: 10px;
  height: 6px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 250ms ease;
}
header.header .menu-main-container .has-children > a:hover::after {
  transform: translateY(-50%) rotate(180deg);
}
header.header .menu-main-container .has-children:hover > .navigation-dropdown {
  opacity: 1;
  visibility: visible;
}
header.header .menu-main-container .has-children .navigation-dropdown {
  position: absolute;
  left: 50%;
  transition: all 250ms ease;
  position: absolute;
  bottom: -348px;
  opacity: 0;
  visibility: hidden;
  transition: all 350ms ease;
  padding: 16px;
  background-color: hsl(0, 0%, 100%);
  box-shadow: 0 4px 40px 0 hsla(0, 0%, 77%, 0.3);
  border-radius: 20px;
  display: flex;
  min-width: 226px;
  transform: translateX(-50%);
  overflow: clip;
}
header.header .menu-main-container .has-children .navigation-dropdown .menu-aanbod-container li a {
  color: hsl(80, 60%, 7%);
  width: 100%;
  padding: 16px;
  position: relative;
}
header.header .menu-main-container .has-children .navigation-dropdown .menu-aanbod-container li a::before {
  display: none;
}
header.header .menu-main-container .has-children .navigation-dropdown .menu-aanbod-container li a::after {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1667 0.5C11.1667 0.977 11.6553 1.68929 12.15 2.28714C12.786 3.05857 13.546 3.73164 14.4173 4.24529C15.0707 4.63036 15.8627 5 16.5 5M16.5 5C15.8627 5 15.07 5.36964 14.4173 5.75471C13.546 6.269 12.786 6.94207 12.15 7.71221C11.6553 8.31071 11.1667 9.02429 11.1667 9.5M16.5 5H0.5' stroke='%23151C07' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center right;
  position: absolute;
  content: "";
  width: 17px;
  height: 10px;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 250ms ease;
}
header.header .menu-main-container .has-children .navigation-dropdown .menu-aanbod-container li a:hover::after {
  right: 8px;
}
header.header .menu-main-container .has-children .navigation-dropdown .menu-aanbod-container li:not(:last-child) a {
  border-bottom: 1px solid #E3E3E3;
}
header.header .header__contact {
  border: 1px solid hsl(0, 0%, 99%);
  color: hsl(0, 0%, 99%);
  padding: 12px 16px;
  border-radius: 64px;
  transition: all 250ms ease-in-out;
  margin-right: 16px;
  margin-left: auto;
}
header.header .header__contact svg path {
  transition: all 250ms ease-in-out;
}
header.header .header__contact:hover {
  background-color: hsl(0, 0%, 99%);
  color: hsl(80, 60%, 7%);
}
header.header .header__contact:hover svg path {
  stroke: hsl(80, 60%, 7%);
}
header.header .menu-button {
  display: none;
}
@media only screen and (max-width: 1199px) {
  header.header .menu-button {
    display: flex;
    flex-direction: column;
    gap: 3px;
    max-width: 16px;
    width: 100%;
  }
}
header.header .menu-button-line {
  background-color: hsl(0, 0%, 99%);
  width: 100%;
  height: 2px;
  border-radius: 100px;
}

.navigation-dropdown {
  opacity: 0;
  visibility: hidden;
  display: none;
}

.footer .wrapper {
  display: flex;
  flex-direction: row;
  gap: 24px;
  width: 100%;
  padding-top: 48px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 899px) {
  .footer .wrapper {
    flex-direction: column-reverse;
  }
}
.footer .footer__left {
  max-width: calc(70% - 12px);
  width: 100%;
  background-color: hsl(80, 60%, 7%);
  border-radius: 20px;
  padding: 40px;
  color: hsl(60, 33%, 99%);
}
@media only screen and (max-width: 899px) {
  .footer .footer__left {
    max-width: 100%;
  }
}
.footer .footer__left .footer__row:last-child {
  margin-top: 28px;
  border-top: 1px solid hsl(60, 33%, 99%);
  padding-top: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .footer .footer__left .footer__row:last-child {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 599px) {
  .footer .footer__left .footer__row:last-child {
    flex-direction: column;
    align-items: flex-start;
  }
}
.footer .footer__left .footer__row:first-child .footer__columns {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-top: 28px;
  gap: 32px 16px;
}
@media only screen and (min-width: 900px) and (max-width: 1199px) {
  .footer .footer__left .footer__row:first-child .footer__columns {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 899px) {
  .footer .footer__left .footer__row:first-child .footer__columns {
    flex-direction: column;
  }
}
.footer .footer__left .footer__row:first-child .footer__columns .footer__column {
  max-width: 33.33%;
  width: 100%;
}
@media only screen and (min-width: 900px) and (max-width: 1199px) {
  .footer .footer__left .footer__row:first-child .footer__columns .footer__column {
    max-width: 188px;
  }
}
@media only screen and (max-width: 899px) {
  .footer .footer__left .footer__row:first-child .footer__columns .footer__column {
    max-width: 100%;
  }
}
.footer .footer__row-body {
  position: relative;
}
.footer .footer__column-title {
  font-size: 20px;
  line-height: 1.4em;
  font-weight: 500;
  margin-bottom: 4px;
  display: flex;
}
@media only screen and (max-width: 899px) {
  .footer .footer__column-title {
    font-size: 20px;
    line-height: 38px;
  }
}
.footer .footer__social {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (max-width: 899px) {
  .footer .footer__social {
    top: unset;
    bottom: 0;
  }
}
@media only screen and (max-width: 599px) {
  .footer .footer__social {
    margin-top: 32px;
    position: relative;
    bottom: unset;
    right: unset;
    flex-direction: row;
    justify-content: flex-start;
  }
}
.footer .footer__social-link svg path {
  transition: all 250ms ease;
}
.footer .footer__social-link:hover svg path {
  fill: hsl(79, 100%, 62%);
}
.footer .footer__column-content a {
  transition: color 250ms ease;
}
.footer .footer__column-content a:hover {
  color: hsl(79, 100%, 62%);
}
.footer .footer__right {
  max-width: calc(30% - 12px);
  width: 100%;
  background-color: hsl(79, 100%, 62%);
  border-radius: 20px;
  padding: 40px;
  color: hsl(60, 33%, 99%);
}
@media only screen and (max-width: 899px) {
  .footer .footer__right {
    max-width: 100%;
  }
}
@media only screen and (max-width: 599px) {
  .footer .footer__legal {
    display: flex;
    flex-direction: row;
    gap: 8px;
    flex-wrap: wrap;
  }
}
.footer .footer__legal .footer__legal-divider:last-child {
  display: none;
}
@media only screen and (max-width: 599px) {
  .footer .footer__legal .footer__legal-divider {
    display: none;
  }
}
.footer .footer__newsletter {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.footer .footer__newsletter-title {
  color: hsl(80, 60%, 7%);
  font-size: 20px;
  line-height: 1.4em;
  font-weight: 600;
  margin-bottom: 16px;
}
.footer .footer__newsletter-content {
  color: hsl(80, 60%, 7%);
  margin-bottom: 40px;
}
.footer .footer__newsletter-form {
  position: relative;
  margin-top: auto;
}
.footer .footer__newsletter-form .gform_heading,
.footer .footer__newsletter-form .gfield_label {
  display: none;
}
.footer .footer__newsletter-form .footer__newsletter-form--submit {
  background-color: hsl(80, 60%, 7%);
  border-radius: 100px;
  min-width: 42px;
  width: 42px;
  height: auto;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 8px;
  top: 4px;
  bottom: 4px;
  transition: right 250ms ease;
}
.footer .footer__newsletter-form .footer__newsletter-form--submit:hover {
  right: 4px;
}
.footer .footer__newsletter-form .gform-footer {
  display: none;
}
.footer .footer__newsletter-form .gfield {
  margin-bottom: 0;
}
.footer .footer__newsletter-form .ginput_container input {
  border-radius: 64px;
  border: none;
  background-color: hsl(60, 33%, 99%);
  padding: 16px;
  min-height: 50px;
  height: 50px;
  max-height: 50px;
  color: hsl(80, 60%, 7%);
}
.footer .footer__newsletter-form .ginput_container input::placeholder {
  color: #91908C;
}

.footer .wrapper {
  background-color: initial;
}

.background-grey + .footer {
  background-color: hsla(80, 60%, 7%, 0.03);
}
.background-grey + .footer .wrapper {
  background-color: transparent;
}

.background-none + .footer {
  background-color: transparent;
}
.background-none + .footer .wrapper {
  background-color: transparent;
}

.background-green + .footer {
  background-color: hsl(79, 100%, 62%);
}
.background-green + .footer .wrapper {
  background-color: transparent;
}

.content-header--background-none {
  background-color: transparent;
}
.content-header--background-green .content-header__container {
  background-color: hsl(79, 100%, 62%);
  padding: 40px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  overflow: clip;
  align-items: center !important;
}
.content-header--background-green .content-header__container::before {
  background-image: url("data:image/svg+xml,%3Csvg width='472' height='353' viewBox='0 0 472 353' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.06' d='M312.115 -158.352C336.779 -153.639 351.996 -129.158 346.605 -104.634C341.109 -79.6376 316.307 -64.1206 290.986 -67.8413C276.933 -69.9062 262.928 -71.4277 248.972 -72.4058C219.708 -73.8523 191.656 -69.2186 164.816 -58.5047C150.557 -52.8129 138.645 -46.1133 129.08 -38.4057C119.683 -30.2788 112.298 -21.9827 106.926 -13.5174C101.72 -4.63283 98.6536 4.12749 97.725 12.7636C96.9639 21.8191 98.0063 29.9117 100.852 37.0412C104.535 46.2675 110.568 52.8542 118.95 56.8013C127.081 61.3351 136.806 63.7738 148.125 64.1173C159.026 64.6282 171.562 63.7568 185.735 61.5029C199.488 59.4164 213.787 56.8692 228.631 53.8611C238.527 51.8557 249.974 49.4741 262.974 46.7163C276.14 44.3778 289.977 42.5011 304.484 41.086C319.159 40.0903 334.043 40.2267 349.135 41.4953C364.395 43.1832 378.983 46.8412 392.898 52.4693C406.981 58.5167 419.847 66.995 431.494 77.9041C442.89 89.4001 452.271 104.374 459.636 122.827C470.35 149.668 473.771 174.071 469.898 196.038C466.192 218.423 457.961 237.997 445.203 254.758C432.194 272.106 416.251 286.979 397.376 299.375C378.081 311.94 358.787 322.072 339.496 329.772C320.204 337.473 302.507 343.078 286.405 346.589C270.303 350.099 254.747 351.933 239.738 352.09C224.895 352.666 209.887 351.607 194.711 348.913C192.907 348.666 191.083 348.405 189.24 348.127C164.148 344.35 148.992 319.168 154.95 294.502C160.852 270.07 185.293 255.376 210.279 258.113C221.396 259.331 232.076 259.925 242.319 259.896C265.63 259.829 288.399 255.359 310.626 246.486C318.175 243.473 326.354 238.993 335.163 233.046C344.139 227.518 352.193 220.899 359.326 213.19C366.04 205.648 370.993 197.35 374.186 188.297C377.127 179.83 376.756 170.983 373.073 161.757C369.39 152.53 362.938 146.111 353.717 142.499C344.496 138.886 333.806 137.076 321.647 137.067C309.489 137.058 296.533 138.097 282.78 140.184C269.026 142.27 255.692 144.189 242.778 145.941C233.134 147.36 222.022 149.364 209.442 151.955C196.443 154.712 182.9 156.715 168.812 157.963C154.304 159.378 139.504 159.451 124.412 158.183C109.319 156.914 94.9413 153.172 81.2778 146.957C67.3624 141.329 54.5394 132.348 42.8089 120.013C30.8265 108.265 20.7338 92.1167 12.531 71.567C2.98895 47.6623 -1.10381 25.2289 0.252816 4.2668C1.60944 -16.6953 7.70265 -36.1447 18.5324 -54.0813C29.5296 -71.5985 44.5506 -87.5617 63.5954 -101.971C82.6402 -116.38 105.163 -128.774 131.165 -139.153C155.07 -148.695 177.002 -155.261 196.961 -158.853C216.334 -162.696 234.741 -164.695 252.182 -164.851C269.791 -164.587 286.98 -162.939 303.748 -159.908C306.516 -159.408 309.305 -158.889 312.115 -158.352Z' fill='%23445915'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  width: 472px;
  height: 600px;
  position: absolute;
  top: 0;
  left: 16px;
  content: "";
  pointer-events: none;
  z-index: 0;
}
.content-header--background-green .content-header__container .subtitle {
  background-color: hsl(80, 60%, 7%);
  color: hsl(0, 0%, 99%);
}
.content-header--background-green .content-header__container .content-header__editor *:not(strong) {
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
}
@media only screen and (max-width: 899px) {
  .content-header--background-green .content-header__container .content-header__editor *:not(strong) {
    font-size: 18px;
    line-height: 1.4em;
  }
}
.content-header--background-green .content-header__container .content-header__editor strong {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
}
@media only screen and (max-width: 899px) {
  .content-header--background-green .content-header__container .content-header__editor strong {
    font-size: 18px;
    line-height: 1.4em;
  }
}
.content-header--background-grey .content-header__container {
  background-color: hsla(80, 60%, 7%, 0.03);
  padding: 40px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  overflow: clip;
  align-items: center !important;
}
.content-header--background-grey .content-header__container::before {
  background-image: url("data:image/svg+xml,%3Csvg width='472' height='353' viewBox='0 0 472 353' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.06' d='M312.115 -158.352C336.779 -153.639 351.996 -129.158 346.605 -104.634C341.109 -79.6376 316.307 -64.1206 290.986 -67.8413C276.933 -69.9062 262.928 -71.4277 248.972 -72.4058C219.708 -73.8523 191.656 -69.2186 164.816 -58.5047C150.557 -52.8129 138.645 -46.1133 129.08 -38.4057C119.683 -30.2788 112.298 -21.9827 106.926 -13.5174C101.72 -4.63283 98.6536 4.12749 97.725 12.7636C96.9639 21.8191 98.0063 29.9117 100.852 37.0412C104.535 46.2675 110.568 52.8542 118.95 56.8013C127.081 61.3351 136.806 63.7738 148.125 64.1173C159.026 64.6282 171.562 63.7568 185.735 61.5029C199.488 59.4164 213.787 56.8692 228.631 53.8611C238.527 51.8557 249.974 49.4741 262.974 46.7163C276.14 44.3778 289.977 42.5011 304.484 41.086C319.159 40.0903 334.043 40.2267 349.135 41.4953C364.395 43.1832 378.983 46.8412 392.898 52.4693C406.981 58.5167 419.847 66.995 431.494 77.9041C442.89 89.4001 452.271 104.374 459.636 122.827C470.35 149.668 473.771 174.071 469.898 196.038C466.192 218.423 457.961 237.997 445.203 254.758C432.194 272.106 416.251 286.979 397.376 299.375C378.081 311.94 358.787 322.072 339.496 329.772C320.204 337.473 302.507 343.078 286.405 346.589C270.303 350.099 254.747 351.933 239.738 352.09C224.895 352.666 209.887 351.607 194.711 348.913C192.907 348.666 191.083 348.405 189.24 348.127C164.148 344.35 148.992 319.168 154.95 294.502C160.852 270.07 185.293 255.376 210.279 258.113C221.396 259.331 232.076 259.925 242.319 259.896C265.63 259.829 288.399 255.359 310.626 246.486C318.175 243.473 326.354 238.993 335.163 233.046C344.139 227.518 352.193 220.899 359.326 213.19C366.04 205.648 370.993 197.35 374.186 188.297C377.127 179.83 376.756 170.983 373.073 161.757C369.39 152.53 362.938 146.111 353.717 142.499C344.496 138.886 333.806 137.076 321.647 137.067C309.489 137.058 296.533 138.097 282.78 140.184C269.026 142.27 255.692 144.189 242.778 145.941C233.134 147.36 222.022 149.364 209.442 151.955C196.443 154.712 182.9 156.715 168.812 157.963C154.304 159.378 139.504 159.451 124.412 158.183C109.319 156.914 94.9413 153.172 81.2778 146.957C67.3624 141.329 54.5394 132.348 42.8089 120.013C30.8265 108.265 20.7338 92.1167 12.531 71.567C2.98895 47.6623 -1.10381 25.2289 0.252816 4.2668C1.60944 -16.6953 7.70265 -36.1447 18.5324 -54.0813C29.5296 -71.5985 44.5506 -87.5617 63.5954 -101.971C82.6402 -116.38 105.163 -128.774 131.165 -139.153C155.07 -148.695 177.002 -155.261 196.961 -158.853C216.334 -162.696 234.741 -164.695 252.182 -164.851C269.791 -164.587 286.98 -162.939 303.748 -159.908C306.516 -159.408 309.305 -158.889 312.115 -158.352Z' fill='%23445915'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  width: 472px;
  height: 600px;
  position: absolute;
  top: 0;
  left: 16px;
  content: "";
  pointer-events: none;
  z-index: 0;
}
.content-header--background-grey .content-header__container .content-header__editor *:not(strong) {
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
}
@media only screen and (max-width: 899px) {
  .content-header--background-grey .content-header__container .content-header__editor *:not(strong) {
    font-size: 18px;
    line-height: 1.4em;
  }
}
.content-header--background-grey .content-header__container .content-header__editor strong {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
}
@media only screen and (max-width: 899px) {
  .content-header--background-grey .content-header__container .content-header__editor strong {
    font-size: 18px;
    line-height: 1.4em;
  }
}
.content-header .wrapper {
  padding-block: 120px;
}
@media only screen and (max-width: 1199px) {
  .content-header .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 899px) {
  .content-header .wrapper {
    padding-block: 40px;
  }
}
.content-header .content-header__head {
  margin-top: -10px;
}
@media only screen and (max-width: 899px) {
  .content-header .content-header__head {
    margin-top: 0;
  }
}
.content-header .content-header__container {
  display: flex;
  flex-direction: row;
  gap: 60px;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 899px) {
  .content-header .content-header__container {
    flex-direction: column;
    gap: 48px;
  }
}
.content-header .content-header__head {
  max-width: 644px;
  width: 100%;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .content-header .content-header__head {
    max-width: 515px;
  }
}
@media only screen and (max-width: 899px) {
  .content-header .content-header__head {
    max-width: 100%;
  }
}
.content-header .content-header__body {
  max-width: 548px;
  width: 100%;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .content-header .content-header__body {
    max-width: 430px;
  }
}
@media only screen and (max-width: 899px) {
  .content-header .content-header__body {
    max-width: 100%;
  }
}
.content-header .content-header__editor *:not(strong) {
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
}
@media only screen and (max-width: 899px) {
  .content-header .content-header__editor *:not(strong) {
    font-size: 18px;
    line-height: 1.4em;
  }
}
.content-header .content-header__editor strong {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
}
@media only screen and (max-width: 899px) {
  .content-header .content-header__editor strong {
    font-size: 18px;
    line-height: 1.4em;
  }
}
.content-header .content-header__links {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px 32px;
  flex-wrap: wrap;
  margin-top: 32px;
}
.content-header .content-header__media {
  margin-top: 40px;
  overflow: clip;
  border-radius: 20px;
  max-height: 510px;
}
.content-header .content-header__media img {
  width: 100%;
  height: auto;
  border-radius: 20px;
  overflow: clip;
  object-fit: cover;
  max-height: 510px;
}
.content-header .content-header__media.keen-slider {
  display: flex;
  flex-direction: row;
}
.content-header .content-header__media-wrapper:has(.content-header__media.count--1) .content-header__media--dots {
  display: none;
}
.content-header .content-header__media--dots {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  margin-top: 16px;
  justify-content: center;
}
.content-header .content-header__media--dots .content-header__dot {
  min-width: 12px;
  width: 12px;
  height: auto;
  aspect-ratio: 1;
  background-color: hsl(0, 0%, 83%);
  border-radius: 100px;
  transition: all 250ms ease-in-out;
}
.content-header .content-header__media--dots .content-header__dot.content-header__dot--active {
  background-color: hsl(80, 60%, 7%);
}
.content-header .content-event-select__link.button--ani[data-theme=none] {
  padding: 0;
}

.content-cards--background-none {
  background-color: transparent;
}
.content-cards--background-green {
  background-color: hsl(79, 100%, 62%);
}
.content-cards--background-grey {
  background-color: hsla(80, 60%, 7%, 0.03);
}
.content-cards .wrapper {
  padding-block: 120px;
}
@media only screen and (max-width: 1199px) {
  .content-cards .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 899px) {
  .content-cards .wrapper {
    padding-block: 40px;
  }
}
.content-cards .content-cards__title,
.content-cards .content-cards__editor {
  text-align: center;
}
.content-cards .content-cards__cards {
  margin-top: 48px;
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 992px) {
  .content-cards .content-cards__cards {
    flex-direction: column;
  }
}
@media only screen and (max-width: 599px) {
  .content-cards .content-cards__cards {
    gap: 0;
  }
}
.content-cards .content-cards__cards .content-cards__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 20px;
  flex: 1;
}
.content-cards .content-cards__cards .content-cards__container .content-cards__card {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
.content-cards .content-cards__cards .content-cards__container .content-cards__card:first-child {
  grid-row: 1/3;
}
.content-cards .content-cards__cards .content-cards__container .content-cards__card .content-cards__card-image {
  width: 100%;
  height: 100%;
}
.content-cards .content-cards__cards .content-cards__container .content-cards__card .content-cards__card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content-cards .content-cards__cards .content-cards__container .content-cards__card-link {
  position: absolute;
  left: 10px;
  bottom: 16px;
  right: 10px;
}
.content-cards .content-cards__cards .content-cards__card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: scale 250ms ease-in-out;
}
.content-cards .content-cards__cards .content-cards__card:hover .content-cards__card-image img {
  scale: 1.02;
}
.content-cards .content-cards__cards .content-cards__card:hover .content-cards__card-link .btn-text-p {
  padding-right: 16px;
}
@media only screen and (max-width: 599px) {
  .content-cards .content-cards__cards .content-cards__container {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
  }
  .content-cards .content-cards__cards .content-cards__container .content-cards__card:first-child {
    grid-column: 1/3;
    grid-row: 1;
  }
  .content-cards .content-cards__cards .content-cards__container .content-cards__card:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
  }
  .content-cards .content-cards__cards .content-cards__container .content-cards__card:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
  }
}
@media screen and (max-width: 480px) {
  .content-cards .content-cards__cards {
    gap: 20px;
  }
  .content-cards .content-cards__cards .content-cards__container {
    display: flex;
    flex-direction: column;
  }
  .content-cards .content-cards__cards .content-cards__card {
    height: 120px;
  }
}

.event-select {
  position: relative;
  overflow: clip;
  z-index: 0;
}
.event-select--background-none {
  background-color: transparent;
}
.event-select--background-green {
  background-color: hsl(79, 100%, 62%);
}
.event-select--background-grey {
  background-color: hsla(80, 60%, 7%, 0.03);
}
.event-select .wrapper {
  padding-block: 120px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .event-select .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 899px) {
  .event-select .wrapper {
    padding-block: 40px;
  }
}
.event-select .drawing-shape {
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 790px;
  max-height: 1010px;
  top: -2%;
  left: -18%;
  z-index: 0;
  rotate: -150deg;
  pointer-events: none;
  z-index: 0;
}
.event-select:has(.no-editor) .event-select__link {
  margin-left: auto;
}
.event-select .event-select__head {
  display: flex;
  flex-direction: row;
  gap: 60px;
  justify-content: space-between;
  align-items: flex-end;
}
@media only screen and (max-width: 899px) {
  .event-select .event-select__head {
    flex-direction: column;
    gap: 48px;
  }
}
.event-select .event-select__head > div:first-child {
  max-width: 644px;
  width: 100%;
  margin-top: -10px;
}
@media only screen and (max-width: 1199px) {
  .event-select .event-select__head > div:first-child {
    max-width: 515px;
  }
}
@media only screen and (max-width: 899px) {
  .event-select .event-select__head > div:first-child {
    max-width: 100%;
    margin-top: 0;
  }
}
.event-select .event-select__head > div:last-child {
  max-width: 548px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .event-select .event-select__head > div:last-child {
    max-width: 430px;
  }
}
@media only screen and (max-width: 899px) {
  .event-select .event-select__head > div:last-child {
    max-width: 100%;
  }
}
.event-select .event-select__subtitle {
  margin-bottom: 8px;
}
.event-select .event-select__link {
  margin-top: 32px;
}
.event-select .event-select__events {
  margin-top: 76px;
}
.event-select .event-select__events.keen-slider {
  display: flex;
  flex-direction: row;
}
@media only screen and (min-width: 600px) {
  .event-select .event-select__events.keen-slider {
    overflow: clip;
  }
}
.event-select .event-select__scrollbar {
  position: relative;
  width: 100%;
  height: 3px;
  background-color: hsl(80, 60%, 7%);
  border-radius: 100px;
  overflow: hidden;
  max-width: 983px;
}
@media only screen and (max-width: 899px) {
  .event-select .event-select__scrollbar {
    max-width: 100%;
  }
}
.event-select .event-select__scrollbar::before {
  content: "";
  position: absolute;
  top: 0;
  left: var(--scrollbar-progress, 0%);
  height: 100%;
  width: var(--scrollbar-width, 100%);
  background-color: hsl(79, 68%, 53%);
  transition: left 0.3s ease;
}
.event-select .event-select__navigation {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  width: 100%;
  margin-top: 24px;
  justify-content: space-between;
}
.event-select .event-select__navigation-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  justify-content: flex-end;
  max-width: 122px;
  width: 100%;
}
.event-select .event-select__navigation-buttons div {
  background-color: hsl(80, 60%, 7%);
  min-width: 52px;
  max-width: 52px;
  aspect-ratio: 1;
  width: 100%;
  height: auto;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 250ms ease;
}
.event-select .event-select__navigation-buttons div.is-disabled {
  opacity: 0.6;
}
.event-select .event-select__navigation-buttons div svg path {
  transition: all 250ms ease;
}
.event-select .event-select__navigation-buttons div:hover {
  background-color: hsl(0, 0%, 99%);
}
.event-select .event-select__navigation-buttons div:hover svg path {
  stroke: hsl(80, 60%, 7%);
}
.event-select .event-select__navigation-buttons .event-select__navigation--next svg {
  rotate: 180deg;
}

.event-select--background-grey .event-select__scrollbar::before {
  background-color: hsl(60, 0%, 58%);
}
.event-select--background-grey .event-select__link.button {
  transition: all 0.7s cubic-bezier(0.625, 0.05, 0, 1);
}
.event-select--background-grey .event-select__link.button .btn-icon {
  background-color: hsl(79, 100%, 62%);
}
.event-select--background-grey .event-select__link.button .btn-icon svg path {
  stroke: hsl(80, 60%, 7%);
}
.event-select--background-grey .event-select__link.button:hover .btn-icon {
  background-color: hsl(80, 60%, 7%);
}
.event-select--background-grey .event-select__link.button:hover .btn-icon svg path {
  stroke: hsl(60, 33%, 99%);
}
.event-select--background-grey .event-select__link.button .btn__text {
  color: hsl(0, 0%, 99%);
}
.event-select--background-grey .event-select__link.button .btn__bg {
  background-color: hsl(80, 60%, 7%);
}
.event-select--background-grey .event-select__link.button .btn__circle {
  background-color: hsl(79, 100%, 62%);
}
.event-select--background-grey .event-select__link.button .btn-text-p {
  padding-right: 8px;
  color: hsl(0, 0%, 99%);
  transition: all 0.7s cubic-bezier(0.625, 0.05, 0, 1);
}
.event-select--background-grey .event-select__link.button:hover .btn-text-p {
  padding-right: 8px;
  color: hsl(80, 60%, 7%);
}
.event-select--background-grey .event-select__link.button:hover .btn__text {
  color: hsl(80, 60%, 7%);
}
.event-select--background-grey .event-select__link.button .btn__circle-wrap {
  display: block;
}
.event-select--background-grey .event-select__link.button .btn__text {
  color: hsl(80, 60%, 7%);
}

.text-media {
  position: relative;
  overflow: clip;
  z-index: 0;
}
.text-media--background-none {
  background-color: transparent;
}
.text-media--background-green {
  background-color: hsl(79, 100%, 62%);
}
.text-media--background-grey {
  background-color: hsla(80, 60%, 7%, 0.03);
}
.text-media .wrapper {
  padding-block: 120px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .text-media .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 899px) {
  .text-media .wrapper {
    padding-block: 40px;
  }
}
.text-media .text-media__container {
  display: flex;
  flex-direction: row;
  gap: 24px;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .text-media .text-media__container {
    flex-direction: column;
    gap: 32px;
  }
}
.text-media .text-media__head {
  max-width: 420px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .text-media .text-media__head {
    max-width: 320px;
  }
}
@media screen and (max-width: 1024px) {
  .text-media .text-media__head {
    max-width: 100%;
  }
}
.text-media .text-media__body {
  max-width: 872px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .text-media .text-media__body {
    max-width: 662px;
  }
}
@media screen and (max-width: 1024px) {
  .text-media .text-media__body {
    max-width: 100%;
  }
}
.text-media .text-media__body .text-media__editor {
  margin-bottom: 32px;
}
.text-media .text-media__body .text-media__editor * {
  font-family: "Bricolage Grotesque";
  font-size: 32px;
  line-height: 38px;
}
@media only screen and (max-width: 899px) {
  .text-media .text-media__body .text-media__editor * {
    font-size: 28px;
    line-height: 38px;
  }
}
.text-media .text-media__logos {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  margin-top: 48px;
}
.text-media .text-media__logos .text-media__logo {
  max-width: 80px;
  width: fit-content;
}
.text-media .text-media__logos .text-media__logo img {
  width: fit-content;
  height: 100%;
  object-fit: contain;
}
.text-media .text-media__logos svg.cross:last-child {
  display: none;
}
.text-media .text-media__columns {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
@media only screen and (max-width: 599px) {
  .text-media .text-media__columns {
    flex-direction: column;
    gap: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .text-media .text-media__columns .text-media__column {
    max-width: calc(50% - 12px);
  }
}
@media only screen and (max-width: 599px) {
  .text-media .text-media__columns .text-media__column {
    max-width: 100%;
  }
}
.text-media .text-media__columns .text-media__column--no-content {
  display: flex;
  flex-direction: column;
  height: auto;
  width: 100%;
}
.text-media .text-media__columns .text-media__column--no-content .text-media__column-image {
  overflow: clip;
  width: 100%;
  height: 100%;
  border-radius: 16px;
}
@media only screen and (max-width: 599px) {
  .text-media .text-media__columns .text-media__column--no-content .text-media__column-image {
    height: 352px;
  }
}
.text-media .text-media__columns .text-media__column--no-content .text-media__column-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 599px) {
  .text-media .text-media__columns .text-media__column--no-content .text-media__column-image img {
    height: 352px;
  }
}
.text-media .text-media__columns .text-media__column:not(.text-media__column--no-content) .text-media__column-image {
  overflow: clip;
  width: 100%;
  height: 206px;
  border-radius: 16px;
}
@media only screen and (max-width: 599px) {
  .text-media .text-media__columns .text-media__column:not(.text-media__column--no-content) .text-media__column-image {
    height: 352px;
  }
}
.text-media .text-media__columns .text-media__column:not(.text-media__column--no-content) .text-media__column-image img {
  width: 100%;
  height: 206px;
  object-fit: cover;
}
@media only screen and (max-width: 599px) {
  .text-media .text-media__columns .text-media__column:not(.text-media__column--no-content) .text-media__column-image img {
    height: 352px;
  }
}
.text-media .text-media__columns .text-media__column:not(.text-media__column--no-content) .text-media__column-editor {
  margin-top: 40px;
}
.text-media .text-media__columns .text-media__column:not(.text-media__column--no-content) .content-text-media__column-link {
  margin-top: 24px;
}

.content-columns {
  position: relative;
  overflow: clip;
  z-index: 0;
}
.content-columns--background-none {
  background-color: transparent;
}
.content-columns--background-green {
  background-color: hsl(79, 100%, 62%);
}
.content-columns--background-grey {
  background-color: hsla(80, 60%, 7%, 0.03);
}
.content-columns .wrapper {
  padding-block: 120px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .content-columns .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 899px) {
  .content-columns .wrapper {
    padding-block: 40px;
  }
}
.content-columns .content-columns__columns {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
@media only screen and (max-width: 899px) {
  .content-columns .content-columns__columns {
    flex-direction: column;
  }
}
.content-columns .content-columns__columns .content-columns__column {
  max-width: calc(50% - 12px);
  width: 100%;
  padding: 40px;
  border-radius: 20px;
  border: 1px solid hsl(0, 0%, 83%);
}
@media only screen and (max-width: 899px) {
  .content-columns .content-columns__columns .content-columns__column {
    max-width: 100%;
  }
}
.content-columns .content-columns__columns .content-columns__column-title {
  font-family: "Bricolage Grotesque";
  font-size: 28px;
  line-height: 38px;
  font-weight: 600;
}
@media only screen and (max-width: 899px) {
  .content-columns .content-columns__columns .content-columns__column-title {
    font-size: 24px;
    line-height: 38px;
  }
}
.content-columns .content-columns__columns .content-columns__column-editor {
  margin-top: 16px;
}
.content-columns .content-columns__columns .content-columns__column-editor *:not(strong, a) {
  color: #6D6C69;
}
.content-columns .content-columns__columns .content-columns__column-editor strong {
  color: hsl(80, 60%, 7%);
}
.content-columns .content-columns__columns .content-columns__column-link {
  margin-top: 16px;
}

.content-tabs {
  position: relative;
  overflow: clip;
  z-index: 0;
}
.content-tabs--background-none {
  background-color: transparent;
}
.content-tabs--background-green {
  background-color: hsl(79, 100%, 62%);
}
.content-tabs--background-grey {
  background-color: hsla(80, 60%, 7%, 0.03);
}
.content-tabs .drawing-shape {
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 790px;
  max-height: 1010px;
  bottom: -4%;
  left: -18%;
  z-index: 0;
  rotate: 150deg;
  pointer-events: none;
  z-index: 0;
}
@media only screen and (max-width: 899px) {
  .content-tabs .drawing-shape {
    display: none;
  }
}
.content-tabs .wrapper {
  padding-block: 120px;
  display: flex;
  flex-direction: row;
  gap: 64px;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 1199px) {
  .content-tabs .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 899px) {
  .content-tabs .wrapper {
    padding-block: 40px;
    gap: 64px;
    flex-direction: column;
  }
}
.content-tabs .content-tabs__body {
  max-width: 648px;
  width: 100%;
}
@media only screen and (min-width: 900px) {
  .content-tabs .content-tabs__body {
    position: sticky;
    top: 364px;
  }
}
@media only screen and (max-width: 1199px) {
  .content-tabs .content-tabs__body {
    max-width: 405px;
  }
}
@media only screen and (max-width: 899px) {
  .content-tabs .content-tabs__body {
    max-width: 100%;
  }
}
.content-tabs .content-tabs__tabs {
  max-width: 536px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .content-tabs .content-tabs__tabs {
    max-width: 490px;
  }
}
@media only screen and (max-width: 899px) {
  .content-tabs .content-tabs__tabs {
    max-width: 100%;
  }
}
.content-tabs .content-tabs__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.content-tabs .content-tabs__tab {
  padding: 20px;
  border-radius: 20px;
  border: 1px solid hsl(0, 0%, 83%);
  transition: all 250ms ease;
  position: relative;
}
.content-tabs .content-tabs__tab::before {
  background-image: url("data:image/svg+xml,%3Csvg width='193' height='202' viewBox='0 0 193 202' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M254.7 252.955C236.833 259.954 217.022 250.325 210.518 232.272C203.889 213.872 213.604 193.737 231.491 185.828C241.418 181.438 251.093 176.717 260.515 171.665C280.024 160.679 296.273 146.256 309.263 128.396C316.163 118.908 321.136 109.724 324.18 100.844C326.945 91.7617 328.341 83.3896 328.366 75.7279C328.112 67.8633 326.527 60.95 323.609 54.9881C320.412 48.8232 316.442 44.0156 311.698 40.5653C305.558 36.1002 298.975 34.299 291.947 35.1617C284.844 35.5422 277.563 37.927 270.104 42.3161C262.848 46.426 255.098 52.0962 246.852 59.3267C238.81 66.2781 230.603 73.7496 222.231 81.7411C216.65 87.0688 210.218 93.2718 202.937 100.35C195.377 107.225 187.195 114.075 178.392 120.9C169.31 127.521 159.631 133.496 149.356 138.824C138.802 143.949 127.881 147.526 116.591 149.555C105.022 151.382 93.2508 151.141 81.2762 148.833C69.2254 146.042 57.0606 140.182 44.7815 131.251C26.921 118.262 14.7687 103.877 8.3247 88.0974C1.60159 72.1144 -1.04965 56.106 0.370978 40.0722C1.71548 23.5564 5.96485 7.44649 13.1191 -8.25751C20.4763 -24.2406 28.8229 -38.6507 38.159 -51.488C47.495 -64.3252 56.6535 -75.1582 65.6344 -83.9869C74.6153 -92.8157 83.926 -100.338 93.5665 -106.554C102.928 -112.972 113.063 -118.401 123.972 -122.841C125.239 -123.417 126.525 -123.99 127.83 -124.562C145.592 -132.341 165.648 -122.234 171.844 -103.859C177.981 -85.6579 168.164 -66.2017 150.894 -57.7934C143.21 -54.0524 136.063 -50.086 129.453 -45.8944C114.408 -36.3552 101.508 -24.1903 90.751 -9.39954C87.0977 -4.37628 83.6348 1.85202 80.3621 9.28543C76.8103 16.5159 74.2988 24.0761 72.8274 31.9661C71.5589 39.5771 71.7365 46.9598 73.3602 54.1141C74.9078 60.7863 78.7514 66.355 84.891 70.8201C91.0305 75.2852 97.817 76.8073 105.25 75.3866C112.684 73.9658 120.333 70.7819 128.197 65.8347C136.062 60.8875 144.015 54.9382 152.058 47.9868C160.1 41.0354 167.939 34.3631 175.575 27.9698C181.233 23.1241 187.601 17.3017 194.679 10.5026C201.96 3.42435 209.901 -3.3875 218.501 -9.93298C227.304 -16.7575 236.843 -22.8337 247.118 -28.1614C257.393 -33.4891 268.213 -36.9268 279.579 -38.4744C290.869 -40.5041 302.818 -39.9206 315.427 -36.7241C327.959 -34.0096 341.063 -27.6799 354.737 -17.7349C370.644 -6.16633 382.429 6.67076 390.091 20.7764C397.752 34.882 401.736 49.939 402.04 65.9474C402.066 81.7529 398.856 98.1926 392.412 115.267C385.969 132.341 376.455 149.529 363.872 166.831C352.303 182.738 340.798 195.918 329.356 206.37C318.396 216.747 307.31 225.537 296.096 232.742C284.604 239.745 272.819 245.681 260.743 250.552C258.75 251.357 256.735 252.157 254.7 252.955Z' fill='%23A5D934'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 193px;
  height: 202px;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  transition: opacity 250ms ease;
  pointer-events: none;
  z-index: 0;
}
.content-tabs .content-tabs__tab--active {
  background-color: hsl(79, 100%, 62%);
  border: 1px solid hsl(79, 100%, 62%);
}
.content-tabs .content-tabs__tab--active::before {
  opacity: 1;
}
.content-tabs .content-tabs__tab--active .content-tabs__tab-icon {
  background-color: hsl(80, 60%, 7%);
  border: 1px hsl(80, 60%, 7%);
}
.content-tabs .content-tabs__tab--active .content-tabs__tab-icon svg path {
  fill: hsl(79, 100%, 62%);
}
.content-tabs .content-tabs__tab--active .content-tabs__tab-editor * {
  color: hsl(78, 62%, 15%);
}
.content-tabs .content-tabs__tab-icon {
  border-radius: 8px;
  border: 1px solid hsl(0, 0%, 83%);
  padding: 16px 12px;
  min-width: 64px;
  max-width: 64px;
  width: 100%;
  aspect-ratio: 1;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 250ms ease;
  position: relative;
  z-index: 1;
}
.content-tabs .content-tabs__tab-icon svg path {
  transition: all 250ms ease;
}
.content-tabs .content-tabs__tab-title {
  margin-block: 8px;
  font-weight: 600;
  position: relative;
  z-index: 1;
  font-size: 28px;
  line-height: 38px;
  font-family: "Bricolage Grotesque";
}
@media only screen and (max-width: 899px) {
  .content-tabs .content-tabs__tab-title {
    font-size: 24px;
    line-height: 38px;
  }
}
.content-tabs .content-tabs__tab-editor {
  position: relative;
  z-index: 1;
}
.content-tabs .content-tabs__tab-editor * {
  color: #6D6C69;
  transition: color 250ms ease;
}
.content-tabs .content-tabs__editor {
  margin-top: 24px;
}
.content-tabs .content-tabs__editor * {
  font-size: 20px;
  line-height: 32px;
}
@media only screen and (max-width: 899px) {
  .content-tabs .content-tabs__editor * {
    font-size: 18px;
    line-height: 1.4em;
  }
}

.content-teasers--background-none {
  background-color: transparent;
}
.content-teasers--background-green {
  background-color: hsl(79, 100%, 62%);
}
.content-teasers--background-grey {
  background-color: hsla(80, 60%, 7%, 0.03);
}
.content-teasers .wrapper {
  padding-block: 120px;
}
@media only screen and (max-width: 1199px) {
  .content-teasers .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 899px) {
  .content-teasers .wrapper {
    padding-block: 40px;
  }
}
.content-teasers .content-teasers__head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 64px;
}
@media only screen and (max-width: 899px) {
  .content-teasers .content-teasers__head {
    flex-direction: column;
    gap: 8px;
  }
}
.content-teasers .content-teasers__title-wrap {
  max-width: 644px;
  width: 100%;
}
.content-teasers .content-teasers__title {
  line-height: 1;
}
.content-teasers .content-teasers__editor {
  max-width: 532px;
  width: 100%;
}
.content-teasers .content-teasers__teasers {
  display: flex;
  flex-direction: row;
  gap: 40px;
  flex-wrap: wrap;
  margin-top: 76px;
}
@media only screen and (max-width: 899px) {
  .content-teasers .content-teasers__teasers {
    flex-direction: column;
    gap: 24px;
  }
}
.content-teasers .content-teasers__teasers .content-teasers__teaser {
  max-width: calc(50% - 20px);
  width: 100%;
  padding: 40px;
  border-radius: 20px;
  border: 1px solid hsl(0, 0%, 83%);
}
@media only screen and (max-width: 899px) {
  .content-teasers .content-teasers__teasers .content-teasers__teaser {
    max-width: 100%;
  }
}
.content-teasers .content-teasers__teasers .content-teasers__teaser-icon {
  margin-bottom: 16px;
  width: 64px;
  height: 64px;
  aspect-ratio: 1;
}
.content-teasers .content-teasers__teasers .content-teasers__teaser-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.content-teasers .content-teasers__teasers .content-teasers__teaser-title {
  font-weight: 600;
}
.content-teasers .content-teasers__teasers .content-teasers__teaser-editor {
  margin-top: 16px;
}
.content-teasers .content-teasers__teasers .content-teasers__teaser-link {
  margin-top: 16px;
}
.content-teasers .content-teasers__teaser-body.content-teasers__teaser-body--icon .content-teasers__teaser-title {
  font-size: 20px;
  line-height: 1.4em;
}
@media only screen and (max-width: 899px) {
  .content-teasers .content-teasers__teaser-body.content-teasers__teaser-body--icon .content-teasers__teaser-title {
    font-size: 20px;
    line-height: 38px;
  }
}

.content-form--background-none {
  background-color: transparent;
}
.content-form--background-green {
  background-color: hsl(79, 100%, 62%);
}
.content-form--background-grey {
  background-color: hsla(80, 60%, 7%, 0.03);
}
.content-form .wrapper {
  padding-bottom: 120px;
}
@media only screen and (max-width: 1199px) {
  .content-form .wrapper {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 899px) {
  .content-form .wrapper {
    padding-bottom: 40px;
  }
}
.content-form .content-form__container-head {
  margin-bottom: 48px;
}
.content-form .content-form__container--sidebar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 64px;
  align-items: flex-start;
}
@media only screen and (max-width: 899px) {
  .content-form .content-form__container--sidebar {
    flex-direction: column;
    gap: 48px;
  }
}
.content-form .content-form__main {
  max-width: 648px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .content-form .content-form__main {
    max-width: 492px;
  }
}
@media only screen and (max-width: 899px) {
  .content-form .content-form__main {
    max-width: 100%;
  }
}
.content-form .content-form__main .gform-footer {
  display: none;
}
.content-form .content-form__sidebar {
  max-width: 536px;
  width: 100%;
  background-color: hsla(80, 60%, 7%, 0.03);
  border-radius: 20px;
  padding: 40px;
  position: relative;
  overflow: clip;
  height: fit-content;
}
@media only screen and (max-width: 1199px) {
  .content-form .content-form__sidebar {
    max-width: 405px;
  }
}
@media only screen and (max-width: 899px) {
  .content-form .content-form__sidebar {
    max-width: 100%;
  }
}
.content-form .content-form__sidebar::before {
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='463' height='535' viewBox='0 0 463 535' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.03' d='M8.25857 133.864C-6.62488 154.612 -0.700767 183.318 20.4494 197.624C42.0061 212.205 71.1596 206.277 87.2232 185.801C96.1382 174.437 105.398 163.507 115.003 153.012C135.566 131.452 159.494 115.224 186.786 104.326C201.285 98.5372 214.76 95.1349 227.209 94.1194C239.829 93.5304 251.084 94.4753 260.974 96.9542C271.034 99.8596 279.43 104.171 286.162 109.888C293.065 116.031 297.964 122.728 300.859 129.978C304.604 139.359 304.769 148.44 301.353 157.221C298.534 166.258 293.071 174.866 284.966 183.047C277.287 191.057 267.433 199.194 255.405 207.458C243.804 215.551 231.478 223.686 218.427 231.864C209.726 237.316 199.618 243.576 188.102 250.647C176.757 258.143 165.241 266.449 153.554 275.566C142.037 285.109 131.158 295.632 120.919 307.137C110.85 319.068 102.656 331.981 96.338 345.876C90.1898 360.197 86.6418 375.458 85.6938 391.658C85.3425 408.115 88.9128 425.725 96.4047 444.488C107.302 471.781 121.87 492.169 140.109 505.652C158.518 519.562 178.295 528.229 199.439 531.653C221.18 535.333 243.35 535.134 265.948 531.055C288.973 526.806 310.294 520.765 329.91 512.933C349.527 505.1 366.5 496.84 380.83 488.151C395.161 479.463 407.914 469.921 419.091 459.525C430.437 449.556 440.762 438.264 450.064 425.65C451.221 424.205 452.383 422.735 453.547 421.24C469.403 400.882 462.942 371.702 441.275 357.688C419.813 343.807 391.503 350.091 374.998 369.607C367.654 378.29 360.196 386.207 352.623 393.359C335.389 409.634 315.471 422.284 292.869 431.308C285.193 434.373 276.026 436.798 265.366 438.582C254.877 440.792 244.303 441.553 233.645 440.864C223.414 440.005 213.951 437.356 205.256 432.917C197.158 428.734 191.236 421.951 187.49 412.569C183.744 403.188 184.006 393.936 188.275 384.815C192.544 375.694 199.158 366.873 208.116 358.352C217.074 349.831 227.354 341.524 238.956 333.43C250.557 325.337 261.732 317.414 272.481 309.661C280.585 303.954 290.181 297.65 301.27 290.75C312.786 283.68 324.174 275.672 335.435 266.726C347.122 257.609 358.085 247.299 368.325 235.794C378.564 224.289 386.545 211.461 392.266 197.31C398.585 183.416 401.749 167.814 401.76 150.504C402.367 133.451 398.5 114.477 390.156 93.5811C380.451 69.2738 367.758 49.8675 352.078 35.3623C336.398 20.8571 318.285 10.7843 297.739 5.14383C277.363 -0.0701451 255.109 -1.32036 230.976 1.39323C206.844 4.10681 181.558 10.742 155.118 21.2987C130.811 31.0042 110.042 41.5218 92.8108 52.8517C75.8358 63.5849 60.8643 75.0014 47.8961 87.1014C35.0982 99.6278 23.5788 112.88 13.338 126.857C11.6472 129.165 9.95406 131.501 8.25857 133.864Z' fill='%23151C07'/%3E%3C/svg%3E%0A");
  top: -200px;
  right: -120px;
  width: 463px;
  height: 464px;
  content: "";
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: contain;
}
.content-form .content-form__sidebar-title {
  font-size: 20px;
  line-height: 1.4em;
  font-weight: 500;
  margin-bottom: 16px;
}
@media only screen and (max-width: 899px) {
  .content-form .content-form__sidebar-title {
    font-size: 20px;
    line-height: 38px;
  }
}
.content-form .content-form__form--submit {
  display: none;
}
.content-form .content-form__container--sidebar .content-form__form--submit {
  display: block;
}
.content-form .content-form__form-subtitle {
  margin-bottom: 24px;
}
.content-form .content-form__container:not(.content-form__container--sidebar) .content-form__main {
  width: 100%;
  max-width: 100%;
}
.content-form .content-form__container:not(.content-form__container--sidebar) .content-form__form form {
  display: flex;
  flex-direction: row-reverse;
  gap: 128px;
  justify-content: flex-end;
}
@media only screen and (max-width: 899px) {
  .content-form .content-form__container:not(.content-form__container--sidebar) .content-form__form form {
    max-width: 100%;
    gap: 48px;
    justify-content: flex-start;
    flex-direction: column-reverse;
  }
}
.content-form .content-form__container:not(.content-form__container--sidebar) .content-form__form .gf_page_steps {
  max-width: 410px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .content-form .content-form__container:not(.content-form__container--sidebar) .content-form__form .gf_page_steps {
    max-width: 232px;
  }
}
@media only screen and (max-width: 899px) {
  .content-form .content-form__container:not(.content-form__container--sidebar) .content-form__form .gf_page_steps {
    max-width: 100%;
  }
}
.content-form .content-form__container:not(.content-form__container--sidebar) .content-form__form .gform-body {
  max-width: 648px;
  width: 100%;
}
@media only screen and (max-width: 899px) {
  .content-form .content-form__container:not(.content-form__container--sidebar) .content-form__form .gform-body {
    max-width: 100%;
  }
}
.content-form:has(.content-form__container:not(.content-form__container--sidebar)) .content-form__container-head {
  margin-bottom: 20px;
}
.content-form .gf_page_steps {
  display: flex;
  flex-direction: column;
  gap: 36px;
  position: relative;
  height: fit-content;
  margin-top: 32px;
}
@media only screen and (max-width: 899px) {
  .content-form .gf_page_steps {
    margin-top: 0;
    flex-direction: row;
    display: none;
  }
}
.content-form .gf_page_steps::before {
  width: 1px;
  background: #878A7F;
  height: 100%;
  left: 15px;
  top: 0;
  content: "";
  position: absolute;
  z-index: -1;
}
.content-form .gf_step {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  transition: all 250ms ease;
  background: #F9F9F6;
  padding: 5px 0;
}
.content-form .gf_step.gf_step_active .gf_step_number, .content-form .gf_step.gf_step_completed .gf_step_number {
  background-color: hsl(80, 60%, 7%);
  color: hsl(0, 0%, 99%);
}
.content-form .gf_step.gf_step_active .gf_step_label, .content-form .gf_step.gf_step_completed .gf_step_label {
  font-weight: 600;
  opacity: 1;
}
.content-form .gf_step.gf_step_next .gf_step_label {
  opacity: 1;
}
.content-form .gf_step_number {
  min-width: 32px;
  max-width: 32px;
  aspect-ratio: 1;
  height: auto;
  background-color: #CECEC2;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: hsl(60, 1%, 34%);
  font-size: 14px;
  font-weight: 500;
  font-family: "Bricolage Grotesque";
  transition: all 250ms ease;
}
.content-form .gf_step_label {
  color: hsl(80, 60%, 7%);
  opacity: 0.6;
  font-size: 20px;
  line-height: 1.4em;
  font-family: "Bricolage Grotesque";
  transition: all 250ms ease;
}
@media only screen and (max-width: 899px) {
  .content-form .gf_step_label {
    font-size: 20px;
    line-height: 38px;
  }
}
.content-form .gform-page-footer.gform_page_footer.top_label {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.content-form .gform_previous_button,
.content-form .gform_next_button {
  width: fit-content;
  border: 1px solid hsl(80, 60%, 7%);
  background-color: transparent;
  color: hsl(80, 60%, 7%);
  font-weight: 600;
  font-family: "Bricolage Grotesque";
  transition: all 250ms ease;
  box-shadow: none;
  position: relative;
}
.content-form .button--primary.gform_button {
  background-color: hsl(79, 100%, 62%);
  padding: 12px 4px 12px 16px;
}
.content-form .button--primary.gform_button span {
  padding-right: 8px;
  transition: all 250ms ease;
}
.content-form .button--primary.gform_button .button__arrow {
  min-width: 42px;
  max-width: 42px;
  aspect-ratio: 1;
  border-radius: 100px;
  background-color: hsl(80, 60%, 7%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.content-form .button--primary.gform_button:hover span {
  padding-right: 12px;
}
.content-form .gform_previous_button {
  padding: 12px 16px 12px 42px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.33333 9.5C5.33333 9.023 4.84467 8.31071 4.35 7.71286C3.714 6.94143 2.954 6.26836 2.08267 5.75471C1.42933 5.36964 0.637333 5 -1.96701e-07 5M-1.96701e-07 5C0.637333 5 1.43 4.63036 2.08267 4.24529C2.954 3.731 3.714 3.05793 4.35 2.28779C4.84467 1.68929 5.33333 0.975714 5.33333 0.5M-1.96701e-07 5L16 5' stroke='%23151C07' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 10% 50%;
  transition: all 250ms ease;
}
.content-form .gform_next_button {
  padding: 12px 42px 12px 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1667 0.5C11.1667 0.977 11.6553 1.68929 12.15 2.28714C12.786 3.05857 13.546 3.73164 14.4173 4.24529C15.0707 4.63036 15.8627 5 16.5 5M16.5 5C15.8627 5 15.07 5.36964 14.4173 5.75471C13.546 6.269 12.786 6.94207 12.15 7.71221C11.6553 8.31071 11.1667 9.02429 11.1667 9.5M16.5 5H0.5' stroke='%23151C07' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 90% 50%;
  transition: all 250ms ease;
}
.content-form .gfield--type-html p {
  font-weight: 600;
  font-family: "Bricolage Grotesque";
}
.content-form .gfield--type-awaiswp_datetime {
  max-width: calc(50% - 6px);
  width: 100%;
}
.content-form .gfield--type-awaiswp_datetime .gfield_label {
  display: none;
}
.content-form .gform_fields {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
}
.content-form .full-width {
  width: 100%;
  max-width: 100%;
}
.content-form .js-day .gfield-choice-input[type=radio] {
  border: 1px solid #CCCCCC;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  background-color: transparent;
  transition: all 250ms ease;
  appearance: none;
  cursor: pointer;
  position: relative;
}
.content-form .js-day .gfield-choice-input[type=radio]:focus-visible {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}
.content-form .js-day .gfield-choice-input[type=radio][selected=selected] {
  width: 24px;
  height: 24px;
  border-radius: 8px;
  transition: all 250ms ease;
  appearance: none;
  cursor: pointer;
  position: relative;
  background-color: hsl(80, 60%, 7%);
  border: 1px solid hsl(80, 60%, 7%);
  color: hsl(60, 33%, 99%);
}
.content-form .js-day .gfield-choice-input[type=radio][selected=selected]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 4px;
  height: 8px;
  border: solid hsl(60, 33%, 99%);
  border-width: 0 2px 2px 0;
}
.content-form .half-width {
  max-width: calc(50% - 6px);
  width: 100%;
}
.content-form .half-width legend.gfield_label {
  font-family: "Bricolage Grotesque";
  font-weight: 400;
  font-size: 16px;
}
.content-form .half-width label {
  font-family: "DM Sans";
  font-weight: 400;
  position: relative;
  cursor: pointer;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
.content-form .js-day .gfield_radio {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin-top: 36px;
}
.content-form .js-day .gfield_radio label {
  display: none;
}
.content-form .admin-hidden-markup {
  display: none;
}
.content-form .gfield_visibility_hidden {
  display: none;
}
.content-form .form--title {
  margin-bottom: 0;
}
.content-form .js-add-date p {
  font-family: "DM Sans";
  font-weight: 400;
  position: relative;
  cursor: pointer;
  padding: 16px;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
.content-form .js-add-date p::after {
  background-image: url("data:image/svg+xml,%3Csvg width='536' height='38' viewBox='0 0 536 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='535' height='37' rx='3.5' stroke='%23BCBCBC' stroke-dasharray='4 4'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  max-width: 648px;
}
.content-form .ginput_preview {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}
.content-form input[type=file] {
  background: transparent;
  border: none;
  padding: 4px 0;
}
.content-form [data-conditional-logic=hidden] {
  display: none !important;
}
.content-form fieldset.js-day[data-conditional-logic=visible] {
  display: flex !important;
  position: relative !important;
  height: fit-content !important;
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.content-form fieldset.js-day[data-conditional-logic=visible] legend {
  padding-left: 36px;
}
.content-form fieldset.js-day[data-conditional-logic=visible] .ginput_container.ginput_container_radio {
  top: -21px;
  position: absolute;
  left: 0;
}
.content-form fieldset.js-day[data-conditional-logic=visible] .gfield_radio {
  top: 0;
  left: 0;
  position: absolute;
  margin-top: 0;
}

/**
 * Events.
 */
.event-item {
  background-color: hsl(60, 33%, 99%);
  border-radius: 20px;
}
.event-item a {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 20px;
}
.event-item a:hover .event-item__image img {
  transform: scale(1.05);
}
.event-item a:hover .event-item__more svg {
  transform: translateX(3px);
}
.event-item a .event-item__image {
  position: relative;
  max-height: 198px;
  height: 100%;
  width: 100%;
  overflow: clip;
  border-radius: 20px;
}
.event-item a .event-item__image img {
  max-height: 198px;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  object-fit: cover;
  transition: all 250ms ease-in-out;
}
.event-item a .event-item__date {
  left: 14px;
  top: 14px;
  position: absolute;
  z-index: 1;
  font-size: 16px;
  line-height: 32px;
  font-weight: 500;
  color: hsl(80, 60%, 7%);
  background-color: hsl(60, 33%, 99%);
  padding: 8px 12px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.event-item a .event-item__date span {
  font-family: "Bricolage Grotesque";
  line-height: 1.4;
}
.event-item a .event-item__date span:first-child {
  font-weight: 600;
  font-size: 20px;
}
.event-item a .event-item__date span:last-child {
  font-weight: 500;
  font-size: 12px;
}
.event-item a .event-item__age {
  display: flex;
  flex-direction: row;
  gap: 4px 8px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.event-item a .event-item__age span {
  width: fit-content;
  padding: 8px 12px;
  border-radius: 63px;
  background-color: hsl(80, 60%, 7%);
  color: hsl(79, 100%, 62%);
  font-size: 12px;
  font-weight: 500;
}
.event-item a .event-item__body {
  padding: 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.event-item a .event-item__time {
  margin-bottom: 8px;
  font-family: "Bricolage Grotesque";
  font-size: 14px;
  font-weight: 500;
}
.event-item a .event-item__title {
  font-family: "Bricolage Grotesque";
  font-weight: 600;
}
.event-item a .event-item__teaser {
  color: #6D6C69;
  margin-block: 8px 16px;
}
.event-item a .event-item__location {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  color: hsl(0, 0%, 42%);
  margin-bottom: 24px;
}
.event-item a .event-item__more {
  font-family: "Bricolage Grotesque";
  font-weight: 600;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  margin-top: auto;
}
.event-item a .event-item__more svg {
  transition: transform 250ms ease;
}
.event-item a .event-item__more svg path {
  stroke: hsl(80, 60%, 7%);
}

.event-single .wrapper {
  padding-block: 120px;
}
@media only screen and (max-width: 1199px) {
  .event-single .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 899px) {
  .event-single .wrapper {
    padding-block: 40px;
  }
}
.event-single .event-single__content {
  display: flex;
  flex-direction: row;
  gap: 40px;
  justify-content: space-between;
}
@media only screen and (max-width: 899px) {
  .event-single .event-single__content {
    flex-direction: column;
    gap: 24px;
  }
}
.event-single .event-single__intro {
  background-color: hsl(79, 100%, 62%);
  border-radius: 20px;
  padding: 40px;
  max-width: 70%;
  width: 100%;
  position: relative;
  overflow: clip;
  z-index: 1;
}
@media only screen and (max-width: 899px) {
  .event-single .event-single__intro {
    max-width: 100%;
  }
}
.event-single .event-single__intro::before {
  background-image: url("data:image/svg+xml,%3Csvg width='389' height='259' viewBox='0 0 389 259' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M8.26139 -141.432C-6.62207 -120.685 -0.697961 -91.9782 20.4522 -77.6722C42.0089 -63.0912 71.1624 -69.02 87.226 -89.4959C96.141 -100.86 105.401 -111.789 115.006 -122.284C135.569 -143.844 159.497 -160.073 186.789 -170.97C201.288 -176.759 214.763 -180.162 227.212 -181.177C239.832 -181.766 251.087 -180.821 260.977 -178.342C271.036 -175.437 279.432 -171.126 286.165 -165.409C293.068 -159.265 297.967 -152.569 300.861 -145.319C304.607 -135.937 304.772 -126.856 301.356 -118.076C298.537 -109.039 293.074 -100.431 284.969 -92.2499C277.29 -84.2395 267.436 -76.1025 255.408 -67.839C243.807 -59.7458 231.481 -51.6104 218.43 -43.4328C209.729 -37.9811 199.621 -31.7202 188.105 -24.6501C176.76 -17.1536 165.244 -8.84718 153.556 0.269197C142.039 9.81203 131.161 20.3358 120.922 31.8406C110.853 43.7718 102.659 56.6848 96.3408 70.5795C90.1926 84.9006 86.6446 100.161 85.6966 116.362C85.3453 132.818 88.9156 150.428 96.4075 169.192C107.305 196.484 121.873 216.872 140.112 230.356C158.521 244.266 178.298 252.933 199.442 256.356C221.183 260.036 243.353 259.837 265.951 255.758C288.976 251.509 310.297 245.468 329.913 237.636C349.529 229.803 366.503 221.543 380.833 212.855C395.164 204.166 407.917 194.624 419.093 184.228C430.44 174.259 440.765 162.968 450.067 150.354C451.224 148.909 452.385 147.438 453.55 145.943C469.406 125.585 462.945 96.4054 441.278 82.3918C419.816 68.5107 391.506 74.7941 375 94.3101C367.657 102.993 360.199 110.91 352.626 118.062C335.392 134.338 315.474 146.987 292.872 156.012C285.196 159.077 276.028 161.501 265.369 163.285C254.88 165.496 244.306 166.256 233.648 165.568C223.416 164.709 213.953 162.059 205.259 157.62C197.161 153.437 191.239 146.655 187.493 137.273C183.747 127.891 184.009 118.64 188.278 109.519C192.547 100.398 199.161 91.5765 208.119 83.0553C217.077 74.5341 227.357 66.2269 238.959 58.1337C250.56 50.0405 261.735 42.1175 272.484 34.3648C280.588 28.657 290.184 22.3531 301.273 15.4533C312.789 8.38325 324.177 0.375156 335.438 -8.57094C347.125 -17.6873 358.088 -27.9979 368.328 -39.5027C378.567 -51.0075 386.547 -63.8353 392.269 -77.9862C398.587 -91.8809 401.752 -107.483 401.763 -124.792C402.37 -141.845 398.502 -160.82 390.159 -181.716C380.454 -206.023 367.761 -225.429 352.081 -239.934C336.4 -254.44 318.287 -264.512 297.741 -270.153C277.366 -275.367 255.111 -276.617 230.979 -273.903C206.847 -271.19 181.561 -264.555 155.121 -253.998C130.814 -244.292 110.045 -233.775 92.8136 -222.445C75.8386 -211.712 60.8671 -200.295 47.8989 -188.195C35.101 -175.669 23.5816 -162.417 13.3408 -148.439C11.65 -146.132 9.95687 -143.796 8.26139 -141.432Z' fill='%23A5D934'/%3E%3C/svg%3E%0A");
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
  width: 389px;
  height: 259px;
  pointer-events: none;
  z-index: 0;
}
.event-single .event-single__practical {
  max-width: 30%;
  width: 100%;
  background-color: hsla(80, 60%, 7%, 0.03);
  border-radius: 20px;
  padding: 40px;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 899px) {
  .event-single .event-single__practical {
    max-width: 100%;
  }
}
.event-single .event-single__back {
  font-weight: 600;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  transition: gap 250ms ease;
  width: fit-content;
  margin-bottom: 40px;
}
.event-single .event-single__back:hover {
  gap: 12px;
}
.event-single .event-single__back svg {
  width: 16px;
}
.event-single .event-single__back svg path {
  stroke: hsl(80, 60%, 7%);
}
.event-single .event-single__title {
  position: relative;
  z-index: 1;
}
.event-single .event-single__meta {
  display: flex;
  flex-direction: row;
  width: fit-content;
  gap: 24px;
  justify-content: space-between;
  background-color: hsl(80, 60%, 7%);
  border-radius: 20px;
  padding: 16px 20px;
  margin-bottom: 56px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 599px) {
  .event-single .event-single__meta {
    gap: 8px;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
}
.event-single .event-single__meta span {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  color: hsl(0, 0%, 100%);
}
.event-single .event-single__introduction {
  margin-top: 8px;
  position: relative;
  z-index: 1;
}
.event-single .event-single__introduction * {
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
}
@media only screen and (max-width: 899px) {
  .event-single .event-single__introduction * {
    font-size: 18px;
    line-height: 1.4em;
  }
}
.event-single .event-single__subtitle {
  font-family: "Bricolage Grotesque";
  font-size: 28px;
  line-height: 38px;
  color: hsl(80, 60%, 7%);
  font-weight: 600;
}
@media only screen and (max-width: 899px) {
  .event-single .event-single__subtitle {
    font-size: 24px;
    line-height: 38px;
  }
}
.event-single .event-single__usps {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-block: 16px 32px;
}
.event-single .event-single__usps span {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: flex-start;
  font-size: 14px;
  line-height: 1.4em;
  font-weight: 500;
}
.event-single .event-single__usps span svg {
  height: 1lh;
}
.event-single .event-single__subscribe {
  margin-top: auto;
}
.event-single .event-single__caption {
  margin-top: 8px;
  font-style: italic;
  font-size: 12px;
}
.event-single .event-single__body {
  max-width: 70%;
  width: 100%;
  padding: 40px;
}
@media only screen and (max-width: 899px) {
  .event-single .event-single__body {
    max-width: 100%;
  }
}
@media only screen and (max-width: 599px) {
  .event-single .event-single__body {
    padding: 40px 0;
  }
}
.event-single .event-gallery__images {
  display: flex;
  flex-direction: row;
  gap: 24px;
  justify-content: space-between;
  margin-top: 40px;
}
@media only screen and (max-width: 599px) {
  .event-single .event-gallery__images {
    flex-direction: column;
  }
}
.event-single .event-gallery__image {
  max-width: calc(33.333% - 12px);
  width: 100%;
  border-radius: 20px;
}
@media only screen and (max-width: 599px) {
  .event-single .event-gallery__image {
    max-width: 100%;
  }
}
.event-single .event-gallery__image:nth-child(n+4) {
  display: none;
}
.event-single .event-gallery__button {
  background-color: transparent;
  border: none;
  padding: 0;
  width: 100%;
  overflow: clip;
  border-radius: 20px;
  cursor: pointer;
}
.event-single .event-gallery__button img {
  height: 178px;
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
}
@media only screen and (max-width: 599px) {
  .event-single .event-gallery__button img {
    height: 264px;
  }
}
.event-single .event-gallery__lightbox-wrap {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100dvh;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}
.event-single .event-gallery__lightbox-wrap.is-active {
  display: flex;
}
.event-single .event-gallery__lightbox-img-wrap {
  width: 90vw;
  height: calc(100svh - 10em);
  border-radius: 20px;
}
.event-single .event-gallery__lightbox-img-list {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  border-radius: 20px;
}
.event-single .event-gallery__lightbox-img-item {
  visibility: hidden;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  border-radius: 20px;
}
.event-single .event-gallery__lightbox-img-item.is-active {
  visibility: visible;
}
.event-single .event-gallery__lightbox-img-item img {
  object-fit: contain !important;
  border-radius: 20px;
  min-width: auto;
  width: auto;
  max-height: 100%;
}
.event-single .event-gallery__lightbox-nav {
  z-index: 2;
  color: #fff;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 2em;
  left: 2em;
  right: 2em;
}
.event-single .event-gallery__lightbox-nav-col {
  width: 33.333%;
}
.event-single .event-gallery__lightbox-nav-col--start {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.event-single .event-gallery__lightbox-nav-col--center {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  justify-content: center;
  align-items: center;
  display: flex;
}
.event-single .event-gallery__lightbox-nav-col--end {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}
.event-single .event-gallery__lightbox-nav-text {
  margin-bottom: 0;
}
.event-single .event-gallery__lightbox-nav-button {
  grid-column-gap: 0.5em;
  grid-row-gap: 0.5em;
  background-color: transparent;
  border: none;
  justify-content: flex-start;
  align-items: center;
  margin: -1em;
  padding: 1em;
  display: flex;
  cursor: pointer;
  color: inherit;
}
.event-single .event-single__subtitle {
  margin-bottom: 16px;
}
.event-single .event-single__contact {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 40px;
  background-color: hsla(80, 60%, 7%, 0.03);
  padding: 24px;
  border-radius: 20px;
}
.event-single .event-single__contact a {
  position: relative;
  width: fit-content;
  display: inline-flex;
}
.event-single .event-single__contact a::before {
  content: "";
  position: absolute;
  bottom: -0.0625em;
  left: 0;
  width: 100%;
  height: 0.0625em;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
}
.event-single .event-single__contact a:hover::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
}

.event-list .wrapper {
  padding-bottom: 120px;
}
@media only screen and (max-width: 1199px) {
  .event-list .wrapper {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .event-list .wrapper {
    padding-bottom: 40px;
  }
}
.event-list .event-list__filter-container {
  margin-bottom: 40px;
  display: flex;
  flex-direction: row;
  gap: 24px;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .event-list .event-list__filter-container {
    flex-direction: column;
    gap: 16px;
  }
}
.event-list .event-list__filter-container .event-list__filter-title {
  max-width: 300px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .event-list .event-list__filter-container .event-list__filter-title {
    max-width: 100%;
  }
}
.event-list .event-list__filter-container .active-filters {
  max-width: 70%;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .event-list .event-list__filter-container .active-filters {
    max-width: 100%;
  }
}
.event-list .event-list__filter-container .active-filters .active-filters__reset {
  color: hsl(80, 60%, 7%);
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor: pointer;
}
.event-list .event-list__filter-title {
  font-size: 28px;
  line-height: 38px;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .event-list .event-list__filter-title {
    font-size: 16px;
    line-height: 1.4em;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border: 1px solid hsl(80, 60%, 7%);
    border-radius: 100px;
    justify-content: space-between;
    cursor: pointer;
  }
}
.event-list .event-list__filter-title svg {
  display: none;
}
@media screen and (max-width: 1024px) {
  .event-list .event-list__filter-title svg {
    display: block;
  }
}
.event-list .event-list__head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
@media screen and (max-width: 1024px) {
  .event-list .event-list__head {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 12px;
  }
}
.event-list .event-list__count {
  margin-bottom: 32px;
}
@media screen and (max-width: 1024px) {
  .event-list .event-list__count {
    margin-bottom: 16px;
  }
}
.event-list .event-list__count * {
  color: hsl(0, 0%, 42%);
}
.event-list .event-list__body {
  display: flex;
  flex-direction: row;
  gap: 24px;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  .event-list .event-list__body {
    flex-direction: column;
  }
}
.event-list .event-list__filters {
  max-width: 300px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .event-list .event-list__filters {
    max-width: 100%;
  }
}
.event-list .event-list__list {
  display: flex;
  flex-direction: row;
  gap: 30px;
  flex-wrap: wrap;
  max-width: 70%;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .event-list .event-list__list {
    gap: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .event-list .event-list__list {
    max-width: 100%;
  }
}
.event-list .event-item {
  max-width: calc(33.3333% - 20px);
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .event-list .event-item {
    max-width: calc(50% - 20px);
  }
}
@media screen and (max-width: 1024px) {
  .event-list .event-item {
    max-width: 100%;
  }
}

.event-pagination {
  display: flex;
  flex-direction: row;
  gap: 12px;
  justify-content: center;
  margin-top: 40px;
  align-items: center;
  left: 0;
}

.event-list__filters .event-filters__label {
  color: hsl(80, 60%, 7%);
  font-size: 20px;
  line-height: 1.4em;
  font-weight: 600;
  margin-bottom: 8px;
  width: 100%;
  cursor: pointer;
  position: relative;
}
.event-list__filters .event-filters__label::after {
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 5.5L5.5 0.5L0.5 5.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  width: 11px;
  height: 6px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  transition: all 250ms ease;
}
.event-list__filters .event-filters__label.is-active::after {
  transform: translateY(-50%) rotate(0deg);
}
@media screen and (max-width: 1024px) {
  .event-list__filters .event-filters__label {
    font-size: 20px;
    line-height: 38px;
  }
}
.event-list__filters .event-filters__caption {
  width: 100%;
  font-size: 16px;
  line-height: 23px;
  font-weight: 400;
  margin-top: 8px;
  display: flex;
  align-items: center;
  width: 100%;
  color: hsl(0, 0%, 42%);
  font-style: italic;
}
@media screen and (max-width: 1024px) {
  .event-list__filters .event-filters__caption {
    font-size: 16px;
    line-height: 1.4em;
  }
}
.event-list__filters .event-filters__group {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-wrap: wrap;
  padding-bottom: 24px;
}
.event-list__filters .event-filters__group:not(:first-of-type) {
  border-top: 1px solid hsl(0, 0%, 92%);
  padding-block: 24px;
}
.event-list__filters .event-filters__group-items {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-wrap: wrap;
  width: 100%;
}
.event-list__filters .event-filters__calendar {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-wrap: wrap;
  padding-block: 24px;
  border-top: 1px solid hsl(0, 0%, 92%);
}
@media screen and (max-width: 1024px) {
  .event-list__filters .event-filters__calendar.desktop {
    display: none;
    visibility: hidden;
  }
}
.event-list__filters .event-filters__calendar.phone {
  display: none;
  visibility: hidden;
}
@media screen and (max-width: 1024px) {
  .event-list__filters .event-filters__calendar.phone {
    display: flex;
    visibility: visible;
  }
}
.event-list__filters .event-filters__option:has(.event-filters__radio) {
  border: 1px solid hsl(0, 0%, 42%);
  color: hsl(0, 0%, 42%);
  padding: 12px 16px;
  border-radius: 1000px;
  width: fit-content;
  transition: all 250ms ease;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  cursor: pointer;
  transition: color 250ms ease;
}
.event-list__filters .event-filters__option:has(.event-filters__radio):hover {
  color: hsl(80, 60%, 7%);
}
.event-list__filters .event-filters__option:has(.event-filters__radio:checked) {
  background-color: hsl(79, 100%, 62%);
  color: hsl(80, 60%, 7%);
  border: 1px solid hsl(79, 100%, 62%);
  font-weight: 600;
}
.event-list__filters .event-filters__option:has(.event-filters__radio:checked) .event-filters__remove {
  display: flex;
}
.event-list__filters .event-filters__option.is-selected:has(.event-filters__radio) {
  background-color: hsl(79, 100%, 62%);
  color: hsl(80, 60%, 7%);
  border: 1px solid hsl(79, 100%, 62%);
  font-weight: 600;
}
.event-list__filters .event-filters__option.is-selected:has(.event-filters__radio) span {
  font-weight: 600;
}
.event-list__filters .event-filters__option.is-selected:has(.event-filters__radio) .event-filters__remove {
  display: flex;
}
.event-list__filters .event-filters__option:has(.event-filters__radio:focus-visible) {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}
.event-list__filters .event-filters__option .event-filters__radio {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
.event-list__filters .event-filters__option .event-filters__remove {
  display: none;
  width: 14px;
  height: 1lh;
  align-items: center;
}
.event-list__filters .event-filters__option:has(.event-filters__checkbox--age) {
  border: 1px solid hsl(0, 0%, 42%);
  color: hsl(0, 0%, 42%);
  padding: 12px 16px;
  border-radius: 1000px;
  width: fit-content;
  transition: all 250ms ease;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  cursor: pointer;
  transition: color 250ms ease;
}
.event-list__filters .event-filters__option:has(.event-filters__checkbox--age):hover {
  color: hsl(80, 60%, 7%);
}
.event-list__filters .event-filters__option:has(.event-filters__checkbox--age) .event-filters__checkbox--age {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
.event-list__filters .event-filters__option:has(.event-filters__checkbox--age:checked) {
  background-color: hsl(79, 100%, 62%);
  color: hsl(80, 60%, 7%);
  border: 1px solid hsl(79, 100%, 62%);
  font-weight: 600;
}
.event-list__filters .event-filters__option:has(.event-filters__checkbox--age:checked) span {
  font-weight: 600;
}
.event-list__filters .event-filters__option.is-selected:has(.event-filters__checkbox--age) {
  background-color: hsl(79, 100%, 62%);
  color: hsl(80, 60%, 7%);
  border: 1px solid hsl(79, 100%, 62%);
  font-weight: 600;
}
.event-list__filters .event-filters__option.is-selected:has(.event-filters__checkbox--age) span {
  font-weight: 600;
}
.event-list__filters .event-filters__option:has(.event-filters__checkbox--age:focus-visible) {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}
.event-list__filters .event-filters__option:has(.event-filters__checkbox:not(.event-filters__checkbox--age)) {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 100%;
}
.event-list__filters .event-filters__option span {
  font-size: 16px;
  line-height: 23px;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 1024px) {
  .event-list__filters .event-filters__option span {
    font-size: 16px;
    line-height: 1.4em;
  }
}
.event-list__filters .event-filters__option.is-selected:has(.event-filters__checkbox:not(.event-filters__checkbox--age)) input[type=checkbox] {
  width: 24px;
  height: 24px;
  border-radius: 8px;
  transition: all 250ms ease;
  appearance: none;
  cursor: pointer;
  position: relative;
  background-color: hsl(80, 60%, 7%);
  border: 1px solid hsl(80, 60%, 7%);
  color: hsl(60, 33%, 99%);
}
.event-list__filters .event-filters__option.is-selected:has(.event-filters__checkbox:not(.event-filters__checkbox--age)) input[type=checkbox]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 4px;
  height: 8px;
  border: solid hsl(60, 33%, 99%);
  border-width: 0 2px 2px 0;
}
.event-list__filters .event-filters__option input[type=checkbox]:not(.event-filters__checkbox--age) {
  border: 1px solid #CCCCCC;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  background-color: transparent;
  transition: all 250ms ease;
  appearance: none;
  cursor: pointer;
  position: relative;
}
.event-list__filters .event-filters__option input[type=checkbox]:not(.event-filters__checkbox--age):checked {
  background-color: hsl(80, 60%, 7%);
  border: 1px solid hsl(80, 60%, 7%);
  color: hsl(60, 33%, 99%);
}
.event-list__filters .event-filters__option input[type=checkbox]:not(.event-filters__checkbox--age):checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 4px;
  height: 8px;
  border: solid hsl(60, 33%, 99%);
  border-width: 0 2px 2px 0;
}
.event-list__filters .event-filters__option input[type=checkbox]:not(.event-filters__checkbox--age):focus-visible {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}
.event-list__filters .event-filters__option:has(.event-filters__checkbox:not(.event-filters__checkbox--age):checked) input[type=checkbox]:checked {
  background-color: hsl(80, 60%, 7%);
  border: 1px solid hsl(80, 60%, 7%);
  color: hsl(60, 33%, 99%);
}
.event-list__filters .event-filters__option:has(.event-filters__checkbox:not(.event-filters__checkbox--age):checked) input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 4px;
  height: 8px;
  border: solid hsl(60, 33%, 99%);
  border-width: 0 2px 2px 0;
}
.event-list__filters .event-filters__option--age.is-selected .event-filters__remove {
  display: flex;
}
.event-list__filters .event-filters__submit {
  margin-top: 40px;
}
.event-list__filters .event-filters__group--duration .event-filters__option:has(.event-filters__radio:checked) span svg path {
  fill: hsl(80, 60%, 7%);
}
.event-list__filters .event-filters__group--duration .event-filters__option span svg path {
  fill: hsl(0, 0%, 42%);
  transition: all 250ms ease;
}

.wc-datepicker {
  min-width: 300px !important;
  max-width: 300px !important;
}
.wc-datepicker .wc-datepicker__year-select {
  max-width: 10rem;
}
.wc-datepicker .wc-datepicker__date--selected > *, .wc-datepicker .wc-datepicker__date--selected:hover > * {
  background-color: hsl(79, 100%, 62%);
  color: hsl(80, 60%, 7%);
  font-size: 14px;
}
.wc-datepicker .wc-datepicker__date > * {
  border-radius: 100px;
  transition: all 250ms ease;
}
.wc-datepicker .wc-datepicker__date--today > * {
  font-weight: 800;
  font-style: normal;
  font-size: 14px;
}
.wc-datepicker .wc-datepicker__date:focus {
  outline: 2px solid #0066cc;
  outline-offset: -2px;
  z-index: 1;
}
.wc-datepicker .wc-datepicker__date:focus-visible {
  outline: 2px solid #0066cc;
  outline-offset: -2px;
  z-index: 1;
}
.wc-datepicker .wc-datepicker__date:focus:not(:focus-visible) {
  outline: none;
}
.wc-datepicker .wc-datepicker__previous-year-button:focus,
.wc-datepicker .wc-datepicker__previous-month-button:focus,
.wc-datepicker .wc-datepicker__next-year-button:focus,
.wc-datepicker .wc-datepicker__next-month-button:focus,
.wc-datepicker .wc-datepicker__today-button:focus,
.wc-datepicker .wc-datepicker__clear-button:focus {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}
.wc-datepicker .wc-datepicker__previous-year-button:focus-visible,
.wc-datepicker .wc-datepicker__previous-month-button:focus-visible,
.wc-datepicker .wc-datepicker__next-year-button:focus-visible,
.wc-datepicker .wc-datepicker__next-month-button:focus-visible,
.wc-datepicker .wc-datepicker__today-button:focus-visible,
.wc-datepicker .wc-datepicker__clear-button:focus-visible {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}
.wc-datepicker .wc-datepicker__previous-year-button:focus:not(:focus-visible),
.wc-datepicker .wc-datepicker__previous-month-button:focus:not(:focus-visible),
.wc-datepicker .wc-datepicker__next-year-button:focus:not(:focus-visible),
.wc-datepicker .wc-datepicker__next-month-button:focus:not(:focus-visible),
.wc-datepicker .wc-datepicker__today-button:focus:not(:focus-visible),
.wc-datepicker .wc-datepicker__clear-button:focus:not(:focus-visible) {
  outline: none;
}
.wc-datepicker .wc-datepicker__month-select:focus,
.wc-datepicker .wc-datepicker__year-select:focus {
  outline: 2px solid #0066cc;
  outline-offset: -2px;
}
.wc-datepicker .wc-datepicker__month-select:focus-visible,
.wc-datepicker .wc-datepicker__year-select:focus-visible {
  outline: 2px solid #0066cc;
  outline-offset: -2px;
}
.wc-datepicker .wc-datepicker__month-select:focus:not(:focus-visible),
.wc-datepicker .wc-datepicker__year-select:focus:not(:focus-visible) {
  outline: none;
}

.event-filters__search {
  max-width: 276px;
  width: 100%;
  position: relative;
  height: 46px;
}
.event-filters__search.phone {
  display: none;
}
@media screen and (max-width: 1024px) {
  .event-filters__search {
    max-width: 100%;
  }
  .event-filters__search.desktop {
    display: none;
  }
  .event-filters__search.phone {
    display: block;
    margin-bottom: 16px;
  }
}
.event-filters__search::after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0015 8.12579C15.0015 4.32855 11.923 1.25012 8.12579 1.25012C4.32855 1.25012 1.25012 4.32855 1.25012 8.12579C1.25012 11.923 4.32855 15.0015 8.12579 15.0015C11.923 15.0015 15.0015 11.923 15.0015 8.12579ZM13.4115 14.2983C11.9934 15.5171 10.1455 16.2516 8.12579 16.2516C3.63707 16.2516 0 12.6145 0 8.12579C0 3.63707 3.63707 0 8.12579 0C12.6145 0 16.2516 3.63707 16.2516 8.12579C16.2516 10.1455 15.5171 11.9934 14.2983 13.4115L19.8183 18.9354C20.0606 19.1777 20.0606 19.5761 19.8183 19.8183C19.5761 20.0606 19.1777 20.0606 18.9354 19.8183L13.4115 14.2983Z' fill='%23151C07'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.event-filters__search-field {
  background-color: hsl(0, 0%, 92%);
  border: 1px solid hsl(0, 0%, 92%);
  border-radius: 100px;
  height: 46px;
}
.event-filters__search-field:focus {
  background-color: hsl(0, 0%, 92%);
  border: 1px solid hsl(0, 0%, 92%);
}
.event-filters__search-field::placeholder {
  color: hsl(0, 0%, 55%);
}

.active-filters {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
.active-filters span.active-filters__remove {
  display: flex;
  align-items: center;
  margin-left: 16px;
}

.active-filters__item {
  padding: 12px 16px;
  border-radius: 1000px;
  width: fit-content;
  transition: all 250ms ease;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  cursor: pointer;
  transition: color 250ms ease;
  background-color: hsl(79, 100%, 62%);
  color: hsl(80, 60%, 7%);
  border: 1px solid hsl(79, 100%, 62%);
  font-weight: 600;
}

.event-filters__actions {
  display: none;
}
@media screen and (max-width: 1024px) {
  .event-filters__actions {
    display: flex;
  }
}
.event-filters__actions .event-list__actions-title {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  font-weight: 600;
  cursor: pointer;
}

@media screen and (max-width: 1024px) {
  .event-filters {
    position: fixed;
    top: 100vh;
    opacity: 0;
    left: 0;
    pointer-events: none;
    background-color: hsl(0, 0%, 100%);
    width: 100%;
    height: 100%;
    padding-inline: 40px;
    padding-block: 20px 40px;
    transition: top 250ms ease, opacity 250ms ease;
  }
  .event-filters .event-filters__form {
    max-height: calc(100svh - 40px);
    overflow-y: auto;
  }
  .event-filters.is-active {
    top: 0;
    opacity: 1;
    pointer-events: auto;
    z-index: 999;
  }
}
@media only screen and (max-width: 599px) {
  .event-filters {
    padding-inline: 24px;
    padding-block: 20px 20px;
  }
  .event-filters .event-filters__form {
    max-height: calc(100svh - 20px);
  }
}

body:has(.event-filters.is-active) {
  overflow: clip;
}

/**
 * Partners.
 */
.partner-item {
  background-color: hsl(60, 33%, 99%);
  border-radius: 20px;
  box-shadow: 0 0 40px 0 hsla(79, 62%, 28%, 0.15);
  overflow: clip;
}
.partner-item .partner-item__media {
  position: relative;
  padding-bottom: 48px;
}
.partner-item .partner-item__media .partner-item__logo {
  position: absolute;
  left: 32px;
  bottom: 16px;
  z-index: 2;
}
.partner-item .partner-item__media .partner-item__logo img {
  min-width: 64px;
  max-width: 64px;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 8px;
  background-color: hsl(60, 33%, 99%);
}
.partner-item .partner-item__media .partner-item__image {
  width: 100%;
  height: 100%;
  max-height: 198px;
  width: 100%;
  overflow: clip;
  border-radius: 20px;
}
.partner-item .partner-item__media .partner-item__image .partner-item__image--wrapper {
  height: 198px;
  overflow: clip;
  border-radius: 20px;
}
.partner-item .partner-item__media .partner-item__image:hover img {
  transform: scale(1.05);
}
.partner-item .partner-item__media .partner-item__image img {
  max-height: 198px;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  object-fit: cover;
  transition: all 250ms ease;
  overflow: clip;
}
.partner-item .partner-item__info {
  padding: 0 32px 32px 32px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.partner-item .partner-item__info .partner-item__title {
  font-weight: 600;
  margin-bottom: 12px;
}
.partner-item .partner-item__info .partner-item__location {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-weight: 600;
}
.partner-item .partner-item__info .partner-item__location strong {
  color: hsl(60, 0%, 44%);
  font-size: 14px;
  line-height: 1.4em;
  font-weight: 500;
}
@media only screen and (max-width: 899px) {
  .partner-item .partner-item__info .partner-item__location strong {
    font-size: 14px;
    line-height: 1.4em;
  }
}
.partner-item .partner-item__info .partner-item__email {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-weight: 600;
}
.partner-item .partner-item__info .partner-item__email a {
  position: relative;
  display: inline-flex;
}
.partner-item .partner-item__info .partner-item__email a::before {
  content: "";
  position: absolute;
  bottom: -0.0625em;
  left: 0;
  width: 100%;
  height: 0.0625em;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
}
.partner-item .partner-item__info .partner-item__email a:hover::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
}
.partner-item .partner-item__info .partner-item__email strong {
  color: hsl(60, 0%, 44%);
  font-size: 14px;
  line-height: 1.4em;
  font-weight: 500;
}
@media only screen and (max-width: 899px) {
  .partner-item .partner-item__info .partner-item__email strong {
    font-size: 14px;
    line-height: 1.4em;
  }
}
.partner-item .partner-item__info .partner-item__website {
  display: flex;
  flex-direction: column;
  gap: 2px;
  position: relative;
  font-weight: 600;
}
.partner-item .partner-item__info .partner-item__website strong {
  color: hsl(60, 0%, 44%);
  font-size: 14px;
  line-height: 1.4em;
  font-weight: 500;
}
@media only screen and (max-width: 899px) {
  .partner-item .partner-item__info .partner-item__website strong {
    font-size: 14px;
    line-height: 1.4em;
  }
}
.partner-item .partner-item__info .partner-item__website .partner-item__arrow {
  position: absolute;
  bottom: 0;
  right: 0;
  transition: all 250ms ease-in-out;
}
.partner-item .partner-item__info .partner-item__link {
  transition: all 250ms ease;
}
.partner-item .partner-item__info .partner-item__link svg path {
  transition: all 250ms ease;
}
.partner-item .partner-item__info .partner-item__link:hover {
  color: hsl(60, 0%, 58%);
}
.partner-item .partner-item__info .partner-item__link:hover svg path {
  stroke: hsl(60, 0%, 58%);
}
.partner-item .partner-item__info .partner-item__email-link {
  width: fit-content;
}

.partner-list .wrapper {
  padding-bottom: 120px;
}
@media only screen and (max-width: 1199px) {
  .partner-list .wrapper {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 899px) {
  .partner-list .wrapper {
    padding-bottom: 40px;
  }
}
.partner-list .partner-list__partners {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 24px;
}
.partner-list .partner-list__partners .partner-item {
  max-width: calc(33.3333% - 16px);
  width: 100%;
}
@media only screen and (max-width: 899px) {
  .partner-list .partner-list__partners .partner-item {
    max-width: calc(50% - 12px);
  }
}
@media only screen and (max-width: 599px) {
  .partner-list .partner-list__partners .partner-item {
    max-width: 100%;
  }
}

/**
 * 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.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(0, 100%, 50%)-100 color utility.
 */
.color-red-100 {
  color: hsl(0, 100%, 50%);
}

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

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

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

/**
 * `color` hsl(79, 100%, 83%)-100 color utility.
 */
.color-ks-green-lighter-100 {
  color: hsl(79, 100%, 83%);
}

/**
 * `background-color` hsl(79, 100%, 83%)-100 color utility.
 */
.background-color-ks-green-lighter-100 {
  background-color: hsl(79, 100%, 83%);
}

/**
 * `color` hsl(79, 100%, 79%)-100 color utility.
 */
.color-ks-green-light-hover-100 {
  color: hsl(79, 100%, 79%);
}

/**
 * `background-color` hsl(79, 100%, 79%)-100 color utility.
 */
.background-color-ks-green-light-hover-100 {
  background-color: hsl(79, 100%, 79%);
}

/**
 * `color` hsl(79, 100%, 75%)-100 color utility.
 */
.color-ks-green-light-active-100 {
  color: hsl(79, 100%, 75%);
}

/**
 * `background-color` hsl(79, 100%, 75%)-100 color utility.
 */
.background-color-ks-green-light-active-100 {
  background-color: hsl(79, 100%, 75%);
}

/**
 * `color` hsl(79, 100%, 62%)-100 color utility.
 */
.color-ks-green-100 {
  color: hsl(79, 100%, 62%);
}

/**
 * `background-color` hsl(79, 100%, 62%)-100 color utility.
 */
.background-color-ks-green-100 {
  background-color: hsl(79, 100%, 62%);
}

/**
 * `color` hsl(79, 68%, 53%)-100 color utility.
 */
.color-ks-green-hover-100 {
  color: hsl(79, 68%, 53%);
}

/**
 * `background-color` hsl(79, 68%, 53%)-100 color utility.
 */
.background-color-ks-green-hover-100 {
  background-color: hsl(79, 68%, 53%);
}

/**
 * `color` hsl(79, 61%, 45%)-100 color utility.
 */
.color-ks-green-active-100 {
  color: hsl(79, 61%, 45%);
}

/**
 * `background-color` hsl(79, 61%, 45%)-100 color utility.
 */
.background-color-ks-green-active-100 {
  background-color: hsl(79, 61%, 45%);
}

/**
 * `color` hsl(79, 62%, 22%)-100 color utility.
 */
.color-ks-green-dark-100 {
  color: hsl(79, 62%, 22%);
}

/**
 * `background-color` hsl(79, 62%, 22%)-100 color utility.
 */
.background-color-ks-green-dark-100 {
  background-color: hsl(79, 62%, 22%);
}

/**
 * `color` hsl(78, 62%, 15%)-100 color utility.
 */
.color-ks-green-dark-hover-100 {
  color: hsl(78, 62%, 15%);
}

/**
 * `background-color` hsl(78, 62%, 15%)-100 color utility.
 */
.background-color-ks-green-dark-hover-100 {
  background-color: hsl(78, 62%, 15%);
}

/**
 * `color` hsl(80, 60%, 7%)-100 color utility.
 */
.color-ks-green-dark-active-100 {
  color: hsl(80, 60%, 7%);
}

/**
 * `background-color` hsl(80, 60%, 7%)-100 color utility.
 */
.background-color-ks-green-dark-active-100 {
  background-color: hsl(80, 60%, 7%);
}

/**
 * `color` hsla(80, 60%, 7%, 0.03)-3 color utility.
 */
.color-ks-green-dark-active-3 {
  color: hsla(80, 60%, 7%, 0.03);
}

/**
 * `background-color` hsla(80, 60%, 7%, 0.03)-3 color utility.
 */
.background-color-ks-green-dark-active-3 {
  background-color: hsla(80, 60%, 7%, 0.03);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**
 * `color` hsl(60, 33%, 99%)-100 color utility.
 */
.color-foundation-light-100 {
  color: hsl(60, 33%, 99%);
}

/**
 * `background-color` hsl(60, 33%, 99%)-100 color utility.
 */
.background-color-foundation-light-100 {
  background-color: hsl(60, 33%, 99%);
}

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

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

/**
 * `color` hsl(60, 20%, 99%)-100 color utility.
 */
.color-foundation-light-active-100 {
  color: hsl(60, 20%, 99%);
}

/**
 * `background-color` hsl(60, 20%, 99%)-100 color utility.
 */
.background-color-foundation-light-active-100 {
  background-color: hsl(60, 20%, 99%);
}

/**
 * `color` hsl(60, 20%, 97%)-100 color utility.
 */
.color-foundation-100 {
  color: hsl(60, 20%, 97%);
}

/**
 * `background-color` hsl(60, 20%, 97%)-100 color utility.
 */
.background-color-foundation-100 {
  background-color: hsl(60, 20%, 97%);
}

/**
 * `color` hsl(60, 5%, 87%)-100 color utility.
 */
.color-foundation-hover-100 {
  color: hsl(60, 5%, 87%);
}

/**
 * `background-color` hsl(60, 5%, 87%)-100 color utility.
 */
.background-color-foundation-hover-100 {
  background-color: hsl(60, 5%, 87%);
}

/**
 * `color` hsl(60, 2%, 78%)-100 color utility.
 */
.color-foundation-active-100 {
  color: hsl(60, 2%, 78%);
}

/**
 * `background-color` hsl(60, 2%, 78%)-100 color utility.
 */
.background-color-foundation-active-100 {
  background-color: hsl(60, 2%, 78%);
}

/**
 * `color` hsl(60, 1%, 73%)-100 color utility.
 */
.color-foundation-dark-100 {
  color: hsl(60, 1%, 73%);
}

/**
 * `background-color` hsl(60, 1%, 73%)-100 color utility.
 */
.background-color-foundation-dark-100 {
  background-color: hsl(60, 1%, 73%);
}

/**
 * `color` hsl(60, 0%, 58%)-100 color utility.
 */
.color-foundation-dark-hover-100 {
  color: hsl(60, 0%, 58%);
}

/**
 * `background-color` hsl(60, 0%, 58%)-100 color utility.
 */
.background-color-foundation-dark-hover-100 {
  background-color: hsl(60, 0%, 58%);
}

/**
 * `color` hsl(60, 0%, 44%)-100 color utility.
 */
.color-foundation-dark-active-100 {
  color: hsl(60, 0%, 44%);
}

/**
 * `background-color` hsl(60, 0%, 44%)-100 color utility.
 */
.background-color-foundation-dark-active-100 {
  background-color: hsl(60, 0%, 44%);
}

/**
 * `color` hsl(60, 1%, 34%)-100 color utility.
 */
.color-foundation-darker-100 {
  color: hsl(60, 1%, 34%);
}

/**
 * `background-color` hsl(60, 1%, 34%)-100 color utility.
 */
.background-color-foundation-darker-100 {
  background-color: hsl(60, 1%, 34%);
}