/*
! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

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

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

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

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

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

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

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

progress {
  vertical-align: baseline;
}

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

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

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

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

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

::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

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

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
.container{
  width: 100%;
}
@media (min-width: 560px){

  .container{
    max-width: 560px;
  }
}
@media (min-width: 640px){

  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){

  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){

  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1112px){

  .container{
    max-width: 1112px;
  }
}
@media (min-width: 1536px){

  .container{
    max-width: 1536px;
  }
}
.card {
        background-color: white;
        border-radius: 0.5rem;
        padding: 1.5rem;
        box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    }
.mc-side-padding{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 640px){

  .mc-side-padding{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (max-width: 300px){

  .mc-side-padding{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.mc-block-padding {
        /* @apply py-[6rem] md:py-[9rem]; */
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
.mc-block-padding--large{
  padding-top: 9rem;
  padding-bottom: 9rem;
}
@media (min-width: 768px){

  .mc-block-padding--large{
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
}
.mc-padding-bottom{
  padding-bottom: 6rem;
}
@media (min-width: 768px){

  .mc-padding-bottom{
    padding-bottom: 9rem;
  }
}
.mc-padding-bottom-small{
  padding-bottom: 2rem;
}
@media (min-width: 768px){

  .mc-padding-bottom-small{
    padding-bottom: 4.5rem;
  }
}
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none{
  pointer-events: none;
}
.visible{
  visibility: visible;
}
.collapse{
  visibility: collapse;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.inset-0{
  inset: 0px;
}
.bottom-0{
  bottom: 0px;
}
.left-0{
  left: 0px;
}
.left-2{
  left: 0.5rem;
}
.left-4{
  left: 1rem;
}
.left-8{
  left: 2rem;
}
.left-\[50\%\]{
  left: 50%;
}
.right-0{
  right: 0px;
}
.right-\[\.5rem\]{
  right: .5rem;
}
.right-\[1\.5rem\]{
  right: 1.5rem;
}
.top-0{
  top: 0px;
}
.top-2{
  top: 0.5rem;
}
.top-4{
  top: 1rem;
}
.top-8{
  top: 2rem;
}
.top-\[50\%\]{
  top: 50%;
}
.z-10{
  z-index: 10;
}
.z-\[5\]{
  z-index: 5;
}
.m-auto{
  margin: auto;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.-ml-12{
  margin-left: -3rem;
}
.-mr-6{
  margin-right: -1.5rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-26{
  margin-bottom: 6.5rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.ml-0{
  margin-left: 0px;
}
.ml-auto{
  margin-left: auto;
}
.mr-auto{
  margin-right: auto;
}
.mt-10{
  margin-top: 2.5rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-8{
  margin-top: 2rem;
}
.\!block{
  display: block !important;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.grid{
  display: grid;
}
.hidden{
  display: none;
}
.aspect-\[3_\/_4\]{
  aspect-ratio: 3 / 4;
}
.aspect-\[4\/5\]{
  aspect-ratio: 4/5;
}
.aspect-square{
  aspect-ratio: 1 / 1;
}
.aspect-video{
  aspect-ratio: 16 / 9;
}
.h-125{
  height: 31.25rem;
}
.h-14{
  height: 3.5rem;
}
.h-8{
  height: 2rem;
}
.h-\[24rem\]{
  height: 24rem;
}
.h-\[25\.5rem\]{
  height: 25.5rem;
}
.h-\[2rem\]{
  height: 2rem;
}
.h-\[500px\]{
  height: 500px;
}
.h-full{
  height: 100%;
}
.max-h-\[32rem\]{
  max-height: 32rem;
}
.min-h-10{
  min-height: 2.5rem;
}
.min-h-16{
  min-height: 4rem;
}
.min-h-48{
  min-height: 12rem;
}
.min-h-\[100dvh\]{
  min-height: 100dvh;
}
.min-h-\[14rem\]{
  min-height: 14rem;
}
.min-h-\[2\.5rem\]{
  min-height: 2.5rem;
}
.min-h-\[27rem\]{
  min-height: 27rem;
}
.min-h-\[32rem\]{
  min-height: 32rem;
}
.min-h-\[5rem\]{
  min-height: 5rem;
}
.w-14{
  width: 3.5rem;
}
.w-6{
  width: 1.5rem;
}
.w-8{
  width: 2rem;
}
.w-80{
  width: 20rem;
}
.w-\[1\.125rem\]{
  width: 1.125rem;
}
.w-\[12rem\]{
  width: 12rem;
}
.w-\[20rem\]{
  width: 20rem;
}
.w-\[2rem\]{
  width: 2rem;
}
.w-auto{
  width: auto;
}
.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.min-w-\[4rem\]{
  min-width: 4rem;
}
.min-w-\[80px\]{
  min-width: 80px;
}
.max-w-\[--max-width\]{
  max-width: var(--max-width);
}
.max-w-\[736px\]{
  max-width: 736px;
}
.max-w-custom-500{
  max-width: 31.25rem;
}
.max-w-custom-736{
  max-width: 46rem;
}
.max-w-custom-800{
  max-width: 50rem;
}
.max-w-full{
  max-width: 100%;
}
.max-w-screen-2xl{
  max-width: 1536px;
}
.max-w-screen-md{
  max-width: 768px;
}
.max-w-screen-xl{
  max-width: 1112px;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-shrink{
  flex-shrink: 1;
}
.shrink-0{
  flex-shrink: 0;
}
.grow{
  flex-grow: 1;
}
.grow-0{
  flex-grow: 0;
}
.-translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-x-100{
  --tw-scale-x: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes spin{

  to{
    transform: rotate(360deg);
  }
}
.animate-spin{
  animation: spin 1s linear infinite;
}
.resize{
  resize: both;
}
.list-none{
  list-style-type: none;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.flex-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.gap-12{
  gap: 3rem;
}
.gap-16{
  gap: 4rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-4{
  gap: 1rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-8{
  gap: 2rem;
}
.gap-\[1\.5rem\]{
  gap: 1.5rem;
}
.gap-\[4rem\]{
  gap: 4rem;
}
.gap-x-14{
  -moz-column-gap: 3.5rem;
       column-gap: 3.5rem;
}
.gap-x-\[7rem\]{
  -moz-column-gap: 7rem;
       column-gap: 7rem;
}
.gap-y-12{
  row-gap: 3rem;
}
.gap-y-20{
  row-gap: 5rem;
}
.gap-y-24{
  row-gap: 6rem;
}
.gap-y-8{
  row-gap: 2rem;
}
.gap-y-\[7rem\]{
  row-gap: 7rem;
}
.overflow-auto{
  overflow: auto;
}
.overflow-y-auto{
  overflow-y: auto;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.text-balance{
  text-wrap: balance;
}
.break-all{
  word-break: break-all;
}
.rounded-full{
  border-radius: 9999px;
}
.border{
  border-width: 1px;
}
.border-2{
  border-width: 2px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-b-2{
  border-bottom-width: 2px;
}
.border-solid{
  border-style: solid;
}
.border-\[--color-peach\]{
  border-color: var(--color-peach);
}
.border-\[transparent\]{
  border-color: transparent;
}
.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-b-\[--color-almost-black\]{
  border-bottom-color: var(--color-almost-black);
}
.border-b-gray{
  border-bottom-color: var(--color-gray);
}
.border-b-white{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.bg-\[--color-almost-black\]{
  background-color: var(--color-almost-black);
}
.bg-\[black\]{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-almost-black{
  background-color: var(--color-almost-black);
}
.bg-beige{
  background-color: var(--color-beige);
}
.bg-beige-light{
  background-color: var(--color-light-beige);
}
.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-black-almost{
  background-color: var(--color-almost-black);
}
.bg-black\/50{
  background-color: rgb(0 0 0 / 0.5);
}
.bg-gray-dark{
  background-color: var(--color-dark-gray);
}
.bg-gray-light{
  background-color: var(--color-light-gray);
}
.bg-light-gray{
  background-color: var(--color-light-gray);
}
.bg-peach{
  background-color: var(--color-peach);
}
.bg-purple{
  background-color: var(--color-purple);
}
.bg-purple-dark{
  background-color: var(--color-dark-purple);
}
.bg-red-fade{
  background-color: var(--gradient-red-fade);
}
.bg-red-light{
  background-color: var(--color-light-red);
}
.bg-red-milou{
  background-color: var(--color-brand-milou-red);
}
.bg-teal-light{
  background-color: var(--color-light-teal);
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-opacity-\[\.07\]{
  --tw-bg-opacity: .07;
}
.bg-opacity-\[7\%\]{
  --tw-bg-opacity: 7%;
}
.bg-red-fade{
  background-image: var(--gradient-red-fade);
}
.bg-contain{
  background-size: contain;
}
.bg-top{
  background-position: top;
}
.bg-no-repeat{
  background-repeat: no-repeat;
}
.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}
.object-center{
  -o-object-position: center;
     object-position: center;
}
.p-0{
  padding: 0px;
}
.p-2{
  padding: 0.5rem;
}
.p-3{
  padding: 0.75rem;
}
.p-4{
  padding: 1rem;
}
.p-6{
  padding: 1.5rem;
}
.p-8{
  padding: 2rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[1rem\]{
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-32{
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[12rem\]{
  padding-top: 12rem;
  padding-bottom: 12rem;
}
.py-\[6rem\]{
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.py-\[9rem\]{
  padding-top: 9rem;
  padding-bottom: 9rem;
}
.\!pl-6{
  padding-left: 1.5rem !important;
}
.\!pr-6{
  padding-right: 1.5rem !important;
}
.pb-0{
  padding-bottom: 0px;
}
.pb-24{
  padding-bottom: 6rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-8{
  padding-bottom: 2rem;
}
.pb-\[2rem\]{
  padding-bottom: 2rem;
}
.pb-\[6rem\]{
  padding-bottom: 6rem;
}
.pb-\[9rem\]{
  padding-bottom: 9rem;
}
.pr-4{
  padding-right: 1rem;
}
.pr-8{
  padding-right: 2rem;
}
.pr-\[1rem\]{
  padding-right: 1rem;
}
.pt-12{
  padding-top: 3rem;
}
.pt-8{
  padding-top: 2rem;
}
.pt-96{
  padding-top: 24rem;
}
.pt-\[14rem\]{
  padding-top: 14rem;
}
.pt-\[18rem\]{
  padding-top: 18rem;
}
.pt-\[6rem\]{
  padding-top: 6rem;
}
.pt-\[9\.5rem\]{
  padding-top: 9.5rem;
}
.text-center{
  text-align: center;
}
.font-primary{
  font-family: komet, sans-serif;
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-\[\.875rem\]{
  font-size: .875rem;
}
.text-\[1\.125rem\]{
  font-size: 1.125rem;
}
.text-\[1\.75rem\]{
  font-size: 1.75rem;
}
.text-\[1\.875rem\]{
  font-size: 1.875rem;
}
.text-\[2\.5rem\]{
  font-size: 2.5rem;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.font-\[700\]{
  font-weight: 700;
}
.font-\[800\]{
  font-weight: 800;
}
.font-bold{
  font-weight: 700;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.lowercase{
  text-transform: lowercase;
}
.italic{
  font-style: italic;
}
.leading-6{
  line-height: 1.5rem;
}
.leading-\[1\.125\]{
  line-height: 1.125;
}
.leading-\[1\.5\]{
  line-height: 1.5;
}
.leading-none{
  line-height: 1;
}
.leading-tight{
  line-height: 1.25;
}
.\!text-\[--color-light-beige\]{
  color: var(--color-light-beige) !important;
}
.\!text-\[--color-peach\]{
  color: var(--color-peach) !important;
}
.\!text-beige-light{
  color: var(--color-light-beige) !important;
}
.\!text-dark-gray{
  color: var(--color-dark-gray) !important;
}
.\!text-peach{
  color: var(--color-peach) !important;
}
.\!text-white{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-\[\#AAAAAA\]{
  --tw-text-opacity: 1;
  color: rgb(170 170 170 / var(--tw-text-opacity));
}
.text-\[\#FF999C\]{
  --tw-text-opacity: 1;
  color: rgb(255 153 156 / var(--tw-text-opacity));
}
.text-\[--color-almost-black\]{
  color: var(--color-almost-black);
}
.text-\[--color-light-beige\]{
  color: var(--color-light-beige);
}
.text-\[--color-light-red\]{
  color: var(--color-light-red);
}
.text-\[--color-peach\]{
  color: var(--color-peach);
}
.text-\[700\]{
  color: 700;
}
.text-almost-black{
  color: var(--color-almost-black);
}
.text-beige-light{
  color: var(--color-light-beige);
}
.text-dark-gray{
  color: var(--color-dark-gray);
}
.text-dark-secondary{
  color: var(--text-dark-secondary);
}
.text-midgray{
  color: var(--color-mid-gray);
}
.text-peach{
  color: var(--color-peach);
}
.text-purple-dark{
  color: var(--color-dark-purple);
}
.text-text-primary{
  color: var(--color-text-primary);
}
.text-text-secondary{
  color: var(--color-text-secondary);
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.underline{
  text-decoration-line: underline;
}
.no-underline{
  text-decoration-line: none;
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline{
  outline-style: solid;
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur-md{
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-500{
  transition-duration: 500ms;
}
:root {
  --color-brand-milou-red: #e60330;
  --color-brand-milou-red-darkened: #b80226;
  --color-text-secondary: #6c6c6c;
  --color-text-primary: var(--color-dark-gray);
  --color-white: #ffffff;

  --color-gray: #8f8f8f;
  --color-mid-gray: #aaa;

  --color-light-red: #ff999c;
  --color-light-grey: #f2f2f2;

  /*Background colors*/
  --color-light-beige: #ffded0;
  --color-almost-black: #1c1c1c;
  --color-dark-gray: #2b2b2b;
  --color-light-gray: #f2f2f2;
  --color-dark-purple: #35132b;
  --color-dark-turqoise: #052d28;
  --color-purple: #5b173c;
  --color-peach: #ffbfb6;
  --color-peach-20: rgb(255 191 182 / 20%);
  --color-peach-darkened: #cc9992;
  --color-teal: #16917a;
  --color-light-teal: #c2ede5;

  --gradient-red-fade: linear-gradient(
    121deg,
    #e60330 3.15%,
    #c02058 72.68%,
    #ba245e 83.11%,
    #b52863 92.15%,
    #b02c68 101.88%,
    #9d3a7c 136.65%
  );

  --text-dark-secondary: var(--color-mid-gray);
  --text-dark-accent: var(--color-peach);

  --side-padding: 1.5rem;
}
@media (min-width: 640px) {
:root {
    --side-padding: 2rem
}
  }
@media (min-width: 1024px) {
:root {
    --side-padding: 2rem
}
  }
@media (min-width: 1112px) {
:root {
    /* 1280 before */
    --push-left: calc((100% - (1112px + 4rem)) / 2)
}
  }
.mc-theme--black-almost,
.mc-theme--gray-dark,
.mc-theme--purple-dark,
.mc-theme--purple,
.mc-theme--red-fade {
  --icon-arrow-color: var(--color-purple);
  --icon-arrow-color-hover: var(--color-purple);
  --icon-arrow-background: var(--color-peach);
  --icon-arrow-background-hover: var(--color-peach-darkened);
}
.mc-theme--gray-light,
.mc-theme--white,
.mc-theme--red-light,
.mc-theme--peach,
.mc-theme--beige-light {
  --icon-arrow-color: var(--color-peach);
  --icon-arrow-color-hover: var(--color-peach);
  --icon-arrow-background: var(--color-brand-milou-red);
  --icon-arrow-background-hover: var(--color-brand-milou-red-darkened);
}
.mc-icon-arrow {
  height: 3.5rem;
  width: 3.5rem;

  background: var(--icon-arrow-background);
  display: flex;
  align-items: center;
  justify-content: center;

  color: var(--icon-arrow-color);

  /*&:hover {
    background: var(--icon-arrow-background-hover);
    color: var(--icon-arrow-color-hover);

    svg path {
      fill: var(--icon-arrow-color-hover);
    }
  }*/
}
.mc-icon-arrow svg path {
    fill: var(--icon-arrow-color);
  }
/*.mc-primary-nav {
  --menu-active-background: var(--color-peach);
  --menu-active-color: var(--color-dark-grey);

  --menu-hover-background: var(--color-peach-20);
  --menu-hover-color: red;

  background-color: var(--color-almost-black);
}

.mc-primary-nav .current-menu-item a,
.mc-primary-nav .current-menu-item a:hover {
  background-color: var(--menu-active-background);
  color: var(--menu-active-color);
}

.mc-primary-nav a {
  display: block;
  padding: 0.75rem;
  color: white;
  text-decoration: none;
}

.mc-primary-nav a:hover {
  background-color: var(--menu-hover-background);
  color: var(--menu-hover-color);
}*/
.mc-primary-nav__icon {
  border: 1px solid var(--icon-color-circle);
  transition: all;
}
[data-contact-action]:hover .mc-primary-nav__icon {
  background: var(--icon-color-circle);
}
[data-contact-action]:hover img {
  transform: rotate(60deg);
}
.mc-nav-theme-black {
  --icon-color: white;
  --icon-color-hover: var(--color-dark-gray);

  --icon-color-circle: var(--color-peach);
}
.mc-nav-theme-white {
  --icon-color: var(--color-dark-gray);
  --icon-color-hover: white;

  --icon-color-circle: #931644;
}
[data-contact-action] svg {
  color: var(--icon-color);
}
[data-contact-action]:hover svg {
  color: var(--icon-color-hover);
}
.mc-component-hello {
  background: linear-gradient(180deg, white 50%, var(--color-almost-black) 50%);
}
.mc-component-hello__inner {
  width: calc(50% + (1112px / 2));
  margin-left: auto;

  --max-width: calc(100% - var(--side-padding));

  max-width: var(--max-width);
}
#footer-logo-address {
  grid-area: logo-address;
}
#footer-menu {
  grid-area: menu;
}
#footer-socials {
  grid-area: socials;
}
.mc-footer-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 1rem;
       column-gap: 1rem;

  grid-template-areas:
    'logo-address logo-address'
    'menu socials';
}
@media (min-width: 768px) {
.mc-footer-grid {
    grid-template-columns: 2fr 1fr 1fr;

    grid-template-areas: 'logo-address menu socials'
}
  }
.mc-news article:nth-child(6n - 5) figure {
  box-shadow: -1.5rem -1.25rem 0 0 var(--color-light-red);
}
.mc-news article:nth-child(6n - 4) figure {
  box-shadow: 1.25rem -2rem 0 0 var(--color-light-beige);
}
.mc-news article:nth-child(6n - 3) figure {
  box-shadow: -1.25rem 1.25rem 0 0 var(--color-peach);
}
.mc-news article:nth-child(6n - 2) figure {
  box-shadow: -1.5rem -1.25rem 0 0 var(--color-light-red);
}
.mc-news article:nth-child(6n - 1) figure {
  box-shadow: -1.25rem 1.25rem 0 0 var(--color-peach);
}
.mc-news article:nth-child(6n) figure {
  box-shadow: 1.25rem -2rem 0 0 var(--color-light-beige);
}
/*
li:nth-child(3n - 1)
*/
.mc-news article a:focus-visible {
    box-shadow: none !important;
  }
.mc-news article a::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0;
  }
.mc-news article a:focus-visible::before {
    box-shadow: 0 0 0 2px white, 0 0 0 6px #0c6ddf;
  }
.mc-news article:hover .mc-news-action {
  background-color: #b80226;
}
.mc-news-theme-black strong {
    color: #aaa;
  }
.mc-news-theme-black article a {
    color: white;
    box-shadow: none;
  }
.mc-news-theme-black article a:focus-visible::before {
      box-shadow: 0 0 0 2px white, 0 0 0 6px #0c6ddf;
    }
.mc-news-theme-black .mc-news-action {
    background: var(--color-peach);
  }
.mc-news-theme-black article:hover .mc-news-action {
    background: var(--color-light-red);
  }
.mc-form .mc-news-theme-black {
  background: none;
}
.mc-form .mc-news {
  padding-block: 4rem;
  padding-block-start: 5rem;
}
.mc-services {
  --mc-services-push: calc((100vw - (1112px - 83px)) / 2);
}
.mc-services article figure::after {
        content: '';
        width: 100%;
        max-width: 10rem;
        max-height: 10rem;
        top: 0;
        left: 0;
        display: block;

        transition: max-height 300ms 150ms ease-in-out;
        transform-origin: top;
        position: absolute;
        border-radius: 100vh;
        height: 19rem;
      }
.mc-services article figure img {
        z-index: 10;
        position: relative;
        transition: transform 300ms ease-in-out;
      }
.mc-services article:nth-child(1) figure::after {
      background: var(--color-light-red);
    }
.mc-services article:nth-child(2) figure::after {
      background: var(--color-light-beige);
    }
.mc-services article:nth-child(3) figure::after {
      background: var(--color-peach);
    }
@media (min-width: 1112px) {
.mc-services article:hover figure::after {
            max-height: 19rem
        }
          }
.mc-services article:hover figure img {
          /*transform: rotate(135deg);*/
        }
.mc-services a::before {
  content: '';
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.mc-services a:hover {
  color: var(--color-brand-milou-red);
  text-decoration: none;
}
.mc-service__card-inner:hover .mc-heading-feature {
  text-decoration: underline;
}
.mc-banner-with-img .mc-test:before {
  content: '';
  background: white;
  height: 20rem;
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (min-width: 1024px) {
.mc-banner-with-img .mc-test:before {
    height: 4rem
}
  }
.mc-banner-with-img.mc-theme-black-almost p, .mc-banner-with-img.mc-theme-gray-dark p, .mc-banner-with-img.mc-theme-purple-dark p, .mc-banner-with-img.mc-theme-purple p {
      color: white;
    }
.mc-banner-with-img.mc-theme-black-almost a, .mc-banner-with-img.mc-theme-gray-dark a, .mc-banner-with-img.mc-theme-purple-dark a, .mc-banner-with-img.mc-theme-purple a {
      color: var(--color-peach);
    }
.mc-banner-with-img.mc-theme-black-almost a:hover, .mc-banner-with-img.mc-theme-gray-dark a:hover, .mc-banner-with-img.mc-theme-purple-dark a:hover, .mc-banner-with-img.mc-theme-purple a:hover {
        color: var(--color-light-red) !important;
      }
.mc-banner-with-img.mc-theme-gray-light p, .mc-banner-with-img.mc-theme-white p, .mc-banner-with-img.mc-theme-red-light p, .mc-banner-with-img.mc-theme-peach p, .mc-banner-with-img.mc-theme-beige-light p {
      color: var(--color-dark-gray) !important;
    }
.mc-banner-with-img.mc-theme-gray-light a, .mc-banner-with-img.mc-theme-white a, .mc-banner-with-img.mc-theme-red-light a, .mc-banner-with-img.mc-theme-peach a, .mc-banner-with-img.mc-theme-beige-light a {
      color: var(--color-dark-purple) !important;
    }
.mc-banner-with-img.mc-theme-gray-light a:hover, .mc-banner-with-img.mc-theme-white a:hover {
        color: var(--color-brand-milou-red) !important;
      }
.mc-banner-with-img.mc-theme-red-fade p {
      color: white !important;
    }
.mc-banner-with-img.mc-theme-red-fade a {
      color: white !important;
    }
.mc-banner-with-text {
  min-height: 4rem;
  width: 100%;
}
.mc-banner-with-text.mc-theme-black-almost p, .mc-banner-with-text.mc-theme-gray-dark p, .mc-banner-with-text.mc-theme-purple-dark p, .mc-banner-with-text.mc-theme-purple p {
      color: var(--color-peach);
    }
.mc-banner-with-text.mc-theme-black-almost a, .mc-banner-with-text.mc-theme-gray-dark a, .mc-banner-with-text.mc-theme-purple-dark a, .mc-banner-with-text.mc-theme-purple a {
      color: var(--color-light-beige);
    }
.mc-banner-with-text.mc-theme-black-almost a:hover, .mc-banner-with-text.mc-theme-gray-dark a:hover, .mc-banner-with-text.mc-theme-purple-dark a:hover, .mc-banner-with-text.mc-theme-purple a:hover {
        color: white !important;
      }
/*a {
      &:hover {
        color: var(--color-brand-milou-red) !important;
      }
    }*/
.mc-banner-with-text.mc-theme-gray-light p, .mc-banner-with-text.mc-theme-white p, .mc-banner-with-text.mc-theme-red-light p, .mc-banner-with-text.mc-theme-peach p, .mc-banner-with-text.mc-theme-beige-light p {
      color: var(--color-purple);
    }
.mc-banner-with-text.mc-theme-gray-light a, .mc-banner-with-text.mc-theme-white a, .mc-banner-with-text.mc-theme-red-light a, .mc-banner-with-text.mc-theme-peach a, .mc-banner-with-text.mc-theme-beige-light a {
      color: var(--color-dark-purple);
    }
.mc-banner-with-text.mc-theme-gray-light a:hover, .mc-banner-with-text.mc-theme-white a:hover {
        color: var(--color-brand-milou-red) !important;
      }
.mc-standard-custom-module{
  min-height: 4rem;
  width: 100%;
}
.mc-text-with-cta {
  min-height: 4rem;
  width: 100%;
}
.mc-text-with-cta.mc-theme--purple,
  .mc-text-with-cta.mc-theme--purple-dark,
  .mc-text-with-cta.mc-theme--gray-dark,
  .mc-text-with-cta.mc-theme--black-almost,
  .mc-text-with-cta.mc-theme--red-fade {
    --icon-arrow-color: var(--color-purple);
    --icon-arrow-background: var(--color-peach);
  }
.mc-text-with-cta.mc-theme--purple .mc-text-with-cta__inner:hover, .mc-text-with-cta.mc-theme--purple-dark .mc-text-with-cta__inner:hover, .mc-text-with-cta.mc-theme--gray-dark .mc-text-with-cta__inner:hover, .mc-text-with-cta.mc-theme--black-almost .mc-text-with-cta__inner:hover, .mc-text-with-cta.mc-theme--red-fade .mc-text-with-cta__inner:hover {
      --icon-arrow-color: var(--color-purple);
      --icon-arrow-background: var(--color-peach-darkened);
    }
.mc-text-with-cta.mc-theme--gray-light,
  .mc-text-with-cta.mc-theme--white,
  .mc-text-with-cta.mc-theme--red-light,
  .mc-text-with-cta.mc-theme--peach,
  .mc-text-with-cta.mc-theme--beige-light {
    --icon-arrow-color: var(--color-peach);
    --icon-arrow-background: var(--color-brand-milou-red);
  }
.mc-text-with-cta.mc-theme--gray-light .mc-text-with-cta__inner:hover, .mc-text-with-cta.mc-theme--white .mc-text-with-cta__inner:hover, .mc-text-with-cta.mc-theme--red-light .mc-text-with-cta__inner:hover, .mc-text-with-cta.mc-theme--peach .mc-text-with-cta__inner:hover, .mc-text-with-cta.mc-theme--beige-light .mc-text-with-cta__inner:hover {
      --icon-arrow-color: var(--color-peach);
      --icon-arrow-background: var(--color-brand-milou-red-darkened);
    }
.mc-text-with-cta .mc-text-with-cta__text p {
        color: var(--color-purple);
      }
.mc-text-with-cta .mc-text-with-cta__inner {
    position: relative;
  }
.mc-text-with-cta a::after {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
.mc-text-with-cta .mc-icon-arrow {
    background: var(--icon-arrow-background);
    color: var(--icon-arrow-color);
  }
.mc-text-with-cta .mc-icon-arrow svg path {
      fill: var(--icon-arrow-color);
    }
/* .mc-icon-arrow {
    background: var(--icon-arrow-background);
    color: var(--icon-arrow-color);

    svg path {
      fill: var(--icon-arrow-color);
    }
  }
*/
.mc-text-with-cta a:hover {
    /*{
      background: var(--icon-arrow-background-hover);
      color: var(--icon-arrow-color-hover);

      svg path {
        fill: var(--icon-arrow-color-hover);
      }
    }*/
    --icon-arrow-color: var(--color-peach);
    --icon-arrow-background: var(--color-brand-milou-red-darkened);
  }
.mc-text-with-cta.mc-theme--purple .mc-text-with-cta__text p, .mc-text-with-cta.mc-theme--purple-dark .mc-text-with-cta__text p, .mc-text-with-cta.mc-theme--gray-dark .mc-text-with-cta__text p, .mc-text-with-cta.mc-theme--black-almost .mc-text-with-cta__text p {
        color: var(--color-peach);
      }
.mc-component-video-home__inner {
    width: calc(50% + (1112px / 2));
    margin-left: auto;

    --max-width: calc(100% - var(--side-padding));

    max-width: 100%;
}
@media (min-width: 640px){

  .mc-component-video-home__inner{
    max-width: var(--max-width);
  }
}
.mc-video > button {
        position: absolute;
    }
.mc-video svg.animate-spin {
        background: rgba(0, 0, 0, .9);
        padding: .8rem;
        border-radius: 50%;
    }
.mc-video.mc-video--autoplay > button{
  top: 1rem;
  left: 1rem;
}
@media (min-width: 640px){

  .mc-video.mc-video--autoplay > button{
    top: 2rem;
    left: 2rem;
  }
}
@media (max-width: 300px) {
            .mc-video.mc-video--autoplay > button{
    top: 0.5rem;
    left: 0.5rem;
    padding: 0px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
                .mc-video.mc-video--autoplay > button svg {
                    width: .8rem !important;
                    height: .8rem !important;
                }
                .mc-video.mc-video--autoplay > button .text-lg {
                    font-size: 0.75rem;
                }
        }
.mc-video video {
        border-radius: 0;
        transition: border-radius 300ms ease-in-out;
    }
.mc-video:not(.started) video, .mc-video.mc-video--autoplay video {
            border-radius: .3rem;
        }
@media (min-width: 640px) {
.mc-video:not(.started) video, .mc-video.mc-video--autoplay video {
                border-radius: .9rem
        }
            }
.mc-video:not(.mc-video--autoplay):not(.started) {
            cursor: pointer;
        }
.mc-video:not(.mc-video--autoplay):not(.started):hover > button {
                background: #000;
            }
.mc-video:not(.mc-video--autoplay):not(.started):hover > button svg path {
                    fill: var(--color-peach);
                }
.mc-video:not(.mc-video--autoplay):not(.started):hover > button .text-white {
                    color: var(--color-peach);
                }
.mc-video:not(.mc-video--autoplay) > button {
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
.mc-video:not(.mc-video--autoplay).started > button {
            display: none;
        }
.mc-video[data-playing="false"] .mc-pause-icon, .mc-video[data-playing="false"] .mc-pause-icon + span {
            display: none;
        }
.mc-video[data-playing="false"] .mc-pause-icon *, .mc-video[data-playing="false"] .mc-pause-icon + span * {
                display: none;
            }
.mc-video[data-playing="true"] .mc-play-icon, .mc-video[data-playing="true"] .mc-play-icon + span {
            display: none;
        }
.mc-video[data-playing="true"] .mc-play-icon *, .mc-video[data-playing="true"] .mc-play-icon + span * {
                display: none;
            }
.play-pause-toggler:hover svg path {
        fill: var(--color-peach);
    }
.play-pause-toggler:hover .text-white {
        color: var(--color-peach);
    }
.mc-top-level-hero p {
    color: var(--color-peach);
  }
.mc-top-level-hero{

  color: var(--color-dark-gray);
}
.mc-top-level-hero .mc-header-word-part {
    padding: 1rem 0.4rem;
    margin-bottom: 1rem;
  }
.mc-top-level-hero .mc-header {
    margin-bottom: 6rem;
  }
.mc-top-level-hero .mc-header-top-part,
  .mc-top-level-hero .mc-header-bottom-part {
    opacity: 0;
    position: relative;
    transition: all 0.5s ease-in-out;
    padding-left: 0;
    left: 2rem;
  }
.mc-top-level-hero .mc-header-bottom-part {
    left: -2rem;
  }
.mc-top-level-hero .show-and-move-left {
    opacity: 1;
    left: 0;
  }
.mc-top-level-hero .show-and-move-right {
    opacity: 1;
    left: 0;
  }
.mc-component-hero-intro.bg-almost-black + section.mc-component-text{
  background-color: var(--color-light-gray);
    color: var(--color-dark-gray);
}
.mc-component-hero-intro.bg-almost-black + section.mc-component-text h2,.mc-component-hero-intro.bg-almost-black + section.mc-component-text h2 a,.mc-component-hero-intro.bg-almost-black + section.mc-component-text .category {
        color: var(--color-dark-gray);
    }
.mc-component-hero-intro.bg-almost-black + section.mc-component-text a {
        color: var(--color-dark-purple);
    }
.mc-component-hero-intro.bg-almost-black + section.mc-component-text a:hover svg path,.mc-component-hero-intro.bg-almost-black + section.mc-component-text a:focus svg path {
                /*fill: var(--color-brand-milou-red);*/
                /*fill: var(--color-brand-milou-red);*/
            }
.mc-component-hero-intro.bg-almost-black + section.mc-component-text .mc-square-button {
        background-color: var(--color-brand-milou-red);
    }
.mc-component-hero-intro.bg-almost-black + section.mc-component-text .mc-square-button:hover,.mc-component-hero-intro.bg-almost-black + section.mc-component-text .mc-square-button:focus {
        background-color: var(--color-brand-milou-red-darkened);
    }
.mc-component-hero-intro.bg-almost-black + section.mc-component-text .mc-square-button-icon svg path {
        fill: var(--color-peach);
    }
.mc-component-hero-intro.bg-almost-black + section.mc-component-text:has(h2:hover) .mc-square-button {
    background-color: var(--color-brand-milou-red-darkened);
}
.mc-standard-custom-module.mc-component-hero-intro.bg-almost-black + section.mc-component-text p {
        color: var(--color-dark-gray);
    }
.mc-component-hero-intro.bg-almost-black + section.mc-component-text p {
        color: var(--color-dark-gray) !important;
      }
.mc-component-text {
    color: var(--color-dark-gray);
}
.mc-component-text h1:not([class*="mc-"]) {
        font-size: 5rem;
        font-weight: 800;
        line-height: 1;
    }
.mc-component-text h2:not([class*="mc-"]) {
        font-size: 2.5rem;
        font-weight: 800;
        line-height: 1;
    }
.mc-component-text h3:not([class*="mc-"]) {
        font-size: 1.875rem;
        font-weight: 800;
        line-height: 1.25;
    }
.mc-component-text h4:not([class*="mc-"]) {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1.25;
    }
.mc-component-text h5:not([class*="mc-"]) {
        font-weight: 700;
        line-height: 1.25;
        font-size: 1rem;
    }
.mc-component-text h6:not([class*="mc-"]) {
        font-weight: 600;
        line-height: 1.25;
        font-size: .875rem;
        text-transform: uppercase;
    }
.mc-component-text h1,
    .mc-component-text h2,
    .mc-component-text h3,
    .mc-component-text h4,
    .mc-component-text h5,
    .mc-component-text h6 {
        overflow-wrap: anywhere;
    }
.mc-component-text ul,
    .mc-component-text ol,
    .mc-component-text p {
        font-size: 1.125rem;
    }
.mc-component-text ul,
    .mc-component-text ol {
        margin-left: 1.5rem;
    }
.mc-component-text ul {
        list-style: disc;
    }
.mc-component-text ol {
        list-style: numeric;
    }
.mc-component-text ul:not(:first-child), .mc-component-text ol:not(:first-child), .mc-component-text h1:not(:first-child), .mc-component-text h2:not(:first-child), .mc-component-text h3:not(:first-child), .mc-component-text h4:not(:first-child), .mc-component-text h5:not(:first-child), .mc-component-text h6:not(:first-child), .mc-component-text p:not(:first-child) {
            margin-top: 1.5em;
        }
.mc-component-text a:hover {
        text-decoration: none;
    }
.mc-caselist {
  --icon-arrow-color: var(--color-purple);
  --icon-arrow-background: var(--color-peach);
}
.mc-caselist article{
  flex-direction: column;
}
.mc-caselist article .mc-caselist__text{
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 640px){

  .mc-caselist article .mc-caselist__text{
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
}
.mc-caselist article .mc-caselist__text:hover {
        --icon-arrow-color: var(--color-purple);
        --icon-arrow-background: var(--color-peach-darkened);
      }
@media (min-width: 1024px){

  .mc-caselist article:nth-child(odd){
    flex-direction: row;
  }

  .mc-caselist article:nth-child(even){
    flex-direction: row-reverse;
  }
}
.mc-caselist article a::after {
      content: '';
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
    }
.mc-component-gallery.bg-no-repeat {
        position: relative;
        background-size: clamp(1500px, 100%, 1500px) auto;
        background-position: left 10px;
    }
@media (min-width: 1024px) {
.mc-component-gallery.bg-no-repeat {
            background-position: center 10px
    }
        }
.mc-component-gallery.bg-no-repeat > * {
            position: relative;
            z-index: 1;
        }
.mc-component-gallery figure {
        box-shadow: -1.5rem -1.25rem 0 0 var(--color-teal);
    }
.mc-component-package-chooser {
    --icon-arrow-color: var(--color-peach);
    --icon-arrow-background: var(--color-brand-milou-red);
}
.mc-component-package-chooser a::after {
        content: '';
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
    }
.mc-component-package-chooser .mc-icon-arrow {
        background: var(--icon-arrow-background) !important;
        color: var(--icon-arrow-color) !important;
    }
.mc-component-package-chooser .mc-icon-arrow svg path {
            fill: currentColor !important;
            color: currentColor !important;
        }
.mc-component-package-chooser a:hover {
        --icon-arrow-color: var(--color-peach) !important;
        --icon-arrow-background: var(--color-brand-milou-red-darkened) !important;
    }
.mc-component-package-chooser .mc-component-package{
  min-height: 27rem;
}
@media (min-width: 640px){

  .mc-component-package-chooser .mc-component-package{
    min-height: 30rem;
  }
}
.mc-component-package-chooser .mc-component-package:after {
            display: block;
            position: absolute;
            height: 100%;
            width: 100%;
            background: black;
            border-radius: 9999px;
            left: 0;
            z-index: -1;
            transition: height 300ms 150ms ease-in-out;
        }
.mc-component-package-chooser .mc-component-package:hover:after {
            height: calc(100% + 6.25rem);
        }
.mc-component-package-chooser .mc-component-package:first-child{
  background-color: var(--color-light-red);
    color: var(--color-dark-gray);
}
.mc-component-package-chooser .mc-component-package:first-child h2,.mc-component-package-chooser .mc-component-package:first-child h2 a,.mc-component-package-chooser .mc-component-package:first-child .category {
        color: var(--color-dark-gray);
    }
.mc-component-package-chooser .mc-component-package:first-child a {
        color: var(--color-dark-purple);
    }
.mc-component-package-chooser .mc-component-package:first-child a:hover svg path,.mc-component-package-chooser .mc-component-package:first-child a:focus svg path {
                /*fill: var(--color-brand-milou-red);*/
                /*fill: var(--color-brand-milou-red);*/
            }
.mc-component-package-chooser .mc-component-package:first-child .mc-square-button {
        background-color: var(--color-brand-milou-red);
    }
.mc-component-package-chooser .mc-component-package:first-child .mc-square-button:hover,.mc-component-package-chooser .mc-component-package:first-child .mc-square-button:focus {
        background-color: var(--color-brand-milou-red-darkened);
    }
.mc-component-package-chooser .mc-component-package:first-child .mc-square-button-icon svg path {
        fill: var(--color-peach);
    }
.mc-component-package-chooser .mc-component-package:first-child:has(h2:hover) .mc-square-button {
    background-color: var(--color-brand-milou-red-darkened);
}
@media (min-width: 1024px){

  .mc-component-package-chooser .mc-component-package:first-child{
    min-height: 37.5rem;
  }

  .mc-component-package-chooser .mc-component-package:first-child::after{
    content: var(--tw-content);
    background-color: var(--color-light-red);
  }
}
.mc-component-package-chooser .mc-component-package:first-child + div{
  background-color: var(--color-dark-purple);
    color: var(--color-white);
}
.mc-component-package-chooser .mc-component-package:first-child + div h2,.mc-component-package-chooser .mc-component-package:first-child + div h2 a,.mc-component-package-chooser .mc-component-package:first-child + div .category {
        color: var(--color-white);
    }
.mc-component-package-chooser .mc-component-package:first-child + div p,.mc-component-package-chooser .mc-component-package:first-child + div a {
        color: white;
    }
.mc-component-package-chooser .mc-component-package:first-child + div a:hover,.mc-component-package-chooser .mc-component-package:first-child + div a:focus {
        color: white;
    }
.mc-component-package-chooser .mc-component-package:first-child + div a:hover svg path,.mc-component-package-chooser .mc-component-package:first-child + div a:focus svg path {
                /* fill: var(--color-light-red); */
                /* fill: var(--color-light-red); */
            }
.mc-component-package-chooser .mc-component-package:first-child + div .mc-square-button {
        background-color: var(--color-peach);
    }
.mc-component-package-chooser .mc-component-package:first-child + div .mc-square-button:hover,.mc-component-package-chooser .mc-component-package:first-child + div .mc-square-button:focus {
        background-color: var(--color-peach-darkened);
    }
.mc-component-package-chooser .mc-component-package:first-child + div .mc-square-button-icon svg path {
        fill: var(--color-dark-purple);
    }
.mc-component-package-chooser .mc-component-package:first-child + div:has(h2:hover) .mc-square-button {
    background-color: var(--color-peach-darkened);
}
@media (min-width: 1024px){

  .mc-component-package-chooser .mc-component-package:first-child + div{
    min-height: 50rem;
  }

  .mc-component-package-chooser .mc-component-package:first-child + div::after{
    content: var(--tw-content);
    background-color: var(--color-dark-purple);
  }
}
.mc-component-package-chooser .mc-component-package:first-child + div + div{
  background-color: var(--color-light-beige);
    color: var(--color-dark-gray);
}
.mc-component-package-chooser .mc-component-package:first-child + div + div h2,.mc-component-package-chooser .mc-component-package:first-child + div + div h2 a,.mc-component-package-chooser .mc-component-package:first-child + div + div .category {
        color: var(--color-dark-gray);
    }
.mc-component-package-chooser .mc-component-package:first-child + div + div a {
        color: var(--color-dark-purple);
    }
.mc-component-package-chooser .mc-component-package:first-child + div + div a:hover svg path,.mc-component-package-chooser .mc-component-package:first-child + div + div a:focus svg path {
                /*fill: var(--color-brand-milou-red);*/
                /*fill: var(--color-brand-milou-red);*/
            }
.mc-component-package-chooser .mc-component-package:first-child + div + div .mc-square-button {
        background-color: var(--color-brand-milou-red);
    }
.mc-component-package-chooser .mc-component-package:first-child + div + div .mc-square-button:hover,.mc-component-package-chooser .mc-component-package:first-child + div + div .mc-square-button:focus {
        background-color: var(--color-brand-milou-red-darkened);
    }
.mc-component-package-chooser .mc-component-package:first-child + div + div .mc-square-button-icon svg path {
        fill: var(--color-peach);
    }
.mc-component-package-chooser .mc-component-package:first-child + div + div path {
        color: var(--color-peach);
        fill: var(--color-peach);
    }
.mc-component-package-chooser .mc-component-package:first-child + div + div:has(h2:hover) .mc-square-button {
    background-color: var(--color-brand-milou-red-darkened);
}
@media (min-width: 1024px){

  .mc-component-package-chooser .mc-component-package:first-child + div + div{
    min-height: 43.75rem;
  }

  .mc-component-package-chooser .mc-component-package:first-child + div + div::after{
    content: var(--tw-content);
    background-color: var(--color-light-beige);
  }
}
.mc-component-package-chooser .mc-component-package:first-child + div + div + div{
  background-color: var(--color-peach);
    color: var(--color-dark-gray);
}
.mc-component-package-chooser .mc-component-package:first-child + div + div + div h2,.mc-component-package-chooser .mc-component-package:first-child + div + div + div h2 a,.mc-component-package-chooser .mc-component-package:first-child + div + div + div .category {
        color: var(--color-dark-gray);
    }
.mc-component-package-chooser .mc-component-package:first-child + div + div + div a {
        color: var(--color-dark-purple);
    }
.mc-component-package-chooser .mc-component-package:first-child + div + div + div a:hover svg path,.mc-component-package-chooser .mc-component-package:first-child + div + div + div a:focus svg path {
                /*fill: var(--color-brand-milou-red);*/
                /*fill: var(--color-brand-milou-red);*/
            }
.mc-component-package-chooser .mc-component-package:first-child + div + div + div .mc-square-button {
        background-color: var(--color-brand-milou-red);
    }
.mc-component-package-chooser .mc-component-package:first-child + div + div + div .mc-square-button:hover,.mc-component-package-chooser .mc-component-package:first-child + div + div + div .mc-square-button:focus {
        background-color: var(--color-brand-milou-red-darkened);
    }
.mc-component-package-chooser .mc-component-package:first-child + div + div + div .mc-square-button-icon svg path {
        fill: var(--color-peach);
    }
.mc-component-package-chooser .mc-component-package:first-child + div + div + div:has(h2:hover) .mc-square-button {
    background-color: var(--color-brand-milou-red-darkened);
}
@media (min-width: 1024px){

  .mc-component-package-chooser .mc-component-package:first-child + div + div + div{
    min-height: 31.25rem;
  }

  .mc-component-package-chooser .mc-component-package:first-child + div + div + div::after{
    content: var(--tw-content);
    background-color: var(--color-peach);
  }
}
.mc-component-product-gallery .mc-component-product p {
            margin-top: .5rem;
            font-size: 1.125rem;
        }
#mc-product-toast {
    transition: opacity 300ms ease-in-out;
}
#mc-product-toast.hidden-by-scroll {
        opacity: 0;
    }
#mc-product-toast a:focus-visible {
            box-shadow: none;
        }
#mc-product-toast a::before {
            content: '';
            position: absolute;
            height: 100%;
            width: 100%;
            inset: 0;
        }
.mc-heading-hello {
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.4;
}
@media (max-width: 375px) {
.mc-heading-hello {
    -webkit-hyphens: auto;
            hyphens: auto
}
  }
@media (min-width: 640px) {
.mc-heading-hello {
    font-size: 3.5rem
}
  }
@media (min-width: 768px) {
.mc-heading-hello {
    font-size: 4.375rem
}
  }
.mc-heading-feature {
  font-size: 2.5rem; /* 40px */
  color: var(--color-text-primary);
  font-weight: 800;
  line-height: 1.25;
}
@media (max-width: 375px) {
.mc-heading-feature {
    -webkit-hyphens: auto;
            hyphens: auto
}
  }
.mc-heading-banner {
  font-size: 2.8rem; /* 60px */
  font-weight: 800;
  font-family: Komet;
  font-style: normal;
  line-height: 1.25;
}
@media (max-width: 375px) {
.mc-heading-banner {
    -webkit-hyphens: auto;
            hyphens: auto
}
  }
@media (min-width: 640px) {
.mc-heading-banner {
    font-size: 3.75rem /* 60px */
}
  }
.mc-heading-text-banner,
.mc-header {
  font-size: 2.813rem; /* 80px */
  font-weight: 800;
  line-height: 1;
}
@media (max-width: 375px) {
.mc-heading-text-banner,
.mc-header {
    -webkit-hyphens: auto;
            hyphens: auto
}
  }
@media (min-width: 640px) {
.mc-heading-text-banner,
.mc-header {
    font-size: 5rem /* 80px */
}
  }
.mc-heading-news {
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1.125;
}
@media (max-width: 375px) {
.mc-heading-news {
    -webkit-hyphens: auto;
            hyphens: auto
}
  }
.mc-heading-news-item {
  font-size: 1.875rem;
  font-weight: 800;
  line-height: 1.125;
}
@media (max-width: 375px) {
.mc-heading-news-item {
    -webkit-hyphens: auto;
            hyphens: auto
}
  }
.mc-subheader {
  font-size: 1.5rem;
}
@media (min-width: 640px) {
.mc-subheader {
    font-size: 1.875rem;
}
  }
.mc-subheader{
  font-weight: 800;
  line-height: 1.125;
}
.mc-form form {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        color: white;
    }
.mc-form form a {
            color: var(--color-light-beige);
        }
.mc-form form a:hover {
                text-decoration: none;
            }
.mc-form form h2 {
            font-size: 2.5rem; /* 40px -> 2.5rem */
            font-weight: 800;
            line-height: 1.1;
        }
.mc-form form h2,
        .mc-form form p {
            max-width: 48rem;
        }
.mc-form form > p {
            color: var(--color-peach);
            font-size: 1.5rem; /* 24px -> 1.5rem */
            line-height: 1.5;
        }
.mc-form .mc-row {
        display: flex;
        flex-direction: column;
    }
.mc-form .mc-row:has(.wpcf7-not-valid) label {
                color: var(--color-light-red);
            }
.mc-form .mc-row:has(:active):not(:has(.acceptance-label:active)) label {
                color: var(--color-light-beige);
            }
.mc-form .mc-row--personal h3 {
            font-size: 1.5rem;
            font-weight: 700;
        }
.mc-form .mc-row--personal p {
            font-weight: 400;
            font-size: 1rem;
        }
.mc-form label[for], .mc-form .acceptance-label {
        font-size: 1.125rem;
        padding-bottom: 0.5rem;
        display: block;
        font-weight: 700;
    }
.mc-form .acceptance-label + br {
        display: none;
    }
.mc-form input::-webkit-outer-spin-button,
    .mc-form input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
.mc-form input[type=number] {
        -moz-appearance: textfield;
    }
.mc-form input[type='text'],
    .mc-form input[type='tel'],
    .mc-form input[type='email'],
    .mc-form input[type='number'],
    .mc-form textarea {
        border: 1px solid white;
        width: 100%;
        max-width: 48rem;
        background: rgb(255 255 255 / 15%);
        min-height: 3rem;
        font-size: 1.125rem;
        padding: 0.5rem;
    }
.mc-form input[type='text']:hover, .mc-form input[type='tel']:hover, .mc-form input[type='email']:hover, .mc-form input[type='number']:hover, .mc-form textarea:hover {
            background: rgb(255 255 255 / 25%);
        }
.mc-form input[type='text']:active, .mc-form input[type='tel']:active, .mc-form input[type='email']:active, .mc-form input[type='number']:active, .mc-form textarea:active {
            border-color: var(--color-light-beige);
            outline-color: var(--color-light-beige);
        }
.mc-form input[type='text'].wpcf7-not-valid:not(:focus), .mc-form input[type='tel'].wpcf7-not-valid:not(:focus), .mc-form input[type='email'].wpcf7-not-valid:not(:focus), .mc-form input[type='number'].wpcf7-not-valid:not(:focus), .mc-form textarea.wpcf7-not-valid:not(:focus) {
            border-color: #fff;
            box-shadow: 0 0 0 2px white, 0 0 0 6px var(--color-light-red);
        }
.mc-form input[type='checkbox'] {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
    }
.mc-form input[type='checkbox']:focus-visible + span::before {
                box-shadow: 0 0 0 2px white, 0 0 0 6px #0c6ddf;
            }
.mc-form input[type='checkbox'] ~ span::before {
        width: 2rem;
        height: 2rem;
        border: 1px solid white;
        background: rgb(255 255 255 / 15%);
        display: block;
        flex-shrink: 0;
    }
.mc-form input[type='checkbox']:checked ~ span::before {
        background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.5306 0.21082C17.2881 0.0368806 16.9865 -0.0335603 16.6921 0.0149924C16.3977 0.0635451 16.1347 0.227115 15.9608 0.469721L5.43458 15.1543L1.92084 11.6355C1.81639 11.5309 1.69238 11.4479 1.55589 11.3913C1.4194 11.3347 1.27311 11.3056 1.12536 11.3055C0.977609 11.3055 0.831299 11.3346 0.694783 11.3911C0.558267 11.4477 0.434219 11.5306 0.32972 11.6351C0.22522 11.7396 0.142317 11.8637 0.0857441 12.0002C0.0291707 12.1368 3.48512e-05 12.2832 3.12467e-08 12.431C-3.47887e-05 12.5789 0.0290321 12.7253 0.0855411 12.8619C0.14205 12.9984 0.224895 13.1226 0.329345 13.2271L4.78058 17.6802C4.89745 17.7927 5.03689 17.8791 5.18966 17.9336C5.34243 17.9881 5.50503 18.0094 5.66667 17.9962C5.82832 17.983 5.98531 17.9356 6.12723 17.857C6.26915 17.7785 6.39275 17.6706 6.48983 17.5406L17.7893 1.78148C17.9631 1.53886 18.0335 1.23709 17.985 0.942534C17.9365 0.647981 17.773 0.384778 17.5306 0.21082Z" fill="currentColor"/></svg>');
        background-color: var(--color-light-beige);
        background-repeat: no-repeat;
        background-position: center;
        border: none;
    }
.mc-form .wpcf7-acceptance, .mc-form .wpcf7-checkbox {
        -webkit-user-select: none;
           -moz-user-select: none;
                user-select: none;
    }
.mc-form .wpcf7-acceptance:hover input[type='checkbox'] ~ span::before, .mc-form .wpcf7-checkbox:hover input[type='checkbox'] ~ span::before {
                border-width: 2px;
            }
.mc-form .wpcf7-acceptance .wpcf7-list-item, .mc-form .wpcf7-checkbox .wpcf7-list-item {
            margin: 0;
        }
.mc-form .wpcf7-acceptance .wpcf7-list-item-label, .mc-form .wpcf7-checkbox .wpcf7-list-item-label {
            display: flex;
            gap: 0.75rem;
            font-size: 1.125rem;
            font-weight: 400;
        }
.mc-form #form-products {
        display: flex;
        flex-direction: column;
    }
@media (min-width: 640px) {
.mc-form #form-products {
            flex-direction: row
    }
        }
.mc-form #form-products{
        gap: 1rem;
}
.mc-form #form-products > :first-child {
            font-size: 1.125rem;
            color: var(--color-peach);
            margin-top: .4rem;
            flex-shrink: 0;
        }
/*
        .wpcf7-checkbox {
            .wpcf7-list-item {
                input:focus-visible + .wpcf7-list-item-label {
                    outline: none;
                    box-shadow: 0 0 0 2px white, 0 0 0 6px #0c6ddf;
                }
                .wpcf7-list-item-label {
                    background: var(--color-light-beige);
                    font-weight: bold;
                    color: var(--color-dark-gray);
                    padding: .5rem 1rem;
                    font-size: .875rem;
                    display: flex;
                    align-items: center;
                    cursor: pointer;
                    transition: 300ms ease-in-out;
                    &:hover {
                        background: var(--color-peach);
                    }

                    &:before {
                        content: none;
                    }

                    &:after {
                        content: "";
                        background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 19.5L19.5 4.5" stroke="%232B2B2B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.5 4.5L19.5 19.5" stroke="%232B2B2B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                        display: block;
                        width: 1.5rem;
                        height: 1.5rem;
                    }
                }
            }
        }
         */
.mc-form #form-products .mc-button:not(:last-child) {
            background: var(--color-light-beige);
            font-weight: bold;
            color: var(--color-dark-gray);
            padding: .5rem 1rem;
            font-size: .875rem;
        }
.mc-form #form-products .mc-button:not(:last-child):hover {
                background: var(--color-peach);
            }
.mc-form #form-products .mc-button:not(:last-child):after {
                content: "";
                background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 19.5L19.5 4.5" stroke="%232B2B2B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.5 4.5L19.5 19.5" stroke="%232B2B2B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                display: block;
                width: 1.5rem;
                height: 1.5rem;
                flex-shrink: 0;
            }
.mc-form #form-products .mc-button:last-child {
            padding: .5rem 1rem;
            font-size: .875rem;
            background: none;
            border: 1px solid var(--color-peach);
            color: var(--color-peach);
            transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
        }
.mc-form #form-products .mc-button:last-child:hover {
                background: var(--color-peach);
                color: var(--color-dark-gray);
            }
.mc-form textarea {
        height: 7.5rem;
    }
.mc-form .wpcf7-not-valid-tip {
        color: var(--color-light-red);
        font-size: 1rem;
        margin-top: 0.5rem;
    }
.mc-form .wpcf7-response-output {
        margin: 0 !important;
        padding-block: 1rem !important;
        padding-inline: 1.5rem !important;
        font-size: 1.125rem;
        max-width: 48rem;
        border-radius: 0.375rem;
        font-weight: normal !important;
        border: none;
        font-weight: 500 !important;
    }
.mc-form .wpcf7-form.invalid .wpcf7-response-output {
        background: rgb(0 0 0 / 50%);
        color: white;
        border: none !important;
        border-left: 6px solid var(--color-light-red) !important;
    }
.mc-form .wpcf7 form.sent .wpcf7-response-output {
        background: var(--color-light-teal) !important;
        color: var(--color-dark-gray) !important;
        border: none !important;
        border-left: 6px solid var(--color-teal) !important;
    }
.mc-form .mc-contact-addresses li {
            position: relative;
        }
.mc-form .mc-contact-addresses li a::before {
                    content: '';
                    position: absolute;
                    inset: 0;
                }
.mc-form .mc-contact-addresses li a:focus-visible {
                    box-shadow: none;
                }
.mc-form .mc-contact-addresses li a:focus-visible::before {
                        box-shadow: 0 0 0 2px white, 0 0 0 6px #0c6ddf;
                    }
body:not(.loaded) {
        overflow: hidden;
    }
body:not(.loaded) header, body:not(.loaded) main, body:not(.loaded) footer {
            opacity: 0;
            pointer-events: none;
        }
body .cky-notice-des *, body .cky-preference-content-wrapper *, body .cky-dma-content-wrapper *, body .cky-accordion-header-des *, body .cky-gpc-wrapper .cky-gpc-desc * {
        font-size: .875rem;
    }
body .cky-footer-shadow {
        display: none;
    }
body .cky-preference-header .cky-btn-close {
        padding: 1rem;
        margin: -10px;
    }
body .cky-preference-header .cky-btn-close img {
            width: 12px;
            height: 12px;
        }
body .cky-accordion-header .cky-accordion-btn {
        text-align: left;
    }
body .cky-consent-container {
        position: static;
        width: 100%;
        left: auto;
        bottom: auto;
    }
body .cky-preference-body-wrapper {
        overflow: visible;
    }
body .cky-audit-table {
        color: #212121 !important;
        border-color: #ebebeb !important;
        background-color: #f4f4f4 !important;
    }
body .cky-audit-table .cky-empty-cookies-text, body .cky-audit-table .cky-cookie-des-table {
            font-size: .875rem;
        }
body .cky-preference-center {
        overflow: auto;
        max-height: 100dvh;
    }
@media (max-width: 576px) {
        body .cky-prefrence-btn-wrapper .cky-btn {
            order: 1;
        }
    }
body .cky-notice-btn-wrapper {
        max-width: 500px;
    }
body .cky-notice-des {
        max-height: none;
        overflow: visible;
    }
@media (max-width: 440px) {
        body .cky-notice-btn-wrapper button {
            order: 0 !important;
        }
    }
@media (max-width: 352px) {
        body .cky-notice-des, body .cky-btn {
            font-size: .75rem !important;
        }
        body .cky-cookie-des-table li {
            flex-wrap: wrap;
        }
            body .cky-cookie-des-table li > div {
                width: 100% !important;
                margin: 0 !important;
            }
    }
body .cky-switch {
        position: relative;
    }
body .cky-switch:hover input[type="checkbox"]:not(:checked) ~ label:before {
                background-color: rgba(0,0,0,0.05);
            }
body .cky-switch input[type="checkbox"] {
            position: absolute;
            overflow: hidden;
            padding: 0;
            border: 0;
            width: 1.5rem;
            height: 1.5rem;
            background: none !important;
        }
body .cky-switch input[type="checkbox"]:before {
                content: none;
            }
body .cky-switch input[type="checkbox"] ~ label {
                display: flex;
            }
body .cky-switch input[type="checkbox"] ~ label:before {
                    content: "";
                    width: 1.5rem;
                    height: 1.5rem;
                    border: 1px solid black;
                    display: block;
                    flex-shrink: 0;
                    transition: background-color 150ms ease-in-out;
                }
body .cky-switch input[type="checkbox"]:focus-visible {
                outline: none;
                box-shadow: none;
            }
body .cky-switch input[type="checkbox"]:focus-visible + label:before {
                    box-shadow: 0 0 0 2px white, 0 0 0 6px #0c6ddf;
                }
body .cky-switch input[type="checkbox"]:checked ~ label:before {
                background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.5306 0.21082C17.2881 0.0368806 16.9865 -0.0335603 16.6921 0.0149924C16.3977 0.0635451 16.1347 0.227115 15.9608 0.469721L5.43458 15.1543L1.92084 11.6355C1.81639 11.5309 1.69238 11.4479 1.55589 11.3913C1.4194 11.3347 1.27311 11.3056 1.12536 11.3055C0.977609 11.3055 0.831299 11.3346 0.694783 11.3911C0.558267 11.4477 0.434219 11.5306 0.32972 11.6351C0.22522 11.7396 0.142317 11.8637 0.0857441 12.0002C0.0291707 12.1368 3.48512e-05 12.2832 3.12467e-08 12.431C-3.47887e-05 12.5789 0.0290321 12.7253 0.0855411 12.8619C0.14205 12.9984 0.224895 13.1226 0.329345 13.2271L4.78058 17.6802C4.89745 17.7927 5.03689 17.8791 5.18966 17.9336C5.34243 17.9881 5.50503 18.0094 5.66667 17.9962C5.82832 17.983 5.98531 17.9356 6.12723 17.857C6.26915 17.7785 6.39275 17.6706 6.48983 17.5406L17.7893 1.78148C17.9631 1.53886 18.0335 1.23709 17.985 0.942534C17.9365 0.647981 17.773 0.384778 17.5306 0.21082Z" fill="currentColor"/></svg>');
                background-color: var(--color-light-beige);
                background-repeat: no-repeat;
                background-position: center;
            }
body .cky-btn {
        border-radius: 0 !important;
        font-size: inherit !important;
    }
body .cky-dma-content-wrapper a, body .cky-notice-des a, body .cky-show-desc-btn {
        color: inherit !important;
        font-weight: 700;
        text-decoration: underline !important;
        text-underline-offset: 3px;
        transition: -webkit-text-decoration 150ms ease-in-out;
        transition: text-decoration 150ms ease-in-out;
        transition: text-decoration 150ms ease-in-out, -webkit-text-decoration 150ms ease-in-out;
    }
body .cky-dma-content-wrapper a:hover, body .cky-notice-des a:hover, body .cky-show-desc-btn:hover {
        text-decoration-color: transparent !important;
    }
html,
body {
    height: 100%;
}
.word-wrap {
    overflow-wrap: anywhere;
}
a {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}
input:focus-visible, select:focus-visible, textarea:focus-visible, [contenteditable]:focus-visible {
        outline: none;
        box-shadow: 0 0 0 2px white, 0 0 0 6px #0c6ddf;
    }
a[href]:focus-visible, button:focus-visible, iframe:focus-visible, form:focus-visible, dialog:focus-visible, video:focus-visible, aside:focus-visible {
        outline: none;
    }
body.tabbed a[href]:focus-visible, body.tabbed button:focus-visible, body.tabbed iframe:focus-visible, body.tabbed form:focus-visible, body.tabbed dialog:focus-visible, body.tabbed video:focus-visible, body.tabbed aside:focus-visible {
            box-shadow: 0 0 0 2px white, 0 0 0 6px #0c6ddf;
        }
.mc-skip-link {
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0, 0 0);
}
.mc-skip-link:focus-within {
    -webkit-clip-path: none;
            clip-path: none;
}
.mc-focus-inset:focus-within {
    box-shadow: inset 0 0 0 2px white, inset 0 0 0 6px #0c6ddf !important;
}
.mc-ingress {
    font-family: Komet;
    font-size: 1.5rem;
    font-style: normal;
    line-height: normal;
}
.mc-button-send {
    cursor: pointer;
    background-color: var(--color-peach);
    background-image: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 16.0187C19.8518 16.0186 19.7069 15.9745 19.5837 15.8921C19.4605 15.8097 19.3644 15.6926 19.3077 15.5556C19.251 15.4187 19.2362 15.268 19.265 15.1226C19.2939 14.9772 19.3652 14.8436 19.47 14.7387L21.94 12.2687L1.25 12.2687C1.05109 12.2687 0.860323 12.1897 0.719671 12.049C0.579018 11.9084 0.500001 11.7176 0.500001 11.5187C0.500001 11.3198 0.579018 11.129 0.719671 10.9884C0.860323 10.8477 1.05109 10.7687 1.25 10.7687L21.939 10.7687L19.469 8.2987C19.3953 8.23004 19.3362 8.14724 19.2952 8.05524C19.2542 7.96324 19.2322 7.86393 19.2304 7.76323C19.2286 7.66252 19.2472 7.5625 19.2849 7.46911C19.3226 7.37572 19.3787 7.29089 19.45 7.21967C19.5212 7.14845 19.606 7.0923 19.6994 7.05458C19.7928 7.01686 19.8928 6.99834 19.9935 7.00011C20.0942 7.00189 20.1935 7.02393 20.2855 7.06492C20.3775 7.10592 20.4603 7.16502 20.529 7.2387L24.279 10.9887C24.3492 11.0586 24.4046 11.1419 24.442 11.2337C24.442 11.2417 24.449 11.2507 24.452 11.2597C24.4836 11.3424 24.4998 11.4302 24.5 11.5187C24.4997 11.6068 24.4838 11.6942 24.453 11.7767L24.447 11.7927C24.4095 11.8886 24.3527 11.9758 24.28 12.0487L20.53 15.7987C20.4607 15.8687 20.3781 15.9242 20.2871 15.962C20.1961 15.9998 20.0985 16.0191 20 16.0187Z" fill="%232B2B2B"/><defs><rect width="24" height="24" fill="white" transform="translate(0.5)"/></defs></svg>');
    background-repeat: no-repeat;
    background-position: center bottom;
    color: var(--color-dark-gray);
    font-size: 1rem;
    font-weight: 700;
    display: inline-block;
    text-decoration: none;
    padding: 0.5rem;
    padding-block-end: 1.25rem;
    background-clip: border-box;
    border: 0.5rem solid var(--color-peach);
}
.mc-button-send:hover {
        background-color: var(--color-light-red);
        border-color: var(--color-light-red);
    }
.mc-button-back:hover .md-icon-thin-arrow-square {
        background: var(--color-brand-milou-red-darkened);
    }
.mc-button {
    background-color: var(--color-peach);
    display: inline-flex;
    gap: .5rem;
    padding: 1rem;
    font-weight: 700;
    align-items: center;
    transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
}
.mc-button svg path {
        transition: 300ms ease-in-out;
    }
.mc-button:hover {
        background-color: var(--color-light-red);
    }
.mc-button.selected, .mc-button:active {
        background-color: var(--color-dark-turqoise);
        color: #fff;
    }
.mc-button.selected svg path, .mc-button:active svg path {
            stroke: #fff;
        }
.mc-button.selected:hover, .mc-button:active:hover {
            background-color: var(--color-dark-gray);
        }
.mc-gradient-red-fade {
    background: var(--gradient-red-fade);
}
.mc-push-left {
    margin-left: var(--push-left);
}
.mc-p-hello {
    font-size: 1.5rem;
}
/*
.mc-heading-banner {
  &.quotation::before {
    content: '\201C';
  }
}

.mc-heading-banner {
  &.quotation::after {
    content: '\201D';
  }
}
*/
.mc-half-dark {
    background: linear-gradient(
            180deg,
            var(--color-almost-black) 50%,
            rgba(92, 118, 0, 0) 50%
    );
}
.bg-peach,
.bg-gray-light,
.bg-beige-light,
.bg-red-light,
.bg-white {
    color: var(--color-dark-gray);
}
.bg-peach h2,
    .bg-peach h2 a,
    .bg-peach .category,
    .bg-gray-light h2,
    .bg-gray-light h2 a,
    .bg-gray-light .category,
    .bg-beige-light h2,
    .bg-beige-light h2 a,
    .bg-beige-light .category,
    .bg-red-light h2,
    .bg-red-light h2 a,
    .bg-red-light .category,
    .bg-white h2,
    .bg-white h2 a,
    .bg-white .category {
        color: var(--color-dark-gray);
    }
.bg-peach a, .bg-gray-light a, .bg-beige-light a, .bg-red-light a, .bg-white a {
        color: var(--color-dark-purple);
    }
/*color: var(--color-brand-milou-red);*/
.bg-peach a:hover svg path, .bg-peach a:focus svg path, .bg-gray-light a:hover svg path, .bg-gray-light a:focus svg path, .bg-beige-light a:hover svg path, .bg-beige-light a:focus svg path, .bg-red-light a:hover svg path, .bg-red-light a:focus svg path, .bg-white a:hover svg path, .bg-white a:focus svg path {
                /*fill: var(--color-brand-milou-red);*/
            }
.bg-peach .mc-square-button, .bg-gray-light .mc-square-button, .bg-beige-light .mc-square-button, .bg-red-light .mc-square-button, .bg-white .mc-square-button {
        background-color: var(--color-brand-milou-red);
    }
.bg-peach .mc-square-button:hover,
    .bg-peach .mc-square-button:focus,
    .bg-gray-light .mc-square-button:hover,
    .bg-gray-light .mc-square-button:focus,
    .bg-beige-light .mc-square-button:hover,
    .bg-beige-light .mc-square-button:focus,
    .bg-red-light .mc-square-button:hover,
    .bg-red-light .mc-square-button:focus,
    .bg-white .mc-square-button:hover,
    .bg-white .mc-square-button:focus {
        background-color: var(--color-brand-milou-red-darkened);
    }
.bg-peach .mc-square-button-icon svg path, .bg-gray-light .mc-square-button-icon svg path, .bg-beige-light .mc-square-button-icon svg path, .bg-red-light .mc-square-button-icon svg path, .bg-white .mc-square-button-icon svg path {
        fill: var(--color-peach);
    }
.bg-beige-light path {
        color: var(--color-peach);
        fill: var(--color-peach);
    }
.bg-peach:has(h2:hover) .mc-square-button,
.bg-gray-light:has(h2:hover) .mc-square-button,
.bg-beige-light:has(h2:hover) .mc-square-button,
.bg-red-light:has(h2:hover) .mc-square-button,
.bg-white:has(h2:hover) .mc-square-button {
    background-color: var(--color-brand-milou-red-darkened);
}
.bg-black-almost,
.bg-purple,
.bg-purple-dark,
.bg-gray-dark {
    color: var(--color-white);
}
.bg-black-almost h2,
    .bg-black-almost h2 a,
    .bg-black-almost .category,
    .bg-purple h2,
    .bg-purple h2 a,
    .bg-purple .category,
    .bg-purple-dark h2,
    .bg-purple-dark h2 a,
    .bg-purple-dark .category,
    .bg-gray-dark h2,
    .bg-gray-dark h2 a,
    .bg-gray-dark .category {
        color: var(--color-white);
    }
.bg-black-almost p,
    .bg-black-almost a,
    .bg-purple p,
    .bg-purple a,
    .bg-purple-dark p,
    .bg-purple-dark a,
    .bg-gray-dark p,
    .bg-gray-dark a {
        color: white;
    }
.bg-black-almost a:hover,
    .bg-black-almost a:focus,
    .bg-purple a:hover,
    .bg-purple a:focus,
    .bg-purple-dark a:hover,
    .bg-purple-dark a:focus,
    .bg-gray-dark a:hover,
    .bg-gray-dark a:focus {
        color: white;
    }
.bg-black-almost a:hover svg path, .bg-black-almost a:focus svg path, .bg-purple a:hover svg path, .bg-purple a:focus svg path, .bg-purple-dark a:hover svg path, .bg-purple-dark a:focus svg path, .bg-gray-dark a:hover svg path, .bg-gray-dark a:focus svg path {
                /* fill: var(--color-light-red); */
            }
.bg-black-almost .mc-square-button, .bg-purple .mc-square-button, .bg-purple-dark .mc-square-button, .bg-gray-dark .mc-square-button {
        background-color: var(--color-peach);
    }
.bg-black-almost .mc-square-button:hover,
    .bg-black-almost .mc-square-button:focus,
    .bg-purple .mc-square-button:hover,
    .bg-purple .mc-square-button:focus,
    .bg-purple-dark .mc-square-button:hover,
    .bg-purple-dark .mc-square-button:focus,
    .bg-gray-dark .mc-square-button:hover,
    .bg-gray-dark .mc-square-button:focus {
        background-color: var(--color-peach-darkened);
    }
.bg-black-almost .mc-square-button-icon svg path, .bg-purple .mc-square-button-icon svg path, .bg-purple-dark .mc-square-button-icon svg path, .bg-gray-dark .mc-square-button-icon svg path {
        fill: var(--color-dark-purple);
    }
.bg-black-almost:has(h2:hover) .mc-square-button,
.bg-purple:has(h2:hover) .mc-square-button,
.bg-purple-dark:has(h2:hover) .mc-square-button,
.bg-gray-dark:has(h2:hover) .mc-square-button,
.bg-red-fade:has(h2:hover) .mc-square-button {
    background-color: var(--color-peach-darkened);
}
.bg-red-fade {
    color: var(--color-white);
}
.bg-red-fade h2,
    .bg-red-fade h2 a,
    .bg-red-fade .category {
        color: var(--color-white);
    }
.bg-red-fade p,
    .bg-red-fade path {
        /*color: var(--color-peach);
        fill: var(--color-peach);*/
        color: white;
    }
/*a:hover,
    path:hover {
      color: var(--color-light-red);
      fill: var(--color-light-red);
    }*/
.bg-red-fade a {
        color: var(--color-white);
    }
.bg-red-fade .mc-square-button {
        background-color: var(--color-peach);
    }
.bg-red-fade .mc-square-button:hover,
    .bg-red-fade .mc-square-button:focus {
        background-color: var(--color-peach-darkened);
    }
.bg-red-fade .mc-square-button-icon svg path {
        fill: var(--color-dark-purple);
    }
.mc-standard-custom-module.bg-gray-dark p, .mc-standard-custom-module.bg-black-almost p {
        color: var(--color-white);
    }
.mc-standard-custom-module.bg-gray-light p, .mc-standard-custom-module.bg-white p {
        color: var(--color-dark-gray);
    }
.mc-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.screen-reader-response ul:empty {
    display: none;
}
.hover\:border-b-\[--color-almost-black\]:hover{
  border-bottom-color: var(--color-almost-black);
}
.hover\:border-b-white:hover{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.hover\:\!bg-peach:hover{
  background-color: var(--color-peach) !important;
}
.hover\:bg-\[--color-peach-20\]:hover{
  background-color: var(--color-peach-20);
}
.hover\:bg-\[rgb\(147_22_68_\/_20\%\)\]:hover{
  background-color: rgb(147 22 68 / 20%);
}
.hover\:bg-black:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.hover\:bg-opacity-\[\.14\]:hover{
  --tw-bg-opacity: .14;
}
.hover\:\!text-\[--color-light-red\]:hover{
  color: var(--color-light-red) !important;
}
.hover\:text-red-milou:hover{
  color: var(--color-brand-milou-red);
}
.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:underline:hover{
  text-decoration-line: underline;
}
.hover\:no-underline:hover{
  text-decoration-line: none;
}
.active\:border-b-\[--color-almost-black\]:active{
  border-bottom-color: var(--color-almost-black);
}
.active\:border-b-white:active{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.active\:\!bg-\[--color-brand-milou-red\]:active{
  background-color: var(--color-brand-milou-red) !important;
}
.active\:bg-\[--color-brand-milou-red\]:active{
  background-color: var(--color-brand-milou-red);
}
.active\:bg-peach:active{
  background-color: var(--color-peach);
}
.active\:text-\[--color-dark-gray\]:active{
  color: var(--color-dark-gray);
}
.active\:text-white:active{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.group:hover .group-hover\:underline{
  text-decoration-line: underline;
}
.group.selected .group-\[\.selected\]\:block{
  display: block;
}
.group.selected .group-\[\.selected\]\:hidden{
  display: none;
}
@media (min-width: 560px){

  .xs\:w-\[28rem\]{
    width: 28rem;
  }

  .xs\:w-\[34rem\]{
    width: 34rem;
  }
}
@media (min-width: 640px){

  .sm\:bottom-\[2rem\]{
    bottom: 2rem;
  }

  .sm\:bottom-auto{
    bottom: auto;
  }

  .sm\:right-0{
    right: 0px;
  }

  .sm\:right-\[2rem\]{
    right: 2rem;
  }

  .sm\:top-0{
    top: 0px;
  }

  .sm\:top-8{
    top: 2rem;
  }

  .sm\:ml-4{
    margin-left: 1rem;
  }

  .sm\:block{
    display: block;
  }

  .sm\:hidden{
    display: none;
  }

  .sm\:h-\[32rem\]{
    height: 32rem;
  }

  .sm\:h-\[4rem\]{
    height: 4rem;
  }

  .sm\:min-h-\[30rem\]{
    min-height: 30rem;
  }

  .sm\:w-72{
    width: 18rem;
  }

  .sm\:w-\[17rem\]{
    width: 17rem;
  }

  .sm\:w-\[22\.5rem\]{
    width: 22.5rem;
  }

  .sm\:w-\[4rem\]{
    width: 4rem;
  }

  .sm\:w-auto{
    width: auto;
  }

  .sm\:min-w-\[10rem\]{
    min-width: 10rem;
  }

  .sm\:max-w-\[--max-width\]{
    max-width: var(--max-width);
  }

  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

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

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

  .sm\:gap-4{
    gap: 1rem;
  }

  .sm\:gap-8{
    gap: 2rem;
  }

  .sm\:gap-y-26{
    row-gap: 6.5rem;
  }

  .sm\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .sm\:px-16{
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .sm\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:px-\[3\.5rem\]{
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .sm\:pl-14{
    padding-left: 3.5rem;
  }

  .sm\:pr-\[3rem\]{
    padding-right: 3rem;
  }

  .sm\:text-left{
    text-align: left;
  }

  .sm\:text-\[1\.5rem\]{
    font-size: 1.5rem;
  }
}
@media (min-width: 768px){

  .md\:absolute{
    position: absolute;
  }

  .md\:relative{
    position: relative;
  }

  .md\:ml-auto{
    margin-left: auto;
  }

  .md\:inline{
    display: inline;
  }

  .md\:flex{
    display: flex;
  }

  .md\:hidden{
    display: none;
  }

  .md\:h-\[550px\]{
    height: 550px;
  }

  .md\:h-auto{
    height: auto;
  }

  .md\:max-h-\[44rem\]{
    max-height: 44rem;
  }

  .md\:min-h-0{
    min-height: 0px;
  }

  .md\:w-auto{
    width: auto;
  }

  .md\:max-w-max{
    max-width: -moz-max-content;
    max-width: max-content;
  }

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

  .md\:gap-16{
    gap: 4rem;
  }

  .md\:gap-6{
    gap: 1.5rem;
  }

  .md\:gap-8{
    gap: 2rem;
  }

  .md\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:py-\[12rem\]{
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .md\:py-\[9rem\]{
    padding-top: 9rem;
    padding-bottom: 9rem;
  }

  .md\:pb-32{
    padding-bottom: 8rem;
  }

  .md\:pb-\[4\.5rem\]{
    padding-bottom: 4.5rem;
  }

  .md\:pb-\[7rem\]{
    padding-bottom: 7rem;
  }

  .md\:pb-\[9rem\]{
    padding-bottom: 9rem;
  }

  .md\:pt-\[9rem\]{
    padding-top: 9rem;
  }

  .md\:text-left{
    text-align: left;
  }
}
@media (min-width: 1024px){

  .lg\:static{
    position: static;
  }

  .lg\:relative{
    position: relative;
  }

  .lg\:-mx-0{
    margin-left: -0px;
    margin-right: -0px;
  }

  .lg\:-mt-\[5rem\]{
    margin-top: -5rem;
  }

  .lg\:mb-0{
    margin-bottom: 0px;
  }

  .lg\:mt-auto{
    margin-top: auto;
  }

  .lg\:block{
    display: block;
  }

  .lg\:inline-block{
    display: inline-block;
  }

  .lg\:grid{
    display: grid;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:aspect-square{
    aspect-ratio: 1 / 1;
  }

  .lg\:h-\[700px\]{
    height: 700px;
  }

  .lg\:h-full{
    height: 100%;
  }

  .lg\:min-h-\[31\.25rem\]{
    min-height: 31.25rem;
  }

  .lg\:min-h-\[37\.5rem\]{
    min-height: 37.5rem;
  }

  .lg\:min-h-\[43\.75rem\]{
    min-height: 43.75rem;
  }

  .lg\:min-h-\[50rem\]{
    min-height: 50rem;
  }

  .lg\:flex-1{
    flex: 1 1 0%;
  }

  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

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

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

  .lg\:justify-normal{
    justify-content: normal;
  }

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

  .lg\:gap-6{
    gap: 1.5rem;
  }

  .lg\:gap-x-\[7rem\]{
    -moz-column-gap: 7rem;
         column-gap: 7rem;
  }

  .lg\:rounded-full{
    border-radius: 9999px;
  }

  .lg\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .lg\:px-48{
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .lg\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:pb-\[10rem\]{
    padding-bottom: 10rem;
  }

  .lg\:pt-0{
    padding-top: 0px;
  }

  .lg\:pt-\[1\.719rem\]{
    padding-top: 1.719rem;
  }

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

  .lg\:after\:bg-beige-light::after{
    content: var(--tw-content);
    background-color: var(--color-light-beige);
  }

  .lg\:after\:bg-peach::after{
    content: var(--tw-content);
    background-color: var(--color-peach);
  }

  .lg\:after\:bg-purple-dark::after{
    content: var(--tw-content);
    background-color: var(--color-dark-purple);
  }

  .lg\:after\:bg-red-light::after{
    content: var(--tw-content);
    background-color: var(--color-light-red);
  }
}
@media (min-width: 1112px){

  .xl\:absolute{
    position: absolute;
  }

  .xl\:h-\[10rem\]{
    height: 10rem;
  }

  .xl\:pt-\[10rem\]{
    padding-top: 10rem;
  }
}
@media (min-width: 1536px){

  .\32xl\:-ml-12{
    margin-left: -3rem;
  }
}
@media (max-width: 300px){

  .mini\:block{
    display: block;
  }

  .mini\:hidden{
    display: none;
  }

  .mini\:h-8{
    height: 2rem;
  }

  .mini\:w-8{
    width: 2rem;
  }

  .mini\:p-3{
    padding: 0.75rem;
  }

  .mini\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .mini\:px-1{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .mini\:pr-2{
    padding-right: 0.5rem;
  }
}
@media (max-height: 450px){

  .tight\:pt-32{
    padding-top: 8rem;
  }
}
.\[\&_a\:hover\]\:no-underline a:hover{
  text-decoration-line: none;
}
.\[\&_a\]\:block a{
  display: block;
}
.\[\&_a\]\:inline-block a{
  display: inline-block;
}
.\[\&_a\]\:font-bold a{
  font-weight: 700;
}
.\[\&_a\]\:underline a{
  text-decoration-line: underline;
}