/* Tailwind*/
*, ::before, ::after{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  
}
::backdrop{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  
}
/* ! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
  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::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
html{
    --tw-bg-opacity: 1;
    background-color: rgb(247 246 242 / var(--tw-bg-opacity))
}
@media (min-width: 640px){
    html{
        overflow-x: hidden
    }
}
html {
        scroll-behavior: smooth;
    }
/* .app-body {
        @apply pt-32;
    } */
section {
        padding: 62px 0;
    }
.container{
    margin-left: auto;
    margin-right: auto;
        padding: 0 24px
}
@media (min-width: 1024px) {

    .container {
            max-width: 1061px
    }
        }
@media (min-width: 1280px) {

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

    .col-padding {
            margin-left: 52px;
            margin-right: 52px
    }
        }
div p:last-of-type {
        margin-bottom: 0;
    }
div p + a {
        margin-top: 24px !important;
    }
.container-full{
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}
@media (min-width: 1024px) {

    .container-full {
            padding-left: calc((100% - 100vw) / 2);
            padding-right: calc((100% - 100vw) / 2)
    }
        }
.grid{
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0.5rem
}
@media (min-width: 768px){
    .grid{
        gap: 2rem
    }
}
.grid .grid {
            padding: 0;
        }
iframe{
    aspect-ratio: 16/9;
    height: 100%;
    width: 100%
}
hr{
    margin-top: 4rem;
    margin-bottom: 4rem;
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity))
}
.playfair-display {
        font-family: 'PlayfairDisplay-Regular' !important;
    }
.dm-sans-regular {
        font-family: 'Dm-Sans-Regular' !important;
    }
body {
        /* color: red; */
    }
body * {
        font-family: 'Dm-Sans-Regular';
        --tw-text-opacity: 1;
        color: rgb(84 74 49 / var(--tw-text-opacity));
    }
body {
        font-family: 'Dm-Sans-Regular';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
strong,
    b {
        font-family: 'Dm-Sans-Regular';
        font-weight: 700;
    }
p{
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.5rem
}
a{
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(133 117 78 / var(--tw-text-opacity));
    text-decoration-line: underline
}
a:focus,
        a:hover{
    --tw-text-opacity: 1;
    color: rgb(133 117 78 / var(--tw-text-opacity));
    text-decoration-line: none
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
    margin-top: 0px;
    margin-bottom: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(133 117 78 / var(--tw-text-opacity))
}
h1, .h1, h2, .h2 {
        font-family: 'PlayfairDisplay-Regular' !important;
    }
h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
        font-family: 'Dm-Sans-Regular' !important;
    }
h1, .h1{
    font-size: 2.25rem;
    line-height: 2.5rem
}
@media (min-width: 1024px){
    h1, .h1{
        font-size: 5.625rem;
        line-height: 1
    }
}
h2, .h2{
    font-size: 1.875rem;
    line-height: 2.25rem
}
@media (min-width: 1024px){
    h2, .h2{
        font-size: 3rem;
        line-height: 1
    }
}
h3, .h3{
    font-size: 1.5rem;
    line-height: 2rem
}
@media (min-width: 1024px){
    h3, .h3{
        font-size: 1.875rem;
        line-height: 2.25rem
    }
}
h4, .h4{
    font-size: 1.25rem;
    line-height: 1.75rem
}
@media (min-width: 1024px){
    h4, .h4{
        font-size: 1.5rem;
        line-height: 2rem
    }
}
h5, .h5 {
        font-family: 'Dm-Sans-Regular' !important;
        font-size: 1rem !important;
        line-height: 1.5rem !important;
        font-weight: 400 !important;
    }
h6, .h6 {
        font-family: 'PlayfairDisplay-Regular' !important;
        font-size: 1rem !important;
        line-height: 1.5rem !important;
    }
ul,
    ol{
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: 0.5rem
}
@media (min-width: 1024px){
    ul,
    ol{
        margin-left: 1.5rem
    }
}
li{
    margin-bottom: 0.5rem;
    list-style-type: disc
}
.sidebar li,
        .article li {
            list-style-type: disc;
        }
pre code {
            /* if your code looks wonky, remove this */
            white-space: pre-line;
        }
::selection{
    --tw-bg-opacity: 1;
    background-color: rgb(35 39 73 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity))
}
body.no-scroll.home.nav--top .nav  i *::selection {
            color: white !important;
        }
body.no-scroll.home.nav--top .nav  i::selection{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}
.header--big divbody.no-scroll.home.nav--top .nav  i::selection{
    margin-bottom: 5rem
}
.header--big divbody.no-scroll.home.nav--top .nav  i *::selection {
            color: white !important;
        }
.label-base {
        font-family: 'Dm-Sans-Bold';
        font-size: 0.75rem;
        line-height: 1rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        --tw-text-opacity: 1;
        color: rgb(84 74 49 / var(--tw-text-opacity));
    }
.note-base{
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(133 117 78 / var(--tw-text-opacity))
}
.text-white * {
            color: white !important;
        }
label {
        font-family: 'Dm-Sans-Bold';
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 500;
        --tw-text-opacity: 1;
        color: rgb(133 117 78 / var(--tw-text-opacity));
    }
input,
    textarea,
    select{
    margin-bottom: 0.5rem;
    width: 100%;
    border-radius: 0.375rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 1.5
}
.section--call-to-action input *,.section--call-to-action 
    textarea *,.section--call-to-action 
    select * {
            color: rgba(0, 146, 131, 1);
        }
.section--call-to-action input * .btn,.section--call-to-action 
    textarea * .btn,.section--call-to-action 
    select * .btn {
                border-color: rgba(0, 146, 131, 1);
            }
.section--call-to-action input * .btn:hover, .section--call-to-action input * .btn:focus,.section--call-to-action 
    textarea * .btn:hover, .section--call-to-action 
    textarea * .btn:focus,.section--call-to-action 
    select * .btn:hover, .section--call-to-action 
    select * .btn:focus {
                    background-color: rgba(0, 146, 131, 1);
                    color: #FFFFFF;
                }
input::placeholder,
    textarea::placeholder,
    select::placeholder{
    --tw-text-opacity: 1;
    color: rgb(133 117 78 / var(--tw-text-opacity))
}
input[aria-invalid="true"], textarea[aria-invalid="true"], select[aria-invalid="true"]{
    --tw-border-opacity: 1;
    border-color: rgb(133 117 78 / var(--tw-border-opacity))
}
input:focus, textarea:focus, select:focus{
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.section--call-to-action input:focus *,.section--call-to-action  textarea:focus *,.section--call-to-action  select:focus * {
            color: rgba(0, 146, 131, 1);
        }
.section--call-to-action input:focus * .btn,.section--call-to-action  textarea:focus * .btn,.section--call-to-action  select:focus * .btn {
                border-color: rgba(0, 146, 131, 1);
            }
.section--call-to-action input:focus * .btn:hover, .section--call-to-action input:focus * .btn:focus,.section--call-to-action  textarea:focus * .btn:hover, .section--call-to-action  textarea:focus * .btn:focus,.section--call-to-action  select:focus * .btn:hover, .section--call-to-action  select:focus * .btn:focus {
                    background-color: rgba(0, 146, 131, 1);
                    color: #FFFFFF;
                }
input:focus, textarea:focus, select:focus {
            transform: translate3d(-1px, -1px, 0);
            outline: 0;
        }
input:focus, textarea:focus{
    --tw-border-opacity: 1;
    border-color: rgb(84 74 49 / var(--tw-border-opacity))
}
textarea{
    height: 6rem
}
select{
    height: 3rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.section--call-to-action select * {
            color: rgba(0, 146, 131, 1);
        }
.section--call-to-action select * .btn {
                border-color: rgba(0, 146, 131, 1);
            }
.section--call-to-action select * .btn:hover, .section--call-to-action select * .btn:focus {
                    background-color: rgba(0, 146, 131, 1);
                    color: #FFFFFF;
                }
select option{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.section--call-to-action select option * {
            color: rgba(0, 146, 131, 1);
        }
.section--call-to-action select option * .btn {
                border-color: rgba(0, 146, 131, 1);
            }
.section--call-to-action select option * .btn:hover, .section--call-to-action select option * .btn:focus {
                    background-color: rgba(0, 146, 131, 1);
                    color: #FFFFFF;
                }
select:focus{
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            transform: none
}
[type='checkbox'], [type='radio']{
    margin: 0px;
    margin-bottom: 0px;
    height: 1rem;
    width: 1rem;
    flex-shrink: 0

        /* -webkit-appearance: none;
        appearance: none;
        padding: 0;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
        display: inline-block;
        vertical-align: middle;
        background-origin: border-box;
        -webkit-user-select: none;
        user-select: none;
        flex-shrink: 0;
        height: 1rem;
        width: 1rem;
        color: #2563eb;
        background-color: #fff;
        border-color: #6b7280;
        border-width: 1px;
        --tw-shadow: 0 0 #0000; */
}
.container{
    width: 100%
}
@media (min-width: 640px){
    .container{
        max-width: 640px
    }
}
@media (min-width: 768px){
    .container{
        max-width: 768px
    }
}
@media (min-width: 1024px){
    .container{
        max-width: 1024px
    }
}
@media (min-width: 1280px){
    .container{
        max-width: 1280px
    }
}
@media (min-width: 1536px){
    .container{
        max-width: 1536px
    }
}
.debug-screens::before{
    position: fixed;
    z-index: 2147483647;
    bottom: 0;
    left: 0;
    padding: .3333333em .5em;
    font-size: 12px;
    line-height: 1;
    font-family: sans-serif;
    background-color: #000;
    color: #fff;
    box-shadow: 0 0 0 1px #fff;
    content: 'screen: _'
}
@media (min-width: 640px){
    .debug-screens::before{
        content: 'screen: sm'
    }
}
@media (min-width: 768px){
    .debug-screens::before{
        content: 'screen: md'
    }
}
@media (min-width: 1024px){
    .debug-screens::before{
        content: 'screen: lg'
    }
}
@media (min-width: 1280px){
    .debug-screens::before{
        content: 'screen: xl'
    }
}
@media (min-width: 1536px){
    .debug-screens::before{
        content: 'screen: 2xl'
    }
}
.article{
    margin-top: 2rem
}
.article > p:first-of-type{
    font-size: 1.125rem;
    line-height: 1.75rem
}
.article h2,
        .article h3,
        .article h4,
        .article h5,
        .article h6{
    font-weight: 700
}
.article h4,
        .article h5,
        .article h6 {
            text-transform: uppercase;
        }
@media (min-width: 1024px) {
            .article p,
            .article ul,
            .article ol{
        margin-top: 1rem;
        margin-bottom: 2rem;
        line-height: 1.5
    }
        }
.alert {
        background-color: var(--alert-bg-color);
        color: var(--alert-text-color);
        border-radius: 0.5rem;
        padding: 0.5rem;
        --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
        --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
@media (min-width: 640px){
    .alert{
        padding: 0.75rem
    }
}
.alert a {
            color: var(--alert-text-color);
            text-decoration-line: underline;
        }
.alert a:hover{
    text-decoration-line: none
}
.alert .alert-wrapper{
    display: flex
}
.section--image-grid .little_pictures .alert .alert-wrapper {
            height: 100%;
        }
.alert .alert-close{
    display: flex;
    border-radius: 0.375rem;
    padding: 0.5rem
}
.section--image-grid .little_pictures .alert .alert-close {
            height: 100%;
        }
.alert .alert-close:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity))
}
.alert .alert-close:hover {
                background-color: rgba(0, 0, 0, .1);
            }
.alert .alert-close > i, .alert .alert-close > svg{
    height: 1.25rem;
    width: 1.25rem;
                color: var(--alert-text-color)
}
.alert .alert-icon{
    flex-shrink: 0
}
.alert .alert-icon > i, .alert .alert-icon > svg{
    height: 1.5rem;
    width: 1.5rem;
                color: var(--alert-text-color)
}
.alert .alert-message{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
            color: var(--alert-text-color)
}
.banner a:not(.btn){
    text-decoration-line: underline;
            color: var(--banner-text-color)
}
.banner a:not(.btn):hover{
    text-decoration-line: none
}
.banner .banner-close{
    display: flex;
    border-radius: 0.375rem;
    padding: 0.5rem
}
.section--image-grid .little_pictures .banner .banner-close {
            height: 100%;
        }
.banner .banner-close:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity))
}
.banner .banner-close:hover {
                background-color: rgba(0, 0, 0, .2);
            }
.banner .banner-close > i, .banner .banner-close > svg{
    height: 1.5rem;
    width: 1.5rem;
                color: var(--banner-text-color)
}
.banner .banner-icon{
    display: flex;
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 0.5rem;
    padding: 0.5rem
}
.section--image-grid .little_pictures .banner .banner-icon {
            height: 100%;
        }
.banner .banner-icon {
            background-color: rgba(0, 0, 0, .2);
        }
.banner .banner-icon > i, .banner .banner-icon > svg{
    height: 1.5rem;
    width: 1.5rem;
                color: var(--banner-text-color)
}
.banner .banner-message{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
            color: var(--banner-text-color)
}
.banner-bar .banner-wrapper{
    margin-left: auto;
    margin-right: auto;
    max-width: 80rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem
}
@media (min-width: 640px){
    .banner-bar .banner-wrapper{
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}
@media (min-width: 1024px){
    .banner-bar .banner-wrapper{
        padding-left: 2rem;
        padding-right: 2rem
    }
}
.banner-toast .banner-wrapper {
            background-color: var(--banner-bg-color);
            color: var(--banner-text-color);
            border-radius: 0.5rem;
            padding: 0.5rem;
            --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
            --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
@media (min-width: 640px){
    .banner-toast .banner-wrapper{
        padding: 0.75rem
    }
}
.btn{
    border-radius: 0.375rem;
    border-width: 1px;
    border-color: transparent;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    text-decoration-line: none;
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    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
}
.btn-danger * {
            color: white;
        }
.btn-danger{
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.header--big div.btn-danger{
    margin-bottom: 5rem
}
.header--big div.btn-danger * {
            color: white;
        }
.btn-danger:hover * {
            color: white;
        }
.btn-danger:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(153 27 27 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.btn-danger:focus * {
            color: white;
        }
.btn-danger:focus{
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity))
}
.btn-dark * {
            color: white;
        }
.btn-dark{
    --tw-bg-opacity: 1;
    background-color: rgb(107 114 128 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.header--big div.btn-dark{
    margin-bottom: 5rem
}
.header--big div.btn-dark * {
            color: white;
        }
.btn-dark:hover * {
            color: white;
        }
.btn-dark:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.btn-dark:focus * {
            color: white;
        }
.btn-dark:focus{
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity))
}
.btn-info * {
            color: white;
        }
.btn-info{
    --tw-bg-opacity: 1;
    background-color: rgb(14 165 233 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.header--big div.btn-info{
    margin-bottom: 5rem
}
.header--big div.btn-info * {
            color: white;
        }
.btn-info:hover * {
            color: white;
        }
.btn-info:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(7 89 133 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.btn-info:focus * {
            color: white;
        }
.btn-info:focus{
    --tw-bg-opacity: 1;
    background-color: rgb(2 132 199 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(186 230 253 / var(--tw-ring-opacity))
}
.btn-light * {
            color: white;
        }
.btn-light{
    --tw-bg-opacity: 1;
    background-color: rgb(120 113 108 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.header--big div.btn-light{
    margin-bottom: 5rem
}
.header--big div.btn-light * {
            color: white;
        }
.btn-light:hover * {
            color: white;
        }
.btn-light:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(41 37 36 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.btn-light:focus * {
            color: white;
        }
.btn-light:focus{
    --tw-bg-opacity: 1;
    background-color: rgb(87 83 78 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(231 229 228 / var(--tw-ring-opacity))
}
.btn-primary {
        font-family: 'Dm-Sans-Bold';
        margin-top: 1.5rem;
        display: inline-block;
        border-radius: 9999px;
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(133 117 78 / var(--tw-border-opacity));
        background-color: transparent;
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        font-size: 1rem;
        line-height: 1.5rem;
        --tw-text-opacity: 1;
        color: rgb(133 117 78 / var(--tw-text-opacity));
    }
.btn-primary:hover * {
            color: white;
        }
.btn-primary:hover{
    --tw-border-opacity: 1;
    border-color: rgb(133 117 78 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(133 117 78 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.btn-primary:focus * {
            color: white;
        }
.btn-primary:focus{
    --tw-bg-opacity: 1;
    background-color: rgb(122 108 72 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(221 214 197 / var(--tw-ring-opacity))
}
.btn-primary--white * {
            color: white;
        }
.btn-primary--white{
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.header--big div.btn-primary--white{
    margin-bottom: 5rem
}
.header--big div.btn-primary--white * {
            color: white;
        }
.btn-primary--little{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 0.75rem;
    line-height: 1rem
}
.btn-primary--little.actif * {
            color: white;
        }
.btn-primary--little.actif{
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(133 117 78 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.header--big div.btn-primary--little.actif{
    margin-bottom: 5rem
}
.header--big div.btn-primary--little.actif * {
            color: white;
        }
.btn-primary--little.actif {
                padding-right: 31px;
            }
.btn-primary--little.actif:before{
    position: absolute;
    top: 50%;
    right: 11px;
    display: block;
    height: 14px;
    width: 14px;
    --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));
    background-image: url('../images/icons/cross.svg');
    background-size: cover;
    background-position: center;
    --tw-content: '';
    content: var(--tw-content)
}
.btn-secondary {
        font-family: 'Dm-Sans-Bold';
    }
.btn-secondary * {
            color: white;
        }
.btn-secondary{
    margin-top: 1.5rem;
    display: inline-block;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(133 117 78 / var(--tw-bg-opacity));
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.header--big div.btn-secondary{
    margin-bottom: 5rem
}
.header--big div.btn-secondary * {
            color: white;
        }
.btn-secondary:hover{
    --tw-border-opacity: 1;
    border-color: rgb(133 117 78 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(133 117 78 / var(--tw-text-opacity))
}
.btn-secondary:focus * {
            color: white;
        }
.btn-secondary:focus{
    --tw-bg-opacity: 1;
    background-color: rgb(122 108 72 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(221 214 197 / var(--tw-ring-opacity))
}
.btn-secondary--little{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 0.75rem;
    line-height: 1rem
}
.btn-secondary--little.actif * {
            color: white;
        }
.btn-secondary--little.actif{
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(133 117 78 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.header--big div.btn-secondary--little.actif{
    margin-bottom: 5rem
}
.header--big div.btn-secondary--little.actif * {
            color: white;
        }
.btn-secondary--little.actif {
                padding-right: 31px;
            }
.btn-secondary--little.actif:before{
    position: absolute;
    top: 50%;
    right: 11px;
    display: block;
    height: 14px;
    width: 14px;
    --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));
    background-image: url('../images/icons/cross.svg');
    background-size: cover;
    background-position: center;
    --tw-content: '';
    content: var(--tw-content)
}
.news__nav .btn-primary--little{
    margin-right: 0.5rem
}
.btn-base {
        font-family: 'Dm-Sans-Bold';
        position: relative;
        display: inline-block;
        --tw-text-opacity: 1;
        color: rgb(84 74 49 / var(--tw-text-opacity));
        text-decoration-line: none;
    }
.btn-base::before{
    position: absolute;
    top: 50%;
    right: -20px;
    height: 16px;
    width: 16px;
    --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));
    background-image: url('../images/icons/arrow.svg');
    background-position: center;
    content: var(--tw-content);
    background-repeat: no-repeat
}
.btn-base--white * {
            color: white;
        }
.btn-base--white{
    font-weight: inherit;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.header--big div.btn-base--white{
    margin-bottom: 5rem
}
.header--big div.btn-base--white * {
            color: white;
        }
.btn-base--white::before{
    content: var(--tw-content);
    background-image: url('../images/icons/arrow-white.svg')
}
.btn-base--white:hover{
    --tw-text-opacity: 1;
    color: rgb(174 158 117 / var(--tw-text-opacity))
}
.btn-success * {
            color: white;
        }
.btn-success{
    --tw-bg-opacity: 1;
    background-color: rgb(16 185 129 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.header--big div.btn-success{
    margin-bottom: 5rem
}
.header--big div.btn-success * {
            color: white;
        }
.btn-success:hover * {
            color: white;
        }
.btn-success:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(6 95 70 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.btn-success:focus * {
            color: white;
        }
.btn-success:focus{
    --tw-bg-opacity: 1;
    background-color: rgb(5 150 105 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(167 243 208 / var(--tw-ring-opacity))
}
.btn-warning * {
            color: white;
        }
.btn-warning{
    --tw-bg-opacity: 1;
    background-color: rgb(245 158 11 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.header--big div.btn-warning{
    margin-bottom: 5rem
}
.header--big div.btn-warning * {
            color: white;
        }
.btn-warning:hover * {
            color: white;
        }
.btn-warning:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(146 64 14 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.btn-warning:focus * {
            color: white;
        }
.btn-warning:focus{
    --tw-bg-opacity: 1;
    background-color: rgb(217 119 6 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(253 230 138 / var(--tw-ring-opacity))
}
.footer-accessibility {
        /* @apply grid grid-cols-1 md:col-span-2 gap-8; */
    }
.footer-copyright{
    margin-top: 2rem;
    padding-top: 2rem
}
@media (min-width: 768px){
    .footer-copyright{
        display: flex;
        align-items: center;
        justify-content: space-between
    }
}
.footer-copyright .menu-social{
    display: flex
}
.footer-copyright .menu-social > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))
}
.section--image-grid .little_pictures .footer-copyright .menu-social {
            height: 100%;
        }
@media (min-width: 768px){
    .footer-copyright .menu-social{
        order: 2
    }
}
.footer-identity > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse))
}
@media (min-width: 1280px){
    .footer-identity{
        grid-column: span 1 / span 1
    }
}
.footer-form .gform_wrapper .gform_heading,
            .footer-form .gform_wrapper .gform_title {
        font-family: 'Dm-Sans-Regular' !important;
        font-size: 1rem !important;
        line-height: 1.5rem !important;
        font-weight: 400 !important;
    }
.footer-form .gform_wrapper input[type="email"]{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important
}
.footer-form .gform_wrapper .gfield_label{
    display: none !important
}
.footer-form .gform_wrapper [type='checkbox'], .footer-form .gform_wrapper [type='radio']{
    margin-right: 0.5rem !important
}
.footer-form .gform_wrapper [type='checkbox']:checked, .footer-form .gform_wrapper [type='radio']:checked{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(133 117 78 / var(--tw-bg-opacity)) !important
}
.footer-form .gform_wrapper .gfield-choice-input + label{
    font-size: 0.75rem !important;
    line-height: 1rem !important;
    text-transform: uppercase !important
}
.footer-form .gform_wrapper input[type="submit"] {
        font-family: 'Dm-Sans-Bold';
    }
.footer-form .gform_wrapper input[type="submit"] * {
            color: white;
        }
.footer-form .gform_wrapper input[type="submit"]{
    margin-top: 0px;
    display: inline-block;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(133 117 78 / var(--tw-bg-opacity));
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.header--big div.footer-form .gform_wrapper input[type="submit"]{
    margin-bottom: 5rem
}
.header--big div.footer-form .gform_wrapper input[type="submit"] * {
            color: white;
        }
.footer-form .gform_wrapper input[type="submit"]:hover{
    --tw-border-opacity: 1;
    border-color: rgb(133 117 78 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(133 117 78 / var(--tw-text-opacity))
}
.footer-form .gform_wrapper input[type="submit"]:focus * {
            color: white;
        }
.footer-form .gform_wrapper input[type="submit"]:focus{
    --tw-bg-opacity: 1;
    background-color: rgb(122 108 72 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(221 214 197 / var(--tw-ring-opacity))
}
.\!header{
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}
@media (min-width: 1024px){
    .\!header{
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
}
.header{
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}
@media (min-width: 1024px){
    .header{
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
}
.header-navigation{
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.section--call-to-action .header-navigation * {
            color: rgba(0, 146, 131, 1);
        }
.section--call-to-action .header-navigation * .btn {
                border-color: rgba(0, 146, 131, 1);
            }
.section--call-to-action .header-navigation * .btn:hover, .section--call-to-action .header-navigation * .btn:focus {
                    background-color: rgba(0, 146, 131, 1);
                    color: #FFFFFF;
                }
.header-navigation::before {
            content: '';
            pointer-events: none;
            position: absolute;
            inset: 0px;
            z-index: 20;
            --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
            --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
.dropout{
    position: relative
}
.scroll-top.dropout:focus-within .dropout-menu{
    display: block
}
.dropout:focus-within .dropout-menu{
    visibility: visible;
    --tw-translate-y: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1
}
.dropout .dropout-toggle{
    display: inline-flex;
    align-items: center;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}
.section--call-to-action .dropout .dropout-toggle * {
            color: rgba(0, 146, 131, 1);
        }
.section--call-to-action .dropout .dropout-toggle * .btn {
                border-color: rgba(0, 146, 131, 1);
            }
.section--call-to-action .dropout .dropout-toggle * .btn:hover, .section--call-to-action .dropout .dropout-toggle * .btn:focus {
                    background-color: rgba(0, 146, 131, 1);
                    color: #FFFFFF;
                }
.dropout .dropout-toggle:hover{
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity))
}
.dropout .dropout-toggle:hover i, .dropout .dropout-toggle:hover svg{
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}
.dropout .dropout-toggle:focus{
    outline: 2px solid transparent;
    outline-offset: 2px
}
.dropout .dropout-toggle i, .dropout .dropout-toggle svg{
    margin-left: 0.5rem;
    height: 1.25rem;
    width: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}
.dropout .dropout-menu{
    position: absolute;
    z-index: 10;
    margin-top: 0.75rem;
    width: 100vw;
    max-width: 20rem;
    --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));
    padding-left: 0.5rem;
    padding-right: 0.5rem
}
@media (min-width: 640px){
    .dropout .dropout-menu{
        padding-left: 0px;
        padding-right: 0px
    }
}
.dropout .dropout-menu{
    visibility: hidden;
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.dropout .dropout-menu > div{
    overflow: hidden;
    border-radius: 0.5rem;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
    --tw-ring-opacity: 0.05
}
.dropout .dropout-menu a{
    margin: -0.75rem;
    display: block;
    border-radius: 0.375rem;
    padding: 0.75rem;
    text-decoration-line: none
}
.dropout .dropout-menu a:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}
.scroll-top.flyout:focus-within .flyout-menu{
    display: block
}
.flyout:focus-within .flyout-menu{
    visibility: visible;
    --tw-translate-y: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1
}
.flyout .flyout-toggle{
    display: inline-flex;
    align-items: center;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}
.section--call-to-action .flyout .flyout-toggle * {
            color: rgba(0, 146, 131, 1);
        }
.section--call-to-action .flyout .flyout-toggle * .btn {
                border-color: rgba(0, 146, 131, 1);
            }
.section--call-to-action .flyout .flyout-toggle * .btn:hover, .section--call-to-action .flyout .flyout-toggle * .btn:focus {
                    background-color: rgba(0, 146, 131, 1);
                    color: #FFFFFF;
                }
.flyout .flyout-toggle:hover{
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity))
}
.flyout .flyout-toggle:hover i, .flyout .flyout-toggle:hover svg{
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}
.flyout .flyout-toggle:focus{
    outline: 2px solid transparent;
    outline-offset: 2px
}
.flyout .flyout-toggle i, .flyout .flyout-toggle svg{
    margin-left: 0.5rem;
    height: 1.25rem;
    width: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}
.flyout .flyout-menu{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 100%;
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.section--call-to-action .flyout .flyout-menu * {
            color: rgba(0, 146, 131, 1);
        }
.section--call-to-action .flyout .flyout-menu * .btn {
                border-color: rgba(0, 146, 131, 1);
            }
.section--call-to-action .flyout .flyout-menu * .btn:hover, .section--call-to-action .flyout .flyout-menu * .btn:focus {
                    background-color: rgba(0, 146, 131, 1);
                    color: #FFFFFF;
                }
.flyout .flyout-menu{
    visibility: hidden;
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.flyout .flyout-blocks{
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0.5rem
}
@media (min-width: 768px){
    .flyout .flyout-blocks{
        gap: 2rem
    }
}
.flyout .flyout-blocks .grid {
            padding: 0;
        }
.flyout .flyout-blocks{
    margin-left: auto;
    margin-right: auto;
    display: grid;
    max-width: 80rem;
    row-gap: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}
@media (min-width: 640px){
    .flyout .flyout-blocks{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
}
@media (min-width: 1024px){
    .flyout .flyout-blocks{
        grid-template-columns: repeat(4, minmax(0, 1fr));
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}
@media (min-width: 1280px){
    .flyout .flyout-blocks{
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }
}
.flyout .flyout-links{
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity))
}
.flyout .flyout-links > div{
    margin-left: auto;
    margin-right: auto;
    max-width: 80rem
}
.flyout .flyout-links > div > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}
.flyout .flyout-links > div{
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}
@media (min-width: 640px){
    .flyout .flyout-links > div{
        display: flex
    }
    .flyout .flyout-links > div > :not([hidden]) ~ :not([hidden]){
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse));
        --tw-space-x-reverse: 0;
        margin-right: calc(2.5rem * var(--tw-space-x-reverse));
        margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)))
    }
    .flyout .flyout-links > div{
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}
@media (min-width: 1024px){
    .flyout .flyout-links > div{
        padding-left: 2rem;
        padding-right: 2rem
    }
}
.flyout .flyout-card{
    margin: -0.75rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 0.5rem;
    padding: 0.75rem;
    text-decoration-line: none
}
.section--image-grid .little_pictures .flyout .flyout-card {
            height: 100%;
        }
.flyout .flyout-card:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}
.flyout .flyout-card > div{
    display: flex
}
.section--image-grid .little_pictures .flyout .flyout-card > div {
            height: 100%;
        }
@media (min-width: 768px){
    .flyout .flyout-card > div{
        height: 100%
    }
}
@media (min-width: 1024px){
    .flyout .flyout-card > div{
        flex-direction: column
    }
}
.flyout .flyout-card .flyout-card-body{
    margin-left: 1rem
}
@media (min-width: 768px){
    .flyout .flyout-card .flyout-card-body{
        display: flex;
        flex: 1 1 0%;
        flex-direction: column;
        justify-content: space-between
    }
}
@media (min-width: 1024px){
    .flyout .flyout-card .flyout-card-body{
        margin-left: 0px;
        margin-top: 1rem
    }
}
.flyout .flyout-link{
    margin: -0.75rem;
    display: flex;
    align-items: center;
    border-radius: 0.375rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
    text-decoration-line: none
}
.section--image-grid .little_pictures .flyout .flyout-link {
            height: 100%;
        }
.flyout .flyout-link:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}
.menu-social{
    display: flex
}
.menu-social > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))
}
.section--image-grid .little_pictures .menu-social {
            height: 100%;
        }
.menu-social svg{
    height: 1.5rem !important;
    width: 1.5rem !important
}
.scroll-top{
    position: fixed;
    left: 1.25rem;
    bottom: 1.25rem;
    display: none
}
.scroll-top.visible{
    display: block
}
.section-cta{
    display: flex;
    flex-direction: column;
    justify-content: center
}
.section--image-grid .little_pictures .section-cta {
            height: 100%;
        }
.section-cta{
    --tw-bg-opacity: 1;
    background-color: rgb(107 114 128 / var(--tw-bg-opacity));
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
        background-image: attr(data-image url);
        min-height: 40vh
}
.section-cta .section-cta-wrapper{
    margin-left: auto;
    margin-right: auto;
    max-width: 42rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center
}
@media (min-width: 640px){
    .section-cta .section-cta-wrapper{
        padding-top: 5rem;
        padding-bottom: 5rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}
@media (min-width: 1024px){
    .section-cta .section-cta-wrapper{
        padding-left: 2rem;
        padding-right: 2rem
    }
}
.section-cta .section-cta-body * {
            color: white;
        }
.section-cta .section-cta-body{
    margin-top: 1rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.header--big div.section-cta .section-cta-body{
    margin-bottom: 5rem
}
.header--big div.section-cta .section-cta-body * {
            color: white;
        }
.section-cta .section-cta-title * {
            color: white;
        }
.section-cta .section-cta-title{
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 800;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.header--big div.section-cta .section-cta-title{
    margin-bottom: 5rem
}
.header--big div.section-cta .section-cta-title * {
            color: white;
        }
@media (min-width: 640px){
    .section-cta .section-cta-title{
        font-size: 2.25rem;
        line-height: 2.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
}
.pointer-events-auto{
    pointer-events: auto
}
.visible{
    visibility: visible
}
.invisible{
    visibility: hidden
}
.collapse{
    visibility: collapse
}
.static{
    position: static
}
.fixed{
    position: fixed
}
.absolute{
    position: absolute
}
.relative{
    position: relative
}
.sticky{
    position: sticky
}
.inset-0{
    inset: 0px
}
.inset-x-0{
    left: 0px;
    right: 0px
}
.-bottom-\[22px\]{
    bottom: -22px
}
.-bottom-\[25px\]{
    bottom: -25px
}
.-bottom-\[57px\]{
    bottom: -57px
}
.bottom-0{
    bottom: 0px
}
.bottom-6{
    bottom: 1.5rem
}
.bottom-\[24px\]{
    bottom: 24px
}
.left-0{
    left: 0px
}
.left-1\.5{
    left: 0.375rem
}
.left-5{
    left: 1.25rem
}
.left-6{
    left: 1.5rem
}
.left-\[24px\]{
    left: 24px
}
.left-\[40px\]{
    left: 40px
}
.right-0{
    right: 0px
}
.right-2{
    right: 0.5rem
}
.right-6{
    right: 1.5rem
}
.right-\[113px\]{
    right: 113px
}
.right-\[40px\]{
    right: 40px
}
.right-\[56px\]{
    right: 56px
}
.right-full{
    right: 100%
}
.top-0{
    top: 0px
}
.top-1\/2{
    top: 50%
}
.top-20{
    top: 5rem
}
.top-28{
    top: 7rem
}
.top-40{
    top: 10rem
}
.top-full{
    top: 100%
}
.-z-10{
    z-index: -10
}
.z-10{
    z-index: 10
}
.z-20{
    z-index: 20
}
.z-30{
    z-index: 30
}
.z-40{
    z-index: 40
}
.z-50{
    z-index: 50
}
.z-\[100\]{
    z-index: 100
}
.order-1{
    order: 1
}
.order-2{
    order: 2
}
.order-3{
    order: 3
}
.col-span-1{
    grid-column: span 1 / span 1
}
.col-span-10{
    grid-column: span 10 / span 10
}
.col-span-12{
    grid-column: span 12 / span 12
}
.col-span-3{
    grid-column: span 3 / span 3
}
.col-span-4{
    grid-column: span 4 / span 4
}
.col-span-5{
    grid-column: span 5 / span 5
}
.col-span-6{
    grid-column: span 6 / span 6
}
.col-span-7{
    grid-column: span 7 / span 7
}
.float-none{
    float: none
}
.clear-both{
    clear: both
}
.-m-3{
    margin: -0.75rem
}
.m-0{
    margin: 0px
}
.-mx-1\.5{
    margin-left: -0.375rem;
    margin-right: -0.375rem
}
.-my-1\.5{
    margin-top: -0.375rem;
    margin-bottom: -0.375rem
}
.-my-2{
    margin-top: -0.5rem;
    margin-bottom: -0.5rem
}
.mx-1{
    margin-left: 0.25rem;
    margin-right: 0.25rem
}
.mx-2{
    margin-left: 0.5rem;
    margin-right: 0.5rem
}
.mx-3{
    margin-left: 0.75rem;
    margin-right: 0.75rem
}
.mx-4{
    margin-left: 1rem;
    margin-right: 1rem
}
.mx-5{
    margin-left: 1.25rem;
    margin-right: 1.25rem
}
.mx-auto{
    margin-left: auto;
    margin-right: auto
}
.my-16{
    margin-top: 4rem;
    margin-bottom: 4rem
}
.my-2{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem
}
.my-20{
    margin-top: 5rem;
    margin-bottom: 5rem
}
.my-3{
    margin-top: 0.75rem;
    margin-bottom: 0.75rem
}
.my-6{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}
.-mb-\[1px\]{
    margin-bottom: -1px
}
.-mr-2{
    margin-right: -0.5rem
}
.-mt-\[190px\]{
    margin-top: -190px
}
.-mt-px{
    margin-top: -1px
}
.mb-0{
    margin-bottom: 0px
}
.mb-1{
    margin-bottom: 0.25rem
}
.mb-10{
    margin-bottom: 2.5rem
}
.mb-16{
    margin-bottom: 4rem
}
.mb-2{
    margin-bottom: 0.5rem
}
.mb-4{
    margin-bottom: 1rem
}
.mb-6{
    margin-bottom: 1.5rem
}
.mb-8{
    margin-bottom: 2rem
}
.mb-\[48px\]{
    margin-bottom: 48px
}
.mb-\[52px\]{
    margin-bottom: 52px
}
.ml-2{
    margin-left: 0.5rem
}
.ml-3{
    margin-left: 0.75rem
}
.ml-4{
    margin-left: 1rem
}
.ml-6{
    margin-left: 1.5rem
}
.ml-8{
    margin-left: 2rem
}
.ml-auto{
    margin-left: auto
}
.mr-1{
    margin-right: 0.25rem
}
.mr-10{
    margin-right: 2.5rem
}
.mr-2{
    margin-right: 0.5rem
}
.mr-3{
    margin-right: 0.75rem
}
.mr-4{
    margin-right: 1rem
}
.mr-6{
    margin-right: 1.5rem
}
.mr-8{
    margin-right: 2rem
}
.mt-0{
    margin-top: 0px
}
.mt-1{
    margin-top: 0.25rem
}
.mt-10{
    margin-top: 2.5rem
}
.mt-16{
    margin-top: 4rem
}
.mt-2{
    margin-top: 0.5rem
}
.mt-3{
    margin-top: 0.75rem
}
.mt-4{
    margin-top: 1rem
}
.mt-5{
    margin-top: 1.25rem
}
.mt-6{
    margin-top: 1.5rem
}
.mt-8{
    margin-top: 2rem
}
.mt-9{
    margin-top: 2.25rem
}
.mt-auto{
    margin-top: auto
}
.block{
    display: block
}
.inline-block{
    display: inline-block
}
.flex{
    display: flex
}
.inline-flex{
    display: inline-flex
}
.table{
    display: table
}
.flow-root{
    display: flow-root
}
.grid{
    display: grid
}
.contents{
    display: contents
}
.hidden{
    display: none
}
.aspect-2{
    aspect-ratio: 2
}
.aspect-3{
    aspect-ratio: 3
}
.aspect-\[0\.88\]{
    aspect-ratio: 0.88
}
.aspect-\[1\.3\]{
    aspect-ratio: 1.3
}
.aspect-\[400\/520\]{
    aspect-ratio: 400/520
}
.aspect-\[5\/7\]{
    aspect-ratio: 5/7
}
.aspect-video{
    aspect-ratio: 16 / 9
}
.h-10{
    height: 2.5rem
}
.h-12{
    height: 3rem
}
.h-20{
    height: 5rem
}
.h-3{
    height: 0.75rem
}
.h-36{
    height: 9rem
}
.h-4{
    height: 1rem
}
.h-5{
    height: 1.25rem
}
.h-6{
    height: 1.5rem
}
.h-64{
    height: 16rem
}
.h-8{
    height: 2rem
}
.h-\[100px\]{
    height: 100px
}
.h-\[124px\]{
    height: 124px
}
.h-\[70vh\]{
    height: 70vh
}
.h-auto{
    height: auto
}
.h-full{
    height: 100%
}
.h-screen{
    height: 100vh
}
.max-h-12{
    max-height: 3rem
}
.max-h-\[380px\]{
    max-height: 380px
}
.max-h-full{
    max-height: 100%
}
.max-h-screen{
    max-height: 100vh
}
.min-h-\[530px\]{
    min-height: 530px
}
.min-h-\[80vh\]{
    min-height: 80vh
}
.min-h-screen{
    min-height: 100vh
}
.w-0{
    width: 0px
}
.w-1\/2{
    width: 50%
}
.w-1\/3{
    width: 33.333333%
}
.w-10{
    width: 2.5rem
}
.w-11\/12{
    width: 91.666667%
}
.w-12{
    width: 3rem
}
.w-2\/3{
    width: 66.666667%
}
.w-20{
    width: 5rem
}
.w-3\/4{
    width: 75%
}
.w-36{
    width: 9rem
}
.w-4{
    width: 1rem
}
.w-44{
    width: 11rem
}
.w-5{
    width: 1.25rem
}
.w-6{
    width: 1.5rem
}
.w-64{
    width: 16rem
}
.w-8{
    width: 2rem
}
.w-80{
    width: 20rem
}
.w-96{
    width: 24rem
}
.w-\[100px\]{
    width: 100px
}
.w-\[117px\]{
    width: 117px
}
.w-\[124px\]{
    width: 124px
}
.w-\[180px\]{
    width: 180px
}
.w-\[241px\]{
    width: 241px
}
.w-\[293px\]{
    width: 293px
}
.w-auto{
    width: auto
}
.w-full{
    width: 100%
}
.w-screen{
    width: 100vw
}
.min-w-\[1350px\]{
    min-width: 1350px
}
.min-w-\[180px\]{
    min-width: 180px
}
.min-w-\[36px\]{
    min-width: 36px
}
.max-w-2xl{
    max-width: 42rem
}
.max-w-3xl{
    max-width: 48rem
}
.max-w-4xl{
    max-width: 56rem
}
.max-w-7xl{
    max-width: 80rem
}
.max-w-\[100px\]{
    max-width: 100px
}
.max-w-\[258px\]{
    max-width: 258px
}
.max-w-\[38rem\]{
    max-width: 38rem
}
.max-w-\[488px\]{
    max-width: 488px
}
.max-w-\[500px\]{
    max-width: 500px
}
.max-w-\[536px\]{
    max-width: 536px
}
.max-w-\[54rem\]{
    max-width: 54rem
}
.max-w-\[620px\]{
    max-width: 620px
}
.max-w-none{
    max-width: none
}
.max-w-sm{
    max-width: 24rem
}
.max-w-xl{
    max-width: 36rem
}
.flex-1{
    flex: 1 1 0%
}
.flex-shrink-0{
    flex-shrink: 0
}
.flex-grow{
    flex-grow: 1
}
.origin-top-right{
    transform-origin: top right
}
.-translate-x-8{
    --tw-translate-x: -2rem;
    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))
}
.-translate-y-24{
    --tw-translate-y: -6rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.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-x-80{
    --tw-translate-x: 20rem;
    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-0{
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-1{
    --tw-translate-y: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-10{
    --tw-translate-y: 2.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-rotate-\[8deg\]{
    --tw-rotate: -8deg;
    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))
}
.rotate-180{
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-125{
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
    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))
}
.cursor-pointer{
    cursor: pointer
}
.scroll-mt-48{
    scroll-margin-top: 12rem
}
.scroll-mt-6{
    scroll-margin-top: 1.5rem
}
.list-none{
    list-style-type: none
}
.columns-2{
    columns: 2
}
.columns-3{
    columns: 3
}
.grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr))
}
.grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr))
}
.grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr))
}
.grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr))
}
.flex-row{
    flex-direction: row
}
.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-0{
    gap: 0px
}
.gap-0\.5{
    gap: 0.125rem
}
.gap-10{
    gap: 2.5rem
}
.gap-12{
    gap: 3rem
}
.gap-2{
    gap: 0.5rem
}
.gap-4{
    gap: 1rem
}
.gap-6{
    gap: 1.5rem
}
.gap-8{
    gap: 2rem
}
.gap-y-20{
    row-gap: 5rem
}
.space-x-10 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(2.5rem * var(--tw-space-x-reverse));
    margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-6 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}
.divide-y-2 > :not([hidden]) ~ :not([hidden]){
    --tw-divide-y-reverse: 0;
    border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(2px * var(--tw-divide-y-reverse))
}
.divide-gray-50 > :not([hidden]) ~ :not([hidden]){
    --tw-divide-opacity: 1;
    border-color: rgb(249 250 251 / var(--tw-divide-opacity))
}
.overflow-hidden{
    overflow: hidden
}
.overflow-visible{
    overflow: visible
}
.overflow-x-hidden{
    overflow-x: hidden
}
.overflow-y-hidden{
    overflow-y: hidden
}
.overflow-x-scroll{
    overflow-x: scroll
}
.overflow-y-scroll{
    overflow-y: scroll
}
.whitespace-nowrap{
    white-space: nowrap
}
.rounded{
    border-radius: 0.25rem
}
.rounded-full{
    border-radius: 9999px
}
.rounded-large{
    border-radius: 30px
}
.rounded-lg{
    border-radius: 0.5rem
}
.rounded-md{
    border-radius: 0.375rem
}
.rounded-sm{
    border-radius: 0.125rem
}
.border{
    border-width: 1px
}
.border-0{
    border-width: 0px
}
.border-2{
    border-width: 2px
}
.border-\[5px\]{
    border-width: 5px
}
.border-b{
    border-bottom-width: 1px
}
.border-t{
    border-top-width: 1px
}
.border-t-2{
    border-top-width: 2px
}
.border-none{
    border-style: none
}
.border-gray-100{
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity))
}
.border-gray-200{
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity))
}
.border-gray-300{
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity))
}
.border-indigo-500{
    --tw-border-opacity: 1;
    border-color: rgb(99 102 241 / var(--tw-border-opacity))
}
.border-secondary-100{
    --tw-border-opacity: 1;
    border-color: rgb(240 237 229 / var(--tw-border-opacity))
}
.border-secondary-200{
    --tw-border-opacity: 1;
    border-color: rgb(221 214 197 / var(--tw-border-opacity))
}
.border-secondary-500{
    --tw-border-opacity: 1;
    border-color: rgb(133 117 78 / var(--tw-border-opacity))
}
.border-transparent{
    border-color: transparent
}
.border-white{
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity))
}
.bg-black{
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}
.bg-cta-brown{
    background-color: rgba(46, 36, 27, 1)
}
.bg-cta-green{
    --tw-bg-opacity: 1;
    background-color: rgb(45 65 47 / var(--tw-bg-opacity))
}
.bg-danger-500{
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity))
}
.bg-gray-50{
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity))
}
.bg-indigo-500{
    --tw-bg-opacity: 1;
    background-color: rgb(99 102 241 / var(--tw-bg-opacity))
}
.bg-primary-500{
    --tw-bg-opacity: 1;
    background-color: rgb(35 39 73 / var(--tw-bg-opacity))
}
.bg-secondary-100{
    --tw-bg-opacity: 1;
    background-color: rgb(240 237 229 / var(--tw-bg-opacity))
}
.bg-secondary-200{
    --tw-bg-opacity: 1;
    background-color: rgb(221 214 197 / var(--tw-bg-opacity))
}
.bg-secondary-50{
    --tw-bg-opacity: 1;
    background-color: rgb(247 246 242 / var(--tw-bg-opacity))
}
.bg-secondary-500{
    --tw-bg-opacity: 1;
    background-color: rgb(133 117 78 / var(--tw-bg-opacity))
}
.bg-success-500{
    --tw-bg-opacity: 1;
    background-color: rgb(16 185 129 / var(--tw-bg-opacity))
}
.bg-transparent{
    background-color: transparent
}
.bg-warning-500{
    --tw-bg-opacity: 1;
    background-color: rgb(245 158 11 / var(--tw-bg-opacity))
}
.bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.object-contain{
    object-fit: contain
}
.object-cover{
    object-fit: cover
}
.object-center{
    object-position: center
}
.p-0{
    padding: 0px
}
.p-1{
    padding: 0.25rem
}
.p-10{
    padding: 2.5rem
}
.p-2{
    padding: 0.5rem
}
.p-3{
    padding: 0.75rem
}
.p-4{
    padding: 1rem
}
.p-6{
    padding: 1.5rem
}
.p-7{
    padding: 1.75rem
}
.p-8{
    padding: 2rem
}
.px-1{
    padding-left: 0.25rem;
    padding-right: 0.25rem
}
.px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem
}
.px-16{
    padding-left: 4rem;
    padding-right: 4rem
}
.px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem
}
.px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem
}
.px-4{
    padding-left: 1rem;
    padding-right: 1rem
}
.px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem
}
.px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem
}
.px-8{
    padding-left: 2rem;
    padding-right: 2rem
}
.py-0{
    padding-top: 0px;
    padding-bottom: 0px
}
.py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem
}
.py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}
.py-12{
    padding-top: 3rem;
    padding-bottom: 3rem
}
.py-14{
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
}
.py-16{
    padding-top: 4rem;
    padding-bottom: 4rem
}
.py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}
.py-24{
    padding-top: 6rem;
    padding-bottom: 6rem
}
.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-40{
    padding-top: 10rem;
    padding-bottom: 10rem
}
.py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}
.py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}
.py-7{
    padding-top: 1.75rem;
    padding-bottom: 1.75rem
}
.py-8{
    padding-top: 2rem;
    padding-bottom: 2rem
}
.py-\[21px\]{
    padding-top: 21px;
    padding-bottom: 21px
}
.pb-10{
    padding-bottom: 2.5rem
}
.pb-12{
    padding-bottom: 3rem
}
.pb-2{
    padding-bottom: 0.5rem
}
.pb-20{
    padding-bottom: 5rem
}
.pb-24{
    padding-bottom: 6rem
}
.pb-4{
    padding-bottom: 1rem
}
.pb-6{
    padding-bottom: 1.5rem
}
.pl-0{
    padding-left: 0px
}
.pl-1{
    padding-left: 0.25rem
}
.pl-3{
    padding-left: 0.75rem
}
.pr-0{
    padding-right: 0px
}
.pr-1{
    padding-right: 0.25rem
}
.pt-0{
    padding-top: 0px
}
.pt-10{
    padding-top: 2.5rem
}
.pt-16{
    padding-top: 4rem
}
.pt-2{
    padding-top: 0.5rem
}
.pt-20{
    padding-top: 5rem
}
.pt-24{
    padding-top: 6rem
}
.pt-32{
    padding-top: 8rem
}
.pt-4{
    padding-top: 1rem
}
.pt-40{
    padding-top: 10rem
}
.pt-48{
    padding-top: 12rem
}
.pt-5{
    padding-top: 1.25rem
}
.pt-60{
    padding-top: 15rem
}
.text-center{
    text-align: center
}
.text-right{
    text-align: right
}
.text-2xl{
    font-size: 1.5rem;
    line-height: 2rem
}
.text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem
}
.text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem
}
.text-5xl{
    font-size: 3rem;
    line-height: 1
}
.text-\[0\.5rem\]{
    font-size: 0.5rem
}
.text-\[2\.7rem\]{
    font-size: 2.7rem
}
.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
}
.text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem
}
.text-xs{
    font-size: 0.75rem;
    line-height: 1rem
}
.font-bold{
    font-weight: 700
}
.font-inherit{
    font-weight: inherit
}
.font-medium{
    font-weight: 500
}
.font-normal{
    font-weight: 400
}
.uppercase{
    text-transform: uppercase
}
.capitalize{
    text-transform: capitalize
}
.italic{
    font-style: italic
}
.not-italic{
    font-style: normal
}
.leading-9{
    line-height: 2.25rem
}
.leading-none{
    line-height: 1
}
.leading-snug{
    line-height: 1.375
}
.leading-tight{
    line-height: 1.25
}
.text-black{
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}
.text-danger-500{
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity))
}
.text-gray-200{
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity))
}
.text-gray-300{
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity))
}
.text-gray-400{
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}
.text-gray-500{
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}
.text-gray-900{
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity))
}
.text-indigo-200{
    --tw-text-opacity: 1;
    color: rgb(199 210 254 / var(--tw-text-opacity))
}
.text-indigo-600{
    --tw-text-opacity: 1;
    color: rgb(79 70 229 / var(--tw-text-opacity))
}
.text-inherit{
    color: inherit
}
.text-primary-500{
    --tw-text-opacity: 1;
    color: rgb(35 39 73 / var(--tw-text-opacity))
}
.text-secondary-300{
    --tw-text-opacity: 1;
    color: rgb(200 189 162 / var(--tw-text-opacity))
}
.text-secondary-400{
    --tw-text-opacity: 1;
    color: rgb(174 158 117 / var(--tw-text-opacity))
}
.text-secondary-500{
    --tw-text-opacity: 1;
    color: rgb(133 117 78 / var(--tw-text-opacity))
}
.text-secondary-700{
    --tw-text-opacity: 1;
    color: rgb(103 91 60 / var(--tw-text-opacity))
}
.text-secondary-800{
    --tw-text-opacity: 1;
    color: rgb(84 74 49 / var(--tw-text-opacity))
}
.text-success-500{
    --tw-text-opacity: 1;
    color: rgb(16 185 129 / var(--tw-text-opacity))
}
.text-warning-500{
    --tw-text-opacity: 1;
    color: rgb(245 158 11 / var(--tw-text-opacity))
}
.text-white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.underline{
    text-decoration-line: underline
}
.overline{
    text-decoration-line: overline
}
.line-through{
    text-decoration-line: line-through
}
.no-underline{
    text-decoration-line: none
}
.opacity-0{
    opacity: 0
}
.opacity-100{
    opacity: 1
}
.opacity-50{
    opacity: 0.5
}
.opacity-60{
    opacity: 0.6
}
.shadow-lg{
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-xl{
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.outline{
    outline-style: solid
}
.ring{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.ring-1{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.ring-black{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity))
}
.ring-opacity-5{
    --tw-ring-opacity: 0.05
}
.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)
}
.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
}
.duration-150{
    transition-duration: 150ms
}
.duration-200{
    transition-duration: 200ms
}
.duration-300{
    transition-duration: 300ms
}
.ease-in{
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1)
}
.ease-in-out{
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.ease-out{
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
}
/* Plugins*/
/**
 * Wordpress styles
 */
.alignright{
    float: right;
    margin-left: 1rem;
    margin-bottom: 1rem
}
.alignleft{
    float: left;
    margin-right: 1rem;
    margin-bottom: 1rem
}
.aligncenter{
    margin-left: auto;
    margin-right: auto;
        padding: 0 24px
}
@media (min-width: 1024px) {

    .aligncenter {
            max-width: 1061px
    }
        }
@media (min-width: 1280px) {

    .aligncenter {
            max-width: 1280px
    }
        }
.aligncenter{
    width: 100%
}
@media (min-width: 640px){
    .aligncenter{
        max-width: 640px
    }
}
@media (min-width: 768px){
    .aligncenter{
        max-width: 768px
    }
}
@media (min-width: 1024px){
    .aligncenter{
        max-width: 1024px
    }
}
@media (min-width: 1280px){
    .aligncenter{
        max-width: 1280px
    }
}
@media (min-width: 1536px){
    .aligncenter{
        max-width: 1536px
    }
}
.edit-post-visual-editor__content-area .aligncenter{
    margin-left: auto;
    margin-right: auto;
    max-width: 768px
}
.product-single-wrapper > .aligncenter{
    max-width: none;
    padding: 0px
}
.alignwide{
    margin-left: auto;
    margin-right: auto;
    max-width: none
}
@media (min-width: 1024px) {
.alignwide {
        margin-left: calc((100% - 99vw) / 4);
        margin-right: calc((100% - 99vw) / 4)
}
    }
.alignfull{
    margin-left: auto;
    margin-right: auto;
    max-width: none
}
@media (min-width: 1024px) {
.alignfull {
        margin-left: calc((100% - 99vw) / 2);
        margin-right: calc((100% - 99vw) / 2)
}
    }
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
/* WordPress WYSIWYG Editor Styles*/
.entry-content img {
    margin: 0 0 1.5em 0;
}
.alignleft, img.alignleft{
    float: left;
    margin-right: 1rem;
    margin-bottom: 1rem;
    display: inline
}
.alignright, img.alignright{
    float: right;
    margin-left: 1rem;
    margin-bottom: 1rem
}
.aligncenter, img.aligncenter{
    clear: both;
    margin-left: auto;
    margin-right: auto;
    display: block
}
.alignnone, img.alignnone {
    /* not sure about this one */
}
.wp-caption{
    margin-bottom: 1rem;
    padding-top: 1rem;
    text-align: center
}
.wp-caption img{
    margin: 0px;
    border-width: 0px;
    padding: 0px
}
.wp-caption p.wp-caption-text{
    margin: 0px;
    font-size: 0.75rem;
    line-height: 1rem;
    line-height: 1.5
}
.wp-smiley{
    margin: 0px;
    max-height: 1rem
}
blockquote.left{
    float: left;
    margin-left: 0px;
    margin-right: 1.25rem;
    width: 33.333333%;
    text-align: right
}
blockquote.right{
    float: right;
    margin-right: 0px;
    margin-left: 1.25rem;
    width: 33.333333%;
    text-align: left
}
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}
.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}
/* WordPress CSS - Miscellaneous Styles*/
li.categories {}
li.cat-item {}
/*li.cat-item-{id} {}*/
li.current-cat {}
li.current-cat-parent {}
ul.children {}
.linkcat {}
.blogroll {}
.more-link {}
/* WP CSS - body_class()*/
.rtl {}
.home {}
.blog {}
.archive {}
.date {}
.search {}
.paged {}
.attachment {}
.error404 {}
/*.single postid-(id) {}*/
/*.attachmentid-(id) {}*/
/*.attachment-(mime-type) {}*/
.author {}
/*.author-(user_nicename) {}*/
.category {}
/*.category-(slug) {}*/
.tag {}
/*.tag-(slug) {}*/
.page-parent {}
/*.page-child parent-pageid-(id) {}*/
/*.page-template page-template-(template file name) {}*/
.search-results {}
.search-no-results {}
.logged-in {}
/*.paged-(page number) {}*/
/*.single-paged-(page number) {}*/
/*.page-paged-(page number) {}*/
/*.category-paged-(page number) {}*/
/*.tag-paged-(page number) {}*/
/*.date-paged-(page number) {}*/
/*.author-paged-(page number) {}*/
/*.search-paged-(page number) {}*/
/* WP CSS - post_class()*/
.post-id {}
.post {}
.page {}
.attachment {}
.sticky {}
.hentry {}
.category-misc {}
.category-example {}
.tag-news {}
.tag-wordpress {}
.tag-markup {}
/* WP CSS - Page Listings*/
.pagenav {}
/* outermost list item */
.page_item {}
/* any page item */
/*.page-item-{id} {}        *//* specific page id *//**/
.current_page_item {}
/* current page */
.current_page_parent {}
/* parent of current page */
.current_page_ancestor {}
/* any ancestor of current page */
.pagenav ul,
.pagenav .current_page_item ul,
.pagenav .current_page_ancestor ul,
.pagenav .current_page_ancestor .current_page_item ul,
.pagenav .current_page_ancestor .current_page_ancestor ul,
.pagenav .current_page_ancestor .current_page_ancestor .current_page_item ul,
.pagenav .current_page_ancestor .current_page_ancestor .current_page_ancestor ul {}
.pagenav  ul ul,
.pagenav .current_page_item ul ul,
.pagenav .current_page_ancestor ul ul,
.pagenav .current_page_ancestor .current_page_item ul ul,
.pagenav .current_page_ancestor .current_page_ancestor ul ul {}
.pagenav .current_page_ancestor .current_page_ancestor .current_page_item ul ul,
.pagenav .current_page_ancestor .current_page_ancestor .current_page_ancestor ul ul {}
/* WP CSS - Comment Styles*/
.commentlist .reply {}
.commentlist .reply a {}
.commentlist .alt {}
.commentlist .odd {}
.commentlist .even {}
.commentlist .thread-alt {}
.commentlist .thread-odd {}
.commentlist .thread-even {}
.commentlist li ul.children .alt {}
.commentlist li ul.children .odd {}
.commentlist li ul.children .even {}
.commentlist .vcard {}
.commentlist .vcard cite.fn {}
.commentlist .vcard span.says {}
.commentlist .vcard img.photo {}
.commentlist .vcard img.avatar {}
.commentlist .vcard cite.fn a.url {}
.commentlist .comment-meta {}
.commentlist .comment-meta a {}
.commentlist .commentmetadata {}
.commentlist .commentmetadata a {}
.commentlist .parent {}
.commentlist .comment {}
.commentlist .children {}
.commentlist .pingback {}
.commentlist .bypostauthor {}
.commentlist .comment-author {}
.commentlist .comment-author-admin {}
.commentlist {}
.commentlist li {}
.commentlist li p {}
.commentlist li ul {}
.commentlist li ul.children li {}
.commentlist li ul.children li.alt {}
.commentlist li ul.children li.byuser {}
.commentlist li ul.children li.comment {}
/*.commentlist li ul.children li.depth-{id} {}*/
.commentlist li ul.children li.bypostauthor {}
.commentlist li ul.children li.comment-author-admin {}
#cancel-comment-reply {}
#cancel-comment-reply a {}
/* WordPress CSS - Default WordPress Widgets*/
.widget {}
.widget_links {}
.widget_links ul {}
.widget_links ul li {}
.widget_links ul li a {}
.widget_meta {}
.widget_meta ul {}
.widget_meta ul li {}
.widget_meta ul li a {}
.widget_pages {}
.widget_pages ul {}
.widget_pages ul li {}
.widget_pages ul li a {}
.widget_recent_entries {}
.widget_recent_entries ul {}
.widget_recent_entries ul li {}
.widget_recent_entries ul li a {}
.widget_archive {}
.widget_archive ul {}
.widget_archive ul li {}
.widget_archive ul li a {}
.widget_archive select {}
.widget_archive option {}
.widget_links {}
.widget_links li:after {}
.widget_links li:before {}
.widget_tag_cloud {}
.widget_tag_cloud a {}
.widget_tag_cloud a:after {}
.widget_tag_cloud a:before {}
.widget_calendar {}
#calendar_wrap {}
#calendar_wrap th {}
#calendar_wrap td {}
#wp-calendar tr td {}
#wp-calendar caption {}
#wp-calendar a {}
#wp-calendar #today {}
#wp-calendar #prev {}
#wp-calendar #next {}
#wp-calendar #next a {}
#wp-calendar #prev a {}
.widget_categories {}
.widget_categories ul {}
.widget_categories ul li {}
.widget_categories ul ul.children {}
.widget_categories a {}
.widget_categories select{}
.widget_categories select#cat {}
.widget_categories select.postform {}
.widget_categories option {}
.widget_categories .level-0 {}
.widget_categories .level-1 {}
.widget_categories .level-2 {}
.widget_categories .level-3 {}
.recentcomments {}
#recentcomments {}
#recentcomments li {}
#recentcomments li a {}
.widget_recent_comments {}
#searchform {}
.widget_search {}
.screen-reader-text {}
.textwidget {}
.widget_text {}
.textwidget p {}
.accordion .collapse.show {
            visibility: visible;
        }
/**
 * Gutenberg styles (preview and live)
 */
.edit-post-visual-editor__content-area .container{
    margin-left: auto;
    margin-right: auto;
    max-width: 768px
}
.edit-post-visual-editor__content-area .block-editor__typewriter{
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}
.edit-post-visual-editor__content-area .wp-block{
    max-width: 768px
}
.edit-post-visual-editor__content-area .wp-block.editor-post-title__block .editor-post-title__input{
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}
.edit-post-visual-editor__content-area .wp-block[data-align="wide"]{
    max-width: 1280px
}
.edit-post-visual-editor__content-area .wp-block[data-align="full"]{
    max-width: 100%
}
.edit-post-visual-editor__content-area .block-editor-block-list__layout{
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}
/* Widget customization for https://www.elloha.com/ */
#ConstellationWidgetLinks .co-widget-p-link-gift-voucher {
        padding: 0;
    }
#ConstellationWidgetLinks .co-widget-p-link-gift-voucher > a,
        #ConstellationWidgetLinks .co-widget-p-link-gift-voucher > a > * {
            color: #fff;
            text-decoration: none;
        }
/** Gravity Forms */
body .gform_wrapper{
    max-width: 24rem
}
body .gform_wrapper .gform_heading{
    margin-bottom: 1rem
}
body .gform_wrapper span.gform_description{
    width: auto;
    font-weight: 300
}
body .gform_wrapper label.gfield_label,
        body .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label{
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    text-transform: uppercase
}
body .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label{
    letter-spacing: 0em
}
body .gform_wrapper input[type="email"],
        body .gform_wrapper input[type="date"],
        body .gform_wrapper input[type="datetime"],
        body .gform_wrapper input[type="datetime-local"],
        body .gform_wrapper input[type="month"],
        body .gform_wrapper input[type="number"],
        body .gform_wrapper input[type="password"],
        body .gform_wrapper input[type="search"],
        body .gform_wrapper input[type="tel"],
        body .gform_wrapper input[type="text"],
        body .gform_wrapper input[type="time"],
        body .gform_wrapper input[type="week"],
        body .gform_wrapper input[type="url"],
        body .gform_wrapper select,
        body .gform_wrapper textarea,
        body .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]){
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 300;
            transition: all 200ms ease-in-out
}
body .gform_wrapper input[type="email"]:focus, body .gform_wrapper input[type="date"]:focus, body .gform_wrapper input[type="datetime"]:focus, body .gform_wrapper input[type="datetime-local"]:focus, body .gform_wrapper input[type="month"]:focus, body .gform_wrapper input[type="number"]:focus, body .gform_wrapper input[type="password"]:focus, body .gform_wrapper input[type="search"]:focus, body .gform_wrapper input[type="tel"]:focus, body .gform_wrapper input[type="text"]:focus, body .gform_wrapper input[type="time"]:focus, body .gform_wrapper input[type="week"]:focus, body .gform_wrapper input[type="url"]:focus, body .gform_wrapper select:focus, body .gform_wrapper textarea:focus, body .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus{
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity));
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline: 2px solid transparent;
    outline-offset: 2px
}
body .gform_wrapper .button,
        body .gform_wrapper .gform_footer input[type="submit"] {
            /*@extend .btn;*/
        }
body .gform_wrapper .gfield_required {
            color: inherit;
        }
body .gform_wrapper .validation_error{
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68 / var(--tw-border-opacity));
    padding: 1rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity))
}
body .gform_wrapper .gfield_error .gfield_label,
        body .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label,
        body .gform_wrapper li.gfield_error ul.gfield_checkbox,
        body .gform_wrapper li.gfield_error ul.gfield_radio{
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity))
}
/* prettier-ignore */
body .gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
            body .gform_wrapper li.gfield_error textarea{
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68 / var(--tw-border-opacity))
}
body .gform_wrapper .validation_message{
    width: 100%;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity))
}
body .gform_validation_container {
        display: none !important;
    }
.TA_links {
    list-style: none;
}
.TA_links li::marker {
            display: none;
        }
.archive-product-wrapper .products::before,
        .archive-product-wrapper .products::after{
    display: none !important
}
.archive-product-wrapper .products{
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0.5rem
}
@media (min-width: 768px){
    .archive-product-wrapper .products{
        gap: 2rem
    }
}
.archive-product-wrapper .products .grid {
            padding: 0 !important;
        }
.archive-product-wrapper .products{
    display: grid !important;
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    gap: 2rem !important
}
@media (min-width: 640px){
    .archive-product-wrapper .products{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }
}
@media (min-width: 1024px){
    .archive-product-wrapper .products{
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important
    }
}
@media (min-width: 500px) {
.archive-product-wrapper .products{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 2rem !important
    }
@media (min-width: 640px){
        .archive-product-wrapper .products{
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important
        }
    }
@media (min-width: 1024px){
        .archive-product-wrapper .products{
            grid-template-columns: repeat(4, minmax(0, 1fr)) !important
        }
    }
        }
.product--card a{
    position: relative !important;
    display: flex !important;
    flex-direction: column !important
}
.section--image-grid .little_pictures .product--card a {
            height: 100% !important;
        }
.product--card a:hover img, .product--card a:hover img{
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.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))
}
.product--card .aspect-[0.88],
    .product--card .image-wrapper{
    aspect-ratio: 0.88
}
.product--card img{
    transition-duration: 300ms
}
.product--card .price{
    margin-left: auto !important;
    margin-right: auto !important
}
.product--card .price ins{
    text-decoration-line: none !important
}
.product--card .onsale {
        background-color: #77a464;
        border-radius: 100%;
        color: #fff;
        font-size: 1em;
        font-weight: 700;
        line-height: 3.236;
        margin: 0;
        min-height: 3.236em;
        min-width: 3.236em;
        padding: 0.202em;
        position: absolute;
        text-align: center;
        z-index: 9;
        top: -0.5rem !important;
        left: -0.5rem !important;
        display: flex !important;
        aspect-ratio: 1 !important;
        align-items: center !important;
        justify-content: center !important;
    }
.section--image-grid .little_pictures .product--card .onsale {
            height: 100% !important;
        }
.section--related-product .product--card{
    margin-left: 2rem !important;
    display: flex !important;
    width: 300px !important
}
.section--image-grid .little_pictures .section--related-product .product--card {
            height: 100% !important;
        }
.section--related-product .product--card:first-child{
    margin-left: 0px !important
}
.section--related-product .slick-slide{
    margin-left: 2rem
}
.section--related-product .slick-slide:first-child{
    margin-left: 0px !important
}
.woocommerce-notices-wrapper{
    padding-left: 0px !important;
    padding-right: 0px !important
}
.woocommerce-notices-wrapper .woocommerce-message{
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.section--call-to-action .woocommerce-notices-wrapper .woocommerce-message * {
            color: rgba(0, 146, 131, 1);
        }
.section--call-to-action .woocommerce-notices-wrapper .woocommerce-message * .btn {
                border-color: rgba(0, 146, 131, 1);
            }
.section--call-to-action .woocommerce-notices-wrapper .woocommerce-message * .btn:hover, .section--call-to-action .woocommerce-notices-wrapper .woocommerce-message * .btn:focus {
                    background-color: rgba(0, 146, 131, 1);
                    color: #FFFFFF;
                }
.woocommerce-notices-wrapper .woocommerce-message::before{
    content: var(--tw-content);
    display: none
}
.product-single-wrapper .woocommerce-notices-wrapper .button.wc-forward{
    display: none
}
.quantity-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.section--image-grid .little_pictures .quantity-wrapper {
            height: 100%;
        }
.section--call-to-action .quantity-wrapper * {
            color: rgba(0, 146, 131, 1);
        }
.section--call-to-action .quantity-wrapper * .btn {
                border-color: rgba(0, 146, 131, 1);
            }
.section--call-to-action .quantity-wrapper * .btn:hover, .section--call-to-action .quantity-wrapper * .btn:focus {
                    background-color: rgba(0, 146, 131, 1);
                    color: #FFFFFF;
                }
.quantity-wrapper input{
    margin: 0px;
    border-width: 0px;
    border-style: none;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    font-style: normal;
    --tw-text-opacity: 1;
    color: rgb(133 117 78 / var(--tw-text-opacity))
}
.quantity-wrapper input::-webkit-outer-spin-button,
        .quantity-wrapper input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }
.quantity-wrapper input{

        -moz-appearance: textfield
}
.quantity-wrapper button{
    padding: 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    font-style: normal;
    --tw-text-opacity: 1;
    color: rgb(133 117 78 / var(--tw-text-opacity))
}
.posted_in,
.tagged_as{
    --tw-text-opacity: 1;
    color: rgb(133 117 78 / var(--tw-text-opacity))
}
.posted_in a, .tagged_as a{
    --tw-text-opacity: 1;
    color: rgb(174 158 117 / var(--tw-text-opacity));
    text-decoration-line: none
}
.posted_in a:hover, .tagged_as a:hover{
    text-decoration-line: underline
}
.posted_in a:focus, .tagged_as a:focus{
    text-decoration-line: underline
}
.woocommerce .quantity .qty {
    width: 2.631em;
}
.woocommerce form .form-row .required{
    --tw-text-opacity: 1;
    color: rgb(133 117 78 / var(--tw-text-opacity))
}
.woocommerce form .form-row label{
    text-transform: none;
    --tw-text-opacity: 1;
    color: rgb(133 117 78 / var(--tw-text-opacity))
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea{
    border-width: 0px;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(221 214 197 / var(--tw-border-opacity));
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(84 74 49 / var(--tw-text-opacity))
}
.woocommerce form .form-row input.input-text::placeholder,
.woocommerce form .form-row textarea::placeholder{
    font-style: normal;
    --tw-text-opacity: 1;
    color: rgb(133 117 78 / var(--tw-text-opacity))
}
.woocommerce ul.order_details {
    margin-top: 24px !important;
}
.woocommerce-info{
    --tw-border-opacity: 1 !important;
    border-color: rgb(133 117 78 / var(--tw-border-opacity)) !important
}
.woocommerce-info::before{
    --tw-text-opacity: 1 !important;
    color: rgb(133 117 78 / var(--tw-text-opacity)) !important
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    background: transparent;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}
.product-single-wrapper > .container{
    max-width: none;
    padding: 0px
}
.single.single-product .woocommerce-product-gallery__image.flex-active-slide {
    min-height: 610px;
}
.single.single-product
    .woocommerce-product-gallery__image.flex-active-slide
    a
    img {
    max-height: 610px;
    object-fit: contain;
}
/* .woocommerce div.product div.images.woocommerce-product-gallery {
    @apply flex flex-col;
    @apply sm:flex sm:flex-row-reverse;
    @apply md:flex md:flex-col;
    @apply lg:flex lg:flex-row-reverse;

    & .flex-viewport {
        @apply flex-grow;
    }
}

.woocommerce div.product div.images .flex-control-thumbs {
    @apply flex flex-row w-full;
    @apply sm:flex-col sm:w-[200px];
    @apply md:flex-row md:w-full;
    @apply lg:flex-col lg:w-[200px];
}
.woocommerce div.product div.images .flex-control-thumbs li {
    @apply w-[100px];
} */
.woocommerce-notices-wrapper{
    margin-left: auto;
    margin-right: auto;
    padding: 0 24px
}
@media (min-width: 1024px) {
.woocommerce-notices-wrapper {
        max-width: 1061px
}
    }
@media (min-width: 1280px) {
.woocommerce-notices-wrapper {
        max-width: 1280px
}
    }
.woocommerce-MyAccount-navigation-link.is-active{
    border-bottom-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(133 117 78 / var(--tw-border-opacity))
}
.woocommerce-MyAccount-navigation-link.is-active a{
    --tw-text-opacity: 1;
    color: rgb(84 74 49 / var(--tw-text-opacity))
}
.woocommerce-MyAccount-navigation-wrapper {

    /* Hide scrollbar for IE, Edge and Firefox */
    /* IE and Edge */
    /* Firefox */
}
.woocommerce-MyAccount-navigation-wrapper::-webkit-scrollbar {
        display: none;
    }
.woocommerce-MyAccount-navigation-wrapper{
    -ms-overflow-style: none;
    scrollbar-width: none
}
.woocommerce a.remove{
    --tw-text-opacity: 1 !important;
    color: rgb(35 39 73 / var(--tw-text-opacity)) !important
}
.woocommerce a.remove:hover * {
            color: white !important;
        }
.woocommerce a.remove:focus * {
            color: white !important;
        }
.woocommerce a.remove:hover{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(35 39 73 / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}
.woocommerce a.remove:focus{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(35 39 73 / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}
.woocommerce-billing-fields__field-wrapper .form-row{
    margin-top: 1.5rem !important
}
.woocommerce .upsells .columns-4{
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0.5rem
}
@media (min-width: 768px){
    .woocommerce .upsells .columns-4{
        gap: 2rem
    }
}
.woocommerce .upsells .columns-4 .grid {
            padding: 0;
        }
.woocommerce .upsells .columns-4{
    margin-top: 3rem;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem
}
.woocommerce .upsells .columns-4:before {
        content: none;
    }
.woocommerce .js-bpost-shipping-options-modal {
    font-family: 'Dm-Sans-Bold';
    color: white;
    display: inline-block !important;
    border-radius: 9999px !important;
    background-color: rgb(133 117 78 / var(--tw-bg-opacity)) !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
    border: 1px solid rgb(133 117 78 / var(--tw-border-opacity)) !important;
}
.woocommerce .js-bpost-shipping-options-modal:hover {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
        --tw-text-opacity: 1 !important;
        color: rgb(133 117 78 / var(--tw-text-opacity)) !important;
    }
body.woocommerce .cart .woocommerce-variation-add-to-cart{
    margin-top: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-start
}
.section--image-grid .little_pictures body.woocommerce .cart .woocommerce-variation-add-to-cart {
            height: 100%;
        }
body.woocommerce .cart .single_add_to_cart_button.button {
        border: inherit;
        font-family: 'Dm-Sans-Bold';
        margin-top: 1.5rem;
        display: inline-block;
        border-radius: 9999px;
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(133 117 78 / var(--tw-border-opacity));
        background-color: transparent;
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        font-size: 1rem;
        line-height: 1.5rem;
        --tw-text-opacity: 1;
        color: rgb(133 117 78 / var(--tw-text-opacity));
    }
body.woocommerce .cart .single_add_to_cart_button.button:hover * {
            color: white;
        }
body.woocommerce .cart .single_add_to_cart_button.button:hover{
    --tw-border-opacity: 1;
    border-color: rgb(133 117 78 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(133 117 78 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
body.woocommerce .cart .single_add_to_cart_button.button:focus * {
            color: white;
        }
body.woocommerce .cart .single_add_to_cart_button.button:focus{
    --tw-bg-opacity: 1;
    background-color: rgb(122 108 72 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(221 214 197 / var(--tw-ring-opacity))
}
body.woocommerce .cart .single_add_to_cart_button.button{
    margin: 0px;
    margin-left: 1rem
}
body.woocommerce .cart .variations{
    margin-bottom: 0px;
    margin-top: 1rem
}
body.woocommerce .cart .variations .label{
    text-align: left
}
/* Product Bundle */
body.woocommerce .product-type-bundle .summary .woocommerce-product-details__short-description{
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}
body.woocommerce .product-type-bundle .bundled_product_summary{
    border-radius: 0.375rem !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
    padding: 1rem !important
}
.section--call-to-action body.woocommerce .product-type-bundle .bundled_product_summary * {
            color: rgba(0, 146, 131, 1) !important;
        }
.section--call-to-action body.woocommerce .product-type-bundle .bundled_product_summary * .btn {
                border-color: rgba(0, 146, 131, 1) !important;
            }
.section--call-to-action body.woocommerce .product-type-bundle .bundled_product_summary * .btn:hover, .section--call-to-action body.woocommerce .product-type-bundle .bundled_product_summary * .btn:focus {
                    background-color: rgba(0, 146, 131, 1) !important;
                    color: #FFFFFF !important;
                }
body.woocommerce .product-type-bundle .bundled_product_summary{
    display: flex;
    gap: 1rem
}
.section--image-grid .little_pictures body.woocommerce .product-type-bundle .bundled_product_summary {
            height: 100%;
        }
body.woocommerce .product-type-bundle .bundled_product_summary::before{
    content: var(--tw-content);
    display: none
}
body.woocommerce .product-type-bundle .bundled_product_summary::after{
    content: var(--tw-content);
    display: none
}
body.woocommerce .product-type-bundle .bundled_product_summary{
    border-width: 1px !important;
    --tw-border-opacity: 1 !important;
    border-color: rgb(133 117 78 / var(--tw-border-opacity)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important
}
.section--call-to-action body.woocommerce .product-type-bundle .bundled_product_summary * {
            color: rgba(0, 146, 131, 1) !important;
        }
.section--call-to-action body.woocommerce .product-type-bundle .bundled_product_summary * .btn {
                border-color: rgba(0, 146, 131, 1) !important;
            }
.section--call-to-action body.woocommerce .product-type-bundle .bundled_product_summary * .btn:hover, .section--call-to-action body.woocommerce .product-type-bundle .bundled_product_summary * .btn:focus {
                    background-color: rgba(0, 146, 131, 1) !important;
                    color: #FFFFFF !important;
                }
body.woocommerce .product-type-bundle .bundled_product_summary .bundled_product_images{
    max-height: 120px;
    width: auto;
    max-width: 120px
}
body.woocommerce .product-type-bundle .bundled_product_summary .bundled_product_images .bundled_product_image{
    overflow: hidden;
    border-radius: 0.375rem
}
body.woocommerce .product-type-bundle .bundled_product_summary .details{
    width: auto;
    padding: 0px
}
body.woocommerce .product-type-bundle .bundled_product_summary .bundled_product_title {
            @extend h4;
            margin-bottom: 1rem;
        }
body.woocommerce .product-type-bundle .bundled_product_summary .bundled_product_optional_checkbox{
    display: flex;
    align-items: center;
    font-size: 0.75rem;
    line-height: 1rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}
.section--image-grid .little_pictures body.woocommerce .product-type-bundle .bundled_product_summary .bundled_product_optional_checkbox {
            height: 100%;
        }
body.woocommerce .product-type-bundle .bundled_product_summary .bundled_product_optional_checkbox input * {
            color: white !important;
        }
body.woocommerce .product-type-bundle .bundled_product_summary .bundled_product_optional_checkbox input{
    height: 1rem !important;
    width: 1rem !important;
    appearance: none !important;
    border-radius: 0.25rem !important;
    --tw-border-opacity: 1 !important;
    border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important;
    padding: 0px !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}
.header--big divbody.woocommerce .product-type-bundle .bundled_product_summary .bundled_product_optional_checkbox input{
    margin-bottom: 5rem
}
.header--big divbody.woocommerce .product-type-bundle .bundled_product_summary .bundled_product_optional_checkbox input * {
            color: white !important;
        }
body.woocommerce .product-type-bundle .bundled_product_summary .bundled_product_optional_checkbox input:checked{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(133 117 78 / var(--tw-bg-opacity)) !important
}
body.woocommerce .product-type-bundle .bundled_product_summary .bundled_product_optional_checkbox input:focus{
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgb(133 117 78 / var(--tw-ring-opacity)) !important
}
body.woocommerce .product-type-bundle .bundled_product_summary .bundled_product_optional_checkbox .bundled_product_checkbox{
    margin-bottom: 0px;
    margin-right: 0.5rem;
    height: auto
}
body.woocommerce .product-type-bundle .bundled_product_summary .bundled_product_optional_checkbox .price{
    font-size: 0.75rem !important;
    line-height: 1rem !important;
    font-weight: 700 !important;
    --tw-text-opacity: 1 !important;
    color: rgb(55 65 81 / var(--tw-text-opacity)) !important
}
body.woocommerce .product-type-bundle .bundled_product_summary .bundled_item_button{
    display: inline-block
}
body.woocommerce .product-type-bundle .bundled_product_summary .bundled_item_button .quantity-wrapper{
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity))
}
body.woocommerce .product-type-bundle .bundled_product_summary .bundled_item_button .quantity-wrapper input{
    background-color: transparent
}
body.woocommerce .product-type-bundle .cart .bundle_wrap .bundle_price .price{
    margin-bottom: 0px
}
body.woocommerce .product-type-bundle .cart .bundle_wrap .bundle_button{
    margin-top: 1rem !important
}
/* Product */
@media (min-width: 1024px){
    body.woocommerce div.product{
        display: flex;
        gap: 5rem
    }
}
body.woocommerce div.product div.images,
    body.woocommerce div.product div.summary{
    float: none;
    width: auto
}
@media (min-width: 1024px){
    body.woocommerce div.product div.images,
    body.woocommerce div.product div.summary{
        width: 48%
    }
}
/* Product Gallery */
body.woocommerce .woocommerce-product-gallery .flex-viewport {
        /* @apply border border-secondary-500 bg-white; */
    }
body.woocommerce .woocommerce-product-gallery .flex-control-thumbs{
    margin-top: 0.5rem !important;
    display: flex;
    align-items: center;
    gap: 0.5rem
}
.section--image-grid .little_pictures body.woocommerce .woocommerce-product-gallery .flex-control-thumbs {
            height: 100%;
        }
body.woocommerce .woocommerce-product-gallery .flex-control-thumbs li{
    overflow: hidden;
    border-radius: 0.375rem
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}
.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}
.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* layouts*/
/* @see https://gitlab.com/cherrypulp/clients/sainf/st-feuillien/-/issues/100 */
.collapse:not(.show) {
    display: none;
}
.accordion + .btn {
    margin-top: 50px;
}
.block__seo .seo__btn {
    background: transparent;
    border: 0;
    margin: auto;
    text-decoration: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.block__seo .wrapper__content {
    margin-top: 50px;
    text-align: left;
}
/* @apply w-screen overflow-x-hidden; */
body.admin-bar .app-header {
            top: 32px;
        }
body.no-scroll{
    position: fixed;
    height: 100vh;
    width: 100vw;
    overflow: hidden
}
.app{
    position: relative
}
.app-header {
    }
.app-body {
        /* @apply overflow-x-hidden; */
    }
.app-footer .footer-top{
    width: 100%
}
.app-footer .footer-top::before{
    display: block;
    width: 100%;
    background-image: url('../images/footer.svg');
    --tw-content: '';
    content: var(--tw-content)
}
.woocommerce-page .app-body{
    padding-top: 7rem
}
.otgs-development-site-front-end{
    visibility: hidden !important;
    display: none !important;
    opacity: 0 !important
}
.prose-wrapper a,
    .prose-wrapper a > span{
    text-decoration-line: underline
}
.prose-wrapper a:hover,
    .prose-wrapper a > span:hover{
    text-decoration-line: none
}
.prose-wrapper a:focus,
    .prose-wrapper a > span:focus{
    text-decoration-line: none
}
.prose-wrapper a.btn, .prose-wrapper a > span.btn{
    text-decoration-line: none !important
}
.prose-wrapper ol {
        counter-reset: section;
        list-style-type: none;
    }
.prose-wrapper ol li {
            list-style-type: none;
        }
.prose-wrapper ol li::before {
                counter-increment: section;
                content: counters(section, '.') ' ';
                margin-right: 0.5rem;
                font-weight: 700;
                --tw-text-opacity: 1;
                color: rgb(133 117 78 / var(--tw-text-opacity));
            }
.prose-wrapper table{
    display: block !important;
    height: auto !important;
    width: 100% !important;
    overflow-x: scroll !important
}
.prose-wrapper table tr:nth-child(even){
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity))
}
.prose-wrapper table td{
    border-right-width: 1px;
    --tw-border-opacity: 1;
    border-right-color: rgb(133 117 78 / var(--tw-border-opacity));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    --tw-text-opacity: 1;
    color: rgb(103 91 60 / var(--tw-text-opacity))
}
.prose-wrapper table td:last-child{
    border-right-width: 0px
}
/* Common*/
@font-face {
    font-family: 'Dm-Sans-Regular';
    src: url('/app/themes/cherrypulp/resources/fonts/dm-sans/dm-sans-regular/DMSans-Regular.eot'); /* IE9 Compat Modes */
    src: url('/app/themes/cherrypulp/resources/fonts/dm-sans/dm-sans-regular/DMSans-Regular.woff') format('woff'), url('/app/themes/cherrypulp/resources/fonts/dm-sans/dm-sans-regular/DMSans-Regular.woff2') format('woff2'), url('/app/themes/cherrypulp/resources/fonts/dm-sans/dm-sans-regular/DMSans-Regular.ttf')  format('truetype');
}
@font-face {
    font-family: 'Dm-Sans-Bold';
    src: url('/app/themes/cherrypulp/resources/fonts/dm-sans/dm-sans-bold/DMSans-Bold.eot'); /* IE9 Compat Modes */
    src: url('/app/themes/cherrypulp/resources/fonts/dm-sans/dm-sans-bold/DMSans-Bold.woff') format('woff'), url('/app/themes/cherrypulp/resources/fonts/dm-sans/dm-sans-bold/DMSans-Bold.woff2') format('woff2'), url('/app/themes/cherrypulp/resources/fonts/dm-sans/dm-sans-bold/DMSans-Bold.ttf')  format('truetype');
}
@font-face {
    font-family: 'PlayfairDisplay-Regular';
    src: url('/app/themes/cherrypulp/resources/fonts/playfair-display/PlayfairDisplay-Regular.eot'); /* IE9 Compat Modes */
    src: url('/app/themes/cherrypulp/resources/fonts/playfair-display/PlayfairDisplay-Regular.woff') format('woff'), url('/app/themes/cherrypulp/resources/fonts/playfair-display/PlayfairDisplay-Regular.woff2') format('woff2'), url('/app/themes/cherrypulp/resources/fonts/playfair-display/PlayfairDisplay-Regular.ttf')  format('truetype');
}
/* @see https://tilomitra.github.io/infinite/*/
/* Make the element pulse (grow large and small slowly) */
/* Usage
    .myElement {
        animation: pulsate 1s ease-out;
        animation-iteration-count: infinite;
        opacity: 1;
    }
*/
@keyframes pulsate {
    0% {transform: scale(.1, .1); opacity: 0;}
    50% {opacity: 1;}
    100% {transform: scale(1.2, 1.2); opacity: 0;}
}
.animate-pulsate {
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 1;
}
/* Make the element's opacity pulse*/
/* Usage
    .myElement {
        animation: opacity-pulse 1s ease-out;
        animation-iteration-count: infinite;
        opacity: 0;
    }
*/
@keyframes opacity-pulse {
    0% {opacity: .0;}
    50% {opacity: 1;}
    100% {opacity: .0;}
}
.animate-opacity-pulsate {
    animation: opacity-pulsate 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 0;
}
/* Make the element's background pulse. I call this alert-pulse because it is red. You can call it something more generic. */
/* Usage
    .myElement {
        animation: alert-pulse 1s ease-out;
        animation-iteration-count: infinite;
        opacity: 1;
    }
*/
@keyframes alert-pulse {
    0% {background-color: #9a2727; opacity: 1;}
    50% {opacity: red; opacity: .75; }
    100% {opacity: #9a2727; opacity: 1;}
}
/* Make the element rotate infinitely. */
/*
Usage
    .myElement {
        animation: rotating 3s linear infinite;
    }
*/
@keyframes rotating {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes scroll {
    from {
        transform: translateY(-11px);
        opacity: 0;
    }
    to {
        transform: translateY(2px);
        opacity: 100%;
    }
}
@keyframes tchin {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(6deg) scale(1.06);
    }
}
section{
    padding-top: 4rem;
    padding-bottom: 4rem
}
.section--last-food .food--card {
        position: absolute;
        transform-origin: center;
        box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
        max-width: 240px;
    }
@media (min-width: 640px){
    .section--last-food .food--card{
        max-width: 384px
    }
}
.section--last-food .food--card:first-of-type {
            transform: rotate(10deg);
            z-index: 10;
        }
.section--last-food .food--card:nth-child(2) {
            transform: rotate(-10deg);
            z-index: 5;
        }
.section--last-food .food--card:nth-child(3) {
            z-index: 1;
        }
.section--last-food .food--card *{
    font-size: 0.75rem;
    line-height: 1rem
}
@media (min-width: 640px){
    .section--last-food .food--card *{
        font-size: 1rem;
        line-height: 1.5rem
    }
}
.section--last-food .food--card p span{
    font-size: 0.6rem
}
@media (min-width: 640px){
    .section--last-food .food--card p span{
        font-size: 0.75rem;
        line-height: 1rem
    }
}
.section--last-food .food--card .h4{
    font-size: 1rem;
    line-height: 1.5rem
}
@media (min-width: 640px){
    .section--last-food .food--card .h4{
        font-size: 1.5rem;
        line-height: 2rem
    }
}
.section--timeline .gradient {
        background: linear-gradient(180deg, rgba(240, 237, 229, 0) 0%, #F7F6F2 60.98%);
    }
.section--timeline .group:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
.section--infos .btn{
    margin-top: 0px
}
.section--infos a{
    font-weight: inherit;
    text-decoration-line: none
}
.section--image-grid .little_pictures .flex {
            height: 100%;
        }
.section--image-grid .little_pictures .image {
            height: 46%;
        }
.section--image-grid .little_pictures .image img {
                height: 100%;
            }
.section--call-to-action + section:not(.section--call-to-action){
    margin-top: 4rem
}
.section--call-to-action .body-wrapper{
    font-size: 1.125rem;
    line-height: 1.75rem
}
.section--call-to-action .body-wrapper img{
    margin-left: auto;
    margin-right: auto
}
.section--call-to-action .bg-secondary-100 * {
            color: rgba(18, 13, 10, 1) !important;
        }
.section--call-to-action .bg-secondary-100 * .btn{
    --tw-border-opacity: 1 !important;
    border-color: rgb(133 117 78 / var(--tw-border-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(133 117 78 / var(--tw-text-opacity)) !important
}
.section--call-to-action .bg-secondary-100 * .btn:hover * {
            color: white !important;
        }
.section--call-to-action .bg-secondary-100 * .btn:focus * {
            color: white !important;
        }
.section--call-to-action .bg-secondary-100 * .btn:hover{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}
.section--call-to-action .bg-secondary-100 * .btn:focus{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}
.section--call-to-action .bg-secondary-100 svg.rotate-180{
    margin-top: 2.5rem
}
.section--call-to-action .bg-white * {
            color: rgba(0, 146, 131, 1) !important;
        }
.section--call-to-action .bg-white * .btn {
                border-color: rgba(0, 146, 131, 1) !important;
            }
.section--call-to-action .bg-white * .btn:hover, .section--call-to-action .bg-white * .btn:focus {
                    background-color: rgba(0, 146, 131, 1) !important;
                    color: #FFFFFF !important;
                }
/* Components*/
.news--card p.excerpt {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;
	}
.product--card{
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between
}
.section--image-grid .little_pictures .product--card {
            height: 100%;
        }
.product--card a{
    display: block;
    text-align: center;
    text-decoration-line: none
}
.product--card img{
    margin: 0px;
    height: 100%;
    width: 100%;
    object-fit: cover
}
.product--card h4{
    margin-top: 1rem
}
.product--card .price{
    margin-top: 0.75rem;
    display: block;
    --tw-text-opacity: 1;
    color: rgb(133 117 78 / var(--tw-text-opacity))
}
.product--card .price bdi, .product--card .price span, .product--card .price .woocommerce-Price-currencySymbol{
    --tw-text-opacity: 1;
    color: rgb(133 117 78 / var(--tw-text-opacity))
}
.collapse-container{
    margin-bottom: 1.25rem;
    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
}
.collapse-container:not(.open):not(.transitioning) .collapse {
            display: none;
        }
.collapse-container.transitioning .collapse {
            height: 0;
            overflow: hidden;
            transition: height 0.35s ease;
        }
.collapse-container.open .collapse-toggle .fa-angle-up{
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.section--call-to-action .bg-secondary-100 svg.collapse-container.open .collapse-toggle .fa-angle-up{
    margin-top: 2.5rem
}
.collapse-container.open .collapse-toggle .fa-angle-up {
                transform: rotate(180deg);
            }
.collapse-container.open .collapse {
            height: auto;
            display: inherit;
            visibility: visible;
        }
.collapse-container .collapse-toggle{
    cursor: pointer
}
.collapse-container .collapse-toggle .fa-angle-up{
    align-self: center;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    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;
            flex-basis: 20px
}
.collapse-container .collapse ul{
    list-style-type: disc
}
.collapse-container .collapse ol{
    list-style-type: decimal
}
.collapse-container .section--article-content{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}
/* .cursor {
    mix-blend-mode: difference;
    filter: invert(1);
    path {
        fill: #85754e;
        stroke: #85754e;
        transition: transform 0.2s ease-in-out;
    }
    circle {
        display: none !important;
        transform: scale(0.87);
        transform-origin: center;
        transition: transform 0.2s ease-in-out;
    }
    &.hidden {
        path {
            fill: #232749;
            stroke: #232749;
        }
        circle {
            transform: scale(0);
        }
    }
}

.revert-cursor {
    & .cursor {
        mix-blend-mode: none;
        path {
            fill: #232749;
            stroke: #232749;
        }
        &.hidden {
            path {
                fill: #85754e;
                stroke: #85754e;
            }
        }
    }
}

@media (pointer: none), (pointer: coarse) {
    .cursor {
        display: none !important;
        opacity: 0 !important;
    }
}

* {
    @apply cursor-auto md:cursor-none;
    img {
        &:hover {
            @apply cursor-auto md:cursor-none;
        }
    }
} */
.cursor {
    /* background-color: var(--theme-bg-color);
  border-radius: 50%; */
    filter: invert(1);
    height: 40px;
    mix-blend-mode: difference;
    opacity: 1;
    pointer-events: none;
    position: fixed;
    transform-origin: center;
    /* transform: translate(-50%, -50%); */
    transition:
        color 0.3s ease,
        height 0.3s ease,
        opacity 0.3s ease,
        width 0.3s ease;
    width: 40px;
    will-change: background-color, left, opacity, top;
    z-index: 999999;
}
.cursor path {
        fill: #85754e;
        stroke: #85754e;
        transition: transform 0.2s ease-in-out;
    }
.cursor circle {
        display: none !important;
        transform: scale(0.87);
        transform-origin: center;
        transition: transform 0.2s ease-in-out;
    }
.cursor.active {
        mix-blend-mode: none;
    }
.cursor.active path {
            fill: #232749;
            stroke: #232749;
        }
.cursor.active.hide path {
                fill: #85754e;
                stroke: #85754e;
            }
.cursor.hover {
        height: 35px;
        opacity: 0.8;
        width: 35px;
    }
/* opacity: 0 !important; */
.cursor.hide path {
            fill: #232749;
            stroke: #232749;
        }
.cursor.hide circle {
            transform: scale(0);
        }
.cursor.loading,
    body.loading .cursor {
        animation: pulse 1s infinite;
    }
@keyframes pulse {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.7;
        transform: scale(1.3);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
/* @apply mb-16; */
.header:before{
    position: absolute;
    inset: 0px;
    z-index: 20;
    height: 100%;
    width: 100%;
    opacity: 0.6;
    --tw-content: '';
    content: var(--tw-content)
}
.header #scroll-header .bounce {
            animation: scroll 2s linear infinite;
        }
.header #scroll-header:hover, .header #scroll-header:focus {
            animation: tchin .37s ease-in-out forwards;
        }
.header--little{
    margin-bottom: 0px;
    height: 600px
}
.header--little:before {
        /*background: linear-gradient(90deg, #232749 0%, rgba(35, 39, 73, 0) 49.04%);*/
        opacity: 30%;
        background: linear-gradient(90deg, #232749 0%, #232749 100%);
    }
.header--big{
    height: 100vh
}
.header--big:before {
        background: #232749;
        opacity: 30%;
        /*background: linear-gradient(0deg, rgba(35, 39, 73, 0.3), rgba(35, 39, 73, 0.3));*/
    }
.header--big div.text-white{
    margin-bottom: 5rem
}
.header--big div.text-white * {
            color: white !important;
        }
.gallery{
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0.5rem
}
@media (min-width: 768px){
    .gallery{
        gap: 2rem
    }
}
.gallery .grid {
            padding: 0;
        }
.gallery{
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-rows: repeat(1, minmax(0, 1fr))
}
.gallery.gallery-items-2.gallery-orientation-vertical{
    grid-template-columns: repeat(2, minmax(0, 1fr))
}
.gallery.gallery-items-2.gallery-orientation-horizontal{
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr))
}
.gallery.gallery-items-2.gallery-orientation-horizontal .gallery-image {
                max-height: 260px;
            }
.gallery.gallery-items-3 {}
.gallery.gallery-items-4{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr))
}
.gallery.gallery-items-4 .gallery-image {
            aspect-ratio: 1/1;
        }
.gallery.gallery-items-4 .gallery-image img {
                height: auto !important;
            }
.gallery .gallery-image {
        /* @apply bg-gray-200; */
        overflow: hidden;
    }
.gallery .gallery-image img{
    object-fit: cover;
    object-position: center
}
.nav--show .nav {   
        transform: translateY(0) !important;   
        --tw-bg-opacity: 1 !important;   
        background-color: rgb(240 237 229 / var(--tw-bg-opacity)) !important;
    }
.section--call-to-action .nav--show .nav * {
            color: rgba(18, 13, 10, 1) !important;
        }
.section--call-to-action .nav--show .nav * .btn{
    --tw-border-opacity: 1 !important;
    border-color: rgb(133 117 78 / var(--tw-border-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(133 117 78 / var(--tw-text-opacity)) !important
}
.section--call-to-action .nav--show .nav * .btn:hover * {
            color: white !important;
        }
.section--call-to-action .nav--show .nav * .btn:focus * {
            color: white !important;
        }
.section--call-to-action .nav--show .nav * .btn:hover{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}
.section--call-to-action .nav--show .nav * .btn:focus{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}
.section--call-to-action .nav--show .nav svg.rotate-180{
    margin-top: 2.5rem
}
@media (min-width: 1024px) {
.nav--show .nav .nav__logo img {
                transform: translate(-50%, -14px) scale(0.8) !important;
                top: 0
        }
            }
.nav--show .nav ul {
            display: flex;
            flex-direction: row;
            margin-left: 0;
        }
.nav--show .nav ul li {
                list-style: none;
                margin-bottom: 0;
            }
.nav--show .nav ul li:not(:last-child) {
                    margin-right: 15px;
                }
@media (min-width: 1280px) {
.nav--show .nav ul li:not(:last-child) {
                        margin-right: 24px
                }
                    }
.nav--show .nav ul li a{
    --tw-text-opacity: 1;
    color: rgb(84 74 49 / var(--tw-text-opacity))
}
.home.nav--top .nav {
    background-color: transparent !important;
}
.home.nav--top .nav ul li a *, .home.nav--top .nav ol li a *, .home.nav--top .nav button *, .home.nav--top .nav i *, .home.nav--top .nav .lang-select-current * {
            color: white;
        }
.home.nav--top .nav ul li a, .home.nav--top .nav ol li a, .home.nav--top .nav button, .home.nav--top .nav i, .home.nav--top .nav .lang-select-current{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.header--big div.home.nav--top .nav ul li a,.header--big div .home.nav--top .nav ol li a,.header--big div .home.nav--top .nav button,.header--big div .home.nav--top .nav i,.header--big div .home.nav--top .nav .lang-select-current{
    margin-bottom: 5rem
}
.header--big div.home.nav--top .nav ul li a *,.header--big div .home.nav--top .nav ol li a *,.header--big div .home.nav--top .nav button *,.header--big div .home.nav--top .nav i *,.header--big div .home.nav--top .nav .lang-select-current * {
            color: white;
        }
.home.nav--top .nav li .sub-menu{
    pointer-events: none;
    visibility: hidden;
    opacity: 0
}
.home.nav--top .nav li:hover .sub-menu, .home.nav--top .nav li:focus .sub-menu {
                background-color: transparent !important;
            }
.home.nav--top .nav li:hover .sub-menu a *, .home.nav--top .nav li:focus .sub-menu a * {
            color: white;
        }
.home.nav--top .nav li:hover .sub-menu a, .home.nav--top .nav li:focus .sub-menu a{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.header--big div.home.nav--top .nav li:hover .sub-menu a,.header--big div .home.nav--top .nav li:focus .sub-menu a{
    margin-bottom: 5rem
}
.header--big div.home.nav--top .nav li:hover .sub-menu a *,.header--big div .home.nav--top .nav li:focus .sub-menu a * {
            color: white;
        }
.home.nav--top .nav li.menu-item-has-children *::before {
            color: white;
        }
.home.nav--top .nav li.menu-item-has-children::before{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.header--big div.home.nav--top .nav li.menu-item-has-children::before{
    margin-bottom: 5rem
}
.header--big div.home.nav--top .nav li.menu-item-has-children *::before {
            color: white;
        }
body.no-scroll.home.nav--top .nav{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(240 237 229 / var(--tw-bg-opacity)) !important
}
.section--call-to-action body.no-scroll.home.nav--top .nav * {
            color: rgba(18, 13, 10, 1) !important;
        }
.section--call-to-action body.no-scroll.home.nav--top .nav * .btn{
    --tw-border-opacity: 1 !important;
    border-color: rgb(133 117 78 / var(--tw-border-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(133 117 78 / var(--tw-text-opacity)) !important
}
.section--call-to-action body.no-scroll.home.nav--top .nav * .btn:hover * {
            color: white !important;
        }
.section--call-to-action body.no-scroll.home.nav--top .nav * .btn:focus * {
            color: white !important;
        }
.section--call-to-action body.no-scroll.home.nav--top .nav * .btn:hover{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}
.section--call-to-action body.no-scroll.home.nav--top .nav * .btn:focus{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}
.section--call-to-action body.no-scroll.home.nav--top .nav svg.rotate-180{
    margin-top: 2.5rem
}
body.no-scroll.home.nav--top .nav ul li a, body.no-scroll.home.nav--top .nav ol li a, body.no-scroll.home.nav--top .nav button, body.no-scroll.home.nav--top .nav i, body.no-scroll.home.nav--top .nav span, body.no-scroll.home.nav--top .nav .lang-select-current{
    --tw-text-opacity: 1;
    color: rgb(84 74 49 / var(--tw-text-opacity))
}
body.no-scroll.home.nav--top .nav .bg-primary-500 i * {
            color: white !important;
        }
body.no-scroll.home.nav--top .nav .bg-primary-500 i{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}
.header--big divbody.no-scroll.home.nav--top .nav .bg-primary-500 i{
    margin-bottom: 5rem
}
.header--big divbody.no-scroll.home.nav--top .nav .bg-primary-500 i * {
            color: white !important;
        }
.nav, .nav--top .nav {
    transform: translateY(-180px);
    transition: all .2s ease-in-out;
}
.nav .nav__logo img, .nav--top .nav .nav__logo img {
        transition: all .2s ease-in-out;
    }
@media (min-width: 1024px) {
.nav .nav__logo img, .nav--top .nav .nav__logo img {
            transform: translateX(-50%) scale(1) !important;
            top: 0
    }
        }
.nav ul, .nav--top .nav ul {
        display: flex;
        flex-direction: row;
        margin: 0;
    }
.nav ul li, .nav--top .nav ul li {
            list-style: none;
            margin-bottom: 0;
        }
.nav ul li:not(:last-child), .nav--top .nav ul li:not(:last-child) {
                margin-right: 15px;
            }
@media (min-width: 1280px) {
.nav ul li:not(:last-child), .nav--top .nav ul li:not(:last-child) {
                    margin-right: 24px
            }
                }
.nav ul li a, .nav--top .nav ul li a {
        font-family: 'Dm-Sans-Bold';
        position: relative;
        display: inline-block;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        font-size: 0.75rem;
        line-height: 1rem;
        font-weight: 400;
        text-transform: uppercase;
        text-decoration-line: none;
    }
.nav ul li a:before, .nav--top .nav ul li a:before{
    position: absolute;
    bottom: 0px;
    display: block;
    height: 2px;
    width: 100%;
    --tw-translate-y: -7px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(133 117 78 / var(--tw-bg-opacity));
    opacity: 0;
    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-duration: 200ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --tw-content: '';
    content: var(--tw-content)
}
.nav ul li:hover a, .nav ul li.current-menu-item a, .nav--top .nav ul li:hover a, .nav--top .nav ul li.current-menu-item a{
    --tw-text-opacity: 1;
    color: rgb(133 117 78 / var(--tw-text-opacity))
}
.nav ul li:hover a:before, .nav ul li.current-menu-item a:before, .nav--top .nav ul li:hover a:before, .nav--top .nav ul li.current-menu-item a:before{
    --tw-translate-y: -0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1
}
.nav ul li.menu-item-has-children, .nav--top .nav ul li.menu-item-has-children{
    position: relative;
    padding-right: 0.5rem
}
.nav ul li.menu-item-has-children::before, .nav--top .nav ul li.menu-item-has-children::before{
    position: absolute;
    top: 1.25rem;
    right: -0.25rem;
    display: block;
    height: 0.5rem;
    width: 0.5rem;
                    content: "\f107";
                    font-family: "Font Awesome 6 Pro";
                    font-weight: 400
}
.nav ul li .sub-menu, .nav--top .nav ul li .sub-menu{
    pointer-events: none;
    visibility: hidden;
    position: absolute;
    opacity: 0
}
.scroll-top.nav ul li:hover .sub-menu,.scroll-top .nav ul li:focus .sub-menu,.scroll-top .nav--top .nav ul li:hover .sub-menu,.scroll-top .nav--top .nav ul li:focus .sub-menu{
    display: block
}
.nav ul li:hover .sub-menu, .nav ul li:focus .sub-menu, .nav--top .nav ul li:hover .sub-menu, .nav--top .nav ul li:focus .sub-menu{
    pointer-events: auto;
    visibility: visible;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    --tw-bg-opacity: 1;
    background-color: rgb(240 237 229 / var(--tw-bg-opacity));
    padding: 0.75rem;
    opacity: 1
}
.section--image-grid .little_pictures .nav ul li:hover .sub-menu,.section--image-grid .little_pictures  .nav ul li:focus .sub-menu,.section--image-grid .little_pictures  .nav--top .nav ul li:hover .sub-menu,.section--image-grid .little_pictures  .nav--top .nav ul li:focus .sub-menu {
            height: 100%;
        }
.section--call-to-action .nav ul li:hover .sub-menu *,.section--call-to-action  .nav ul li:focus .sub-menu *,.section--call-to-action  .nav--top .nav ul li:hover .sub-menu *,.section--call-to-action  .nav--top .nav ul li:focus .sub-menu * {
            color: rgba(18, 13, 10, 1);
        }
.section--call-to-action .nav ul li:hover .sub-menu * .btn,.section--call-to-action  .nav ul li:focus .sub-menu * .btn,.section--call-to-action  .nav--top .nav ul li:hover .sub-menu * .btn,.section--call-to-action  .nav--top .nav ul li:focus .sub-menu * .btn{
    --tw-border-opacity: 1 !important;
    border-color: rgb(133 117 78 / var(--tw-border-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(133 117 78 / var(--tw-text-opacity)) !important
}
.section--call-to-action .nav ul li:hover .sub-menu * .btn:hover *,.section--call-to-action  .nav ul li:focus .sub-menu * .btn:hover *,.section--call-to-action  .nav--top .nav ul li:hover .sub-menu * .btn:hover *,.section--call-to-action  .nav--top .nav ul li:focus .sub-menu * .btn:hover * {
            color: white !important;
        }
.section--call-to-action .nav ul li:hover .sub-menu * .btn:focus *,.section--call-to-action  .nav ul li:focus .sub-menu * .btn:focus *,.section--call-to-action  .nav--top .nav ul li:hover .sub-menu * .btn:focus *,.section--call-to-action  .nav--top .nav ul li:focus .sub-menu * .btn:focus * {
            color: white !important;
        }
.section--call-to-action .nav ul li:hover .sub-menu * .btn:hover,.section--call-to-action  .nav ul li:focus .sub-menu * .btn:hover,.section--call-to-action  .nav--top .nav ul li:hover .sub-menu * .btn:hover,.section--call-to-action  .nav--top .nav ul li:focus .sub-menu * .btn:hover{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}
.section--call-to-action .nav ul li:hover .sub-menu * .btn:focus,.section--call-to-action  .nav ul li:focus .sub-menu * .btn:focus,.section--call-to-action  .nav--top .nav ul li:hover .sub-menu * .btn:focus,.section--call-to-action  .nav--top .nav ul li:focus .sub-menu * .btn:focus{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}
.section--call-to-action .nav ul li:hover .sub-menu svg.rotate-180,.section--call-to-action  .nav ul li:focus .sub-menu svg.rotate-180,.section--call-to-action  .nav--top .nav ul li:hover .sub-menu svg.rotate-180,.section--call-to-action  .nav--top .nav ul li:focus .sub-menu svg.rotate-180{
    margin-top: 2.5rem
}
.nav ul li:hover .sub-menu li, .nav ul li:focus .sub-menu li, .nav--top .nav ul li:hover .sub-menu li, .nav--top .nav ul li:focus .sub-menu li{
    margin: 0px
}
.nav ul li:hover .sub-menu a, .nav ul li:focus .sub-menu a, .nav--top .nav ul li:hover .sub-menu a, .nav--top .nav ul li:focus .sub-menu a{
    padding: 0.25rem;
    --tw-text-opacity: 1;
    color: rgb(84 74 49 / var(--tw-text-opacity))
}
.nav ul li:hover .sub-menu a:hover, .nav ul li:focus .sub-menu a:hover, .nav--top .nav ul li:hover .sub-menu a:hover, .nav--top .nav ul li:focus .sub-menu a:hover{
    --tw-text-opacity: 1;
    color: rgb(133 117 78 / var(--tw-text-opacity))
}
.nav ul li:hover .sub-menu a:focus, .nav ul li:focus .sub-menu a:focus, .nav--top .nav ul li:hover .sub-menu a:focus, .nav--top .nav ul li:focus .sub-menu a:focus{
    --tw-text-opacity: 1;
    color: rgb(133 117 78 / var(--tw-text-opacity))
}
@media (min-width: 1024px){
    .nav ul li:hover .sub-menu a, .nav ul li:focus .sub-menu a, .nav--top .nav ul li:hover .sub-menu a, .nav--top .nav ul li:focus .sub-menu a{
        white-space: nowrap
    }
}
.nav ul li:hover .sub-menu a:before, .nav ul li:focus .sub-menu a:before, .nav--top .nav ul li:hover .sub-menu a:before, .nav--top .nav ul li:focus .sub-menu a:before{
    display: none
}
.lang-select{
    position: relative
}
.lang-select * {
        font-family: 'Dm-Sans-Bold';
        font-size: 0.75rem;
        line-height: 1rem;
        font-weight: 400;
        text-transform: uppercase;
        text-decoration-line: none;
    }
.scroll-top.lang-select:hover > ul,.scroll-top .lang-select:focus > ul{
    display: block
}
.lang-select:hover > ul, .lang-select:focus > ul{
    visibility: visible;
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1
}
.lang-select > ul{
    visibility: hidden;
    --tw-translate-y: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0
}
.lang-select > ul:hover.scroll-top{
    display: block
}
.lang-select > ul:focus.scroll-top{
    display: block
}
.lang-select > ul:hover{
    visibility: visible;
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1
}
.lang-select > ul:focus{
    visibility: visible;
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1
}
.lang-select > ul{
    position: absolute !important;
    right: 0px !important;
    top: 100% !important;
    display: flex !important;
    flex-direction: column !important
}
.lang-select > ul > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0 !important;
    margin-right: calc(0px * var(--tw-space-x-reverse)) !important;
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))) !important;
    --tw-space-y-reverse: 0 !important;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))) !important;
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)) !important
}
.lang-select > ul{
    border-radius: 0.375rem !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.section--image-grid .little_pictures .lang-select > ul {
            height: 100% !important;
        }
.section--call-to-action .lang-select > ul * {
            color: rgba(0, 146, 131, 1) !important;
        }
.section--call-to-action .lang-select > ul * .btn {
                border-color: rgba(0, 146, 131, 1) !important;
            }
.section--call-to-action .lang-select > ul * .btn:hover, .section--call-to-action .lang-select > ul * .btn:focus {
                    background-color: rgba(0, 146, 131, 1) !important;
                    color: #FFFFFF !important;
                }
.lang-select > ul li{
    margin: 0px !important
}
.lang-select > ul a{
    display: block !important;
    padding: 0.5rem !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    --tw-text-opacity: 1 !important;
    color: rgb(30 33 62 / var(--tw-text-opacity)) !important
}
.lang-select > ul a:hover{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(240 237 229 / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(84 74 49 / var(--tw-text-opacity)) !important
}
.lang-select > ul a:focus{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(240 237 229 / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(84 74 49 / var(--tw-text-opacity)) !important
}
.lang-select > ul a::before{
    display: none !important
}
/* mobile menu styles */
.mobile-menu-wrapper ul{
    margin: 0px;
    list-style-type: none;
    padding: 0px
}
.mobile-menu-wrapper li{
    position: relative;
    margin: 0px;
    margin-top: 2.5rem;
    list-style-type: none;
    padding: 0px
}
.mobile-menu-wrapper li:hover::before, .mobile-menu-wrapper li:focus::before{
    opacity: 1
}
.mobile-menu-wrapper li::before{
    position: absolute;
    top: 0.5rem;
    right: 0px;
    display: block;
    height: 1rem;
    width: 2rem;
    background-image: url('../images/arrow.svg');
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.4;
            background-size: 100%;
            content: ""
}
.mobile-menu-wrapper li a{
    display: block;
        font-family: 'PlayfairDisplay-Regular';
        font-size: 1.875rem;
        line-height: 2.25rem;
        font-weight: 400;
        --tw-text-opacity: 1;
        color: rgb(133 117 78 / var(--tw-text-opacity));
        text-decoration-line: none
}
@media (min-width: 768px){
    .mobile-menu-wrapper li a{
        font-size: 3rem;
        line-height: 1
    }
}
.mobile-menu-wrapper li.menu-item-has-children{
    position: relative;
    padding-right: 0.5rem
}
.mobile-menu-wrapper li.menu-item-has-children::before{
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.navigation{
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(174 158 117 / var(--tw-border-opacity));
    padding-left: 7rem;
    padding-right: 7rem
}
.navigation a{
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(133 117 78 / var(--tw-text-opacity));
    text-decoration-line: none
}
.navigation a:hover{
    --tw-text-opacity: 1;
    color: rgb(84 74 49 / var(--tw-text-opacity))
}
.navigation a:focus{
    --tw-text-opacity: 1;
    color: rgb(84 74 49 / var(--tw-text-opacity))
}
.navigation .page-numbers {
        font-family: 'Dm-Sans-Regular';
        padding: 1.25rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
        line-height: 1;
    }
.navigation .page-numbers.current{
    --tw-translate-y: -2px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-top-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(84 74 49 / var(--tw-border-opacity))
}
.navigation .prev{
    position: absolute;
    left: 0px;
    top: 50%;
    --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));
    padding-left: 1.75rem
}
.navigation .prev::before {
            font-family: "Font Awesome 6 Pro";
            font-weight: 400;
            font-style: normal;
            content: "\f30a";
            position: absolute;
            top: 50%;
            left: 0px;
            width: 2rem;
            --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));
            font-size: 1.125rem;
            line-height: 1.75rem;
            line-height: 1;
        }
.navigation .next{
    position: absolute;
    right: 0px;
    top: 50%;
    --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));
    padding-right: 1.75rem
}
.navigation .next::before {
            font-family: "Font Awesome 6 Pro";
            font-weight: 400;
            font-variant: normal;
            font-style: normal;
            content: "\f30b";
            position: absolute;
            top: 50%;
            right: 0px;
            width: 2rem;
            --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));
            text-align: right;
            font-size: 1.125rem;
            line-height: 1.75rem;
            line-height: 1;
        }
.navigation .nav-links{
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center
}
.section--image-grid .little_pictures .navigation .nav-links {
            height: 100%;
        }
.dropout{
    position: relative
}
.scroll-top.dropout:focus-within .dropout-menu{
    display: block
}
.dropout:focus-within .dropout-menu{
    visibility: visible;
    --tw-translate-y: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1
}
.dropout .dropout-toggle{
    display: inline-flex;
    align-items: center;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}
.section--call-to-action .dropout .dropout-toggle * {
            color: rgba(0, 146, 131, 1);
        }
.section--call-to-action .dropout .dropout-toggle * .btn {
                border-color: rgba(0, 146, 131, 1);
            }
.section--call-to-action .dropout .dropout-toggle * .btn:hover, .section--call-to-action .dropout .dropout-toggle * .btn:focus {
                    background-color: rgba(0, 146, 131, 1);
                    color: #FFFFFF;
                }
.dropout .dropout-toggle:hover{
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity))
}
.dropout .dropout-toggle:hover i, .dropout .dropout-toggle:hover svg{
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}
.dropout .dropout-toggle:focus{
    outline: 2px solid transparent;
    outline-offset: 2px
}
.dropout .dropout-toggle i, .dropout .dropout-toggle svg{
    margin-left: 0.5rem;
    height: 1.25rem;
    width: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}
.dropout .dropout-menu{
    position: absolute;
    z-index: 10;
    margin-top: 0.75rem;
    width: 100vw;
    max-width: 20rem;
    --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));
    padding-left: 0.5rem;
    padding-right: 0.5rem
}
@media (min-width: 640px){
    .dropout .dropout-menu{
        padding-left: 0px;
        padding-right: 0px
    }
}
.dropout .dropout-menu{
    visibility: hidden;
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.dropout .dropout-menu > div{
    overflow: hidden;
    border-radius: 0.5rem;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
    --tw-ring-opacity: 0.05
}
.dropout .dropout-menu a{
    margin: -0.75rem;
    display: block;
    border-radius: 0.375rem;
    padding: 0.75rem;
    text-decoration-line: none
}
.dropout .dropout-menu a:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}
.scroll-top.flyout:focus-within .flyout-menu{
    display: block
}
.flyout:focus-within .flyout-menu{
    visibility: visible;
    --tw-translate-y: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1
}
.flyout .flyout-toggle{
    display: inline-flex;
    align-items: center;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}
.section--call-to-action .flyout .flyout-toggle * {
            color: rgba(0, 146, 131, 1);
        }
.section--call-to-action .flyout .flyout-toggle * .btn {
                border-color: rgba(0, 146, 131, 1);
            }
.section--call-to-action .flyout .flyout-toggle * .btn:hover, .section--call-to-action .flyout .flyout-toggle * .btn:focus {
                    background-color: rgba(0, 146, 131, 1);
                    color: #FFFFFF;
                }
.flyout .flyout-toggle:hover{
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity))
}
.flyout .flyout-toggle:hover i, .flyout .flyout-toggle:hover svg{
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}
.flyout .flyout-toggle:focus{
    outline: 2px solid transparent;
    outline-offset: 2px
}
.flyout .flyout-toggle i, .flyout .flyout-toggle svg{
    margin-left: 0.5rem;
    height: 1.25rem;
    width: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}
.flyout .flyout-menu{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 100%;
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.section--call-to-action .flyout .flyout-menu * {
            color: rgba(0, 146, 131, 1);
        }
.section--call-to-action .flyout .flyout-menu * .btn {
                border-color: rgba(0, 146, 131, 1);
            }
.section--call-to-action .flyout .flyout-menu * .btn:hover, .section--call-to-action .flyout .flyout-menu * .btn:focus {
                    background-color: rgba(0, 146, 131, 1);
                    color: #FFFFFF;
                }
.flyout .flyout-menu{
    visibility: hidden;
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.flyout .flyout-blocks{
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0.5rem
}
@media (min-width: 768px){
    .flyout .flyout-blocks{
        gap: 2rem
    }
}
.flyout .flyout-blocks .grid {
            padding: 0;
        }
.flyout .flyout-blocks{
    margin-left: auto;
    margin-right: auto;
    display: grid;
    max-width: 80rem;
    row-gap: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}
@media (min-width: 640px){
    .flyout .flyout-blocks{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
}
@media (min-width: 1024px){
    .flyout .flyout-blocks{
        grid-template-columns: repeat(4, minmax(0, 1fr));
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}
@media (min-width: 1280px){
    .flyout .flyout-blocks{
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }
}
.flyout .flyout-links{
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity))
}
.flyout .flyout-links > div{
    margin-left: auto;
    margin-right: auto;
    max-width: 80rem
}
.flyout .flyout-links > div > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}
.flyout .flyout-links > div{
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}
@media (min-width: 640px){
    .flyout .flyout-links > div{
        display: flex
    }
    .flyout .flyout-links > div > :not([hidden]) ~ :not([hidden]){
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse));
        --tw-space-x-reverse: 0;
        margin-right: calc(2.5rem * var(--tw-space-x-reverse));
        margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)))
    }
    .flyout .flyout-links > div{
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}
@media (min-width: 1024px){
    .flyout .flyout-links > div{
        padding-left: 2rem;
        padding-right: 2rem
    }
}
.flyout .flyout-card{
    margin: -0.75rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 0.5rem;
    padding: 0.75rem;
    text-decoration-line: none
}
.section--image-grid .little_pictures .flyout .flyout-card {
            height: 100%;
        }
.flyout .flyout-card:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}
.flyout .flyout-card > div{
    display: flex
}
.section--image-grid .little_pictures .flyout .flyout-card > div {
            height: 100%;
        }
@media (min-width: 768px){
    .flyout .flyout-card > div{
        height: 100%
    }
}
@media (min-width: 1024px){
    .flyout .flyout-card > div{
        flex-direction: column
    }
}
.flyout .flyout-card .flyout-card-body{
    margin-left: 1rem
}
@media (min-width: 768px){
    .flyout .flyout-card .flyout-card-body{
        display: flex;
        flex: 1 1 0%;
        flex-direction: column;
        justify-content: space-between
    }
}
@media (min-width: 1024px){
    .flyout .flyout-card .flyout-card-body{
        margin-left: 0px;
        margin-top: 1rem
    }
}
.flyout .flyout-link{
    margin: -0.75rem;
    display: flex;
    align-items: center;
    border-radius: 0.375rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
    text-decoration-line: none
}
.section--image-grid .little_pictures .flyout .flyout-link {
            height: 100%;
        }
.flyout .flyout-link:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}
.tab--nav {
    transition: all .2s ease-in-out;
}
.tab--nav:before {
        transition: all .1s ease-in-out;
        position: absolute;
        height: 100px;
        width: 100%;
        --tw-bg-opacity: 1;
        background-color: rgb(247 246 242 / var(--tw-bg-opacity));
        content: '';
        display: block;
        left: 0;
        right: 0;
        top: -60px;
        opacity: 0;
    }
.tab--nav a.actif, .tab--nav a:hover, .tab--nav a:focus{
    --tw-border-opacity: 1;
    border-color: rgb(133 117 78 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(240 237 229 / var(--tw-bg-opacity))
}
.section--call-to-action .tab--nav a.actif *,.section--call-to-action  .tab--nav a:hover *,.section--call-to-action  .tab--nav a:focus * {
            color: rgba(18, 13, 10, 1);
        }
.section--call-to-action .tab--nav a.actif * .btn,.section--call-to-action  .tab--nav a:hover * .btn,.section--call-to-action  .tab--nav a:focus * .btn{
    --tw-border-opacity: 1 !important;
    border-color: rgb(133 117 78 / var(--tw-border-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(133 117 78 / var(--tw-text-opacity)) !important
}
.section--call-to-action .tab--nav a.actif * .btn:hover *,.section--call-to-action  .tab--nav a:hover * .btn:hover *,.section--call-to-action  .tab--nav a:focus * .btn:hover * {
            color: white !important;
        }
.section--call-to-action .tab--nav a.actif * .btn:focus *,.section--call-to-action  .tab--nav a:hover * .btn:focus *,.section--call-to-action  .tab--nav a:focus * .btn:focus * {
            color: white !important;
        }
.section--call-to-action .tab--nav a.actif * .btn:hover,.section--call-to-action  .tab--nav a:hover * .btn:hover,.section--call-to-action  .tab--nav a:focus * .btn:hover{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}
.section--call-to-action .tab--nav a.actif * .btn:focus,.section--call-to-action  .tab--nav a:hover * .btn:focus,.section--call-to-action  .tab--nav a:focus * .btn:focus{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}
.section--call-to-action .tab--nav a.actif svg.rotate-180,.section--call-to-action  .tab--nav a:hover svg.rotate-180,.section--call-to-action  .tab--nav a:focus svg.rotate-180{
    margin-top: 2.5rem
}
@media (min-width: 1024px) {
.tab--nav a.actif, .tab--nav a:hover, .tab--nav a:focus{
        background-color: transparent
    }
            .tab--nav a.actif:before, .tab--nav a:hover:before, .tab--nav a:focus:before{
        --tw-text-opacity: 1;
        color: rgb(133 117 78 / var(--tw-text-opacity));
        opacity: 1;
                transform: translate(-50%, 0)
    }
        }
.tab--nav a{
    border-bottom-width: 2px;
    border-color: transparent
}
@media (min-width: 1024px) {
.tab--nav a{
        border-style: none
    }
        }
.tab--nav a:before{
    pointer-events: none;
    position: absolute;
    z-index: 20;
    height: 23px;
    width: 46px;
    background-image: url('../images/icons/bordure.svg');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    --tw-content: '';
    content: var(--tw-content);
            left: 50%;
            transform: translate(-50%, -40px);
            bottom: -44px;
            transition: all .15s ease-in-out
}
.nav--show:not(.nav--top) .tab--nav {
        transform: translateY(88px);
    }
.nav--show:not(.nav--top) .tab--nav:before {
            opacity: 1;
        }
/* .slick-track {
	@apply grid grid-cols-12 !important;
}

.slick-slide {
	@apply col-span-10;
} */
.slick-track {
	display: flex !important;
}
.slick-slide {
	height: inherit !important;
}
.slick-slide > div {
		height: 100%;
		display: flex;
	}
.slick-list {
	overflow: visible !important;
}
.section--slider .slick-slide {
		max-width: 900px !important;
		max-height: 664px !important;
		margin-right: 32px;
	}
.section--slider .slick-list {
		padding-left: 0 !important;
	}
.section--slider .slick-list> div {
		margin-left:0 !important;
	}
.section--process .slick--process {
		display: none !important;
	}
@media (min-width: 768px) {
.section--process .slick--process {
			display: flex !important;
			flex-direction: column
	}
		}
.section--process .slick-list {
		overflow: inherit !important;
		order: 2;
	}
.section--process .slick-slide {
		min-width: 660px !important;
		max-width: 660px !important;
		margin-right: 32px;

		
	}
.section--process .slick-dots {
		order: 1;
		margin: 0px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		border-radius: 30px;
		border-width: 1px;
		--tw-border-opacity: 1;
		border-color: rgb(133 117 78 / var(--tw-border-opacity));
		padding: 2.5rem;
	}
.section--image-grid .little_pictures .section--process .slick-dots {
            height: 100%;
        }
.section--process .slick-dots li {
			width: calc((100% / 1) - 8px);
		}
@media (min-width: 640px) {
.section--process .slick-dots li {
				width: calc((100% / 2) - 8px)
		}
			}
@media (min-width: 768px) {
.section--process .slick-dots li {
				width: calc((100% / 3) - 8px)
		}
			}
@media (min-width: 1024px) {
.section--process .slick-dots li {
				width: calc((100% / 5) - 8px)
		}
			}
.section--process .slick-dots li{

			margin: 4px;
			list-style: none;
			font-size: 12px;
			line-height: 16.8px;
			display: flex;
			height: 59px;
			align-items: center;
			justify-content: center;
			border-radius: 9999px;
			padding-left: 2.5rem;
			padding-right: 2.5rem;
			text-transform: uppercase;
			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-duration: 300ms;
			transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.section--image-grid .little_pictures .section--process .slick-dots li {
            height: 100%;
        }
.section--process .slick-dots li span{
    --tw-text-opacity: 1;
    color: rgb(133 117 78 / var(--tw-text-opacity));
    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-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.section--process .slick-dots li:hover *, .section--process .slick-dots li.slick-active * {
            color: white;
        }
.section--process .slick-dots li:hover, .section--process .slick-dots li.slick-active{
    --tw-bg-opacity: 1;
    background-color: rgb(133 117 78 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.header--big div.section--process .slick-dots li:hover,.header--big div .section--process .slick-dots li.slick-active{
    margin-bottom: 5rem
}
.header--big div.section--process .slick-dots li:hover *,.header--big div .section--process .slick-dots li.slick-active * {
            color: white;
        }
.section--related-recipes .news--card{
    display: flex !important;
    height: 100% !important;
    width: 300px !important
}
.section--image-grid .little_pictures .section--related-recipes .news--card {
            height: 100% !important;
        }
.section--related-recipes .slick-slide{
    margin-left: 2rem
}
.section--related-recipes .slick-slide:first-child{
    margin-left: 0px
}
.section--text-image h1,
    .section--text-image .h1,
    .section--content h1,
    .section--content .h1,
    .section--call-to-action h1,
    .section--call-to-action .h1{
    font-size: 3rem
}
@keyframes animateBubble {
    0% {
        margin-top: 1000px;
    }
    100% {
        margin-top: -100%;
    }
}
@keyframes sideWays { 
    0% { 
        margin-left:0px;
    }
    100% { 
        margin-left:50px;
    }
}
/*  */
.bubble{
    position: absolute;
    height: 13rem;
    width: 13rem;
    border-radius: 9999px;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(133 117 78 / var(--tw-border-opacity))
}
.x1 {
	animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
	left: -5%;
	top: 5%;
	transform: scale(0.6);
}
.x2 {
	animation: animateBubble 15s linear infinite, sideWays 4s ease-in-out infinite alternate;
	
	left: 5%;
	top: 80%;
	transform: scale(0.4);
}
.x3 {
	animation: animateBubble 18s linear infinite, sideWays 0s ease-in-out infinite alternate;
	
	left: 10%;
	top: 40%;
	transform: scale(0.7);
}
.x4 {
	animation: animateBubble 17s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
	left: 20%;
	top: 0;
	transform: scale(0.3);
}
.x5 {
	animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	
	left: 15%;
	top: 50%;
	transform: scale(0.5);
}
.x6 {
	animation: animateBubble 18s linear infinite, sideWays 1s ease-in-out infinite alternate;
	
	left: 79%;
	top: 0;
	transform: scale(0.8);
}
.x7 {
	animation: animateBubble 15s linear infinite, sideWays 1s ease-in-out infinite alternate;
	
	left: 75%;
	top: 70%;
	transform: scale(0.4);
}
.x8 {
	animation: animateBubble 16s linear infinite, sideWays 3s ease-in-out infinite alternate;
	
	left: 80%;
	top: 10%;
	transform: scale(0.3);
}
.x9 {
	animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
	
	left: 90%;
	top: 50%;
	transform: scale(0.6);
}
.x10 {
	animation: animateBubble 24s linear infinite, sideWays 0s ease-in-out infinite alternate;
	
	left: 80%;
	top: 80%;
	transform: scale(0.3);
}
#“breadcrumbs” *, #breadcrumbs *{
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(133 117 78 / var(--tw-text-opacity));
    text-decoration-line: none
}
#“breadcrumbs” a, #breadcrumbs a{
    margin-right: 1rem
}
#“breadcrumbs” a:hover, #breadcrumbs a:hover{
    --tw-text-opacity: 1;
    color: rgb(200 189 162 / var(--tw-text-opacity))
}
#“breadcrumbs” a:focus, #breadcrumbs a:focus{
    --tw-text-opacity: 1;
    color: rgb(200 189 162 / var(--tw-text-opacity))
}
#“breadcrumbs” a, #breadcrumbs a {

        width: 250px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
#“breadcrumbs” span > :not([hidden]) ~ :not([hidden]), #breadcrumbs span > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}
#“breadcrumbs” span.breadcrumb_last, #breadcrumbs span.breadcrumb_last {
            display: inline-block;
            width: 192px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            transform: translateY(6px);
        }
#“breadcrumbs”.light * *, #breadcrumbs.light * * {
            color: white;
        }
#“breadcrumbs”.light *, #breadcrumbs.light *{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.header--big div#“breadcrumbs”.light *,.header--big div #breadcrumbs.light *{
    margin-bottom: 5rem
}
.header--big div#“breadcrumbs”.light * *,.header--big div #breadcrumbs.light * * {
            color: white;
        }
/* Layouts*/
/* Template Home*/
body.home .header::before {
            display: none !important;
        }
.woocommerce-cart .product-name,
    .woocommerce-cart .product-name a{
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(133 117 78 / var(--tw-text-opacity));
    text-decoration-line: none
}
.woocommerce-cart .product-name:hover,
    .woocommerce-cart .product-name a:hover{
    --tw-text-opacity: 1;
    color: rgb(200 189 162 / var(--tw-text-opacity))
}
.woocommerce-cart .product-name:focus,
    .woocommerce-cart .product-name a:focus{
    --tw-text-opacity: 1;
    color: rgb(200 189 162 / var(--tw-text-opacity))
}
@media (min-width: 768px){
    .woocommerce-cart .product-name,
    .woocommerce-cart .product-name a{
        font-size: 1.5rem;
        line-height: 2rem
    }
}
.woocommerce-cart bdi, .woocommerce-cart .woocommerce-Price-currencySymbol, .woocommerce-cart .attributes-infos{
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(133 117 78 / var(--tw-text-opacity))
}
.woocommerce-cart .cart-collaterals::before, .woocommerce-cart .cart-collaterals::after{
    display: none
}
.woocommerce-cart .cart_totals{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.section--call-to-action .woocommerce-cart .cart_totals * {
            color: rgba(0, 146, 131, 1);
        }
.section--call-to-action .woocommerce-cart .cart_totals * .btn {
                border-color: rgba(0, 146, 131, 1);
            }
.section--call-to-action .woocommerce-cart .cart_totals * .btn:hover, .section--call-to-action .woocommerce-cart .cart_totals * .btn:focus {
                    background-color: rgba(0, 146, 131, 1);
                    color: #FFFFFF;
                }
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals, .woocommerce-cart .woocommerce-page .cart-collaterals .cart_totals{
    float: none !important;
    width: 100% !important
}
/* Template Home*/
body.single-recipes {
}
.recipe-related-products{
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0.5rem
}
@media (min-width: 768px){
    .recipe-related-products{
        gap: 2rem
    }
}
.recipe-related-products .grid {
            padding: 0;
        }
.recipe-related-products{
    position: relative;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.25rem;
    padding-bottom: 1.25rem
}
@media (min-width: 1024px){
    .recipe-related-products{
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}
@media (min-width: 1280px){
    .recipe-related-products{
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}
.recipe-related-products .product--card{
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 0.625rem
}
.section--call-to-action .recipe-related-products .product--card * {
            color: rgba(0, 146, 131, 1);
        }
.section--call-to-action .recipe-related-products .product--card * .btn {
                border-color: rgba(0, 146, 131, 1);
            }
.section--call-to-action .recipe-related-products .product--card * .btn:hover, .section--call-to-action .recipe-related-products .product--card * .btn:focus {
                    background-color: rgba(0, 146, 131, 1);
                    color: #FFFFFF;
                }
.recipe-related-products .product--card .image-wrapper{
    border-radius: 0.375rem
}
.recipe-related-products .product--card h4{
    margin-bottom: 1rem;
    font-size: 1.125rem;
    line-height: 1.75rem
}
.recipe-related-products .product--card .price{
    margin-top: 0px
}
.recipe-related-products .product--card button{
    margin-top: 0px
}
@media (min-width: 768px){

    .md\:container{
        margin-left: auto;
        margin-right: auto;
        padding: 0 24px
    }

        @media (min-width: 1024px) {

    .md\:container {
            max-width: 1061px
    }
        }

        @media (min-width: 1280px) {

    .md\:container {
            max-width: 1280px
    }
        }
    .md\:grid{
        grid-template-columns: repeat(12, minmax(0, 1fr));
        gap: 0.5rem
    }
    @media (min-width: 768px){
        .md\:grid{
            gap: 2rem
        }
    }
        
        .md\:grid .md\:grid {
            padding: 0;
        }
}
@media (min-width: 1024px){
    .lg\:grid{
        grid-template-columns: repeat(12, minmax(0, 1fr));
        gap: 0.5rem
    }
    @media (min-width: 768px){
        .lg\:grid{
            gap: 2rem
        }
    }
        
        .lg\:grid .lg\:grid {
            padding: 0;
        }
}
@media (min-width: 640px){
    .sm\:aspect-none{
        position: static;
        padding-bottom: 0
    }
    .sm\:aspect-none > *{
        position: static;
        height: auto;
        width: auto;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }
}
@media (min-width: 768px){
    .md\:container{
        width: 100%
    }
    @media (min-width: 640px){
        .md\:container{
            max-width: 640px
        }
    }
    @media (min-width: 768px){
        .md\:container{
            max-width: 768px
        }
    }
    @media (min-width: 1024px){
        .md\:container{
            max-width: 1024px
        }
    }
    @media (min-width: 1280px){
        .md\:container{
            max-width: 1280px
        }
    }
    @media (min-width: 1536px){
        .md\:container{
            max-width: 1536px
        }
    }
}
@media (min-width: 1024px){

        .lg\:visible.scroll-top{
        display: block
    }
}
.placeholder\:not-italic::placeholder{
    font-style: normal
}
.placeholder\:text-secondary-500::placeholder{
    --tw-text-opacity: 1;
    color: rgb(133 117 78 / var(--tw-text-opacity))
}
.before\:absolute::before{
    content: var(--tw-content);
    position: absolute
}
.before\:right-0::before{
    content: var(--tw-content);
    right: 0px
}
.before\:top-1\/2::before{
    content: var(--tw-content);
    top: 50%
}
.before\:-mt-2::before{
    content: var(--tw-content);
    margin-top: -0.5rem
}
.before\:block::before{
    content: var(--tw-content);
    display: block
}
.before\:h-4::before{
    content: var(--tw-content);
    height: 1rem
}
.before\:w-8::before{
    content: var(--tw-content);
    width: 2rem
}
.before\:rotate-90::before{
    content: var(--tw-content);
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.before\:bg-\[url\(\'\.\.\/images\/arrow\.svg\'\)\]::before{
    content: var(--tw-content);
    background-image: url('../images/arrow.svg')
}
.before\:bg-cover::before{
    content: var(--tw-content);
    background-size: cover
}
.before\:bg-center::before{
    content: var(--tw-content);
    background-position: center
}
.before\:bg-no-repeat::before{
    content: var(--tw-content);
    background-repeat: no-repeat
}
.before\:opacity-40::before{
    content: var(--tw-content);
    opacity: 0.4
}
.before\:duration-200::before{
    content: var(--tw-content);
    transition-duration: 200ms
}
.after\:absolute::after{
    content: var(--tw-content);
    position: absolute
}
.after\:inset-x-0::after{
    content: var(--tw-content);
    left: 0px;
    right: 0px
}
.after\:top-0::after{
    content: var(--tw-content);
    top: 0px
}
.after\:z-0::after{
    content: var(--tw-content);
    z-index: 0
}
.after\:h-2\/5::after{
    content: var(--tw-content);
    height: 40%
}
.after\:bg-secondary-50::after{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(247 246 242 / var(--tw-bg-opacity))
}
.after\:content-\[\'\'\]::after{
    --tw-content: '';
    content: var(--tw-content)
}
.first\:pt-0:first-child{
    padding-top: 0px
}
.hover\:border-gray-300:hover{
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity))
}
.hover\:bg-gray-100:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}
.hover\:bg-secondary-100:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(240 237 229 / var(--tw-bg-opacity))
}
.hover\:text-gray-500:hover{
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}
.hover\:text-gray-700:hover{
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}
.hover\:text-gray-900:hover{
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity))
}
.hover\:text-secondary-300:hover{
    --tw-text-opacity: 1;
    color: rgb(200 189 162 / var(--tw-text-opacity))
}
.hover\:text-secondary-800:hover{
    --tw-text-opacity: 1;
    color: rgb(84 74 49 / var(--tw-text-opacity))
}
.hover\:underline:hover{
    text-decoration-line: underline
}
.hover\:before\:translate-x-1:hover::before{
    content: var(--tw-content);
    --tw-translate-x: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.hover\:before\:opacity-100:hover::before{
    content: var(--tw-content);
    opacity: 1
}
.focus\:transform-none:focus{
    transform: none
}
.focus\:bg-transparent:focus{
    background-color: transparent
}
.focus\:text-secondary-300:focus{
    --tw-text-opacity: 1;
    color: rgb(200 189 162 / var(--tw-text-opacity))
}
.focus\:text-secondary-800:focus{
    --tw-text-opacity: 1;
    color: rgb(84 74 49 / var(--tw-text-opacity))
}
.focus\:shadow-none:focus{
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.focus\:outline-none:focus{
    outline: 2px solid transparent;
    outline-offset: 2px
}
.focus\:ring-2:focus{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.focus\:ring-inset:focus{
    --tw-ring-inset: inset
}
.focus\:ring-indigo-500:focus{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity))
}
.focus\:before\:translate-x-1:focus::before{
    content: var(--tw-content);
    --tw-translate-x: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.focus\:before\:opacity-100:focus::before{
    content: var(--tw-content);
    opacity: 1
}
.group:nth-child(odd) .group-odd\:-right-\[280px\]{
    right: -280px
}
.group:nth-child(odd) .group-odd\:rotate-12{
    --tw-rotate: 12deg;
    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))
}
.group:nth-child(even) .group-even\:-left-\[280px\]{
    left: -280px
}
.group:nth-child(even) .group-even\:-rotate-12{
    --tw-rotate: -12deg;
    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))
}
.group:hover .group-hover\:-translate-y-\[35\%\]{
    --tw-translate-y: -35%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:translate-x-1{
    --tw-translate-x: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:translate-y-0{
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:scale-110{
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.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))
}
.group:hover .group-hover\:opacity-100{
    opacity: 1
}
.group:hover .group-hover\:before\:translate-x-1::before{
    content: var(--tw-content);
    --tw-translate-x: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:focus .group-focus\:translate-x-1{
    --tw-translate-x: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:focus .group-focus\:scale-110{
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.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))
}
.group:focus .group-focus\:before\:translate-x-1::before{
    content: var(--tw-content);
    --tw-translate-x: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
@media (min-width: 640px){
    .sm\:left-5{
        left: 1.25rem
    }
    .sm\:top-5{
        top: 1.25rem
    }
    .sm\:order-2{
        order: 2
    }
    .sm\:order-3{
        order: 3
    }
    .sm\:col-span-10{
        grid-column: span 10 / span 10
    }
    .sm\:col-span-6{
        grid-column: span 6 / span 6
    }
    .sm\:col-start-2{
        grid-column-start: 2
    }
    .sm\:mx-28{
        margin-left: 7rem;
        margin-right: 7rem
    }
    .sm\:ml-3{
        margin-left: 0.75rem
    }
    .sm\:ml-8{
        margin-left: 2rem
    }
    .sm\:mr-0{
        margin-right: 0px
    }
    .sm\:mt-0{
        margin-top: 0px
    }
    .sm\:block{
        display: block
    }
    .sm\:hidden{
        display: none
    }
    .sm\:aspect-1{
        aspect-ratio: 1
    }
    .sm\:h-10{
        height: 2.5rem
    }
    .sm\:w-44{
        width: 11rem
    }
    .sm\:w-5\/6{
        width: 83.333333%
    }
    .sm\:w-\[180px\]{
        width: 180px
    }
    .sm\:w-\[373px\]{
        width: 373px
    }
    .sm\:w-auto{
        width: auto
    }
    .sm\:min-w-\[68px\]{
        min-width: 68px
    }
    .sm\:flex-row{
        flex-direction: row
    }
    .sm\:gap-8{
        gap: 2rem
    }
    .sm\:gap-9{
        gap: 2.25rem
    }
    .sm\:p-10{
        padding: 2.5rem
    }
    .sm\:p-14{
        padding: 3.5rem
    }
    .sm\:p-8{
        padding: 2rem
    }
    .sm\:px-0{
        padding-left: 0px;
        padding-right: 0px
    }
    .sm\:px-5{
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
    .sm\:px-6{
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .sm\:py-0{
        padding-top: 0px;
        padding-bottom: 0px
    }
    .sm\:py-10{
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }
    .sm\:py-20{
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .sm\:py-4{
        padding-top: 1rem;
        padding-bottom: 1rem
    }
    .sm\:pt-2{
        padding-top: 0.5rem
    }
    .sm\:text-\[5\.5rem\]{
        font-size: 5.5rem
    }
}
@media (min-width: 768px){
    .md\:absolute{
        position: absolute
    }
    .md\:sticky{
        position: sticky
    }
    .md\:-left-\[90px\]{
        left: -90px
    }
    .md\:-top-\[167px\]{
        top: -167px
    }
    .md\:right-5{
        right: 1.25rem
    }
    .md\:order-1{
        order: 1
    }
    .md\:order-2{
        order: 2
    }
    .md\:col-span-10{
        grid-column: span 10 / span 10
    }
    .md\:col-span-2{
        grid-column: span 2 / span 2
    }
    .md\:col-span-3{
        grid-column: span 3 / span 3
    }
    .md\:col-span-4{
        grid-column: span 4 / span 4
    }
    .md\:col-span-5{
        grid-column: span 5 / span 5
    }
    .md\:col-span-6{
        grid-column: span 6 / span 6
    }
    .md\:col-span-7{
        grid-column: span 7 / span 7
    }
    .md\:col-span-8{
        grid-column: span 8 / span 8
    }
    .md\:col-start-10{
        grid-column-start: 10
    }
    .md\:col-start-3{
        grid-column-start: 3
    }
    .md\:my-0{
        margin-top: 0px;
        margin-bottom: 0px
    }
    .md\:-mt-px{
        margin-top: -1px
    }
    .md\:mb-0{
        margin-bottom: 0px
    }
    .md\:mb-8{
        margin-bottom: 2rem
    }
    .md\:ml-10{
        margin-left: 2.5rem
    }
    .md\:ml-4{
        margin-left: 1rem
    }
    .md\:mr-10{
        margin-right: 2.5rem
    }
    .md\:mt-0{
        margin-top: 0px
    }
    .md\:block{
        display: block
    }
    .md\:flex{
        display: flex
    }
    .md\:grid{
        display: grid
    }
    .md\:hidden{
        display: none
    }
    .md\:h-auto{
        height: auto
    }
    .md\:h-full{
        height: 100%
    }
    .md\:max-h-full{
        max-height: 100%
    }
    .md\:min-h-\[840px\]{
        min-height: 840px
    }
    .md\:w-11\/12{
        width: 91.666667%
    }
    .md\:w-12{
        width: 3rem
    }
    .md\:w-3\/4{
        width: 75%
    }
    .md\:w-\[450px\]{
        width: 450px
    }
    .md\:w-auto{
        width: auto
    }
    .md\:flex-1{
        flex: 1 1 0%
    }
    .md\:flex-shrink-0{
        flex-shrink: 0
    }
    .md\:grid-cols-2{
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .md\:grid-cols-3{
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .md\:grid-cols-6{
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .md\:flex-row{
        flex-direction: row
    }
    .md\:items-center{
        align-items: center
    }
    .md\:justify-start{
        justify-content: flex-start
    }
    .md\:justify-center{
        justify-content: center
    }
    .md\:justify-between{
        justify-content: space-between
    }
    .md\:gap-20{
        gap: 5rem
    }
    .md\:gap-y-40{
        row-gap: 10rem
    }
    .md\:space-x-10 > :not([hidden]) ~ :not([hidden]){
        --tw-space-x-reverse: 0;
        margin-right: calc(2.5rem * var(--tw-space-x-reverse));
        margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)))
    }
    .md\:space-y-12 > :not([hidden]) ~ :not([hidden]){
        --tw-space-y-reverse: 0;
        margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(3rem * var(--tw-space-y-reverse))
    }
    .md\:p-20{
        padding: 5rem
    }
    .md\:p-56{
        padding: 14rem
    }
    .md\:px-0{
        padding-left: 0px;
        padding-right: 0px
    }
    .md\:px-16{
        padding-left: 4rem;
        padding-right: 4rem
    }
    .md\:py-0{
        padding-top: 0px;
        padding-bottom: 0px
    }
    .md\:py-20{
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .md\:py-28{
        padding-top: 7rem;
        padding-bottom: 7rem
    }
    .md\:pt-40{
        padding-top: 10rem
    }
    .md\:text-left{
        text-align: left
    }
    .md\:text-center{
        text-align: center
    }
    .md\:text-2xl{
        font-size: 1.5rem;
        line-height: 2rem
    }
    .md\:after\:content-none::after{
        --tw-content: none;
        content: var(--tw-content)
    }
}
@media (min-width: 1024px){
    .lg\:pointer-events-none{
        pointer-events: none
    }
    .lg\:pointer-events-auto{
        pointer-events: auto
    }
    .lg\:visible{
        visibility: visible
    }
    .lg\:invisible{
        visibility: hidden
    }
    .lg\:absolute{
        position: absolute
    }
    .lg\:bottom-14{
        bottom: 3.5rem
    }
    .lg\:left-1\/2{
        left: 50%
    }
    .lg\:right-14{
        right: 3.5rem
    }
    .lg\:order-1{
        order: 1
    }
    .lg\:order-3{
        order: 3
    }
    .lg\:col-span-1{
        grid-column: span 1 / span 1
    }
    .lg\:col-span-10{
        grid-column: span 10 / span 10
    }
    .lg\:col-span-2{
        grid-column: span 2 / span 2
    }
    .lg\:col-span-3{
        grid-column: span 3 / span 3
    }
    .lg\:col-span-4{
        grid-column: span 4 / span 4
    }
    .lg\:col-span-5{
        grid-column: span 5 / span 5
    }
    .lg\:col-span-6{
        grid-column: span 6 / span 6
    }
    .lg\:col-span-8{
        grid-column: span 8 / span 8
    }
    .lg\:col-start-2{
        grid-column-start: 2
    }
    .lg\:mx-36{
        margin-left: 9rem;
        margin-right: 9rem
    }
    .lg\:ml-0{
        margin-left: 0px
    }
    .lg\:ml-10{
        margin-left: 2.5rem
    }
    .lg\:mt-0{
        margin-top: 0px
    }
    .lg\:mt-4{
        margin-top: 1rem
    }
    .lg\:mt-8{
        margin-top: 2rem
    }
    .lg\:block{
        display: block
    }
    .lg\:flex{
        display: flex
    }
    .lg\:grid{
        display: grid
    }
    .lg\:hidden{
        display: none
    }
    .lg\:w-0{
        width: 0px
    }
    .lg\:w-1\/2{
        width: 50%
    }
    .lg\:w-36{
        width: 9rem
    }
    .lg\:w-56{
        width: 14rem
    }
    .lg\:flex-shrink-0{
        flex-shrink: 0
    }
    .lg\:-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))
    }
    .lg\:grid-cols-5{
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    .lg\:items-center{
        align-items: center
    }
    .lg\:justify-between{
        justify-content: space-between
    }
    .lg\:px-0{
        padding-left: 0px;
        padding-right: 0px
    }
    .lg\:px-3{
        padding-left: 0.75rem;
        padding-right: 0.75rem
    }
    .lg\:px-8{
        padding-left: 2rem;
        padding-right: 2rem
    }
    .lg\:py-0{
        padding-top: 0px;
        padding-bottom: 0px
    }
    .lg\:py-10{
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }
    .lg\:py-16{
        padding-top: 4rem;
        padding-bottom: 4rem
    }
    .lg\:py-20{
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .lg\:py-24{
        padding-top: 6rem;
        padding-bottom: 6rem
    }
    .lg\:pt-24{
        padding-top: 6rem
    }
    .lg\:pt-36{
        padding-top: 9rem
    }
}
@media (min-width: 1280px){
    .xl\:col-span-5{
        grid-column: span 5 / span 5
    }
    .xl\:col-span-7{
        grid-column: span 7 / span 7
    }
    .xl\:col-span-8{
        grid-column: span 8 / span 8
    }
    .xl\:col-start-3{
        grid-column-start: 3
    }
    .xl\:h-80{
        height: 20rem
    }
    .xl\:h-auto{
        height: auto
    }
    .xl\:w-80{
        width: 20rem
    }
    .xl\:w-\[174px\]{
        width: 174px
    }
    .xl\:px-10{
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
    .xl\:px-4{
        padding-left: 1rem;
        padding-right: 1rem
    }
}
@media (min-width: 1536px){
    .\32xl\:-left-\[30px\]{
        left: -30px
    }
    .\32xl\:-top-\[164px\]{
        top: -164px
    }
    .\32xl\:col-span-6{
        grid-column: span 6 / span 6
    }
    .\32xl\:col-span-8{
        grid-column: span 8 / span 8
    }
    .\32xl\:col-start-3{
        grid-column-start: 3
    }
}