@import url("https://use.typekit.net/oue5swa.css");
/*
! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
*/ /*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
    -webkit-box-sizing: border-box;
    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.
*/

html {
    line-height: 1.5; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -moz-tab-size: 4; /* 3 */
    -o-tab-size: 4;
    tab-size: 4; /* 3 */
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal; /* 5 */
    font-variation-settings: normal; /* 6 */
}
/*
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. 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-size: 1em; /* 2 */
}
/*
Add the correct font size in all browsers.
*/

small {
    font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}
/*
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 */
    -webkit-font-feature-settings: inherit;
    font-feature-settings: inherit; /* 1 */
    font-variation-settings: inherit; /* 1 */
    font-size: 100%; /* 1 */
    font-weight: inherit; /* 1 */
    line-height: 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,
[type='button'],
[type='reset'],
[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::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        opacity: 1; /* 1 */
        color: #9ca3af; /* 2 */
    }

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

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

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

    input::placeholder,
    textarea::placeholder {
        opacity: 1; /* 1 */
        color: #9ca3af; /* 2 */
    }
/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
    cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/

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

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block; /* 1 */
    vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
    max-width: 100%;
    height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
    display: none;
}

*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:;
    --tw-pan-y:;
    --tw-pinch-zoom:;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:;
    --tw-gradient-via-position:;
    --tw-gradient-to-position:;
    --tw-ordinal:;
    --tw-slashed-zero:;
    --tw-numeric-figure:;
    --tw-numeric-spacing:;
    --tw-numeric-fraction:;
    --tw-ring-inset:;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
    --tw-ring-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow-colored: 0 0 rgba(0,0,0,0);
    --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:;
}

::-ms-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: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
    --tw-ring-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow-colored: 0 0 rgba(0,0,0,0);
    --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:;
}

::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: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
    --tw-ring-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow-colored: 0 0 rgba(0,0,0,0);
    --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:;
}

* {
    -webkit-appearance: none
}

html, body {
    min-height: 100vh;
    width: 100vw;
}

html {
    overflow: hidden;
    height: 100%
}

body {
    overflow-y: auto;
    overflow-x: hidden;
    min-height: calc(100vh - 100px);
    height: calc(100vh - 100px);
    margin-top: 100px;
}

@media (min-width: 992px) {
    body {
        min-height: calc(100vh - 120px);
        height: calc(100vh - 120px);
        margin-top: 120px
    }
}

@media (min-width: 1600px) {
    body {
        min-height: calc(100vh - 140px);
        height: calc(100vh - 140px);
        margin-top: 140px
    }
}

img, svg {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

#content {
    border-bottom: 0;
    border-bottom-style: none
}

@media (min-width: 576px) {
    #content {
        border-bottom-style: dashed
    }
}

@media (min-width: 768px) {
    #content {
        border-bottom-style: dotted
    }
}

@media (min-width: 992px) {
    #content {
        border-bottom-style: double
    }
}

@media (min-width: 1200px) {
    #content {
        border-bottom-style: groove
    }
}

@media (min-width: 1600px) {
    #content {
        border-bottom-style: ridge
    }
}

@media (min-width: 992px) {
    .mobile-only {
        display: none !important
    }
}

.not-mobile {
    display: none;
}

@media (min-width: 992px) {
    .not-mobile {
        display: inherit
    }
}

@media (min-width: 1200px) {
    .mobile-and-tablet-only {
        display: none !important
    }
}

.not-mobile-and-tablet {
    display: none;
}

@media (min-width: 1200px) {
    .not-mobile-and-tablet {
        display: inherit
    }
}

a {
    cursor: pointer;
}

.spacing-tiny {
    margin-bottom: 1rem
}

.spacing-tiny-top {
    margin-top: 1rem
}

.spacing-tiny-left {
    margin-left: 1rem
}

.spacing-tiny-right {
    margin-right: 1rem
}

.spacing-small {
    margin-bottom: 2rem
}

.spacing-small-top {
    margin-top: 2rem
}

.spacing-small-left {
    margin-left: 2rem
}

.spacing-small-right {
    margin-right: 2rem
}

.spacing-compact {
    margin-bottom: 2rem
}

@media (min-width: 992px) {
    .spacing-compact {
        margin-bottom: 3rem
    }
}

.spacing-compact-top {
    margin-top: 2rem
}

@media (min-width: 992px) {
    .spacing-compact-top {
        margin-top: 3rem
    }
}

.spacing-compact-left {
    margin-left: 2rem
}

@media (min-width: 992px) {
    .spacing-compact-left {
        margin-left: 3rem
    }
}

.spacing-compact-right {
    margin-right: 2rem
}

@media (min-width: 992px) {
    .spacing-compact-right {
        margin-right: 3rem
    }
}

.spacing-regular {
    margin-bottom: 4rem
}

.spacing-regular-top {
    margin-top: 4rem
}

.spacing-regular-left {
    margin-left: 4rem
}

.spacing-regular-right {
    margin-right: 4rem
}

.spacing-large {
    margin-bottom: 4rem
}

@media (min-width: 992px) {
    .spacing-large {
        margin-bottom: 5rem
    }
}

.spacing-large-top {
    margin-top: 4rem
}

@media (min-width: 992px) {
    .spacing-large-top {
        margin-top: 5rem
    }
}

.spacing-large-left {
    margin-left: 4rem
}

@media (min-width: 992px) {
    .spacing-large-left {
        margin-left: 5rem
    }
}

.spacing-large-right {
    margin-right: 4rem
}

@media (min-width: 992px) {
    .spacing-large-right {
        margin-right: 5rem
    }
}

.spacing-larger {
    margin-bottom: 4rem
}

@media (min-width: 992px) {
    .spacing-larger {
        margin-bottom: 5rem
    }
}

.spacing-larger-top {
    margin-top: 4rem
}

@media (min-width: 992px) {
    .spacing-larger-top {
        margin-top: 6rem
    }
}

.spacing-larger-left {
    margin-left: 4rem
}

@media (min-width: 992px) {
    .spacing-larger-left {
        margin-left: 6rem
    }
}

.spacing-larger-right {
    margin-right: 4rem
}

@media (min-width: 992px) {
    .spacing-larger-right {
        margin-right: 6rem
    }
}

.spacing-largest {
    margin-bottom: 4rem
}

@media (min-width: 992px) {
    .spacing-largest {
        margin-bottom: 10rem
    }
}

.spacing-largest-top {
    margin-top: 4rem
}

@media (min-width: 992px) {
    .spacing-largest-top {
        margin-top: 10rem
    }
}

.spacing-largest-left {
    margin-left: 4rem
}

@media (min-width: 992px) {
    .spacing-largest-left {
        margin-left: 10rem
    }
}

.spacing-largest-right {
    margin-right: 4rem
}

@media (min-width: 992px) {
    .spacing-largest-right {
        margin-right: 10rem
    }
}

.no-spacing {
    margin-bottom: 0px;
}

.no-spacing-top {
    margin-top: 0px;
}

.full-gutter {
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 2rem;
    padding-right: 2rem
}

@media (min-width: 768px) {
    .full-gutter {
        padding-top: 6.3rem;
        padding-bottom: 6.3rem;
        padding-left: 3.15rem;
        padding-right: 3.15rem
    }
}

@media (min-width: 992px) {
    .full-gutter {
        padding-top: 8.8rem;
        padding-bottom: 8.8rem;
        padding-left: 4.4rem;
        padding-right: 4.4rem
    }
}

@media (min-width: 1200px) {
    .full-gutter {
        padding-top: 11rem;
        padding-bottom: 11rem;
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.full-vertical-gutter {
    padding-top: 4rem;
    padding-bottom: 4rem
}

@media (min-width: 768px) {
    .full-vertical-gutter {
        padding-top: 6.3rem;
        padding-bottom: 6.3rem
    }
}

@media (min-width: 992px) {
    .full-vertical-gutter {
        padding-top: 8.8rem;
        padding-bottom: 8.8rem
    }
}

@media (min-width: 1200px) {
    .full-vertical-gutter {
        padding-top: 11rem;
        padding-bottom: 11rem
    }
}

.full-top-gutter {
    padding-top: 4rem
}

@media (min-width: 768px) {
    .full-top-gutter {
        padding-top: 6.3rem
    }
}

@media (min-width: 992px) {
    .full-top-gutter {
        padding-top: 8.8rem
    }
}

@media (min-width: 1200px) {
    .full-top-gutter {
        padding-top: 11rem
    }
}

.full-bottom-gutter {
    padding-bottom: 4rem
}

@media (min-width: 768px) {
    .full-bottom-gutter {
        padding-bottom: 6.3rem
    }
}

@media (min-width: 992px) {
    .full-bottom-gutter {
        padding-bottom: 8.8rem
    }
}

@media (min-width: 1200px) {
    .full-bottom-gutter {
        padding-bottom: 11rem
    }
}

.half-vertical-gutter {
    padding-top: 2rem;
    padding-bottom: 2rem
}

@media (min-width: 768px) {
    .half-vertical-gutter {
        padding-top: 3.15rem;
        padding-bottom: 3.15rem
    }
}

@media (min-width: 992px) {
    .half-vertical-gutter {
        padding-top: 4.4rem;
        padding-bottom: 4.4rem
    }
}

@media (min-width: 1200px) {
    .half-vertical-gutter {
        padding-top: 5.5rem;
        padding-bottom: 5.5rem
    }
}

.half-top-gutter {
    padding-top: 2rem
}

@media (min-width: 768px) {
    .half-top-gutter {
        padding-top: 3.15rem
    }
}

@media (min-width: 992px) {
    .half-top-gutter {
        padding-top: 4.4rem
    }
}

@media (min-width: 1200px) {
    .half-top-gutter {
        padding-top: 5.5rem
    }
}

.half-bottom-gutter {
    padding-bottom: 2rem
}

@media (min-width: 768px) {
    .half-bottom-gutter {
        padding-bottom: 3.15rem
    }
}

@media (min-width: 992px) {
    .half-bottom-gutter {
        padding-bottom: 4.4rem
    }
}

@media (min-width: 1200px) {
    .half-bottom-gutter {
        padding-bottom: 5.5rem
    }
}

.third-vertical-gutter {
    padding-top: 1.3333333333rem;
    padding-bottom: 1.3333333333rem
}

@media (min-width: 768px) {
    .third-vertical-gutter {
        padding-top: 2.1rem;
        padding-bottom: 2.1rem
    }
}

@media (min-width: 992px) {
    .third-vertical-gutter {
        padding-top: 2.9333333333rem;
        padding-bottom: 2.9333333333rem
    }
}

@media (min-width: 1200px) {
    .third-vertical-gutter {
        padding-top: 3.6666666667rem;
        padding-bottom: 3.6666666667rem
    }
}

.third-top-gutter {
    padding-top: 1.3333333333rem
}

@media (min-width: 768px) {
    .third-top-gutter {
        padding-top: 2.1rem
    }
}

@media (min-width: 992px) {
    .third-top-gutter {
        padding-top: 2.9333333333rem
    }
}

@media (min-width: 1200px) {
    .third-top-gutter {
        padding-top: 3.6666666667rem
    }
}

.third-bottom-gutter {
    padding-bottom: 1.3333333333rem
}

@media (min-width: 768px) {
    .third-bottom-gutter {
        padding-bottom: 2.1rem
    }
}

@media (min-width: 992px) {
    .third-bottom-gutter {
        padding-bottom: 2.9333333333rem
    }
}

@media (min-width: 1200px) {
    .third-bottom-gutter {
        padding-bottom: 3.6666666667rem
    }
}

.quarter-vertical-gutter {
    padding-top: 1rem;
    padding-bottom: 1rem
}

@media (min-width: 768px) {
    .quarter-vertical-gutter {
        padding-top: 1.575rem;
        padding-bottom: 1.575rem
    }
}

@media (min-width: 992px) {
    .quarter-vertical-gutter {
        padding-top: 2.2rem;
        padding-bottom: 2.2rem
    }
}

@media (min-width: 1200px) {
    .quarter-vertical-gutter {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem
    }
}

.quarter-top-gutter {
    padding-top: 1rem
}

@media (min-width: 768px) {
    .quarter-top-gutter {
        padding-top: 1.575rem
    }
}

@media (min-width: 992px) {
    .quarter-top-gutter {
        padding-top: 2.2rem
    }
}

@media (min-width: 1200px) {
    .quarter-top-gutter {
        padding-top: 2.75rem
    }
}

.quarter-bottom-gutter {
    padding-bottom: 1rem
}

@media (min-width: 768px) {
    .quarter-bottom-gutter {
        padding-bottom: 1.575rem
    }
}

@media (min-width: 992px) {
    .quarter-bottom-gutter {
        padding-bottom: 2.2rem
    }
}

@media (min-width: 1200px) {
    .quarter-bottom-gutter {
        padding-bottom: 2.75rem
    }
}

.quarter-left-gutter {
    padding-left: 1rem
}

@media (min-width: 768px) {
    .quarter-left-gutter {
        padding-left: 1.575rem
    }
}

@media (min-width: 992px) {
    .quarter-left-gutter {
        padding-left: 2.2rem
    }
}

@media (min-width: 1200px) {
    .quarter-left-gutter {
        padding-left: 2.75rem
    }
}

.quarter-right-gutter {
    padding-right: 1rem
}

@media (min-width: 768px) {
    .quarter-right-gutter {
        padding-right: 1.575rem
    }
}

@media (min-width: 992px) {
    .quarter-right-gutter {
        padding-right: 2.2rem
    }
}

@media (min-width: 1200px) {
    .quarter-right-gutter {
        padding-right: 2.75rem
    }
}

:root {
    --ss-primary-color: #36234C;
    --ss-bg-color: #ffffff;
    --ss-font-color: #36234C;
    --ss-font-placeholder-color: #8d8d8d;
    --ss-disabled-color: #dcdee2;
    --ss-border-color: #C8BEA6;
    --ss-highlight-color: #D6F4A6;
    --ss-success-color: #00b755;
    --ss-error-color: #D75050;
    --ss-main-height: 60px;
    --ss-content-height: 300px;
    --ss-spacing-l: 7px;
    --ss-spacing-m: 5px;
    --ss-spacing-s: 3px;
    --ss-animation-timing: 0.2s;
    --ss-border-radius: 10px
}

@-webkit-keyframes ss-valueIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes ss-valueIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes ss-valueOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
}

@keyframes ss-valueOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
}

.ss-hide {
    display: none !important
}

.ss-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #36234C;
    color: #36234C;
    color: var(--ss-font-color);
    min-height: 60px;
    min-height: 60px;
    min-height: var(--ss-main-height);
    padding: 3px;
    padding: 3px;
    padding: var(--ss-spacing-s);
    cursor: pointer;
    border: 1px solid #C8BEA6;
    border: 1px solid #C8BEA6;
    border: 1px solid var(--ss-border-color);
    border-radius: 10px;
    border-radius: 10px;
    border-radius: var(--ss-border-radius);
    background-color: #ffffff;
    background-color: #ffffff;
    background-color: var(--ss-bg-color);
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
    transition: background-color 0.2s;
    -webkit-transition: background-color var(--ss-animation-timing);
    transition: background-color var(--ss-animation-timing);
    overflow: hidden;
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 2.0rem;
    line-height: 5.5rem;
    font-weight: 600;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-left: 3px
}

@media (min-width: 992px) {
    .ss-main {
        font-size: 2.0rem;
        line-height: 6.25rem;
    }
}

@media (min-width: 1600px) {
    .ss-main {
        font-size: 2.0rem;
        line-height: 6.0rem;
    }
}

.ss-main:focus, .ss-main[focus-within] .ss-main:active, .ss-main:hover, .ss-main.ss-open-below {
    --tw-border-opacity: 1;
    border-color: rgb(54 35 76 / var(--tw-border-opacity));
}

.ss-main:focus, .ss-main:focus-within .ss-main:active, .ss-main:hover, .ss-main.ss-open-below {
    --tw-border-opacity: 1;
    border-color: rgb(54 35 76 / var(--tw-border-opacity));
}

.ss-main.ss-disabled {
    background-color: #dcdee2;
    background-color: #dcdee2;
    background-color: var(--ss-disabled-color);
    cursor: not-allowed
}

    .ss-main.ss-disabled .ss-values .ss-disabled {
        color: #36234C;
        color: #36234C;
        color: var(--ss-font-color)
    }

    .ss-main.ss-disabled .ss-values .ss-value .ss-value-delete {
        cursor: not-allowed
    }

.ss-main.ss-open-above {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px
}

.ss-main.ss-open-below {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px
}

.ss-main .ss-values {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 5px;
    gap: 5px;
    grid-gap: 5px;
    gap: 5px;
    grid-gap: var(--ss-spacing-m);
    gap: var(--ss-spacing-m);
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

    .ss-main .ss-values .ss-placeholder {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
        margin: auto 0px auto 0px;
        line-height: 1em;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        color: #8d8d8d;
        color: #8d8d8d;
        color: var(--ss-font-placeholder-color);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-left: calc(2rem - 3px)
    }

    .ss-main .ss-values .ss-max {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        font-size: 12px;
        color: #ffffff;
        color: #ffffff;
        color: var(--ss-bg-color);
        line-height: 1;
        padding: 3px 5px;
        padding: 3px 5px;
        padding: var(--ss-spacing-s) var(--ss-spacing-m);
        background-color: #36234C;
        background-color: #36234C;
        background-color: var(--ss-primary-color);
        border-radius: 10px;
        border-radius: 10px;
        border-radius: var(--ss-border-radius)
    }

    .ss-main .ss-values .ss-single {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: auto 0px auto 3px;
        margin: auto 0px auto 3px;
        margin: auto 0px auto var(--ss-spacing-s)
    }

    .ss-main .ss-values .ss-value {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        background-color: #36234C;
        background-color: #36234C;
        background-color: var(--ss-primary-color);
        border-radius: 10px;
        border-radius: 10px;
        border-radius: var(--ss-border-radius);
        -webkit-animation-name: ss-valueIn;
        animation-name: ss-valueIn;
        -webkit-animation-duration: 0.2s;
        animation-duration: 0.2s;
        animation-duration: 0.2s;
        -webkit-animation-duration: var(--ss-animation-timing);
        animation-duration: var(--ss-animation-timing);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

        .ss-main .ss-values .ss-value.ss-value-out {
            -webkit-animation-name: ss-valueOut;
            animation-name: ss-valueOut;
            -webkit-animation-duration: 0.2s;
            animation-duration: 0.2s;
            animation-duration: 0.2s;
            -webkit-animation-duration: var(--ss-animation-timing);
            animation-duration: var(--ss-animation-timing);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }

        .ss-main .ss-values .ss-value .ss-value-text {
            font-size: 12px;
            color: #ffffff;
            color: #ffffff;
            color: var(--ss-bg-color);
            line-height: 1;
            padding: 3px 5px;
            padding: 3px 5px;
            padding: var(--ss-spacing-s) var(--ss-spacing-m)
        }

        .ss-main .ss-values .ss-value .ss-value-delete {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 7px;
            height: 7px;
            height: var(--ss-spacing-l);
            width: 7px;
            width: 7px;
            width: var(--ss-spacing-l);
            padding: 3px 5px;
            padding: 3px 5px;
            padding: var(--ss-spacing-s) var(--ss-spacing-m);
            cursor: pointer;
            border-left: solid 1px #ffffff;
            border-left: solid 1px #ffffff;
            border-left: solid 1px var(--ss-bg-color);
            -webkit-box-sizing: content-box;
            box-sizing: content-box
        }

            .ss-main .ss-values .ss-value .ss-value-delete svg {
                height: 7px;
                height: 7px;
                height: var(--ss-spacing-l);
                width: 7px;
                width: 7px;
                width: var(--ss-spacing-l)
            }

                .ss-main .ss-values .ss-value .ss-value-delete svg path {
                    fill: none;
                    stroke: #ffffff;
                    stroke: #ffffff;
                    stroke: var(--ss-bg-color);
                    stroke-width: 18;
                    stroke-linecap: round;
                    stroke-linejoin: round
                }

.ss-main .ss-deselect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 8px;
    height: 8px;
    margin: 0 5px 0 5px;
    margin: 0 5px 0 5px;
    margin: 0 var(--ss-spacing-m) 0 var(--ss-spacing-m)
}

    .ss-main .ss-deselect svg {
        width: 8px;
        height: 8px
    }

        .ss-main .ss-deselect svg path {
            fill: none;
            stroke: #36234C;
            stroke: #36234C;
            stroke: var(--ss-font-color);
            stroke-width: 20;
            stroke-linecap: round;
            stroke-linejoin: round
        }

.ss-main .ss-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 18px;
    height: 18px;
    margin: auto 0 auto 0;
    --tw-drop-shadow: drop-shadow(0 0 rgba(0,0,0,0));
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: 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)
}

    .ss-main .ss-arrow path {
        fill: none;
        stroke: #36234C;
        stroke: #36234C;
        stroke: var(--ss-font-color);
        stroke-width: 18;
        stroke-linecap: round;
        stroke-linejoin: round;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transition: 0.2s;
        transition: 0.2s;
        transition: 0.2s;
        -webkit-transition: var(--ss-animation-timing);
        transition: var(--ss-animation-timing)
    }

.ss-content {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: auto;
    max-height: 300px;
    max-height: 300px;
    max-height: var(--ss-content-height);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ffffff;
    background-color: #ffffff;
    background-color: var(--ss-bg-color);
    -webkit-transition: opacity 0.2s,-webkit-transform 0.2s;
    transition: opacity 0.2s,-webkit-transform 0.2s;
    transition: transform 0.2s,opacity 0.2s;
    transition: transform 0.2s,opacity 0.2s,-webkit-transform 0.2s;
    transition: transform 0.2s,opacity 0.2s;
    -webkit-transition: opacity var(--ss-animation-timing),-webkit-transform var(--ss-animation-timing);
    transition: opacity var(--ss-animation-timing),-webkit-transform var(--ss-animation-timing);
    transition: transform var(--ss-animation-timing),opacity var(--ss-animation-timing);
    transition: transform var(--ss-animation-timing),opacity var(--ss-animation-timing),-webkit-transform var(--ss-animation-timing);
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: center top;
    transform-origin: center top;
    overflow: hidden;
    z-index: 10000;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(54 35 76 / var(--tw-border-opacity))
}

    .ss-content.ss-relative {
        position: relative;
        height: 100%
    }

    .ss-content.ss-open-above {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        border-top-left-radius: 10px;
        border-top-left-radius: 10px;
        border-top-left-radius: var(--ss-border-radius);
        border-top-right-radius: 10px;
        border-top-right-radius: 10px;
        border-top-right-radius: var(--ss-border-radius)
    }

    .ss-content.ss-open-below {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: center top;
        transform-origin: center top;
        border-bottom-left-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-left-radius: var(--ss-border-radius);
        border-bottom-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-right-radius: var(--ss-border-radius)
    }

    .ss-content .ss-search {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 7px 7px 5px 7px;
        padding: 7px 7px 5px 7px;
        padding: var(--ss-spacing-l) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)
    }

        .ss-content .ss-search input {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            font-size: inherit;
            line-height: inherit;
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            width: 100%;
            min-width: 0px;
            padding: 5px 7px;
            padding: 5px 7px;
            padding: var(--ss-spacing-m) var(--ss-spacing-l);
            margin: 0;
            border: 1px solid #C8BEA6;
            border: 1px solid #C8BEA6;
            border: 1px solid var(--ss-border-color);
            border-radius: 10px;
            border-radius: 10px;
            border-radius: var(--ss-border-radius);
            background-color: #ffffff;
            background-color: #ffffff;
            background-color: var(--ss-bg-color);
            outline: 0;
            text-align: left;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

            .ss-content .ss-search input::-webkit-input-placeholder {
                color: #8d8d8d;
                color: #8d8d8d;
                color: var(--ss-font-placeholder-color);
                vertical-align: middle
            }

            .ss-content .ss-search input::-moz-placeholder {
                color: #8d8d8d;
                color: #8d8d8d;
                color: var(--ss-font-placeholder-color);
                vertical-align: middle
            }

            .ss-content .ss-search input:-ms-input-placeholder {
                color: #8d8d8d;
                color: #8d8d8d;
                color: var(--ss-font-placeholder-color);
                vertical-align: middle
            }

            .ss-content .ss-search input::-ms-input-placeholder {
                color: #8d8d8d;
                color: #8d8d8d;
                color: var(--ss-font-placeholder-color);
                vertical-align: middle
            }

            .ss-content .ss-search input::placeholder {
                color: #8d8d8d;
                color: #8d8d8d;
                color: var(--ss-font-placeholder-color);
                vertical-align: middle
            }

            .ss-content .ss-search input:focus {
                -webkit-box-shadow: 0 0 5px #36234C;
                box-shadow: 0 0 5px #36234C;
                box-shadow: 0 0 5px #36234C;
                -webkit-box-shadow: 0 0 5px var(--ss-primary-color);
                box-shadow: 0 0 5px var(--ss-primary-color)
            }

        .ss-content .ss-search .ss-addable {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            cursor: pointer;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            height: auto;
            margin: 0 0 0 5px;
            margin: 0 0 0 5px;
            margin: 0 0 0 var(--ss-spacing-m);
            border: 1px solid #C8BEA6;
            border: 1px solid #C8BEA6;
            border: 1px solid var(--ss-border-color);
            border-radius: 10px;
            border-radius: 10px;
            border-radius: var(--ss-border-radius)
        }

            .ss-content .ss-search .ss-addable svg {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end;
                -webkit-box-flex: 0;
                -ms-flex: 0 1 auto;
                flex: 0 1 auto;
                width: 12px;
                height: 12px;
                margin: auto 5px auto 5px;
                margin: auto 5px auto 5px;
                margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m)
            }

                .ss-content .ss-search .ss-addable svg path {
                    fill: none;
                    stroke: #36234C;
                    stroke: #36234C;
                    stroke: var(--ss-font-color);
                    stroke-width: 18;
                    stroke-linecap: round;
                    stroke-linejoin: round
                }

    .ss-content .ss-list {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        height: auto;
        overflow-x: hidden;
        overflow-y: auto
    }

        .ss-content .ss-list .ss-error {
            color: #D75050;
            color: #D75050;
            color: var(--ss-error-color);
            padding: 7px;
            padding: 7px;
            padding: var(--ss-spacing-l)
        }

        .ss-content .ss-list .ss-searching {
            color: #36234C;
            color: #36234C;
            color: var(--ss-font-color);
            padding: 7px;
            padding: 7px;
            padding: var(--ss-spacing-l)
        }

        .ss-content .ss-list .ss-optgroup.ss-close .ss-option {
            display: none !important
        }

        .ss-content .ss-list .ss-optgroup .ss-optgroup-label {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 5px 7px 5px 7px;
            padding: 5px 7px 5px 7px;
            padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)
        }

            .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text {
                -webkit-box-flex: 1;
                -ms-flex: 1 1 auto;
                flex: 1 1 auto;
                font-weight: 700;
                color: #36234C;
                color: #36234C;
                color: var(--ss-font-color)
            }

            .ss-content .ss-list .ss-optgroup .ss-optgroup-label[\:has\(.ss-arrow\)] {
                cursor: pointer
            }

            .ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow) {
                cursor: pointer
            }

            .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions {
                -webkit-box-flex: 0;
                -ms-flex: 0 1 auto;
                flex: 0 1 auto;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                grid-gap: 5px;
                gap: 5px;
                grid-gap: 5px;
                gap: 5px;
                grid-gap: var(--ss-spacing-m);
                gap: var(--ss-spacing-m)
            }

                .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall {
                    -webkit-box-flex: 0;
                    -ms-flex: 0 0 auto;
                    flex: 0 0 auto;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                    flex-direction: row;
                    cursor: pointer
                }

                    .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover {
                        opacity: .5
                    }

                    .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path {
                        stroke: #D75050;
                        stroke: #D75050;
                        stroke: var(--ss-error-color)
                    }

                    .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span {
                        -webkit-box-flex: 0;
                        -ms-flex: 0 1 auto;
                        flex: 0 1 auto;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        font-size: 60%;
                        text-align: center;
                        padding: 0 3px 0 0;
                        padding: 0 3px 0 0;
                        padding: 0 var(--ss-spacing-s) 0 0
                    }

                    .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg {
                        -webkit-box-flex: 0;
                        -ms-flex: 0 1 auto;
                        flex: 0 1 auto;
                        width: 13px;
                        height: 13px
                    }

                        .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path {
                            fill: none;
                            stroke: #00b755;
                            stroke: #00b755;
                            stroke: var(--ss-success-color);
                            stroke-linecap: round;
                            stroke-linejoin: round
                        }

                        .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child {
                            stroke-width: 5
                        }

                        .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child {
                            stroke-width: 11
                        }

                .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable {
                    -webkit-box-flex: 0;
                    -ms-flex: 0 1 auto;
                    flex: 0 1 auto;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                    flex-direction: row;
                    cursor: pointer
                }

                    .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow {
                        -webkit-box-flex: 1;
                        -ms-flex: 1 1 auto;
                        flex: 1 1 auto;
                        width: 10px;
                        height: 10px
                    }

                        .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path {
                            fill: none;
                            stroke: #36234C;
                            stroke: #36234C;
                            stroke: var(--ss-font-color);
                            stroke-width: 18;
                            stroke-linecap: round;
                            stroke-linejoin: round;
                            -webkit-transition-timing-function: ease-out;
                            transition-timing-function: ease-out;
                            -webkit-transition: 0.2s;
                            transition: 0.2s;
                            transition: 0.2s;
                            -webkit-transition: var(--ss-animation-timing);
                            transition: var(--ss-animation-timing)
                        }

        .ss-content .ss-list .ss-optgroup .ss-option {
            padding: 3px 3px 3px calc(7px*3);
            padding: 3px 3px 3px calc(7px*3);
            padding: var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l)*3)
        }

        .ss-content .ss-list .ss-option {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding: 5px 7px 5px 7px;
            padding: 5px 7px 5px 7px;
            padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
            color: #36234C;
            color: #36234C;
            color: var(--ss-font-color);
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            width: 100%;
            padding-left: 2rem;
            padding-right: 2rem;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            font-size: 2.0rem;
            font-weight: 600;
            outline: 2px solid transparent;
            outline-offset: 2px;
            line-height: 2rem
        }

@media (min-width: 992px) {
    .ss-content .ss-list .ss-option {
        font-size: 2.0rem;
        line-height: 3rem;
    }
}

@media (min-width: 1600px) {
    .ss-content .ss-list .ss-option {
        font-size: 2.0rem;
        line-height: 4rem;
    }
}

.ss-content .ss-list .ss-option:hover {
    color: #ffffff;
    color: #ffffff;
    color: var(--ss-bg-color);
    background-color: #36234C;
    background-color: #36234C;
    background-color: var(--ss-primary-color)
}

.ss-content .ss-list .ss-option.ss-highlighted, .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
    color: #ffffff;
    color: #ffffff;
    color: var(--ss-bg-color);
    background-color: #36234C;
    background-color: #36234C;
    background-color: var(--ss-primary-color)
}

.ss-content .ss-list .ss-option.ss-disabled {
    cursor: not-allowed;
    background-color: #dcdee2;
    background-color: #dcdee2;
    background-color: var(--ss-disabled-color)
}

    .ss-content .ss-list .ss-option.ss-disabled:hover {
        color: #36234C;
        color: #36234C;
        color: var(--ss-font-color)
    }

.ss-content .ss-list .ss-option .ss-search-highlight {
    background-color: #D6F4A6;
    background-color: #D6F4A6;
    background-color: var(--ss-highlight-color)
}

* {
    font-family: "greycliff-cf",sans-serif
}

.tiny-text {
    font-size: 1.4rem;
    line-height: 2.0rem;
}

@media (min-width: 992px) {
    .tiny-text {
        font-size: 1.4rem;
        line-height: 2.0rem;
    }
}

@media (min-width: 1600px) {
    .tiny-text {
        font-size: 1.4rem;
        line-height: 2.0rem;
    }
}

.small-text {
    font-size: 1.6rem;
    line-height: 2.6rem;
}

@media (min-width: 992px) {
    .small-text {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

@media (min-width: 1600px) {
    .small-text {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.regular-text {
    font-size: 1.6rem;
    line-height: 2.6rem;
}

@media (min-width: 992px) {
    .regular-text {
        font-size: 1.8rem;
        line-height: 2.8rem;
    }
}

@media (min-width: 1600px) {
    .regular-text {
        font-size: 2.0rem;
        line-height: 3.0rem;
    }
}

.large-text {
    font-size: 1.6rem;
    line-height: 2.6rem;
}

@media (min-width: 992px) {
    .large-text {
        font-size: 2.0rem;
        line-height: 2.8rem;
    }
}

@media (min-width: 1600px) {
    .large-text {
        font-size: 2.4rem;
        line-height: 3.0rem;
    }
}

html {
    font-size: 62.5%
}

h1, .like-h1 {
    font-size: 3.3rem;
    line-height: 4.0rem;
    font-weight: 800;
}

@media (min-width: 992px) {
    h1, .like-h1 {
        font-size: 4.8rem;
        line-height: 5.0rem;
    }
}

@media (min-width: 1600px) {
    h1, .like-h1 {
        font-size: 6.4rem;
        line-height: 7.5rem;
    }
}

h2, .like-h2 {
    font-size: 3.2rem;
    line-height: 3.9rem;
    font-weight: 800;
}

@media (min-width: 992px) {
    h2, .like-h2 {
        font-size: 4.0rem;
        line-height: 4.4rem;
    }
}

@media (min-width: 1600px) {
    h2, .like-h2 {
        font-size: 4.8rem;
        line-height: 5.0rem;
    }
}

h3, .like-h3 {
    font-size: 2.6rem;
    line-height: 3.0rem;
    font-weight: 800;
}

@media (min-width: 992px) {
    h3, .like-h3 {
        font-size: 2.9rem;
        line-height: 3.2rem;
    }
}

@media (min-width: 1600px) {
    h3, .like-h3 {
        font-size: 3.2rem;
        line-height: 3.5rem;
    }
}

h4, .like-h4 {
    font-size: 2.6rem;
    line-height: 3.0rem;
    font-weight: 700;
}

@media (min-width: 992px) {
    h4, .like-h4 {
        font-size: 2.9rem;
        line-height: 3.2rem;
    }
}

@media (min-width: 1600px) {
    h4, .like-h4 {
        font-size: 3.2rem;
        line-height: 3.5rem;
    }
}

p, .like-P {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

@media (min-width: 992px) {
    p, .like-P {
        font-size: 1.8rem;
        line-height: 2.8rem;
    }
}

@media (min-width: 1600px) {
    p, .like-P {
        font-size: 2.0rem;
        line-height: 3.0rem;
    }
}

ul, ol {
    font-size: 1em
}

    ul li, ol li {
        font-weight: 600;
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

@media (min-width: 992px) {
    ul li, ol li {
        font-size: 1.8rem;
        line-height: 2.8rem;
    }
}

@media (min-width: 1600px) {
    ul li, ol li {
        font-size: 2.0rem;
        line-height: 3.0rem;
    }
}

a {
    text-decoration-line: underline;
}

    a:hover, a:active, a:focus {
        text-decoration-line: none;
    }

small {
    font-size: 1.6rem;
    line-height: 2.6rem;
}

@media (min-width: 992px) {
    small {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

@media (min-width: 1600px) {
    small {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

small > * {
    font-size: 1.6rem;
    line-height: 2.6rem;
}

@media (min-width: 992px) {
    small > * {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

@media (min-width: 1600px) {
    small > * {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

small * {
    font-size: 1.6rem;
    line-height: 2.6rem;
}

@media (min-width: 992px) {
    small * {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

@media (min-width: 1600px) {
    small * {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

strong, b {
    font-weight: 700;
}

blockquote p {
    font-size: 3.2rem;
    line-height: 5.0rem;
    font-weight: 800;
}

@media (min-width: 992px) {
    blockquote p {
        font-size: 4.0rem;
        line-height: 6.2rem;
    }
}

@media (min-width: 1600px) {
    blockquote p {
        font-size: 4.8rem;
        line-height: 7.5rem;
    }
}

blockquote p:first-of-type:before {
    display: inline;
    content: '"';
}

blockquote p:last-of-type:after {
    display: inline;
    content: '"';
}

blockquote footer {
    font-size: 2.4rem;
    line-height: 2.4rem;
    font-weight: 600;
}

@media (min-width: 992px) {
    blockquote footer {
        font-size: 2.8rem;
        line-height: 2.8rem;
    }
}

@media (min-width: 1600px) {
    blockquote footer {
        font-size: 3.2rem;
        line-height: 3.2rem;
    }
}

p.error, .error p, .like-P.error, .error .like-P, ul.error, .error ul, ol.error, .error ol, li.error, .error li, strong.error, .error strong, b.error, .error b, em.error, .error em, i.error, .error i, h1.error, .error h1, .like-H1.error, .error .like-H1, h2.error, .error h2, .likeH2.error, .error .likeH2, h3.error, .error h3, .likeH3.error, .error .likeH3, h4.error, .error h4, .likeH4.error, .error .likeH4, span.error, .error span {
    --tw-text-opacity: 1;
    color: rgb(215 80 80 / var(--tw-text-opacity));
}

p.reduce, p .reduce, .like-P.reduce, .like-P .reduce, ul.reduce, ul .reduce, ol.reduce, ol .reduce, li.reduce, li .reduce, strong.reduce, strong .reduce, b.reduce, b .reduce, em.reduce, em .reduce, i.reduce, i .reduce, h1.reduce, h1 .reduce, .like-H1.reduce, .like-H1 .reduce, h2.reduce, h2 .reduce, .likeH2.reduce, .likeH2 .reduce, h3.reduce, h3 .reduce, .likeH3.reduce, .likeH3 .reduce, h4.reduce, h4 .reduce, .likeH4.reduce, .likeH4 .reduce, span.reduce, span .reduce {
    font-weight: 400;
}

p .nobreak, p.nobreak, .like-P .nobreak, .like-P.nobreak, ul .nobreak, ul.nobreak, ol .nobreak, ol.nobreak, li .nobreak, li.nobreak, strong .nobreak, strong.nobreak, b .nobreak, b.nobreak, em .nobreak, em.nobreak, i .nobreak, i.nobreak, h1 .nobreak, h1.nobreak, .like-H1 .nobreak, .like-H1.nobreak, h2 .nobreak, h2.nobreak, .likeH2 .nobreak, .likeH2.nobreak, h3 .nobreak, h3.nobreak, .likeH3 .nobreak, .likeH3.nobreak, h4 .nobreak, h4.nobreak, .likeH4 .nobreak, .likeH4.nobreak, span .nobreak, span.nobreak {
    white-space: nowrap;
}

.btn, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger) {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    border-width: 0;
    padding-left: 6rem;
    padding-right: 6rem;
    text-align: center;
    font-size: 1.8rem;
    line-height: 5.0rem;
    font-weight: 800;
    text-decoration-line: none;
    outline-width: 0px;
    border-radius: 80px;
    -webkit-transition: width .3s ease;
    transition: width .3s ease;
}

    .btn:before, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger):before {
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        display: block;
        border-width: 3px;
        border-color: inherit;
        background-color: transparent;
        content: "";
        border-radius: 80px;
    }

@media (min-width: 992px) {
    .btn, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger) {
        font-size: 2.1rem;
        line-height: 6.5rem;
    }
}

@media (min-width: 1600px) {
    .btn, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger) {
        font-size: 2.4rem;
        line-height: 8.0rem;
    }
}

.btn.small, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).small {
    padding-left: 4rem;
    padding-right: 4rem;
    font-size: 1.8rem;
    line-height: 5.0rem;
    border-radius: 50px;
}

@media (min-width: 992px) {
    .btn.small, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).small {
        font-size: 1.6rem;
        line-height: 4.6rem;
    }
}

@media (min-width: 1600px) {
    .btn.small, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).small {
        font-size: 1.8rem;
        line-height: 5.0rem;
    }
}

.btn.small:before, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).small:before {
    border-radius: 50px
}

.btn.full-width, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).full-width {
    display: block;
    width: 100%;
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

.btn.light, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).light {
    --tw-text-opacity: 1;
    color: rgb(54 35 76 / var(--tw-text-opacity));
}

    .btn.light.mint, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).light.mint {
        --tw-border-opacity: 1;
        border-color: rgb(177 229 202 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(177 229 202 / var(--tw-bg-opacity));
    }

    .btn.light.cream, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).light.cream {
        --tw-border-opacity: 1;
        border-color: rgb(241 238 231 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(241 238 231 / var(--tw-bg-opacity));
    }

    .btn.light.horizon, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).light.horizon {
        --tw-border-opacity: 1;
        border-color: rgb(184 184 255 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(184 184 255 / var(--tw-bg-opacity));
    }

    .btn.light.bubble, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).light.bubble {
        --tw-border-opacity: 1;
        border-color: rgb(204 234 237 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(204 234 237 / var(--tw-bg-opacity));
    }

    .btn.light.shine, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).light.shine {
        --tw-border-opacity: 1;
        border-color: rgb(255 214 159 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(255 214 159 / var(--tw-bg-opacity));
    }

    .btn.light.rose, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).light.rose {
        --tw-border-opacity: 1;
        border-color: rgb(235 212 255 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(235 212 255 / var(--tw-bg-opacity));
    }

    .btn.light.lime, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).light.lime {
        --tw-border-opacity: 1;
        border-color: rgb(214 244 166 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(214 244 166 / var(--tw-bg-opacity));
    }

    .btn.light.china, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).light.china {
        --tw-border-opacity: 1;
        border-color: rgb(250 249 245 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(250 249 245 / var(--tw-bg-opacity));
    }

    .btn.light.peach, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).light.peach {
        --tw-border-opacity: 1;
        border-color: rgb(255 207 199 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(255 207 199 / var(--tw-bg-opacity));
    }

    .btn.light:hover, .btn.light:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).light:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).light:focus {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

    .btn.light:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).light:active {
        --tw-border-opacity: 1;
        border-color: rgb(240 239 233 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(240 239 233 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

.btn.dark, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark {
    --tw-border-opacity: 1;
    border-color: rgb(54 35 76 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(54 35 76 / var(--tw-bg-opacity));
}

    .btn.dark.mint, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.mint {
        --tw-text-opacity: 1;
        color: rgb(177 229 202 / var(--tw-text-opacity));
    }

        .btn.dark.mint:hover, .btn.dark.mint:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.mint:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.mint:focus {
            --tw-border-opacity: 1;
            border-color: rgb(177 229 202 / var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: rgb(177 229 202 / var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(54 35 76 / var(--tw-text-opacity));
        }

        .btn.dark.mint:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.mint:active {
            --tw-border-opacity: 1;
            border-color: rgb(255 255 255 / var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(54 35 76 / var(--tw-text-opacity));
        }

    .btn.dark.cream, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.cream {
        --tw-text-opacity: 1;
        color: rgb(241 238 231 / var(--tw-text-opacity));
    }

        .btn.dark.cream:hover, .btn.dark.cream:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.cream:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.cream:focus {
            --tw-border-opacity: 1;
            border-color: rgb(241 238 231 / var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: rgb(241 238 231 / var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(54 35 76 / var(--tw-text-opacity));
        }

        .btn.dark.cream:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.cream:active {
            --tw-border-opacity: 1;
            border-color: rgb(255 255 255 / var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(54 35 76 / var(--tw-text-opacity));
        }

    .btn.dark.horizon, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.horizon {
        --tw-text-opacity: 1;
        color: rgb(184 184 255 / var(--tw-text-opacity));
    }

        .btn.dark.horizon:hover, .btn.dark.horizon:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.horizon:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.horizon:focus {
            --tw-border-opacity: 1;
            border-color: rgb(184 184 255 / var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: rgb(184 184 255 / var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(54 35 76 / var(--tw-text-opacity));
        }

        .btn.dark.horizon:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.horizon:active {
            --tw-border-opacity: 1;
            border-color: rgb(255 255 255 / var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(54 35 76 / var(--tw-text-opacity));
        }

    .btn.dark.bubble, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.bubble {
        --tw-text-opacity: 1;
        color: rgb(204 234 237 / var(--tw-text-opacity));
    }

        .btn.dark.bubble:hover, .btn.dark.bubble:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.bubble:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.bubble:focus {
            --tw-border-opacity: 1;
            border-color: rgb(204 234 237 / var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: rgb(204 234 237 / var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(54 35 76 / var(--tw-text-opacity));
        }

        .btn.dark.bubble:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.bubble:active {
            --tw-border-opacity: 1;
            border-color: rgb(255 255 255 / var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(54 35 76 / var(--tw-text-opacity));
        }

    .btn.dark.shine, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.shine {
        --tw-text-opacity: 1;
        color: rgb(255 214 159 / var(--tw-text-opacity));
    }

        .btn.dark.shine:hover, .btn.dark.shine:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.shine:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.shine:focus {
            --tw-border-opacity: 1;
            border-color: rgb(255 214 159 / var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: rgb(255 214 159 / var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(54 35 76 / var(--tw-text-opacity));
        }

        .btn.dark.shine:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.shine:active {
            --tw-border-opacity: 1;
            border-color: rgb(255 255 255 / var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(54 35 76 / var(--tw-text-opacity));
        }

    .btn.dark.rose, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.rose {
        --tw-text-opacity: 1;
        color: rgb(235 212 255 / var(--tw-text-opacity));
    }

        .btn.dark.rose:hover, .btn.dark.rose:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.rose:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.rose:focus {
            --tw-border-opacity: 1;
            border-color: rgb(235 212 255 / var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: rgb(235 212 255 / var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(54 35 76 / var(--tw-text-opacity));
        }

        .btn.dark.rose:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.rose:active {
            --tw-border-opacity: 1;
            border-color: rgb(255 255 255 / var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(54 35 76 / var(--tw-text-opacity));
        }

    .btn.dark.lime, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.lime {
        --tw-text-opacity: 1;
        color: rgb(214 244 166 / var(--tw-text-opacity));
    }

        .btn.dark.lime:hover, .btn.dark.lime:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.lime:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.lime:focus {
            --tw-border-opacity: 1;
            border-color: rgb(214 244 166 / var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: rgb(214 244 166 / var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(54 35 76 / var(--tw-text-opacity));
        }

        .btn.dark.lime:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.lime:active {
            --tw-border-opacity: 1;
            border-color: rgb(255 255 255 / var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(54 35 76 / var(--tw-text-opacity));
        }

    .btn.dark.china, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.china {
        --tw-text-opacity: 1;
        color: rgb(250 249 245 / var(--tw-text-opacity));
    }

        .btn.dark.china:hover, .btn.dark.china:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.china:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.china:focus {
            --tw-border-opacity: 1;
            border-color: rgb(250 249 245 / var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: rgb(250 249 245 / var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(54 35 76 / var(--tw-text-opacity));
        }

        .btn.dark.china:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.china:active {
            --tw-border-opacity: 1;
            border-color: rgb(255 255 255 / var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(54 35 76 / var(--tw-text-opacity));
        }

    .btn.dark.peach, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.peach {
        --tw-text-opacity: 1;
        color: rgb(255 207 199 / var(--tw-text-opacity));
    }

        .btn.dark.peach:hover, .btn.dark.peach:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.peach:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.peach:focus {
            --tw-border-opacity: 1;
            border-color: rgb(255 207 199 / var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: rgb(255 207 199 / var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(54 35 76 / var(--tw-text-opacity));
        }

        .btn.dark.peach:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).dark.peach:active {
            --tw-border-opacity: 1;
            border-color: rgb(255 255 255 / var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(54 35 76 / var(--tw-text-opacity));
        }

.btn.custom, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom {
    --tw-border-opacity: 1;
    border-color: rgb(54 35 76 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(54 35 76 / var(--tw-bg-opacity));
}

    .btn.custom.mint, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.mint {
        --tw-text-opacity: 1;
        color: rgb(177 229 202 / var(--tw-text-opacity));
    }

        .btn.custom.mint:hover, .btn.custom.mint:focus, .btn.custom.mint:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.mint:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.mint:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.mint:active {
            --tw-border-opacity: 1;
            border-color: rgb(255 255 255 / var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(54 35 76 / var(--tw-text-opacity));
        }

    .btn.custom.cream, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.cream {
        --tw-text-opacity: 1;
        color: rgb(241 238 231 / var(--tw-text-opacity));
    }

        .btn.custom.cream:hover, .btn.custom.cream:focus, .btn.custom.cream:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.cream:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.cream:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.cream:active {
            --tw-border-opacity: 1;
            border-color: rgb(255 255 255 / var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(54 35 76 / var(--tw-text-opacity));
        }

    .btn.custom.horizon, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.horizon {
        --tw-text-opacity: 1;
        color: rgb(184 184 255 / var(--tw-text-opacity));
    }

        .btn.custom.horizon:hover, .btn.custom.horizon:focus, .btn.custom.horizon:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.horizon:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.horizon:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.horizon:active {
            --tw-border-opacity: 1;
            border-color: rgb(255 255 255 / var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(54 35 76 / var(--tw-text-opacity));
        }

    .btn.custom.bubble, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.bubble {
        --tw-text-opacity: 1;
        color: rgb(204 234 237 / var(--tw-text-opacity));
    }

        .btn.custom.bubble:hover, .btn.custom.bubble:focus, .btn.custom.bubble:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.bubble:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.bubble:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.bubble:active {
            --tw-border-opacity: 1;
            border-color: rgb(255 255 255 / var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(54 35 76 / var(--tw-text-opacity));
        }

    .btn.custom.shine, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.shine {
        --tw-text-opacity: 1;
        color: rgb(255 214 159 / var(--tw-text-opacity));
    }

        .btn.custom.shine:hover, .btn.custom.shine:focus, .btn.custom.shine:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.shine:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.shine:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.shine:active {
            --tw-border-opacity: 1;
            border-color: rgb(255 255 255 / var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(54 35 76 / var(--tw-text-opacity));
        }

    .btn.custom.rose, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.rose {
        --tw-text-opacity: 1;
        color: rgb(235 212 255 / var(--tw-text-opacity));
    }

        .btn.custom.rose:hover, .btn.custom.rose:focus, .btn.custom.rose:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.rose:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.rose:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.rose:active {
            --tw-border-opacity: 1;
            border-color: rgb(255 255 255 / var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(54 35 76 / var(--tw-text-opacity));
        }

    .btn.custom.lime, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.lime {
        --tw-text-opacity: 1;
        color: rgb(214 244 166 / var(--tw-text-opacity));
    }

        .btn.custom.lime:hover, .btn.custom.lime:focus, .btn.custom.lime:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.lime:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.lime:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.lime:active {
            --tw-border-opacity: 1;
            border-color: rgb(255 255 255 / var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(54 35 76 / var(--tw-text-opacity));
        }

    .btn.custom.china, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.china {
        --tw-text-opacity: 1;
        color: rgb(250 249 245 / var(--tw-text-opacity));
    }

        .btn.custom.china:hover, .btn.custom.china:focus, .btn.custom.china:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.china:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.china:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.china:active {
            --tw-border-opacity: 1;
            border-color: rgb(255 255 255 / var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(54 35 76 / var(--tw-text-opacity));
        }

    .btn.custom.peach, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.peach {
        --tw-text-opacity: 1;
        color: rgb(255 207 199 / var(--tw-text-opacity));
    }

        .btn.custom.peach:hover, .btn.custom.peach:focus, .btn.custom.peach:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.peach:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.peach:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).custom.peach:active {
            --tw-border-opacity: 1;
            border-color: rgb(255 255 255 / var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(54 35 76 / var(--tw-text-opacity));
        }

.btn.outline, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline {
    --tw-bg-opacity: 1;
    background-color: rgb(54 35 76 / var(--tw-bg-opacity));
}

.header .btn.outline, .header button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline {
    --tw-bg-opacity: 1;
    background-color: rgb(43 28 61 / var(--tw-bg-opacity));
}

.btn.outline.mint, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.mint {
    --tw-border-opacity: 1;
    border-color: rgb(177 229 202 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(177 229 202 / var(--tw-text-opacity));
}

    .btn.outline.mint:hover, .btn.outline.mint:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.mint:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.mint:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(177 229 202 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

    .btn.outline.mint:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.mint:active {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

.btn.outline.cream, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.cream {
    --tw-border-opacity: 1;
    border-color: rgb(241 238 231 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(241 238 231 / var(--tw-text-opacity));
}

    .btn.outline.cream:hover, .btn.outline.cream:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.cream:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.cream:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(241 238 231 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

    .btn.outline.cream:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.cream:active {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

.btn.outline.horizon, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.horizon {
    --tw-border-opacity: 1;
    border-color: rgb(184 184 255 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(184 184 255 / var(--tw-text-opacity));
}

    .btn.outline.horizon:hover, .btn.outline.horizon:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.horizon:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.horizon:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(184 184 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

    .btn.outline.horizon:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.horizon:active {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

.btn.outline.bubble, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.bubble {
    --tw-border-opacity: 1;
    border-color: rgb(204 234 237 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(204 234 237 / var(--tw-text-opacity));
}

    .btn.outline.bubble:hover, .btn.outline.bubble:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.bubble:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.bubble:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(204 234 237 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

    .btn.outline.bubble:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.bubble:active {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

.btn.outline.shine, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.shine {
    --tw-border-opacity: 1;
    border-color: rgb(255 214 159 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 214 159 / var(--tw-text-opacity));
}

    .btn.outline.shine:hover, .btn.outline.shine:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.shine:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.shine:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(255 214 159 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

    .btn.outline.shine:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.shine:active {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

.btn.outline.rose, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.rose {
    --tw-border-opacity: 1;
    border-color: rgb(235 212 255 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(235 212 255 / var(--tw-text-opacity));
}

    .btn.outline.rose:hover, .btn.outline.rose:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.rose:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.rose:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(235 212 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

    .btn.outline.rose:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.rose:active {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

.btn.outline.lime, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.lime {
    --tw-border-opacity: 1;
    border-color: rgb(214 244 166 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(214 244 166 / var(--tw-text-opacity));
}

    .btn.outline.lime:hover, .btn.outline.lime:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.lime:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.lime:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(214 244 166 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

    .btn.outline.lime:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.lime:active {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

.btn.outline.china, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.china {
    --tw-border-opacity: 1;
    border-color: rgb(250 249 245 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(250 249 245 / var(--tw-text-opacity));
}

    .btn.outline.china:hover, .btn.outline.china:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.china:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.china:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(250 249 245 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

    .btn.outline.china:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.china:active {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

.btn.outline.peach, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.peach {
    --tw-border-opacity: 1;
    border-color: rgb(255 207 199 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 207 199 / var(--tw-text-opacity));
}

    .btn.outline.peach:hover, .btn.outline.peach:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.peach:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.peach:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(255 207 199 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

    .btn.outline.peach:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.peach:active {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

.btn.outline.alt:hover, .btn.outline.alt:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.alt:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.alt:focus {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(54 35 76 / var(--tw-text-opacity));
}

.btn.outline.alt:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).outline.alt:active {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(54 35 76 / var(--tw-text-opacity));
}

input[type=text], input[type=number], input[type=password], input[type=email], input[type=date], input[type=url] {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(200 190 166 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    background-repeat: no-repeat;
    padding-left: 2rem;
    padding-right: 2rem;
    outline: 2px solid transparent;
    outline-offset: 2px;
    font-size: 2.0rem;
    line-height: 5.5rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(54 35 76 / var(--tw-text-opacity));
    border-radius: 10px;
}

select {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(200 190 166 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    background-repeat: no-repeat;
    padding-left: 2rem;
    padding-right: 4rem;
    outline: 2px solid transparent;
    outline-offset: 2px;
    font-size: 2.0rem;
    line-height: 5.5rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(54 35 76 / var(--tw-text-opacity));
    border-radius: 10px;
    background-size: 18px 10px;
    background-position: right 20px center;
    background-image: url("data:image/svg+xml,%3Csvg width='36' height='20' viewBox='0 0 36 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.000476773 1.47701C0.000476789 1.09902 0.140129 0.721026 0.421349 0.433596C0.981876 -0.143232 1.89058 -0.143232 2.45111 0.433596L18.0024 16.4371L33.5518 0.433598C34.1123 -0.143231 35.0191 -0.143231 35.5796 0.433598C36.1401 1.01043 36.1401 1.94556 35.5796 2.52239L19.0144 19.5693C18.4539 20.1462 17.5452 20.1462 16.9846 19.5693L0.421348 2.52042C0.14204 2.23299 0.000476756 1.855 0.000476773 1.47701Z' fill='%2336234C'/%3E%3C/svg%3E%0A");
    background-image: url("data:image/svg+xml,%3Csvg id='uuid-7164d581-e260-4203-a9d0-88adb0ce14c9' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 393 229.97'%3E%3Cpath d='M173.9,217.63c12.5,12.5,32.8,12.5,45.3,0L379.2,57.63c12.5-12.5,12.5-32.8,0-45.3s-32.8-12.5-45.3,0L196.5,149.73,59.1,12.43C46.6-.07,26.3-.07,13.8,12.43s-12.5,32.8,0,45.3L173.8,217.73l.1-.1Z' fill='%2336234C'/%3E%3C/svg%3E");
}

@media (min-width: 992px) {
    select {
        font-size: 2.0rem;
        line-height: 6.25rem;
    }
}

@media (min-width: 1600px) {
    select {
        font-size: 2.0rem;
        line-height: 6.0rem;
    }
}

select[size] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background-image: none;
}

select:focus, select:active, select:hover {
    --tw-border-opacity: 1;
    border-color: rgb(54 35 76 / var(--tw-border-opacity));
}

*::-webkit-input-placeholder {
    --tw-text-opacity: 1;
    color: rgb(254 202 202 / var(--tw-text-opacity));
}

*::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(254 202 202 / var(--tw-text-opacity));
}

*:-ms-input-placeholder {
    --tw-text-opacity: 1;
    color: rgb(254 202 202 / var(--tw-text-opacity));
}

*::-ms-input-placeholder {
    --tw-text-opacity: 1;
    color: rgb(254 202 202 / var(--tw-text-opacity));
}

*::placeholder {
    --tw-text-opacity: 1;
    color: rgb(254 202 202 / var(--tw-text-opacity));
}

.columns {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-gap: 2.5rem;
    gap: 2.5rem;
}

@media (min-width: 768px) {
    .columns {
        grid-gap: 3.5rem;
        gap: 3.5rem;
    }
}

@media (min-width: 992px) {
    .columns {
        grid-gap: 5rem;
        gap: 5rem;
    }
}

.columns > * {
    grid-column: span 12 / span 12;
}

@media (min-width: 768px) {
    .columns.halves > * {
        grid-column: span 6 / span 6;
    }

    .columns.halves.halves-only > * {
        grid-column: span 12 / span 12;
    }
}

@media (min-width: 992px) {
    .columns.halves.halves-only > * {
        grid-column: span 6 / span 6;
    }
}

@media (min-width: 768px) {
    .columns.halves.bias-two-thirds > * {
        grid-column: span 6 / span 6;
    }
}

@media (min-width: 992px) {
    .columns.halves.bias-two-thirds > * {
        grid-column: span 4 / span 4;
    }

        .columns.halves.bias-two-thirds > *:first-child {
            grid-column: span 8 / span 8;
        }
}

@media (min-width: 768px) {
    .columns.halves.bias-three-quarters > * {
        grid-column: span 6 / span 6;
    }
}

@media (min-width: 992px) {
    .columns.halves.bias-three-quarters > * {
        grid-column: span 3 / span 3;
    }

        .columns.halves.bias-three-quarters > *:first-child {
            grid-column: span 9 / span 9;
        }
}

@media (min-width: 768px) {
    .columns.thirds > * {
        grid-column: span 6 / span 6;
    }
}

@media (min-width: 992px) {
    .columns.thirds > * {
        grid-column: span 4 / span 4;
    }
}

@media (min-width: 768px) {
    .columns.thirds.thirds-only > * {
        grid-column: span 12 / span 12;
    }
}

@media (min-width: 992px) {
    .columns.thirds.thirds-only > * {
        grid-column: span 4 / span 4;
    }
}

@media (min-width: 768px) {
    .columns.quarters > * {
        grid-column: span 6 / span 6;
    }
}

@media (min-width: 992px) {
    .columns.quarters > * {
        grid-column: span 4 / span 4;
    }
}

@media (min-width: 1200px) {
    .columns.quarters > * {
        grid-column: span 3 / span 3;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .columns.quarters.quarters-only > * {
        grid-column: span 3 / span 3;
    }
}

.columns.sixths > * {
    grid-column: span 6 / span 6;
}

@media (min-width: 768px) {
    .columns.sixths > * {
        grid-column: span 4 / span 4;
    }
}

@media (min-width: 992px) {
    .columns.sixths > * {
        grid-column: span 3 / span 3;
    }
}

@media (min-width: 1200px) {
    .columns.sixths > * {
        grid-column: span 2 / span 2;
    }
}

.main {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 1200px;
}

    .main:not(.header-wrapper):not(.cookie-wrapper) {
        min-height: calc(100vh - 100px)
    }

@media (min-width: 992px) {
    .main:not(.header-wrapper):not(.cookie-wrapper) {
        min-height: calc(100vh - 120px)
    }
}

@media (min-width: 1600px) {
    .main:not(.header-wrapper):not(.cookie-wrapper) {
        min-height: calc(100vh - 140px)
    }
}

.main .row {
    width: 100%;
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

@media (min-width: 768px) {
    .main .row {
        padding-top: 6.3rem;
        padding-bottom: 6.3rem;
        padding-left: 3.15rem;
        padding-right: 3.15rem
    }
}

@media (min-width: 992px) {
    .main .row {
        padding-top: 8.8rem;
        padding-bottom: 8.8rem;
        padding-left: 4.4rem;
        padding-right: 4.4rem
    }
}

@media (min-width: 1200px) {
    .main .row {
        padding-top: 11rem;
        padding-bottom: 11rem;
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.main .row.hide-overflow {
    overflow-x: hidden;
}

@media only screen and (min-width: 1240px) {
    .main .row.hide-overflow {
        overflow-x: visible;
    }
}

@media screen and (min-width: 1280px) {
    .main .row:not(.maintain-gutter) {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.main .row.no-gutter {
    padding-left: 0px;
    padding-right: 0px;
}

.main .row.no-vertical-gutter {
    padding-top: 0px;
    padding-bottom: 0px;
}

.main .row.no-top-gutter {
    padding-top: 0px;
}

.main .row.no-bottom-gutter {
    padding-bottom: 0px;
}

.main .row.half-gutter {
    padding-top: 2rem;
    padding-bottom: 2rem
}

@media (min-width: 768px) {
    .main .row.half-gutter {
        padding-top: 3.15rem;
        padding-bottom: 3.15rem
    }
}

@media (min-width: 992px) {
    .main .row.half-gutter {
        padding-top: 4.4rem;
        padding-bottom: 4.4rem
    }
}

@media (min-width: 1200px) {
    .main .row.half-gutter {
        padding-top: 5.5rem;
        padding-bottom: 5.5rem
    }
}

.main .row.third-gutter {
    padding-top: 1.3333333333rem;
    padding-bottom: 1.3333333333rem
}

@media (min-width: 768px) {
    .main .row.third-gutter {
        padding-top: 2.1rem;
        padding-bottom: 2.1rem
    }
}

@media (min-width: 992px) {
    .main .row.third-gutter {
        padding-top: 2.9333333333rem;
        padding-bottom: 2.9333333333rem
    }
}

@media (min-width: 1200px) {
    .main .row.third-gutter {
        padding-top: 3.6666666667rem;
        padding-bottom: 3.6666666667rem
    }
}

.main .row.quarter-gutter {
    padding-top: 1rem;
    padding-bottom: 1rem
}

@media (min-width: 768px) {
    .main .row.quarter-gutter {
        padding-top: 1.575rem;
        padding-bottom: 1.575rem
    }
}

@media (min-width: 992px) {
    .main .row.quarter-gutter {
        padding-top: 2.2rem;
        padding-bottom: 2.2rem
    }
}

@media (min-width: 1200px) {
    .main .row.quarter-gutter {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem
    }
}

.main .row.half-t-gutter {
    padding-top: 2rem
}

@media (min-width: 768px) {
    .main .row.half-t-gutter {
        padding-top: 3.15rem
    }
}

@media (min-width: 992px) {
    .main .row.half-t-gutter {
        padding-top: 4.4rem
    }
}

@media (min-width: 1200px) {
    .main .row.half-t-gutter {
        padding-top: 5.5rem
    }
}

.main .row.third-t-gutter {
    padding-top: 1.3333333333rem
}

@media (min-width: 768px) {
    .main .row.third-t-gutter {
        padding-top: 2.1rem
    }
}

@media (min-width: 992px) {
    .main .row.third-t-gutter {
        padding-top: 2.9333333333rem
    }
}

@media (min-width: 1200px) {
    .main .row.third-t-gutter {
        padding-top: 3.6666666667rem
    }
}

.main .row.quarter-t-gutter {
    padding-top: 1rem
}

@media (min-width: 768px) {
    .main .row.quarter-t-gutter {
        padding-top: 1.575rem
    }
}

@media (min-width: 992px) {
    .main .row.quarter-t-gutter {
        padding-top: 2.2rem
    }
}

@media (min-width: 1200px) {
    .main .row.quarter-t-gutter {
        padding-top: 2.75rem
    }
}

.main .row.half-b-gutter {
    padding-bottom: 2rem
}

@media (min-width: 768px) {
    .main .row.half-b-gutter {
        padding-bottom: 3.15rem
    }
}

@media (min-width: 992px) {
    .main .row.half-b-gutter {
        padding-bottom: 4.4rem
    }
}

@media (min-width: 1200px) {
    .main .row.half-b-gutter {
        padding-bottom: 5.5rem
    }
}

.main .row.third-b-gutter {
    padding-bottom: 1.3333333333rem
}

@media (min-width: 768px) {
    .main .row.third-b-gutter {
        padding-bottom: 2.1rem
    }
}

@media (min-width: 992px) {
    .main .row.third-b-gutter {
        padding-bottom: 2.9333333333rem
    }
}

@media (min-width: 1200px) {
    .main .row.third-b-gutter {
        padding-bottom: 3.6666666667rem
    }
}

.main .row.quarter-b-gutter {
    padding-bottom: 1rem
}

@media (min-width: 768px) {
    .main .row.quarter-b-gutter {
        padding-bottom: 1.575rem
    }
}

@media (min-width: 992px) {
    .main .row.quarter-b-gutter {
        padding-bottom: 2.2rem
    }
}

@media (min-width: 1200px) {
    .main .row.quarter-b-gutter {
        padding-bottom: 2.75rem
    }
}

.main {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.theme {
    position: relative;
    --bg-colour: #F9F7F2;
    --bg-colour-inv: #36234C;
    --bg-colour-panel: #F1EEE7;
    --text-colour: #36234C;
    --text-colour-inv: #F9F7F2;
    --text-colour-panel: #36234C;
    --text-colour-meta: #C8BEA6;
    --text-colour-error: #D75050;
    --text-highlight-colour: #36234C;
    --text-highlight-colour-alt1: #36234C;
    --text-highlight-colour-alt2: #36234C;
    background-color: var(--bg-colour);
}

    .theme.dark {
        --bg-colour: #36234C;
        --bg-colour-inv: #F1EEE7;
        --bg-colour-panel: #F9F7F2;
        --text-colour: #F9F7F2;
        --text-colour-inv: #36234C;
        --text-colour-panel: #36234C;
        --text-colour-meta: #C8BEA6;
        --text-colour-error: #D75050;
        --text-highlight-colour: #B1E5CA;
        --text-highlight-colour-alt1: #B8B8FF;
        --text-highlight-colour-alt2: #FFD69F
    }

    .theme.medium {
        --bg-colour: #F1EEE7;
        --bg-colour-inv: #36234C;
        --bg-colour-panel: #F9F7F2;
        --text-colour: #36234C;
        --text-colour-inv: #F9F7F2;
        --text-colour-panel: #36234C;
        --text-colour-meta: #C8BEA6;
        --text-colour-error: #D75050;
        --text-highlight-colour: #36234C;
        --text-highlight-colour-alt1: #36234C;
        --text-highlight-colour-alt2: #36234C
    }

    .theme.resources {
        --bg-colour: #F9F7F2;
        --bg-colour-inv: #36234C;
        --bg-colour-panel: #F9F7F2;
        --text-colour: #36234C;
        --text-colour-inv: #F9F7F2;
        --text-colour-panel: #36234C;
        --text-colour-meta: #C8BEA6;
        --text-colour-error: #D75050;
        --text-highlight-colour: #36234C;
        --text-highlight-colour-alt1: #36234C;
        --text-highlight-colour-alt2: #36234C
    }

    .theme.highlight-alt1 {
        --text-highlight-colour: var(--text-highlight-colour-alt1)
    }

    .theme.highlight-alt2 {
        --text-highlight-colour: var(--text-highlight-colour-alt2)
    }

    .theme.highlight-mint {
        --text-highlight-colour: #B1E5CA
    }

    .theme.highlight-cream {
        --text-highlight-colour: #F1EEE7
    }

    .theme.highlight-horizon {
        --text-highlight-colour: #B8B8FF
    }

    .theme.highlight-bubble {
        --text-highlight-colour: #CCEAED
    }

    .theme.highlight-shine {
        --text-highlight-colour: #FFD69F
    }

    .theme.highlight-rose {
        --text-highlight-colour: #EBD4FF
    }

    .theme.highlight-lime {
        --text-highlight-colour: #D6F4A6
    }

    .theme.highlight-china {
        --text-highlight-colour: #FAF9F5
    }

    .theme.highlight-peach {
        --text-highlight-colour: #FFCFC7
    }

    .theme:before {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 50%;
        display: block;
        width: 100vw;
        --tw-translate-x: -50%;
        -webkit-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: 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-color: var(--bg-colour);
        content: "";
        z-index: -2;
    }

    .theme h1, .theme h2, .theme h3, .theme h4 {
        color: var(--text-colour)
    }

        .theme h1 span:not(.reduce), .theme h1 .highlight, .theme h1.highlight, .theme h2 span:not(.reduce), .theme h2 .highlight, .theme h2.highlight, .theme h3 span:not(.reduce), .theme h3 .highlight, .theme h3.highlight, .theme h4 span:not(.reduce), .theme h4 .highlight, .theme h4.highlight {
            color: var(--text-highlight-colour)
        }

        .theme h1.error, .error .theme h1, .theme h2.error, .error .theme h2, .theme h3.error, .error .theme h3, .theme h4.error, .error .theme h4 {
            color: var(--text-colour-error)
        }

    .theme p, .theme ul, .theme ol, .theme li, .theme span, .theme blockquote, .theme cite, .theme strong, .theme b, .theme i, .theme em, .theme footer {
        color: var(--text-colour)
    }

        .theme p .highlight, .theme p.highlight, .theme ul .highlight, .theme ul.highlight, .theme ol .highlight, .theme ol.highlight, .theme li .highlight, .theme li.highlight, .theme span .highlight, .theme span.highlight, .theme blockquote .highlight, .theme blockquote.highlight, .theme cite .highlight, .theme cite.highlight, .theme strong .highlight, .theme strong.highlight, .theme b .highlight, .theme b.highlight, .theme i .highlight, .theme i.highlight, .theme em .highlight, .theme em.highlight, .theme footer .highlight, .theme footer.highlight {
            color: var(--text-highlight-colour)
        }

        .theme p.error, .error .theme p, .theme ul.error, .error .theme ul, .theme ol.error, .error .theme ol, .theme li.error, .error .theme li, .theme span.error, .error .theme span, .theme blockquote.error, .error .theme blockquote, .theme cite.error, .error .theme cite, .theme strong.error, .error .theme strong, .theme b.error, .error .theme b, .theme i.error, .error .theme i, .theme em.error, .error .theme em, .theme footer.error, .error .theme footer {
            color: var(--text-colour-error)
        }

    .theme a {
        color: var(--text-colour)
    }

        .theme a:hover, .theme a:active, .theme a:focus {
            color: var(--text-colour)
        }

        .theme a.error, .error .theme a {
            color: var(--text-colour-error)
        }

    .theme p > a:active, .theme p > a:focus, .theme li > a:active, .theme li > a:focus {
        color: var(--text-colour-inv);
        background-color: var(--bg-colour-inv)
    }

    .theme .inverse {
        background-color: var(--bg-colour-inv)
    }

        .theme .inverse h1, .theme .inverse h2, .theme .inverse h3, .theme .inverse h4 {
            color: var(--text-colour-inv)
        }

        .theme .inverse p, .theme .inverse ul, .theme .inverse ol, .theme .inverse li, .theme .inverse span, .theme .inverse blockquote, .theme .inverse cite, .theme .inverse strong, .theme .inverse b, .theme .inverse i, .theme .inverse em, .theme .inverse footer {
            color: var(--text-colour-inv)
        }

        .theme .inverse a {
            color: var(--text-colour-inv)
        }

            .theme .inverse a:hover, .theme .inverse a:active, .theme .inverse a:focus {
                color: var(--text-colour-inv)
            }

    .theme .error h1, .theme .error h2, .theme .error h3, .theme .error h4, .theme .error p, .theme .error ul, .theme .error ol, .theme .error li, .theme .error span, .theme .error blockquote, .theme .error cite, .theme .error strong, .theme .error b, .theme .error i, .theme .error em, .theme .error footer, .theme .error a {
        color: var(--text-colour-error)
    }

.media-border {
    overflow: hidden;
    border-radius: 0.5rem;
}

.media-shadow {
    --tw-drop-shadow: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: 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);
}

.main:not(.header-wrapper) img, .main:not(.header-wrapper) svg:not(.ss-arrow), .main:not(.header-wrapper) embed-wrapper {
    overflow: hidden;
    border-radius: 0.5rem;
    --tw-drop-shadow: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: 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);
}

.main:not(.header-wrapper) .not-rounded {
    border-radius: 0px;
}

    .main:not(.header-wrapper) .not-rounded * {
        border-radius: 0px;
    }

.main:not(.header-wrapper) .no-shadow {
    --tw-drop-shadow: drop-shadow(0 0 rgba(0,0,0,0));
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: 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);
}

    .main:not(.header-wrapper) .no-shadow * {
        --tw-drop-shadow: drop-shadow(0 0 rgba(0,0,0,0));
        -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
        filter: 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);
    }

.wysiwyg h1 + h1, .wysiwyg h1 + h2, .wysiwyg h1 + h3, .wysiwyg h1 + h4, .wysiwyg h1 + .like-h1, .wysiwyg h1 + .like-h2, .wysiwyg h1 + .like-h3, .wysiwyg h1 + .like-h4, .wysiwyg h2 + h1, .wysiwyg h2 + h2, .wysiwyg h2 + h3, .wysiwyg h2 + h4, .wysiwyg h2 + .like-h1, .wysiwyg h2 + .like-h2, .wysiwyg h2 + .like-h3, .wysiwyg h2 + .like-h4, .wysiwyg h3 + h1, .wysiwyg h3 + h2, .wysiwyg h3 + h3, .wysiwyg h3 + h4, .wysiwyg h3 + .like-h1, .wysiwyg h3 + .like-h2, .wysiwyg h3 + .like-h3, .wysiwyg h3 + .like-h4, .wysiwyg h4 + h1, .wysiwyg h4 + h2, .wysiwyg h4 + h3, .wysiwyg h4 + h4, .wysiwyg h4 + .like-h1, .wysiwyg h4 + .like-h2, .wysiwyg h4 + .like-h3, .wysiwyg h4 + .like-h4 {
    margin-top: 2rem
}

@media (min-width: 992px) {
    .wysiwyg h1 + h1, .wysiwyg h1 + h2, .wysiwyg h1 + h3, .wysiwyg h1 + h4, .wysiwyg h1 + .like-h1, .wysiwyg h1 + .like-h2, .wysiwyg h1 + .like-h3, .wysiwyg h1 + .like-h4, .wysiwyg h2 + h1, .wysiwyg h2 + h2, .wysiwyg h2 + h3, .wysiwyg h2 + h4, .wysiwyg h2 + .like-h1, .wysiwyg h2 + .like-h2, .wysiwyg h2 + .like-h3, .wysiwyg h2 + .like-h4, .wysiwyg h3 + h1, .wysiwyg h3 + h2, .wysiwyg h3 + h3, .wysiwyg h3 + h4, .wysiwyg h3 + .like-h1, .wysiwyg h3 + .like-h2, .wysiwyg h3 + .like-h3, .wysiwyg h3 + .like-h4, .wysiwyg h4 + h1, .wysiwyg h4 + h2, .wysiwyg h4 + h3, .wysiwyg h4 + h4, .wysiwyg h4 + .like-h1, .wysiwyg h4 + .like-h2, .wysiwyg h4 + .like-h3, .wysiwyg h4 + .like-h4 {
        margin-top: 3rem
    }
}

.wysiwyg h1 + p, .wysiwyg h1 + ul, .wysiwyg h1 + ol, .wysiwyg h2 + p, .wysiwyg h2 + ul, .wysiwyg h2 + ol, .wysiwyg h3 + p, .wysiwyg h3 + ul, .wysiwyg h3 + ol, .wysiwyg h4 + p, .wysiwyg h4 + ul, .wysiwyg h4 + ol {
    margin-top: 4rem
}

.wysiwyg blockquote + h1, .wysiwyg blockquote + h2, .wysiwyg blockquote + h3, .wysiwyg blockquote + h4, .wysiwyg blockquote + .like-h1, .wysiwyg blockquote + .like-h2, .wysiwyg blockquote + .like-h3, .wysiwyg blockquote + .like-h4, .wysiwyg blockquote + p, .wysiwyg blockquote + ul, .wysiwyg blockquote + ol {
    margin-top: 4rem
}

@media (min-width: 992px) {
    .wysiwyg blockquote + h1, .wysiwyg blockquote + h2, .wysiwyg blockquote + h3, .wysiwyg blockquote + h4, .wysiwyg blockquote + .like-h1, .wysiwyg blockquote + .like-h2, .wysiwyg blockquote + .like-h3, .wysiwyg blockquote + .like-h4, .wysiwyg blockquote + p, .wysiwyg blockquote + ul, .wysiwyg blockquote + ol {
        margin-top: 5rem
    }
}

.wysiwyg h1 + blockquote, .wysiwyg h2 + blockquote, .wysiwyg h3 + blockquote, .wysiwyg h4 + blockquote, .wysiwyg .like-h1 + blockquote, .wysiwyg .like-h2 + blockquote, .wysiwyg .like-h3 + blockquote, .wysiwyg .like-h4 + blockquote, .wysiwyg p + blockquote, .wysiwyg blockquote + blockquote, .wysiwyg ul + blockquote, .wysiwyg ol + blockquote {
    margin-top: 4rem
}

@media (min-width: 992px) {
    .wysiwyg h1 + blockquote, .wysiwyg h2 + blockquote, .wysiwyg h3 + blockquote, .wysiwyg h4 + blockquote, .wysiwyg .like-h1 + blockquote, .wysiwyg .like-h2 + blockquote, .wysiwyg .like-h3 + blockquote, .wysiwyg .like-h4 + blockquote, .wysiwyg p + blockquote, .wysiwyg blockquote + blockquote, .wysiwyg ul + blockquote, .wysiwyg ol + blockquote {
        margin-top: 5rem
    }
}

.wysiwyg h1 + img, .wysiwyg h1 + iframe, .wysiwyg h1 + .embed-wrapper, .wysiwyg h1 + div, .wysiwyg h2 + img, .wysiwyg h2 + iframe, .wysiwyg h2 + .embed-wrapper, .wysiwyg h2 + div, .wysiwyg h3 + img, .wysiwyg h3 + iframe, .wysiwyg h3 + .embed-wrapper, .wysiwyg h3 + div, .wysiwyg h4 + img, .wysiwyg h4 + iframe, .wysiwyg h4 + .embed-wrapper, .wysiwyg h4 + div, .wysiwyg .like-h1 + img, .wysiwyg .like-h1 + iframe, .wysiwyg .like-h1 + .embed-wrapper, .wysiwyg .like-h1 + div, .wysiwyg .like-h2 + img, .wysiwyg .like-h2 + iframe, .wysiwyg .like-h2 + .embed-wrapper, .wysiwyg .like-h2 + div, .wysiwyg .like-h3 + img, .wysiwyg .like-h3 + iframe, .wysiwyg .like-h3 + .embed-wrapper, .wysiwyg .like-h3 + div, .wysiwyg .like-h4 + img, .wysiwyg .like-h4 + iframe, .wysiwyg .like-h4 + .embed-wrapper, .wysiwyg .like-h4 + div, .wysiwyg p + img, .wysiwyg p + iframe, .wysiwyg p + .embed-wrapper, .wysiwyg p + div, .wysiwyg blockquote + img, .wysiwyg blockquote + iframe, .wysiwyg blockquote + .embed-wrapper, .wysiwyg blockquote + div, .wysiwyg ul + img, .wysiwyg ul + iframe, .wysiwyg ul + .embed-wrapper, .wysiwyg ul + div, .wysiwyg ol + img, .wysiwyg ol + iframe, .wysiwyg ol + .embed-wrapper, .wysiwyg ol + div {
    margin-top: 4rem
}

.wysiwyg p + h1, .wysiwyg p + h2, .wysiwyg p + h3, .wysiwyg p + h4, .wysiwyg p + .like-h1, .wysiwyg p + .like-h2, .wysiwyg p + .like-h3, .wysiwyg p + .like-h4, .wysiwyg ul + h1, .wysiwyg ul + h2, .wysiwyg ul + h3, .wysiwyg ul + h4, .wysiwyg ul + .like-h1, .wysiwyg ul + .like-h2, .wysiwyg ul + .like-h3, .wysiwyg ul + .like-h4, .wysiwyg ol + h1, .wysiwyg ol + h2, .wysiwyg ol + h3, .wysiwyg ol + h4, .wysiwyg ol + .like-h1, .wysiwyg ol + .like-h2, .wysiwyg ol + .like-h3, .wysiwyg ol + .like-h4 {
    margin-top: 4rem
}

.wysiwyg p + p, .wysiwyg p + ul, .wysiwyg p + ol, .wysiwyg ul + p, .wysiwyg ul + ul, .wysiwyg ul + ol, .wysiwyg ol + p, .wysiwyg ol + ul, .wysiwyg ol + ol {
    margin-top: 4rem
}

.wysiwyg img + h1, .wysiwyg img + h2, .wysiwyg img + h3, .wysiwyg img + h4, .wysiwyg img + .like-h1, .wysiwyg img + .like-h2, .wysiwyg img + .like-h3, .wysiwyg img + .like-h4, .wysiwyg img + p, .wysiwyg img + ul, .wysiwyg img + ol, .wysiwyg iframe + h1, .wysiwyg iframe + h2, .wysiwyg iframe + h3, .wysiwyg iframe + h4, .wysiwyg iframe + .like-h1, .wysiwyg iframe + .like-h2, .wysiwyg iframe + .like-h3, .wysiwyg iframe + .like-h4, .wysiwyg iframe + p, .wysiwyg iframe + ul, .wysiwyg iframe + ol, .wysiwyg .embed-wrapper + h1, .wysiwyg .embed-wrapper + h2, .wysiwyg .embed-wrapper + h3, .wysiwyg .embed-wrapper + h4, .wysiwyg .embed-wrapper + .like-h1, .wysiwyg .embed-wrapper + .like-h2, .wysiwyg .embed-wrapper + .like-h3, .wysiwyg .embed-wrapper + .like-h4, .wysiwyg .embed-wrapper + p, .wysiwyg .embed-wrapper + ul, .wysiwyg .embed-wrapper + ol, .wysiwyg div + h1, .wysiwyg div + h2, .wysiwyg div + h3, .wysiwyg div + h4, .wysiwyg div + .like-h1, .wysiwyg div + .like-h2, .wysiwyg div + .like-h3, .wysiwyg div + .like-h4, .wysiwyg div + p, .wysiwyg div + ul, .wysiwyg div + ol {
    margin-top: 4rem
}

.wysiwyg ul, .wysiwyg ol {
    margin-left: 2rem;
    padding-left: 2rem;
}

    .wysiwyg ul li, .wysiwyg ol li {
        padding-left: 2rem;
    }

        .wysiwyg ul li + li, .wysiwyg ol li + li {
            margin-top: 1rem
        }

    .wysiwyg ul li {
        list-style-type: disc;
    }

    .wysiwyg ol li {
        list-style-type: decimal;
    }

.embed-wrapper {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

    .embed-wrapper:not(.no-ratio) {
        padding-top: 56.25%
    }

        .embed-wrapper:not(.no-ratio) iframe, .embed-wrapper:not(.no-ratio) object, .embed-wrapper:not(.no-ratio) embed {
            position: absolute;
            top: 0px;
            left: 0px;
            bottom: 0px;
            right: 0px;
            height: 100%;
            width: 100%;
        }

.breadcrumbs .breadcrumb-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .breadcrumbs .breadcrumb-list li a {
        position: relative;
        margin-right: 1.5rem;
        padding-right: 1.5rem;
        text-decoration-line: none;
    }

        .breadcrumbs .breadcrumb-list li a:hover, .breadcrumbs .breadcrumb-list li a:active, .breadcrumbs .breadcrumb-list li a:focus {
            text-decoration-line: underline;
        }

        .breadcrumbs .breadcrumb-list li a:after {
            position: absolute;
            right: 0px;
            top: 50%;
            --tw-translate-y: -50%;
            --tw-translate-x: 50%;
            -webkit-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: 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));
            content: "/";
        }

    .breadcrumbs .breadcrumb-list li:last-of-type a:after {
        display: none;
    }

.background-image {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 50%;
    display: block;
    height: 100%;
    width: 100vw;
    --tw-translate-x: -50%;
    -webkit-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: 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));
    -o-object-fit: cover;
    object-fit: cover;
    max-width: none;
    z-index: 0;
}

    .background-image.origin-c {
        -o-object-position: center;
        object-position: center;
    }

    .background-image.origin-tl {
        -o-object-position: left top;
        object-position: left top;
    }

    .background-image.origin-l {
        -o-object-position: left;
        object-position: left;
    }

    .background-image.origin-bl {
        -o-object-position: left bottom;
        object-position: left bottom;
    }

    .background-image.origin-b {
        -o-object-position: bottom;
        object-position: bottom;
    }

    .background-image.origin-br {
        -o-object-position: right bottom;
        object-position: right bottom;
    }

    .background-image.origin-r {
        -o-object-position: right;
        object-position: right;
    }

    .background-image.origin-tr {
        -o-object-position: right top;
        object-position: right top;
    }

    .background-image.origin-t {
        -o-object-position: top;
        object-position: top;
    }

@media (min-width: 768px) {
    .down-arrow {
        position: relative;
        display: block;
    }

    .main:not(.header-wrapper) .down-arrow {
        --tw-drop-shadow: drop-shadow(0 0 rgba(0,0,0,0));
        -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
        filter: 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);
    }

        .main:not(.header-wrapper) .down-arrow * {
            --tw-drop-shadow: drop-shadow(0 0 rgba(0,0,0,0));
            -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
            filter: 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);
        }
}

.down-arrow:after {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    display: none;
    --tw-translate-x: -50%;
    -webkit-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: 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));
    width: 36px;
    height: 20px;
    content: "";
    -webkit-animation: bounce 2s ease infinite,hide 6s ease forwards;
    animation: bounce 2s ease infinite,hide 6s ease forwards;
    background-image: url("data:image/svg+xml,%3Csvg width='36' height='20' viewBox='0 0 36 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.000476773 1.47701C0.000476789 1.09902 0.140129 0.721026 0.421349 0.433596C0.981876 -0.143232 1.89058 -0.143232 2.45111 0.433596L18.0024 16.4371L33.5518 0.433598C34.1123 -0.143231 35.0191 -0.143231 35.5796 0.433598C36.1401 1.01043 36.1401 1.94556 35.5796 2.52239L19.0144 19.5693C18.4539 20.1462 17.5452 20.1462 16.9846 19.5693L0.421348 2.52042C0.14204 2.23299 0.000476756 1.855 0.000476773 1.47701Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}

@media (min-width: 768px) {
    .down-arrow:after {
        display: block;
    }
}

.theme.medium.down-arrow:after, .theme.light.down-arrow:after {
    background-image: url("data:image/svg+xml,%3Csvg width='36' height='20' viewBox='0 0 36 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.000476773 1.47701C0.000476789 1.09902 0.140129 0.721026 0.421349 0.433596C0.981876 -0.143232 1.89058 -0.143232 2.45111 0.433596L18.0024 16.4371L33.5518 0.433598C34.1123 -0.143231 35.0191 -0.143231 35.5796 0.433598C36.1401 1.01043 36.1401 1.94556 35.5796 2.52239L19.0144 19.5693C18.4539 20.1462 17.5452 20.1462 16.9846 19.5693L0.421348 2.52042C0.14204 2.23299 0.000476756 1.855 0.000476773 1.47701Z' fill='%2336234C'/%3E%3C/svg%3E%0A")
}

@-webkit-keyframes bounce {
    0%,20%,50%,80%,100% {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    40% {
        -webkit-transform: translate(-50%, -30px);
        transform: translate(-50%, -30px)
    }

    60% {
        -webkit-transform: translate(-50%, -15px);
        transform: translate(-50%, -15px)
    }
}

@keyframes bounce {
    0%,20%,50%,80%,100% {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    40% {
        -webkit-transform: translate(-50%, -30px);
        transform: translate(-50%, -30px)
    }

    60% {
        -webkit-transform: translate(-50%, -15px);
        transform: translate(-50%, -15px)
    }
}

@-webkit-keyframes hide {
    66% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes hide {
    66% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.image-icon-list {
    margin-left: 0px;
    padding-left: 0px;
}

    .image-icon-list li {
        background-position: left top;
        background-repeat: no-repeat;
        margin-top: 2rem;
    }

@media (min-width: 992px) {
    .image-icon-list li {
        margin-top: 3rem
    }
}

.image-icon-list li {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0C13.4303 0 0 13.4303 0 30C0 46.5697 13.4303 60 30 60C46.5697 60 60 46.5697 60 30C60 13.4303 46.5662 0 30 0Z' fill='%23D6F4A6'/%3E%3Cpath d='M30 0C13.4303 0 0 13.4303 0 30C0 46.5697 13.4303 60 30 60C46.5697 60 60 46.5697 60 30C60 13.4303 46.5662 0 30 0Z' fill='%23D6F4A6'/%3E%3Cpath d='M42.2817 19.8011C42.7722 19.8011 43.2626 19.9887 43.6376 20.3625C44.3861 21.1114 44.3861 22.3272 43.6376 23.0762L27.0889 39.636C26.714 40.0113 26.2235 40.1974 25.733 40.1974C25.2425 40.1974 24.7521 40.0098 24.3771 39.636L18.3594 33.6143C17.6109 32.8653 17.6109 31.6495 18.3594 30.9006C18.7344 30.5253 19.2248 30.3392 19.7153 30.3392C20.2058 30.3392 20.6963 30.5268 21.0712 30.9006L25.733 35.5655L40.9273 20.3625C41.3022 19.9872 41.7927 19.8011 42.2832 19.8011M42.2832 18C41.2902 18 40.3573 18.3872 39.6553 19.0897L25.7345 33.0199L22.3447 29.6278C21.6427 28.9253 20.7098 28.5381 19.7168 28.5381C18.7239 28.5381 17.7909 28.9253 17.0889 29.6278C16.387 30.3302 16 31.2653 16 32.2589C16 33.2525 16.387 34.1861 17.0889 34.8886L23.1066 40.9103C23.8086 41.6128 24.7416 42 25.7345 42C26.7275 42 27.6604 41.6128 28.3624 40.9103L44.9111 24.3505C45.613 23.648 46 22.7144 46 21.7208C46 20.7272 45.613 19.7936 44.9111 19.0912C44.2091 18.3887 43.2761 18.0015 42.2832 18.0015V18Z' fill='%23325A46'/%3E%3C/svg%3E%0A");
    min-height: 45px;
    padding-left: 60px;
    background-size: 45px 45px
}

    .image-icon-list li:first-of-type {
        margin-top: 0px;
    }

@media (min-width: 992px) {
    .image-icon-list li {
        min-height: 60px;
        padding-left: 90px;
        background-size: 60px 60px
    }
}

.document {
    --tw-bg-opacity: 1;
    background-color: rgb(54 35 76 / var(--tw-bg-opacity));
    padding-left: 4rem;
    padding-right: 4rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    border-radius: 10px;
}

    .document .media {
        display: none;
    }

    .document .content .title {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

    .document .content .desc {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
        margin-top: 2rem;
    }

@media (min-width: 992px) {
    .document .content .desc {
        margin-top: 3rem
    }
}

.document .content .btn {
    margin-top: 4rem
}

@media (min-width: 768px) {
    .document {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-gap: 2.5rem;
        gap: 2.5rem;
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .document {
        grid-gap: 3.5rem;
        gap: 3.5rem;
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .document {
        grid-gap: 5rem;
        gap: 5rem;
    }
}

@media (min-width: 768px) {
    .document > * {
        grid-column: span 12 / span 12;
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .document.halves > * {
        grid-column: span 6 / span 6;
    }

    .document.halves.halves-only > * {
        grid-column: span 12 / span 12;
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .document.halves.halves-only > * {
        grid-column: span 6 / span 6;
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .document.halves.bias-two-thirds > * {
        grid-column: span 6 / span 6;
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .document.halves.bias-two-thirds > * {
        grid-column: span 4 / span 4;
    }

        .document.halves.bias-two-thirds > *:first-child {
            grid-column: span 8 / span 8;
        }
}

@media (min-width: 768px) and (min-width: 768px) {
    .document.halves.bias-three-quarters > * {
        grid-column: span 6 / span 6;
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .document.halves.bias-three-quarters > * {
        grid-column: span 3 / span 3;
    }

        .document.halves.bias-three-quarters > *:first-child {
            grid-column: span 9 / span 9;
        }
}

@media (min-width: 768px) and (min-width: 768px) {
    .document.thirds > * {
        grid-column: span 6 / span 6;
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .document.thirds > * {
        grid-column: span 4 / span 4;
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .document.thirds.thirds-only > * {
        grid-column: span 12 / span 12;
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .document.thirds.thirds-only > * {
        grid-column: span 4 / span 4;
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .document.quarters > * {
        grid-column: span 6 / span 6;
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .document.quarters > * {
        grid-column: span 4 / span 4;
    }
}

@media (min-width: 768px) and (min-width: 1200px) {
    .document.quarters > * {
        grid-column: span 3 / span 3;
    }
}

@media (min-width: 768px) and (min-width: 992px) and (max-width: 1199px) {
    .document.quarters.quarters-only > * {
        grid-column: span 3 / span 3;
    }
}

@media (min-width: 768px) {
    .document.sixths > * {
        grid-column: span 6 / span 6;
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .document.sixths > * {
        grid-column: span 4 / span 4;
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .document.sixths > * {
        grid-column: span 3 / span 3;
    }
}

@media (min-width: 768px) and (min-width: 1200px) {
    .document.sixths > * {
        grid-column: span 2 / span 2;
    }
}

@media (min-width: 768px) {
    .document .media {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .document .media, .document .content {
        grid-column: span 6 / span 6;
    }
}

.media-header {
    position: relative;
    z-index: 20;
}

@media (min-width: 768px) {
    .media-header {
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        min-height: 427px;
    }
}

@media (min-width: 992px) {
}

.media-header .content {
    position: relative;
    grid-column: span 12 / span 12;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 21;
}

@media (min-width: 768px) {
    .media-header .content {
        grid-column: span 7 / span 7;
    }
}

@media (min-width: 992px) {
    .media-header .content {
        grid-column: span 5 / span 5;
    }
}

.media-header .content p {
    margin-top: 4rem
}

.media-header .content .ctas {
    display: none;
}

@media (min-width: 768px) {
    .media-header .content .ctas {
        display: block;
    }
}

.media-header .media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4rem;
}

@media (min-width: 992px) {
    .media-header .media {
        margin-top: 6rem
    }
}

.media-header .media {
    z-index: 21
}

@media (min-width: 768px) {
    .media-header .media {
        grid-column: span 5 / span 5;
        margin-top: 0px;
    }
}

@media (min-width: 992px) {
    .media-header .media {
        grid-column: span 6 / span 6;
        grid-column-start: 7;
    }
}

.media-header .media > * {
    -ms-flex-item-align: center;
    align-self: center;
}

.media-header .ctas {
    display: block;
}

@media (min-width: 768px) {
    .media-header .ctas {
        display: none;
    }
}

.media-header .breadcrumbs {
    margin-bottom: 2rem
}

@media (min-width: 768px) {
    .media-header .breadcrumbs {
        position: absolute;
        top: 0px;
        left: 0px;
        margin-bottom: 0px;
        width: 100%;
    }

    .media-header.flipped .content {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        grid-column-start: 6;
    }

    .media-header.flipped .media {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        grid-column-start: 1;
    }
}

@media (min-width: 992px) {
    .media-header.flipped .content {
        grid-column-start: 8;
    }
}

.full-video-header, .full-video-block {
    grid-row-gap: 0px;
    row-gap: 0px;
}

    .full-video-header .content, .full-video-header .media, .full-video-block .content, .full-video-block .media {
        grid-column: span 12 / span 12;
        text-align: center;
    }

@media (min-width: 768px) {
    .full-video-header .content, .full-video-header .media, .full-video-block .content, .full-video-block .media {
        grid-column: span 10 / span 10;
        grid-column-start: 2;
    }
}

@media (min-width: 992px) {
    .full-video-header .content, .full-video-header .media, .full-video-block .content, .full-video-block .media {
        grid-column: span 8 / span 8;
        grid-column-start: 3;
    }
}

.full-video-header .media, .full-video-block .media {
    margin-top: 4rem
}

.full-text-header .content {
    grid-column: span 12 / span 12;
    text-align: center;
}

@media (min-width: 768px) {
    .full-text-header .content {
        grid-column: span 10 / span 10;
        grid-column-start: 2;
    }
}

@media (min-width: 992px) {
    .full-text-header .content {
        grid-column: span 8 / span 8;
        grid-column-start: 3;
    }
}

.feature-list-block {
    position: relative;
    z-index: 20;
}

    .feature-list-block .intro .content {
        grid-column: span 12 / span 12;
        text-align: center;
    }

        .feature-list-block .intro .content p {
            margin-top: 4rem
        }

@media (min-width: 768px) {
    .feature-list-block .intro .content {
        grid-column: span 10 / span 10;
        grid-column-start: 2;
    }
}

@media (min-width: 1200px) {
    .feature-list-block .intro .content {
        grid-column: span 8 / span 8;
        grid-column-start: 3;
    }
}

@media (min-width: 1600px) {
    .feature-list-block .intro .content {
        grid-column: span 6 / span 6;
        grid-column-start: 4;
    }
}

.feature-list-block .list .item {
    grid-column: span 12 / span 12;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    margin-top: 4rem;
}

@media (min-width: 992px) {
    .feature-list-block .list .item {
        margin-top: 6rem
    }
}

.feature-list-block .list .item img {
    padding-left: 6rem;
    padding-right: 6rem
}

.feature-list-block .list .item .title {
    margin-top: 4rem
}

@media (min-width: 992px) {
    .feature-list-block .list .item .title {
        margin-top: 5rem
    }
}

.feature-list-block .list .item p {
    margin-top: 2rem
}

@media (min-width: 992px) {
    .feature-list-block .list .item p {
        margin-top: 3rem
    }
}

.feature-list-block .list .item p:last-of-type {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.feature-list-block .list .item .btn {
    margin-top: 4rem
}

.feature-list-block .list .item .icon {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    overflow: hidden;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(184 184 255 / var(--tw-bg-opacity));
}

    .feature-list-block .list .item .icon.mint {
        --tw-bg-opacity: 1;
        background-color: rgb(177 229 202 / var(--tw-bg-opacity));
    }

    .feature-list-block .list .item .icon.cream {
        --tw-bg-opacity: 1;
        background-color: rgb(241 238 231 / var(--tw-bg-opacity));
    }

    .feature-list-block .list .item .icon.horizon {
        --tw-bg-opacity: 1;
        background-color: rgb(184 184 255 / var(--tw-bg-opacity));
    }

    .feature-list-block .list .item .icon.bubble {
        --tw-bg-opacity: 1;
        background-color: rgb(204 234 237 / var(--tw-bg-opacity));
    }

    .feature-list-block .list .item .icon.shine {
        --tw-bg-opacity: 1;
        background-color: rgb(255 214 159 / var(--tw-bg-opacity));
    }

    .feature-list-block .list .item .icon.rose {
        --tw-bg-opacity: 1;
        background-color: rgb(235 212 255 / var(--tw-bg-opacity));
    }

    .feature-list-block .list .item .icon.lime {
        --tw-bg-opacity: 1;
        background-color: rgb(214 244 166 / var(--tw-bg-opacity));
    }

    .feature-list-block .list .item .icon.china {
        --tw-bg-opacity: 1;
        background-color: rgb(250 249 245 / var(--tw-bg-opacity));
    }

    .feature-list-block .list .item .icon.peach {
        --tw-bg-opacity: 1;
        background-color: rgb(255 207 199 / var(--tw-bg-opacity));
    }

@media (min-width: 768px) {
    .feature-list-block .list .item {
        grid-column: span 6 / span 6;
    }

        .feature-list-block .list .item img {
            padding-left: 6rem;
            padding-right: 6rem
        }
}

@media (min-width: 992px) {
    .feature-list-block .list .item {
        grid-column: span 5 / span 5;
        grid-column-start: 2;
    }

        .feature-list-block .list .item:last-of-type {
            grid-column-start: 7;
        }
}

.feature-list-block .list.items-3 .item img {
    padding-left: 6rem;
    padding-right: 6rem
}

@media (min-width: 768px) {
    .feature-list-block .list.items-3 .item {
        grid-column: span 12 / span 12;
    }

        .feature-list-block .list.items-3 .item img {
            padding-left: 4rem;
            padding-right: 4rem
        }
}

@media (min-width: 992px) {
    .feature-list-block .list.items-3 .item {
        grid-column: span 4 / span 4;
    }

        .feature-list-block .list.items-3 .item .btn {
            display: block;
            width: 100%;
            max-width: 100%;
            padding-left: 0px;
            padding-right: 0px;
        }
}

.feature-list-block .list.items-4 .item img {
    padding-left: 6rem;
    padding-right: 6rem
}

@media (min-width: 576px) {
    .feature-list-block .list.items-4 .item {
        grid-column: span 6 / span 6;
    }

        .feature-list-block .list.items-4 .item img {
            padding-left: 6rem;
            padding-right: 6rem
        }
}

@media (min-width: 1200px) {
    .feature-list-block .list.items-4 .item {
        grid-column: span 3 / span 3;
    }

        .feature-list-block .list.items-4 .item img {
            padding-left: 4rem;
            padding-right: 4rem
        }

        .feature-list-block .list.items-4 .item:nth-of-type(even) {
            grid-column-start: auto;
        }

        .feature-list-block .list.items-4 .item .btn {
            display: block;
            width: 100%;
            max-width: 100%;
            padding-left: 0px;
            padding-right: 0px;
        }
}

@media (min-width: 768px) {
    .feature-list-block.icons .list.items-4 .item {
        grid-column: span 5 / span 5;
        grid-column-start: 2;
    }

        .feature-list-block.icons .list.items-4 .item:nth-of-type(even) {
            grid-column-start: 7;
        }
}

@media (min-width: 992px) {
    .feature-list-block.icons .list.items-4 .item {
        grid-column: span 3 / span 3;
    }

        .feature-list-block.icons .list.items-4 .item:nth-of-type(even) {
            grid-column-start: auto;
        }

        .feature-list-block.icons .list.items-4 .item .btn {
            display: block;
            width: 100%;
            max-width: 100%;
            padding-left: 0px;
            padding-right: 0px;
        }
}

.section-breakdown-block {
    position: relative;
    z-index: 20;
}

    .section-breakdown-block .intro .content {
        grid-column: span 12 / span 12;
        text-align: center;
    }

        .section-breakdown-block .intro .content p {
            margin-top: 4rem
        }

@media (min-width: 768px) {
    .section-breakdown-block .intro .content {
        grid-column: span 10 / span 10;
        grid-column-start: 2;
    }
}

@media (min-width: 1200px) {
    .section-breakdown-block .intro .content {
        grid-column: span 8 / span 8;
        grid-column-start: 3;
    }
}

@media (min-width: 1600px) {
    .section-breakdown-block .intro .content {
        grid-column: span 6 / span 6;
        grid-column-start: 4;
    }
}

.section-breakdown-block .list .item {
    grid-column: span 12 / span 12;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    background-color: var(--bg-colour-inv);
    color: var(--text-colour-inv);
    border-radius: 25px;
    margin-top: calc(4rem + 35%);
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
}

@media (min-width: 1200px) {
    .section-breakdown-block .list .item {
        margin-top: calc(6rem + 33.3%)
    }
}

.section-breakdown-block .list .item .title {
    margin-top: 2rem
}

@media (min-width: 992px) {
    .section-breakdown-block .list .item .title {
        margin-top: 3rem
    }
}

.section-breakdown-block .list .item .title {
    color: var(--text-colour-inv)
}

.section-breakdown-block .list .item p {
    margin-top: 2rem
}

@media (min-width: 992px) {
    .section-breakdown-block .list .item p {
        margin-top: 3rem
    }
}

.section-breakdown-block .list .item p {
    color: var(--text-colour-inv)
}

    .section-breakdown-block .list .item p:last-of-type {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .section-breakdown-block .list .item p span {
        color: var(--text-colour-inv)
    }

.section-breakdown-block .list .item .btn {
    margin-top: 4rem
}

.section-breakdown-block .list .item .icon {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    overflow: hidden;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(184 184 255 / var(--tw-bg-opacity));
    margin-top: -25%;
}

    .section-breakdown-block .list .item .icon.mint {
        --tw-bg-opacity: 1;
        background-color: rgb(177 229 202 / var(--tw-bg-opacity));
    }

    .section-breakdown-block .list .item .icon.cream {
        --tw-bg-opacity: 1;
        background-color: rgb(241 238 231 / var(--tw-bg-opacity));
    }

    .section-breakdown-block .list .item .icon.horizon {
        --tw-bg-opacity: 1;
        background-color: rgb(184 184 255 / var(--tw-bg-opacity));
    }

    .section-breakdown-block .list .item .icon.bubble {
        --tw-bg-opacity: 1;
        background-color: rgb(204 234 237 / var(--tw-bg-opacity));
    }

    .section-breakdown-block .list .item .icon.shine {
        --tw-bg-opacity: 1;
        background-color: rgb(255 214 159 / var(--tw-bg-opacity));
    }

    .section-breakdown-block .list .item .icon.rose {
        --tw-bg-opacity: 1;
        background-color: rgb(235 212 255 / var(--tw-bg-opacity));
    }

    .section-breakdown-block .list .item .icon.lime {
        --tw-bg-opacity: 1;
        background-color: rgb(214 244 166 / var(--tw-bg-opacity));
    }

    .section-breakdown-block .list .item .icon.china {
        --tw-bg-opacity: 1;
        background-color: rgb(250 249 245 / var(--tw-bg-opacity));
    }

    .section-breakdown-block .list .item .icon.peach {
        --tw-bg-opacity: 1;
        background-color: rgb(255 207 199 / var(--tw-bg-opacity));
    }

@media (min-width: 768px) {
    .section-breakdown-block .list .item {
        grid-column: span 4 / span 4;
        padding-left: 3rem;
        padding-right: 3rem;
        padding-bottom: 3rem;
    }

        .section-breakdown-block .list .item .btn {
            display: block;
            width: 100%;
            max-width: 100%;
            padding-left: 0px;
            padding-right: 0px;
        }
}

@media (min-width: 1200px) {
    .section-breakdown-block .list .item .icon {
        width: 66.666667%;
        margin-top: -33.3%;
    }
}

.filter-block .filter {
    grid-column: span 12 / span 12;
}

@media (min-width: 768px) {
    .filter-block .filter {
        grid-column: span 6 / span 6;
    }
}

@media (min-width: 992px) {
    .filter-block .filter {
        grid-column: span 4 / span 4;
    }
}

@media (min-width: 768px) {
    .filter-block .cta {
        text-align: center;
    }
}

.resource-meta-block {
    border-bottom-width: 3px;
    --tw-border-opacity: 1;
    border-color: rgb(54 35 76 / var(--tw-border-opacity));
    padding-top: 1rem;
    padding-bottom: 1rem;
}

@media (min-width: 768px) {
    .resource-meta-block {
        padding-top: 1.575rem;
        padding-bottom: 1.575rem
    }
}

@media (min-width: 992px) {
    .resource-meta-block {
        padding-top: 2.2rem;
        padding-bottom: 2.2rem
    }
}

@media (min-width: 1200px) {
    .resource-meta-block {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem
    }
}

.resource-meta-block .meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: var(--text-colour-panel);
}

    .resource-meta-block .meta span {
        display: block;
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

@media (min-width: 992px) {
    .resource-meta-block .meta span {
        font-size: 1.8rem;
        line-height: 2.8rem;
    }
}

@media (min-width: 1600px) {
    .resource-meta-block .meta span {
        font-size: 2.0rem;
        line-height: 3.0rem;
    }
}

.resource-meta-block .meta span.duration {
    font-weight: 800;
}

.resource-meta-block .meta span.author {
    margin-top: 1rem
}

    .resource-meta-block .meta span.author span {
        font-weight: 800;
    }

.resource-meta-block .meta span.date {
    margin-top: 1rem
}

.resource-meta-block .meta .categories {
    margin-left: 0px;
    padding-left: 0px;
}

    .resource-meta-block .meta .categories .category {
        margin-left: 0px;
        display: inline-block;
        --tw-bg-opacity: 1;
        background-color: rgb(74 57 94 / var(--tw-bg-opacity));
        padding-left: 3rem;
        padding-right: 3rem;
        font-size: 1.8rem;
        line-height: 5.0rem;
        font-weight: 800;
        --tw-text-opacity: 1;
        color: rgb(241 238 231 / var(--tw-text-opacity));
        text-decoration-line: none;
        margin-top: 2rem;
    }

@media (min-width: 992px) {
    .resource-meta-block .meta .categories .category {
        margin-top: 3rem
    }
}

.resource-meta-block .meta .categories .category {
    border-radius: 10px;
    line-height: 40px
}

@media (min-width: 992px) {
    .resource-meta-block .meta .categories .category {
        font-size: 1.6rem;
        line-height: 4.6rem;
    }
}

@media (min-width: 1600px) {
    .resource-meta-block .meta .categories .category {
        font-size: 1.8rem;
        line-height: 5.0rem;
    }
}

.resource-meta-block .meta .categories .category:hover, .resource-meta-block .meta .categories .category:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(177 229 202 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(74 57 94 / var(--tw-text-opacity));
}

.resource-meta-block .meta .categories .category:active {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(74 57 94 / var(--tw-text-opacity));
}

.resource-meta-block .meta .categories .category + .category {
    margin-left: 2rem
}

@media (min-width: 992px) {
    .resource-meta-block .meta .categories .category + .category {
        margin-left: 3rem
    }
}

.resource-meta-block .share {
    --tw-bg-opacity: 1;
    background-color: rgb(241 238 231 / var(--tw-bg-opacity));
    padding-left: 4rem;
    padding-right: 4rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: center;
    margin-top: 4rem;
    border-radius: 10px;
}

    .resource-meta-block .share .title {
        font-size: 2.6rem;
        line-height: 3.0rem;
        font-weight: 700;
    }

@media (min-width: 992px) {
    .resource-meta-block .share .title {
        font-size: 2.9rem;
        line-height: 3.2rem;
    }
}

@media (min-width: 1600px) {
    .resource-meta-block .share .title {
        font-size: 3.2rem;
        line-height: 3.5rem;
    }
}

.wysiwyg h1 + .resource-meta-block .share .title, .wysiwyg h2 + .resource-meta-block .share .title, .wysiwyg h3 + .resource-meta-block .share .title, .wysiwyg h4 + .resource-meta-block .share .title {
    margin-top: 2rem
}

@media (min-width: 992px) {
    .wysiwyg h1 + .resource-meta-block .share .title, .wysiwyg h2 + .resource-meta-block .share .title, .wysiwyg h3 + .resource-meta-block .share .title, .wysiwyg h4 + .resource-meta-block .share .title {
        margin-top: 3rem
    }
}

.wysiwyg h1 + .resource-meta-block .share .title, .wysiwyg h2 + .resource-meta-block .share .title, .wysiwyg h3 + .resource-meta-block .share .title, .wysiwyg h4 + .resource-meta-block .share .title {
    margin-top: 2rem
}

@media (min-width: 992px) {
    .wysiwyg h1 + .resource-meta-block .share .title, .wysiwyg h2 + .resource-meta-block .share .title, .wysiwyg h3 + .resource-meta-block .share .title, .wysiwyg h4 + .resource-meta-block .share .title {
        margin-top: 3rem
    }
}

.wysiwyg h1 + .resource-meta-block .share .title, .wysiwyg h2 + .resource-meta-block .share .title, .wysiwyg h3 + .resource-meta-block .share .title, .wysiwyg h4 + .resource-meta-block .share .title {
    margin-top: 2rem
}

@media (min-width: 992px) {
    .wysiwyg h1 + .resource-meta-block .share .title, .wysiwyg h2 + .resource-meta-block .share .title, .wysiwyg h3 + .resource-meta-block .share .title, .wysiwyg h4 + .resource-meta-block .share .title {
        margin-top: 3rem
    }
}

.wysiwyg h1 + .resource-meta-block .share .title, .wysiwyg h2 + .resource-meta-block .share .title, .wysiwyg h3 + .resource-meta-block .share .title, .wysiwyg h4 + .resource-meta-block .share .title {
    margin-top: 2rem
}

@media (min-width: 992px) {
    .wysiwyg h1 + .resource-meta-block .share .title, .wysiwyg h2 + .resource-meta-block .share .title, .wysiwyg h3 + .resource-meta-block .share .title, .wysiwyg h4 + .resource-meta-block .share .title {
        margin-top: 3rem
    }
}

.wysiwyg blockquote + .resource-meta-block .share .title {
    margin-top: 4rem
}

@media (min-width: 992px) {
    .wysiwyg blockquote + .resource-meta-block .share .title {
        margin-top: 5rem
    }
}

.wysiwyg .resource-meta-block .share .title + blockquote {
    margin-top: 4rem
}

@media (min-width: 992px) {
    .wysiwyg .resource-meta-block .share .title + blockquote {
        margin-top: 5rem
    }
}

.wysiwyg .resource-meta-block .share .title + img, .wysiwyg .resource-meta-block .share .title + iframe, .wysiwyg .resource-meta-block .share .title + .embed-wrapper, .wysiwyg .resource-meta-block .share .title + div {
    margin-top: 4rem
}

.wysiwyg p + .resource-meta-block .share .title, .wysiwyg ul + .resource-meta-block .share .title, .wysiwyg ol + .resource-meta-block .share .title {
    margin-top: 4rem
}

.wysiwyg img + .resource-meta-block .share .title, .wysiwyg iframe + .resource-meta-block .share .title, .wysiwyg .embed-wrapper + .resource-meta-block .share .title, .wysiwyg div + .resource-meta-block .share .title {
    margin-top: 4rem
}

.resource-meta-block .share .social-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2rem;
}

    .resource-meta-block .share .social-list .social-icon {
        position: relative;
        margin-right: 2rem;
        display: block;
        border-radius: 9999px;
        --tw-bg-opacity: 1;
        background-color: rgb(54 35 76 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
        outline: 2px solid transparent;
        outline-offset: 2px;
        width: 40px;
        height: 40px;
        background-size: 20px;
    }

        .resource-meta-block .share .social-list .social-icon span {
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity));
        }

        .resource-meta-block .share .social-list .social-icon svg {
            position: absolute;
            top: 50%;
            left: 50%;
            display: block;
            --tw-translate-x: -50%;
            --tw-translate-y: -50%;
            -webkit-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: 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));
            fill: currentColor;
            width: 20px;
            height: 20px;
        }

        .resource-meta-block .share .social-list .social-icon:hover, .resource-meta-block .share .social-list .social-icon:focus {
            --tw-bg-opacity: 1;
            background-color: rgb(177 229 202 / var(--tw-bg-opacity));
        }

            .resource-meta-block .share .social-list .social-icon:hover span, .resource-meta-block .share .social-list .social-icon:focus span {
                --tw-text-opacity: 1;
                color: rgb(54 35 76 / var(--tw-text-opacity));
            }

        .resource-meta-block .share .social-list .social-icon:active {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        }

            .resource-meta-block .share .social-list .social-icon:active span {
                --tw-text-opacity: 1;
                color: rgb(54 35 76 / var(--tw-text-opacity));
            }

        .resource-meta-block .share .social-list .social-icon:last-of-type {
            margin-right: 0px;
        }

@media (min-width: 992px) {
    .resource-meta-block .share .social-list .social-icon {
        margin-right: 0px;
        margin-left: 2rem;
    }

        .resource-meta-block .share .social-list .social-icon:first-of-type {
            margin-left: 0px;
        }
}

@media (min-width: 768px) {
    .resource-meta-block .meta, .resource-meta-block .share {
        grid-column: span 6 / span 6;
    }
}

@media (min-width: 992px) {
    .resource-meta-block .meta {
        grid-column: span 7 / span 7;
    }

    .resource-meta-block .share {
        grid-column: span 5 / span 5;
    }
}

@media (min-width: 1200px) {
    .resource-meta-block .meta {
        grid-column: span 6 / span 6;
        grid-column-start: 2;
    }

    .resource-meta-block .share {
        grid-column: span 4 / span 4;
    }
}

.resources-content-block .wysiwyg {
    grid-column: span 12 / span 12;
}

@media (min-width: 1200px) {
    .resources-content-block .wysiwyg {
        grid-column: span 10 / span 10;
        grid-column-start: 2;
    }
}

.resources-content-block .wysiwyg .ctas .btn {
    margin-top: 0px;
}

    .resources-content-block .wysiwyg .ctas .btn + .btn {
        margin-top: 2rem
    }

.resources-block {
    position: relative;
    z-index: 20;
}

    .resources-block .intro .content {
        grid-column: span 12 / span 12;
        text-align: center;
    }

        .resources-block .intro .content p {
            margin-top: 4rem
        }

@media (min-width: 768px) {
    .resources-block .intro .content {
        grid-column: span 10 / span 10;
        grid-column-start: 2;
    }
}

@media (min-width: 1200px) {
    .resources-block .intro .content {
        grid-column: span 8 / span 8;
        grid-column-start: 3;
    }
}

.resources-block .list .item {
    grid-column: span 12 / span 12;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    background-color: var(--bg-colour-panel);
    border-radius: 15px;
}

    .resources-block .list .item:first-of-type {
        margin-top: 4rem
    }

@media (min-width: 992px) {
    .resources-block .list .item:first-of-type {
        margin-top: 6rem
    }
}

.resources-block .list .item .media {
    overflow: hidden;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.resources-block .list .item .content {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-gap: 0px;
    gap: 0px;
    padding: 2rem;
    text-align: left;
}

    .resources-block .list .item .content .title {
        grid-column: span 10 / span 10;
        display: block;
        font-size: 2.4rem;
        line-height: 3.0rem;
        color: var(--text-colour-panel);
    }

    .resources-block .list .item .content .meta {
        grid-column: span 12 / span 12;
        margin-top: 1rem;
        display: block;
        font-size: 1.6rem;
        line-height: 2.6rem;
        color: var(--text-colour-panel);
    }

@media (min-width: 768px) {
    .resources-block .list .item {
        grid-column: span 6 / span 6;
    }

        .resources-block .list .item:nth-of-type(2) {
            margin-top: 4rem
        }
}

@media (min-width: 768px) and (min-width: 992px) {
    .resources-block .list .item:nth-of-type(2) {
        margin-top: 6rem
    }
}

@media (min-width: 1200px) {
    .resources-block .list .item .content {
        padding-left: 3rem;
        padding-right: 3rem;
    }

        .resources-block .list .item .content .title {
            grid-column: span 8 / span 8;
        }

        .resources-block .list .item .content .meta {
            grid-column: span 4 / span 4;
            margin-top: 0px;
            text-align: right;
        }
}

.resources-block .list .item * {
    text-decoration-line: none;
}

.resources-block .list .item a:hover .title, .resources-block .list .item a:focus .title, .resources-block .list .item a:active .title {
    text-decoration-line: underline;
}

.resources-block:not(.alt):not(.alt2) .list .item .item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 1200px) {
    .resources-block:not(.alt):not(.alt2) .list .item .content {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding-left: 3rem;
        padding-right: 3rem;
    }

        .resources-block:not(.alt):not(.alt2) .list .item .content .meta {
            grid-column: span 4 / span 4;
            margin-top: 0px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            text-align: right;
        }
}

.resources-block.alt .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .resources-block.alt .item:not(:first-of-type) .item-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .resources-block.alt .item:not(:first-of-type) .item-wrapper .media {
            width: 50%;
            overflow: hidden;
            border-top-left-radius: 15px;
            border-bottom-left-radius: 15px;
            border-top-right-radius: 0;
        }

            .resources-block.alt .item:not(:first-of-type) .item-wrapper .media img {
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
            }

        .resources-block.alt .item:not(:first-of-type) .item-wrapper .content {
            width: 50%;
        }

@media (min-width: 768px) {
    .resources-block.alt .item:first-of-type {
        grid-row: span 2 / span 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .resources-block.alt .item:first-of-type .item-wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .resources-block.alt .item:first-of-type .item-wrapper .content {
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
            }
}

.resources-block.alt2 .item {
    grid-column: span 12 / span 12;
}

@media (min-width: 768px) {
    .resources-block.alt2 .item {
        grid-column: span 6 / span 6;
    }

        .resources-block.alt2 .item:nth-of-type(2) {
            margin-top: 4rem
        }
}

@media (min-width: 768px) and (min-width: 992px) {
    .resources-block.alt2 .item:nth-of-type(2) {
        margin-top: 6rem
    }
}

@media (min-width: 992px) {
    .resources-block.alt2 .item {
        grid-column: span 4 / span 4;
    }

        .resources-block.alt2 .item:nth-of-type(3) {
            margin-top: 4rem
        }
}

@media (min-width: 992px) and (min-width: 992px) {
    .resources-block.alt2 .item:nth-of-type(3) {
        margin-top: 6rem
    }
}

.resources-block.alt2 .item .item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .resources-block.alt2 .item .item-wrapper .content {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .resources-block.alt .item .item-wrapper .content, .resources-block.alt2 .item .item-wrapper .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .resources-block.alt .item .item-wrapper .content .title, .resources-block.alt2 .item .item-wrapper .content .title {
            width: 100%;
        }

        .resources-block.alt .item .item-wrapper .content .meta, .resources-block.alt2 .item .item-wrapper .content .meta {
            width: 100%;
            text-align: left;
            margin-top: 2rem;
        }

.text-media-block {
    position: relative;
    z-index: 20;
}

@media (min-width: 768px) {
    .text-media-block {
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
}

.text-media-block .content {
    position: relative;
    grid-column: span 12 / span 12;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 21;
}

@media (min-width: 768px) {
    .text-media-block .content {
        grid-column: span 7 / span 7;
    }
}

@media (min-width: 992px) {
    .text-media-block .content {
        grid-column: span 5 / span 5;
    }
}

.text-media-block .content p {
    margin-top: 4rem
}

.text-media-block .content .ctas {
    display: none;
}

@media (min-width: 768px) {
    .text-media-block .content .ctas {
        display: block;
    }
}

.text-media-block .media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4rem;
}

@media (min-width: 992px) {
    .text-media-block .media {
        margin-top: 6rem
    }
}

.text-media-block .media {
    z-index: 21
}

@media (min-width: 768px) {
    .text-media-block .media {
        grid-column: span 5 / span 5;
        margin-top: 0px;
    }
}

@media (min-width: 992px) {
    .text-media-block .media {
        grid-column: span 6 / span 6;
        grid-column-start: 7;
    }
}

.text-media-block .media > * {
    -ms-flex-item-align: center;
    align-self: center;
}

.text-media-block .ctas {
    display: block;
}

@media (min-width: 768px) {
    .text-media-block .ctas {
        display: none;
    }

    .text-media-block.flipped .content {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        grid-column-start: 6;
    }

    .text-media-block.flipped .media {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        grid-column-start: 1;
    }
}

@media (min-width: 992px) {
    .text-media-block.flipped .content {
        grid-column-start: 8;
    }
}

.text-media-block.centered .content {
    text-align: center;
}

.quote-block .content {
    grid-column: span 12 / span 12;
}

@media (min-width: 768px) {
    .quote-block .content {
        grid-column: span 10 / span 10;
        grid-column-start: 2;
    }
}

.quote-block .content footer {
    margin-top: 4rem
}

@media (min-width: 992px) {
    .quote-block .content footer {
        margin-top: 5rem
    }
}

.faqs-block .intro .content {
    grid-column: span 12 / span 12;
    text-align: center;
}

    .faqs-block .intro .content .title {
        margin-bottom: 4rem
    }

@media (min-width: 992px) {
    .faqs-block .intro .content .title {
        margin-bottom: 5rem
    }
}

.faqs-block .intro .content p {
    margin-bottom: 4rem
}

@media (min-width: 992px) {
    .faqs-block .intro .content p {
        margin-bottom: 5rem
    }
}

.faqs-block .intro .content p {
    margin-top: -1rem
}

@media (min-width: 768px) {
    .faqs-block .intro .content {
        grid-column: span 10 / span 10;
        grid-column-start: 2;
    }
}

@media (min-width: 1200px) {
    .faqs-block .intro .content {
        grid-column: span 8 / span 8;
        grid-column-start: 3;
    }
}

.faqs-block .faq .faq-toggle {
    position: relative;
    display: block;
    width: 100%;
    border-top-width: 1px;
    border-bottom-width: 1px;
    padding-left: 0px;
    padding-right: 0px;
    font-weight: 600;
    text-decoration-line: none;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

@media (min-width: 992px) {
    .faqs-block .faq .faq-toggle {
        font-size: 1.8rem;
        line-height: 2.8rem;
    }
}

@media (min-width: 1600px) {
    .faqs-block .faq .faq-toggle {
        font-size: 2.0rem;
        line-height: 3.0rem;
    }
}

.faqs-block .faq .faq-toggle {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-right: 25px;
    border-color: var(--text-colour)
}

    .faqs-block .faq .faq-toggle .arrow {
        position: absolute;
        top: 50%;
        right: 0px;
        display: block;
        --tw-translate-y: -50%;
        -webkit-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: 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));
        fill: currentColor;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        -webkit-transition-duration: 150ms;
        transition-duration: 150ms;
    }

.main:not(.header-wrapper) .faqs-block .faq .faq-toggle .arrow {
    --tw-drop-shadow: drop-shadow(0 0 rgba(0,0,0,0));
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: 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);
}

    .main:not(.header-wrapper) .faqs-block .faq .faq-toggle .arrow * {
        --tw-drop-shadow: drop-shadow(0 0 rgba(0,0,0,0));
        -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
        filter: 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);
    }

.faqs-block .faq .faq-toggle .arrow {
    width: 18px;
    height: 10px
}

.faqs-block .faq .faq-toggle:hover, .faqs-block .faq .faq-toggle:focus, .faqs-block .faq .faq-toggle:active {
    text-decoration-line: underline;
}

.faqs-block .faq .faq-content {
    display: none;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

@media (min-width: 992px) {
    .faqs-block .faq .faq-content {
        font-size: 1.8rem;
        line-height: 2.8rem;
    }
}

@media (min-width: 1600px) {
    .faqs-block .faq .faq-content {
        font-size: 2.0rem;
        line-height: 3.0rem;
    }
}

.faqs-block .faq .faq-content {
    padding-top: 1rem;
    padding-bottom: 2rem
}

    .faqs-block .faq .faq-content p, .faqs-block .faq .faq-content ul, .faqs-block .faq .faq-content ol, .faqs-block .faq .faq-content li {
        font-weight: 400;
    }

    .faqs-block .faq .faq-content * {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

@media (min-width: 992px) {
    .faqs-block .faq .faq-content * {
        font-size: 1.8rem;
        line-height: 2.8rem;
    }
}

@media (min-width: 1600px) {
    .faqs-block .faq .faq-content * {
        font-size: 2.0rem;
        line-height: 3.0rem;
    }
}

.faqs-block .faq.active .faq-toggle {
    border-bottom-width: 0;
}

    .faqs-block .faq.active .faq-toggle .arrow {
        --tw-rotate: 180deg;
        -webkit-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: 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));
    }

.faqs-block .faq.active .faq-content {
    display: block;
}

.faqs-block .faq:not(.active) + .faq .faq-toggle {
    border-top-width: 0;
}

@media (max-width: 991px) {
    .faqs-home-outer {
        overflow: hidden;
    }
}

.faqs-home .intro .title {
    margin-bottom: 4rem
}

@media (min-width: 992px) {
    .faqs-home .intro .title {
        margin-bottom: 10rem
    }
}

.faqs-home .faqs-navigation-wrapper {
    position: relative;
    grid-column: span 12 / span 12;
    --tw-bg-opacity: 1;
    background-color: rgb(74 57 94 / var(--tw-bg-opacity));
    padding-bottom: 0px;
    padding-top: 1rem;
}

@media (min-width: 768px) {
    .faqs-home .faqs-navigation-wrapper {
        padding-top: 1.575rem
    }
}

@media (min-width: 992px) {
    .faqs-home .faqs-navigation-wrapper {
        padding-top: 2.2rem
    }
}

@media (min-width: 1200px) {
    .faqs-home .faqs-navigation-wrapper {
        padding-top: 2.75rem
    }
}

.faqs-home .faqs-navigation-wrapper {
    z-index: 20
}

    .faqs-home .faqs-navigation-wrapper:before {
        position: absolute;
        top: 0px;
        left: 50%;
        display: block;
        width: 100vw;
        --tw-translate-x: -50%;
        -webkit-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: 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(74 57 94 / var(--tw-bg-opacity));
        bottom: -2.5rem;
        content: "";
        z-index: 0;
    }

@media (min-width: 768px) {
    .faqs-home .faqs-navigation-wrapper:before {
        bottom: -3.5rem
    }
}

@media (min-width: 992px) {
    .faqs-home .faqs-navigation-wrapper:before {
        left: auto;
        --tw-translate-x: 0px;
        -webkit-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: 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));
        right: -5rem;
        bottom: -8.8rem;
    }
}

@media (min-width: 1200px) {
    .faqs-home .faqs-navigation-wrapper:before {
        bottom: -11rem
    }
}

@media (min-width: 992px) {
    .faqs-home .faqs-navigation-wrapper {
        grid-column: span 3 / span 3;
    }
}

.faqs-home .faqs-navigation-wrapper * {
    z-index: 21
}

.faqs-home .faqs-navigation-wrapper .faqs-navigation-select, .faqs-home .faqs-navigation-wrapper .faqs-navigation-list {
    position: relative
}

    .faqs-home .faqs-navigation-wrapper .faqs-navigation-list .faqs-navigation-list-wrapper .faqs-navigation-list-wrapper-list .faqs-navigation-list-link {
        display: block;
        font-weight: 700;
        --tw-text-opacity: 1;
        color: rgb(241 238 231 / var(--tw-text-opacity));
        text-decoration-line: none;
        margin-bottom: 1rem;
        font-size: 2.5rem;
        line-height: 2.5rem;
    }

        .faqs-home .faqs-navigation-wrapper .faqs-navigation-list .faqs-navigation-list-wrapper .faqs-navigation-list-wrapper-list .faqs-navigation-list-link.active, .faqs-home .faqs-navigation-wrapper .faqs-navigation-list .faqs-navigation-list-wrapper .faqs-navigation-list-wrapper-list .faqs-navigation-list-link:active, .faqs-home .faqs-navigation-wrapper .faqs-navigation-list .faqs-navigation-list-wrapper .faqs-navigation-list-wrapper-list .faqs-navigation-list-link:focus, .faqs-home .faqs-navigation-wrapper .faqs-navigation-list .faqs-navigation-list-wrapper .faqs-navigation-list-wrapper-list .faqs-navigation-list-link:hover {
            --tw-text-opacity: 1;
            color: rgb(255 214 159 / var(--tw-text-opacity));
        }

@media (min-width: 1200px) {
    .faqs-home .faqs-navigation-wrapper .faqs-navigation-list .faqs-navigation-list-wrapper .faqs-navigation-list-wrapper-list .faqs-navigation-list-link {
        margin-bottom: 2rem;
        font-size: 3rem;
        line-height: 3rem
    }
}

.faqs-home .faqs-content {
    grid-column: span 12 / span 12;
    padding-top: 1rem;
}

@media (min-width: 768px) {
    .faqs-home .faqs-content {
        padding-top: 1.575rem
    }
}

@media (min-width: 992px) {
    .faqs-home .faqs-content {
        padding-top: 2.2rem
    }
}

@media (min-width: 1200px) {
    .faqs-home .faqs-content {
        padding-top: 2.75rem
    }
}

.faqs-home .faqs-content .faqs-block {
    position: relative;
    display: none;
    z-index: 10;
}

    .faqs-home .faqs-content .faqs-block * {
        z-index: 11
    }

    .faqs-home .faqs-content .faqs-block.active {
        display: inherit
    }

@media (min-width: 992px) {
    .faqs-home .faqs-content {
        grid-column: span 9 / span 9;
        padding-left: 1rem;
    }
}

@media (min-width: 992px) and (min-width: 768px) {
    .faqs-home .faqs-content {
        padding-left: 1.575rem
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .faqs-home .faqs-content {
        padding-left: 2.2rem
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .faqs-home .faqs-content {
        padding-left: 2.75rem
    }
}

.faqs-home .faqs-content:before {
    z-index: 0;
    bottom: -4rem
}

@media (min-width: 768px) {
    .faqs-home .faqs-content:before {
        bottom: -6.3rem
    }
}

@media (min-width: 992px) {
    .faqs-home .faqs-content:before {
        left: 0px;
        --tw-translate-x: 0px;
        -webkit-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: 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));
        bottom: -8.8rem;
    }
}

@media (min-width: 1200px) {
    .faqs-home .faqs-content:before {
        bottom: -11rem
    }
}

@media (max-width: 767px) {
    .slider-block .slider-wrapper {
        margin-left: -4rem;
        margin-right: -4rem
    }
}

.slider-block .slider-wrapper .tns-outer {
    position: relative;
    grid-column: span 12 / span 12;
    margin-bottom: 4rem;
}

@media (min-width: 992px) {
    .slider-block .slider-wrapper .tns-outer {
        margin-bottom: 5rem
    }
}

.slider-block .slider-wrapper .tns-outer {
    margin-top: 4rem
}

@media (min-width: 992px) {
    .slider-block .slider-wrapper .tns-outer {
        margin-top: 6rem;
        position: relative;
        grid-column: span 10 / span 10;
        grid-column-start: 2
    }
}

.slider-block .slider-wrapper .tns-outer .tns-ovh {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
}

    .slider-block .slider-wrapper .tns-outer .tns-ovh .slider {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

.slider-block .slider-wrapper .tns-outer .tns-controls {
    display: none;
    width: 100%;
}

@media (min-width: 992px) {
    .slider-block .slider-wrapper .tns-outer .tns-controls {
        display: block;
    }
}

.slider-block .slider-wrapper .tns-outer .tns-controls button {
    position: absolute;
    top: 50%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    border-radius: 0px;
    background-repeat: no-repeat;
    padding: 0px;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
    transition-duration: 150ms;
    text-indent: -9999px;
    width: 27px;
    height: 52px;
    background-size: 27px 52px;
}

    .slider-block .slider-wrapper .tns-outer .tns-controls button:hover, .slider-block .slider-wrapper .tns-outer .tns-controls button:active, .slider-block .slider-wrapper .tns-outer .tns-controls button:focus {
        -webkit-transform: translate(-110%, -50%);
        transform: translate(-110%, -50%)
    }

@media (min-width: 1200px) {
    .slider-block .slider-wrapper .tns-outer .tns-controls button {
        width: 55px;
        height: 104px;
        background-size: 55px 104px
    }
}

.slider-block .slider-wrapper .tns-outer .tns-controls button:first-of-type {
    left: 0px;
    --tw-translate-y: -50%;
    --tw-translate-x: -100%;
    -webkit-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: 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: 2rem;
    background-position: left center;
    background-image: url("data:image/svg+xml,%3Csvg width='55' height='104' viewBox='0 0 55 104' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M53 102L3 52L53 2' stroke='%2336234C' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.theme.dark .slider-block .slider-wrapper .tns-outer .tns-controls button:first-of-type {
    background-image: url("data:image/svg+xml,%3Csvg width='55' height='104' viewBox='0 0 55 104' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M53 102L3 52L53 2' stroke='%23fff' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E%0A")
}

.slider-block .slider-wrapper .tns-outer .tns-controls button:first-of-type:hover, .slider-block .slider-wrapper .tns-outer .tns-controls button:first-of-type:active, .slider-block .slider-wrapper .tns-outer .tns-controls button:first-of-type:focus {
    -webkit-transform: translate(-110%, -50%);
    transform: translate(-110%, -50%)
}

@media (min-width: 1200px) {
    .slider-block .slider-wrapper .tns-outer .tns-controls button:first-of-type {
        padding-right: 3rem;
    }
}

.slider-block .slider-wrapper .tns-outer .tns-controls button:last-of-type {
    right: 0px;
    --tw-translate-y: -50%;
    --tw-translate-x: 100%;
    -webkit-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: 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: 2rem;
    background-position: right center;
    background-image: url("data:image/svg+xml,%3Csvg width='55' height='104' viewBox='0 0 55 104' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L52 52L2 102' stroke='%2336234C' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.theme.dark .slider-block .slider-wrapper .tns-outer .tns-controls button:last-of-type {
    background-image: url("data:image/svg+xml,%3Csvg width='55' height='104' viewBox='0 0 55 104' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L52 52L2 102' stroke='%23fff' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E%0A")
}

.slider-block .slider-wrapper .tns-outer .tns-controls button:last-of-type:hover, .slider-block .slider-wrapper .tns-outer .tns-controls button:last-of-type:active, .slider-block .slider-wrapper .tns-outer .tns-controls button:last-of-type:focus {
    -webkit-transform: translate(110%, -50%);
    transform: translate(110%, -50%)
}

@media (min-width: 1200px) {
    .slider-block .slider-wrapper .tns-outer .tns-controls button:last-of-type {
        padding-left: 3rem;
    }
}

.slider-block .slider-wrapper .tns-outer .tns-nav {
    position: absolute;
    display: block;
    width: 100%;
    text-align: center;
    bottom: -4rem;
}

@media (min-width: 992px) {
    .slider-block .slider-wrapper .tns-outer .tns-nav {
        bottom: -5rem
    }
}

.slider-block .slider-wrapper .tns-outer .tns-nav button {
    display: inline-block;
    border-radius: 9999px;
    padding: 0px;
    opacity: 0.25;
    background-color: var(--bg-colour-inv);
    width: 13px;
    height: 13px;
    text-indent: -999px;
    margin-left: 6px;
    margin-right: 6px;
}

    .slider-block .slider-wrapper .tns-outer .tns-nav button.tns-nav-active {
        opacity: 1;
    }

.card-carousel-block {
    position: relative;
    z-index: 20;
}

    .card-carousel-block .intro .content {
        grid-column: span 12 / span 12;
        text-align: center;
    }

        .card-carousel-block .intro .content p {
            margin-top: 4rem
        }

@media (min-width: 768px) {
    .card-carousel-block .intro .content {
        grid-column: span 10 / span 10;
        grid-column-start: 2;
    }
}

@media (min-width: 1200px) {
    .card-carousel-block .intro .content {
        grid-column: span 8 / span 8;
        grid-column-start: 3;
    }
}

.card-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .content {
    height: 100%;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    text-align: left;
    background-color: var(--bg-colour-inv);
    border-radius: 15px;
}

    .card-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .content .title {
        display: block;
        font-size: 2.4rem;
        line-height: 3.0rem;
        color: var(--text-colour-inv);
    }

        .card-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .content .title.mint, .card-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .content .title .mint {
            --tw-text-opacity: 1;
            color: rgb(177 229 202 / var(--tw-text-opacity));
        }

        .card-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .content .title.cream, .card-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .content .title .cream {
            --tw-text-opacity: 1;
            color: rgb(241 238 231 / var(--tw-text-opacity));
        }

        .card-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .content .title.horizon, .card-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .content .title .horizon {
            --tw-text-opacity: 1;
            color: rgb(184 184 255 / var(--tw-text-opacity));
        }

        .card-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .content .title.bubble, .card-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .content .title .bubble {
            --tw-text-opacity: 1;
            color: rgb(204 234 237 / var(--tw-text-opacity));
        }

        .card-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .content .title.shine, .card-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .content .title .shine {
            --tw-text-opacity: 1;
            color: rgb(255 214 159 / var(--tw-text-opacity));
        }

        .card-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .content .title.rose, .card-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .content .title .rose {
            --tw-text-opacity: 1;
            color: rgb(235 212 255 / var(--tw-text-opacity));
        }

        .card-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .content .title.lime, .card-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .content .title .lime {
            --tw-text-opacity: 1;
            color: rgb(214 244 166 / var(--tw-text-opacity));
        }

        .card-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .content .title.china, .card-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .content .title .china {
            --tw-text-opacity: 1;
            color: rgb(250 249 245 / var(--tw-text-opacity));
        }

        .card-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .content .title.peach, .card-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .content .title .peach {
            --tw-text-opacity: 1;
            color: rgb(255 207 199 / var(--tw-text-opacity));
        }

.theme.dark .card-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .content .title {
    color: var(--text-colour-inv)
}

.card-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .content p {
    margin-top: 2rem
}

@media (min-width: 992px) {
    .card-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .content p {
        margin-top: 3rem
    }
}

.card-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .content p {
    color: var(--text-colour-inv)
}

    .card-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .content p span {
        color: var(--text-colour-inv)
    }

@media (min-width: 992px) {
    .card-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .content {
        padding-left: 4rem;
        padding-right: 4rem;
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}

@media (min-width: 1600px) {
    .card-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .content {
        padding-left: 6rem;
        padding-right: 6rem;
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

.logo-carousel-block {
    position: relative;
    z-index: 20;
}

    .logo-carousel-block .intro .content {
        grid-column: span 12 / span 12;
        text-align: center;
    }

        .logo-carousel-block .intro .content p {
            margin-top: 4rem
        }

@media (min-width: 768px) {
    .logo-carousel-block .intro .content {
        grid-column: span 10 / span 10;
        grid-column-start: 2;
    }
}

@media (min-width: 1200px) {
    .logo-carousel-block .intro .content {
        grid-column: span 8 / span 8;
        grid-column-start: 3;
    }
}

@media (max-width: 767px) {
    .logo-carousel-block .slider-wrapper {
        margin-left: -2rem;
        margin-right: -2rem
    }
}

.logo-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .logo-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .logo {
        margin-top: 2rem;
        margin-bottom: 2rem;
        display: block;
    }

.main:not(.header-wrapper) .logo-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .logo {
    border-radius: 0px;
}

    .main:not(.header-wrapper) .logo-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .logo * {
        border-radius: 0px;
    }

.main:not(.header-wrapper) .logo-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .logo {
    --tw-drop-shadow: drop-shadow(0 0 rgba(0,0,0,0));
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: 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);
}

    .main:not(.header-wrapper) .logo-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .logo * {
        --tw-drop-shadow: drop-shadow(0 0 rgba(0,0,0,0));
        -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
        filter: 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);
    }

@media (min-width: 768px) {
    .logo-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .logo {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
}

@media (min-width: 992px) {
    .logo-carousel-block .slider-wrapper .tns-outer .tns-ovh .slider .slide .logo {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
}

.content-shift-block {
    position: relative;
    z-index: 20;
}

    .content-shift-block .intro .content {
        grid-column: span 12 / span 12;
        text-align: center;
    }

        .content-shift-block .intro .content p {
            margin-top: 4rem
        }

@media (min-width: 768px) {
    .content-shift-block .intro .content {
        grid-column: span 10 / span 10;
        grid-column-start: 2;
    }
}

@media (min-width: 1200px) {
    .content-shift-block .intro .content {
        grid-column: span 8 / span 8;
        grid-column-start: 3;
    }
}

.content-shift-block .item-nav {
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 0px;
    text-align: center;
    padding-top: 1rem;
}

@media (min-width: 768px) {
    .content-shift-block .item-nav {
        padding-top: 1.575rem
    }
}

@media (min-width: 992px) {
    .content-shift-block .item-nav {
        padding-top: 2.2rem
    }
}

@media (min-width: 1200px) {
    .content-shift-block .item-nav {
        padding-top: 2.75rem
    }
}

.content-shift-block .item-nav .item-nav-list {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .content-shift-block .item-nav .item-nav-list .nav-item {
        padding: 8px
    }

        .content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link {
            display: block;
            white-space: nowrap;
            border-width: 0;
            background-color: transparent;
            padding-left: 3rem;
            padding-right: 3rem;
            font-size: 1.8rem;
            line-height: 5.0rem;
            text-decoration-line: none;
            outline-style: solid;
            outline-width: 3px;
            outline-color: transparent;
        }

.btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link {
    --tw-bg-opacity: 1;
    background-color: rgb(54 35 76 / var(--tw-bg-opacity));
}

.header .btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link, .header button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link {
    --tw-bg-opacity: 1;
    background-color: rgb(43 28 61 / var(--tw-bg-opacity));
}

.btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.mint, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.mint {
    --tw-border-opacity: 1;
    border-color: rgb(177 229 202 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(177 229 202 / var(--tw-text-opacity));
}

    .btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.mint:hover, .btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.mint:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.mint:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.mint:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(177 229 202 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

    .btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.mint:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.mint:active {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

.btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.cream, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.cream {
    --tw-border-opacity: 1;
    border-color: rgb(241 238 231 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(241 238 231 / var(--tw-text-opacity));
}

    .btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.cream:hover, .btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.cream:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.cream:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.cream:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(241 238 231 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

    .btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.cream:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.cream:active {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

.btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.horizon, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.horizon {
    --tw-border-opacity: 1;
    border-color: rgb(184 184 255 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(184 184 255 / var(--tw-text-opacity));
}

    .btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.horizon:hover, .btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.horizon:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.horizon:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.horizon:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(184 184 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

    .btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.horizon:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.horizon:active {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

.btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.bubble, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.bubble {
    --tw-border-opacity: 1;
    border-color: rgb(204 234 237 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(204 234 237 / var(--tw-text-opacity));
}

    .btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.bubble:hover, .btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.bubble:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.bubble:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.bubble:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(204 234 237 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

    .btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.bubble:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.bubble:active {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

.btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.shine, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.shine {
    --tw-border-opacity: 1;
    border-color: rgb(255 214 159 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 214 159 / var(--tw-text-opacity));
}

    .btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.shine:hover, .btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.shine:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.shine:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.shine:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(255 214 159 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

    .btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.shine:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.shine:active {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

.btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.rose, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.rose {
    --tw-border-opacity: 1;
    border-color: rgb(235 212 255 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(235 212 255 / var(--tw-text-opacity));
}

    .btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.rose:hover, .btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.rose:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.rose:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.rose:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(235 212 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

    .btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.rose:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.rose:active {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

.btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.lime, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.lime {
    --tw-border-opacity: 1;
    border-color: rgb(214 244 166 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(214 244 166 / var(--tw-text-opacity));
}

    .btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.lime:hover, .btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.lime:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.lime:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.lime:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(214 244 166 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

    .btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.lime:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.lime:active {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

.btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.china, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.china {
    --tw-border-opacity: 1;
    border-color: rgb(250 249 245 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(250 249 245 / var(--tw-text-opacity));
}

    .btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.china:hover, .btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.china:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.china:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.china:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(250 249 245 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

    .btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.china:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.china:active {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

.btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.peach, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.peach {
    --tw-border-opacity: 1;
    border-color: rgb(255 207 199 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 207 199 / var(--tw-text-opacity));
}

    .btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.peach:hover, .btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.peach:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.peach:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.peach:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(255 207 199 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

    .btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.peach:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.peach:active {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
    }

.btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.alt:hover, .btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.alt:focus, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.alt:hover, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.alt:focus {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(54 35 76 / var(--tw-text-opacity));
}

.btn.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.alt:active, button:not(.search-button-toggle):not(.sub-nav-toggle):not([data-controls]):not([data-nav]):not(.hamburger).content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.alt:active {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(54 35 76 / var(--tw-text-opacity));
}

.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link {
    outline-offset: -3px;
    line-height: 44px;
    height: 44px;
    border-radius: 22px
}

@media (min-width: 992px) {
    .content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link {
        padding-left: 4rem;
        padding-right: 4rem;
        font-size: 1.6rem;
        line-height: 4.6rem;
        height: 50px;
        line-height: 50px;
        border-radius: 25px;
    }
}

@media (min-width: 1600px) {
    .content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link {
        padding-left: 6rem;
        padding-right: 6rem;
        font-size: 1.8rem;
        line-height: 5.0rem;
        line-height: 50px;
    }
}

.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link:hover, .content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link:active, .content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link:focus {
    outline-color: var(--bg-colour-inv)
}

.content-shift-block .item-nav .item-nav-list .nav-item .nav-item-link.active {
    background-color: var(--bg-colour-inv);
    color: var(--text-colour-inv)
}

.content-shift-block .item-nav .item-nav-list:before {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    display: block;
    --tw-bg-opacity: 1;
    background-color: rgb(74 57 94 / var(--tw-bg-opacity));
    opacity: 0.25;
    border-radius: 30px;
    content: "";
    z-index: -1;
}

@media (min-width: 992px) {
    .content-shift-block .item-nav .item-nav-list:before {
        border-radius: 32px
    }
}

.content-shift-block .items {
    margin-top: 4rem
}

@media (min-width: 992px) {
    .content-shift-block .items {
        margin-top: 6rem
    }
}

.content-shift-block .items .item {
    display: none;
}

    .content-shift-block .items .item.active {
        display: grid
    }

    .content-shift-block .items .item .content {
        grid-column: span 12 / span 12;
        display: grid;
        -ms-flex-line-pack: center;
        align-content: center;
        justify-items: center;
    }

@media (min-width: 992px) {
    .content-shift-block .items .item .content {
        grid-column: span 6 / span 6;
    }
}

@media (min-width: 1200px) {
    .content-shift-block .items .item .content {
        grid-column: span 5 / span 5;
        grid-column-start: 2;
    }
}

.content-shift-block .items .item .media {
    grid-column: span 12 / span 12;
}

@media (min-width: 992px) {
    .content-shift-block .items .item .media {
        grid-column: span 6 / span 6;
    }
}

@media (min-width: 1200px) {
    .content-shift-block .items .item .media {
        grid-column: span 5 / span 5;
    }
}

.detached-content-shift-content {
    display: none;
}

    .detached-content-shift-content.active {
        display: inherit
    }

.dark .content-shift-block .item-nav .item-nav-list {
    border: 3px #fff solid;
    border-radius: 50px
}

.postcode-check-block .postcode-wrapper .postcode {
    grid-column: span 12 / span 12;
}

@media (min-width: 768px) {
    .postcode-check-block .postcode-wrapper .postcode {
        grid-column: span 8 / span 8;
    }
}

@media (min-width: 992px) {
    .postcode-check-block .postcode-wrapper .postcode {
        grid-column: span 6 / span 6;
        grid-column-start: 2;
    }
}

.postcode-check-block .postcode-wrapper .btn {
    grid-column: span 8 / span 8;
    grid-column-start: 3;
}

@media (min-width: 768px) {
    .postcode-check-block .postcode-wrapper .btn {
        grid-column: span 4 / span 4;
        grid-column-start: auto;
    }
}

.postcode-check-block .error {
    text-align: center;
    margin-top: 2rem;
}

@media (min-width: 992px) {
    .postcode-check-block .error {
        margin-top: 3rem
    }
}

.postcode-check-block .eligible {
    margin-top: 4rem
}

@media (min-width: 992px) {
    .postcode-check-block .eligible {
        margin-top: 5rem
    }
}

.postcode-check-block .eligible .feedback {
    grid-column: span 12 / span 12;
    text-align: center;
}

@media (min-width: 768px) {
    .postcode-check-block .eligible .feedback {
        grid-column: span 10 / span 10;
        grid-column-start: 2;
    }
}

@media (min-width: 992px) {
    .postcode-check-block .eligible .feedback {
        grid-column: span 8 / span 8;
        grid-column-start: 3;
    }
}

@media (min-width: 1200px) {
    .postcode-check-block .eligible .feedback {
        grid-column: span 6 / span 6;
        grid-column-start: 4;
    }
}

.postcode-check-block .eligible .feedback .btn {
    margin-top: 4rem
}

.postcode-check-block .eligible .feedback p {
    position: relative;
    display: inline-block;
    padding-top: 100px;
}

    .postcode-check-block .eligible .feedback p:before {
        position: absolute;
        top: 0px;
        left: 50%;
        --tw-translate-x: -50%;
        -webkit-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: 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-position: center;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0C13.4303 0 0 13.4303 0 30C0 46.5697 13.4303 60 30 60C46.5697 60 60 46.5697 60 30C60 13.4303 46.5662 0 30 0Z' fill='%23D6F4A6'/%3E%3Cpath d='M30 0C13.4303 0 0 13.4303 0 30C0 46.5697 13.4303 60 30 60C46.5697 60 60 46.5697 60 30C60 13.4303 46.5662 0 30 0Z' fill='%23D6F4A6'/%3E%3Cpath d='M42.2817 19.8011C42.7722 19.8011 43.2626 19.9887 43.6376 20.3625C44.3861 21.1114 44.3861 22.3272 43.6376 23.0762L27.0889 39.636C26.714 40.0113 26.2235 40.1974 25.733 40.1974C25.2425 40.1974 24.7521 40.0098 24.3771 39.636L18.3594 33.6143C17.6109 32.8653 17.6109 31.6495 18.3594 30.9006C18.7344 30.5253 19.2248 30.3392 19.7153 30.3392C20.2058 30.3392 20.6963 30.5268 21.0712 30.9006L25.733 35.5655L40.9273 20.3625C41.3022 19.9872 41.7927 19.8011 42.2832 19.8011M42.2832 18C41.2902 18 40.3573 18.3872 39.6553 19.0897L25.7345 33.0199L22.3447 29.6278C21.6427 28.9253 20.7098 28.5381 19.7168 28.5381C18.7239 28.5381 17.7909 28.9253 17.0889 29.6278C16.387 30.3302 16 31.2653 16 32.2589C16 33.2525 16.387 34.1861 17.0889 34.8886L23.1066 40.9103C23.8086 41.6128 24.7416 42 25.7345 42C26.7275 42 27.6604 41.6128 28.3624 40.9103L44.9111 24.3505C45.613 23.648 46 22.7144 46 21.7208C46 20.7272 45.613 19.7936 44.9111 19.0912C44.2091 18.3887 43.2761 18.0015 42.2832 18.0015V18Z' fill='%23325A46'/%3E%3C/svg%3E%0A");
        background-size: 80px 80px;
        width: 80px;
        height: 80px;
        content: "";
    }

@media (min-width: 768px) {
    .postcode-check-block .eligible .feedback p {
        text-align: left;
        padding-top: 0;
        padding-left: 100px;
    }

        .postcode-check-block .eligible .feedback p:before {
            left: 0px;
            --tw-translate-x: 0px;
            -webkit-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: 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));
        }
}

.embed-block {
    position: relative;
    z-index: 20;
}

    .embed-block .intro .content {
        grid-column: span 12 / span 12;
        text-align: center;
    }

        .embed-block .intro .content p {
            margin-top: 4rem
        }

@media (min-width: 768px) {
    .embed-block .intro .content {
        grid-column: span 10 / span 10;
        grid-column-start: 2;
    }
}

@media (min-width: 1200px) {
    .embed-block .intro .content {
        grid-column: span 8 / span 8;
        grid-column-start: 3;
    }
}

.embed-block .ctas {
    margin-top: 4rem
}

.cookie-wrapper {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    z-index: 100;
}

    .cookie-wrapper * {
        z-index: 101
    }

    .cookie-wrapper:before {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 50%;
        width: 100vw;
        --tw-translate-x: -50%;
        -webkit-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: 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(43 28 61 / var(--tw-bg-opacity));
        content: "";
        z-index: -1;
    }

    .cookie-wrapper:after {
        pointer-events: none;
        position: fixed;
        top: 0px;
        bottom: 0px;
        left: 50%;
        display: block;
        height: 100vh;
        width: 100vw;
        --tw-translate-x: -50%;
        -webkit-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: 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(43 28 61 / var(--tw-bg-opacity));
        opacity: 0.5;
        content: "";
        z-index: -1;
    }

    .cookie-wrapper .cookie {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

@media (min-width: 768px) {
    .cookie-wrapper .cookie {
        padding-top: 3.15rem;
        padding-bottom: 3.15rem
    }
}

@media (min-width: 992px) {
    .cookie-wrapper .cookie {
        padding-top: 4.4rem;
        padding-bottom: 4.4rem
    }
}

@media (min-width: 1200px) {
    .cookie-wrapper .cookie {
        padding-top: 5.5rem;
        padding-bottom: 5.5rem
    }
}

@media (min-width: 992px) {
    .cookie-wrapper .cookie {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
}

@media (min-width: 992px) and (min-width: 768px) {
    .cookie-wrapper .cookie {
        padding-top: 1.575rem;
        padding-bottom: 1.575rem
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .cookie-wrapper .cookie {
        padding-top: 2.2rem;
        padding-bottom: 2.2rem
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .cookie-wrapper .cookie {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem
    }
}

.cookie-wrapper .cookie .cookie-content {
    position: relative;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

    .cookie-wrapper .cookie .cookie-content .message {
        grid-column: span 12 / span 12;
    }

        .cookie-wrapper .cookie .cookie-content .message p {
            font-size: 1.6rem;
            line-height: 2.6rem;
        }

            .cookie-wrapper .cookie .cookie-content .message p + p {
                margin-top: 1rem
            }

    .cookie-wrapper .cookie .cookie-content .options {
        grid-column: span 12 / span 12;
        margin-top: 2rem;
    }

@media (min-width: 992px) {
    .cookie-wrapper .cookie .cookie-content .options {
        margin-top: 3rem
    }
}

.cookie-wrapper .cookie .cookie-content .options .btn {
    margin-right: 2rem
}

    .cookie-wrapper .cookie .cookie-content .options .btn:last-of-type {
        margin-right: 0px;
    }

@media (min-width: 992px) {
    .cookie-wrapper .cookie .cookie-content .message {
        grid-column: span 7 / span 7;
    }

    .cookie-wrapper .cookie .cookie-content .options {
        grid-column: span 5 / span 5;
        margin-top: 0px;
        text-align: right;
    }
}

@media (min-width: 1200px) {
    .cookie-wrapper .cookie .cookie-content .message {
        grid-column: span 8 / span 8;
    }

    .cookie-wrapper .cookie .cookie-content .options {
        grid-column: span 4 / span 4;
    }
}

.split-block {
    position: relative;
    z-index: 20;
}

@media (min-width: 768px) {
    .split-block {
        display: grid;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.split-block .content {
    position: relative;
    grid-column: span 12 / span 12;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    z-index: 21;
}

@media (min-width: 768px) {
    .split-block .content {
        grid-column: span 7 / span 7;
    }
}

@media (min-width: 992px) {
    .split-block .content {
        grid-column: span 5 / span 5;
    }
}

.split-block .content p {
    margin-top: 4rem
}

.split-block .content .ctas {
    display: none;
}

@media (min-width: 768px) {
    .split-block .content .ctas {
        display: block;
    }
}

.split-block .media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4rem;
}

@media (min-width: 992px) {
    .split-block .media {
        margin-top: 6rem
    }
}

.split-block .media {
    z-index: 21
}

@media (min-width: 768px) {
    .split-block .media {
        grid-column: span 5 / span 5;
        margin-top: 0px;
    }
}

@media (min-width: 992px) {
    .split-block .media {
        grid-column: span 6 / span 6;
        grid-column-start: 7;
    }
}

.split-block .media > * {
    -ms-flex-item-align: center;
    align-self: center;
}

@media (min-width: 768px) {
    .split-block.flipped .content {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        grid-column-start: 6;
    }

    .split-block.flipped .media {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        grid-column-start: 1;
    }
}

@media (min-width: 992px) {
    .split-block.flipped .content {
        grid-column-start: 8;
    }
}

.search-block {
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(249 247 242 / var(--tw-bg-opacity));
}

    .search-block .search-inner {
        position: relative;
        width: 100%;
    }

        .search-block .search-inner:before {
            position: absolute;
            top: 0px;
            bottom: 0px;
            left: 50%;
            width: 100vw;
            --tw-translate-x: -50%;
            -webkit-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: 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(249 247 242 / var(--tw-bg-opacity));
            content: "";
            z-index: -1;
        }

        .search-block .search-inner input[type=text] {
            width: 100%;
            border-width: 0;
            --tw-bg-opacity: 1;
            background-color: rgb(249 247 242 / var(--tw-bg-opacity));
            padding-left: 1rem;
            padding-right: 1rem;
            font-size: 2.5rem;
            line-height: 6.0rem;
            --tw-text-opacity: 1;
            color: rgb(54 35 76 / var(--tw-text-opacity));
            outline: 2px solid transparent;
            outline-offset: 2px;
            padding-right: calc(40px + 1rem);
        }

@media (min-width: 1600px) {
    .search-block .search-inner input[type=text] {
        font-size: 3.2rem;
        line-height: 8.0rem;
        padding-right: calc(50px + 2rem);
    }
}

.search-block .search-inner input[type=submit] {
    position: absolute;
    right: 0px;
    top: 50%;
    display: block;
    --tw-translate-y: -50%;
    -webkit-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: 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;
    overflow: hidden;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(74 57 94 / var(--tw-bg-opacity));
    background-position: center;
    background-repeat: no-repeat;
    outline: 2px solid transparent;
    outline-offset: 2px;
    background-size: 16px 16px;
    background-image: url("data:image/svg+xml,%3Csvg id='uuid-58b36566-22ea-485a-8a44-7a4b8348f7a3' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m7.18,0c.18.02.36.04.54.06,1.06.13,2.04.49,2.93,1.09,1.61,1.09,2.6,2.58,2.97,4.49.12.62.16,1.25.09,1.88-.13,1.34-.6,2.54-1.43,3.6-.03.03-.05.07-.08.1,0,0,0,.01-.03.04.03.02.07.04.1.07,1.17,1.17,2.34,2.34,3.51,3.52.26.26.28.61.06.89-.25.31-.67.36-.97.1-.04-.03-.07-.06-.1-.1-1.15-1.15-2.3-2.3-3.45-3.45-.03-.03-.05-.06-.07-.1-.13.1-.23.18-.34.26-.86.63-1.82,1.03-2.87,1.22-.76.13-1.52.14-2.28.01-1.55-.25-2.87-.96-3.94-2.11-.9-.96-1.47-2.1-1.71-3.39-.05-.26-.07-.52-.1-.78,0-.03-.01-.06-.02-.09v-.98s.02-.05.02-.08c.03-.19.04-.39.08-.58C.44,3.84,1.36,2.39,2.86,1.3,3.8.61,4.85.2,6.01.06c.18-.02.36-.04.54-.06h.62Zm-.31,1.35c-3.04,0-5.53,2.48-5.53,5.5,0,3.09,2.46,5.57,5.53,5.56,3.05,0,5.53-2.48,5.53-5.52,0-3.06-2.48-5.54-5.53-5.54h0Z' style='fill:%23fff;'/%3E%3C/svg%3E");
    text-indent: -9999px;
    width: 46px;
    height: 46px;
}

    .search-block .search-inner input[type=submit]:hover, .search-block .search-inner input[type=submit]:active, .search-block .search-inner input[type=submit]:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(177 229 202 / var(--tw-bg-opacity));
        background-image: url("data:image/svg+xml,%3Csvg id='uuid-58b36566-22ea-485a-8a44-7a4b8348f7a3' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m7.18,0c.18.02.36.04.54.06,1.06.13,2.04.49,2.93,1.09,1.61,1.09,2.6,2.58,2.97,4.49.12.62.16,1.25.09,1.88-.13,1.34-.6,2.54-1.43,3.6-.03.03-.05.07-.08.1,0,0,0,.01-.03.04.03.02.07.04.1.07,1.17,1.17,2.34,2.34,3.51,3.52.26.26.28.61.06.89-.25.31-.67.36-.97.1-.04-.03-.07-.06-.1-.1-1.15-1.15-2.3-2.3-3.45-3.45-.03-.03-.05-.06-.07-.1-.13.1-.23.18-.34.26-.86.63-1.82,1.03-2.87,1.22-.76.13-1.52.14-2.28.01-1.55-.25-2.87-.96-3.94-2.11-.9-.96-1.47-2.1-1.71-3.39-.05-.26-.07-.52-.1-.78,0-.03-.01-.06-.02-.09v-.98s.02-.05.02-.08c.03-.19.04-.39.08-.58C.44,3.84,1.36,2.39,2.86,1.3,3.8.61,4.85.2,6.01.06c.18-.02.36-.04.54-.06h.62Zm-.31,1.35c-3.04,0-5.53,2.48-5.53,5.5,0,3.09,2.46,5.57,5.53,5.56,3.05,0,5.53-2.48,5.53-5.52,0-3.06-2.48-5.54-5.53-5.54h0Z' style='fill:%234E3A63;'/%3E%3C/svg%3E");
    }

@media (min-width: 1600px) {
    .search-block .search-inner input[type=submit] {
        background-size: 20px 20px;
        width: 50px;
        height: 50px
    }
}

.pagination-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .pagination-block .pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .pagination-block .pagination .pagination-item {
            margin-left: 1rem;
            margin-right: 1rem
        }

            .pagination-block .pagination .pagination-item .pagination-link {
                font-weight: 500;
                text-decoration-line: none;
            }

                .pagination-block .pagination .pagination-item .pagination-link:hover, .pagination-block .pagination .pagination-item .pagination-link:active, .pagination-block .pagination .pagination-item .pagination-link:focus {
                    text-decoration-line: underline;
                }

                .pagination-block .pagination .pagination-item .pagination-link.active {
                    font-weight: 800;
                    text-decoration-line: underline;
                }

                    .pagination-block .pagination .pagination-item .pagination-link.active:hover, .pagination-block .pagination .pagination-item .pagination-link.active:active, .pagination-block .pagination .pagination-item .pagination-link.active:focus {
                        text-decoration-line: none;
                    }

.ctas .btn {
    margin-right: 2rem;
    margin-top: 4rem
}

@media (min-width: 992px) {
    .ctas .btn {
        margin-top: 6rem
    }
}

.ctas .btn + .btn {
    margin-top: 2rem
}

.ctas .btn:last-of-type {
    margin-right: 0px;
}

.ctas.center {
    text-align: center;
}

    .ctas.center .btn {
        margin-left: 1rem;
        margin-right: 1rem
    }

        .ctas.center .btn:last-of-type {
            margin-right: 1rem
        }

.tns-outer {
    padding: 0 !important
}

    .tns-outer [hidden] {
        display: none !important
    }

    .tns-outer [aria-controls], .tns-outer [data-action] {
        cursor: pointer
    }

.tns-slider {
    -webkit-transition: all 0s;
    transition: all 0s
}

    .tns-slider > .tns-item {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

.tns-horizontal.tns-subpixel {
    white-space: nowrap
}

    .tns-horizontal.tns-subpixel > .tns-item {
        display: inline-block;
        vertical-align: top;
        white-space: normal
    }

.tns-horizontal.tns-no-subpixel:after {
    content: "";
    display: table;
    clear: both
}

.tns-horizontal.tns-no-subpixel > .tns-item {
    float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
    margin-right: -100%
}

.tns-no-calc {
    position: relative;
    left: 0
}

.tns-gallery {
    position: relative;
    left: 0;
    min-height: 1px
}

    .tns-gallery > .tns-item {
        position: absolute;
        left: -100%;
        -webkit-transition: transform 0s,opacity 0s;
        -webkit-transition: opacity 0s,-webkit-transform 0s;
        transition: opacity 0s,-webkit-transform 0s;
        transition: transform 0s,opacity 0s;
        transition: transform 0s,opacity 0s,-webkit-transform 0s
    }

    .tns-gallery > .tns-slide-active {
        position: relative;
        left: auto !important
    }

    .tns-gallery > .tns-moving {
        -webkit-transition: all .25s;
        transition: all .25s
    }

.tns-autowidth {
    display: inline-block
}

.tns-lazy-img {
    -webkit-transition: opacity .6s;
    transition: opacity .6s;
    opacity: .6
}

    .tns-lazy-img.tns-complete {
        opacity: 1
    }

.tns-ah {
    -webkit-transition: height 0s;
    transition: height 0s
}

.tns-ovh {
    overflow: hidden
}

.tns-visually-hidden {
    position: absolute;
    left: -10000em
}

.tns-transparent {
    opacity: 0;
    visibility: hidden
}

.tns-fadeIn {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 0
}

.tns-normal, .tns-fadeOut {
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1
}

.tns-vpfix {
    white-space: nowrap
}

    .tns-vpfix > div, .tns-vpfix > li {
        display: inline-block
    }

.tns-t-subp2 {
    margin: 0 auto;
    width: 310px;
    position: relative;
    height: 10px;
    overflow: hidden
}

.tns-t-ct {
    width: -moz-calc(100% * 70 / 3);
    width: 2333.3333333333%;
    position: absolute;
    right: 0
}

    .tns-t-ct:after {
        content: "";
        display: table;
        clear: both
    }

    .tns-t-ct > div {
        width: -moz-calc(100% / 70);
        width: 1.4285714286%;
        height: 10px;
        float: left
    }
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

.hamburger {
    padding: 15px 30px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition-property: opacity,-webkit-filter;
    transition-property: opacity,-webkit-filter;
    transition-property: opacity,filter;
    transition-property: opacity,filter,-webkit-filter;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: rgba(0,0,0,0);
    border: 0;
    margin: 0;
    overflow: visible
}

    .hamburger:hover {
        opacity: 1
    }

    .hamburger.is-active:hover {
        opacity: 1
    }

    .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
        background-color: #ffffff
    }

.hamburger-box {
    width: 24px;
    height: 21px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1.5px
}

    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
        width: 24px;
        height: 3px;
        background-color: #ffffff;
        border-radius: 4px;
        position: absolute;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-transition-duration: .15s;
        transition-duration: .15s;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease
    }

        .hamburger-inner::before, .hamburger-inner::after {
            content: "";
            display: block
        }

        .hamburger-inner::before {
            top: -9px
        }

        .hamburger-inner::after {
            bottom: -9px
        }

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-duration: .13s;
    transition-duration: .13s;
    -webkit-transition-delay: .13s;
    transition-delay: .13s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

    .hamburger--collapse .hamburger-inner::after {
        top: -18px;
        -webkit-transition: top .2s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),opacity .1s linear;
        transition: top .2s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),opacity .1s linear
    }

    .hamburger--collapse .hamburger-inner::before {
        -webkit-transition: top .12s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),-webkit-transform .13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: top .12s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),-webkit-transform .13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: top .12s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),transform .13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: top .12s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),transform .13s cubic-bezier(0.55, 0.055, 0.675, 0.19),-webkit-transform .13s cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

.hamburger--collapse.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -9px, 0) rotate(-45deg);
    transform: translate3d(0, -9px, 0) rotate(-45deg);
    -webkit-transition-delay: .22s;
    transition-delay: .22s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

    .hamburger--collapse.is-active .hamburger-inner::after {
        top: 0;
        opacity: 0;
        -webkit-transition: top .2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),opacity .1s .22s linear;
        transition: top .2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),opacity .1s .22s linear
    }

    .hamburger--collapse.is-active .hamburger-inner::before {
        top: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transition: top .1s .16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),-webkit-transform .13s .25s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: top .1s .16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),-webkit-transform .13s .25s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: top .1s .16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),transform .13s .25s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: top .1s .16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),transform .13s .25s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform .13s .25s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

.header-wrapper {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    width: 100%;
    z-index: 99;
}

.header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    --tw-bg-opacity: 1;
    background-color: rgb(54 35 76 / var(--tw-bg-opacity));
    z-index: 100;
    min-height: 100px;
}

.nav-active .header {
    height: 100vh;
    overflow-y: scroll;
    grid-gap: 20px;
    gap: 20px
}

@media (min-width: 992px) {
    .nav-active .header {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        grid-gap: 0;
        gap: 0;
    }
}

.header .secondary-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    --tw-bg-opacity: 1;
    background-color: rgb(184 184 255 / var(--tw-bg-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding: 0 2rem;
    border-radius: 19px 19px 0 0;
}

    .header .secondary-navigation.horizon {
        --tw-bg-opacity: 1;
        background-color: rgb(184 184 255 / var(--tw-bg-opacity));
    }

    .header .secondary-navigation.mint {
        --tw-bg-opacity: 1;
        background-color: rgb(177 229 202 / var(--tw-bg-opacity));
    }

    .header .secondary-navigation.shine {
        --tw-bg-opacity: 1;
        background-color: rgb(255 214 159 / var(--tw-bg-opacity));
    }

    .header .secondary-navigation.peach {
        --tw-bg-opacity: 1;
        background-color: rgb(255 207 199 / var(--tw-bg-opacity));
    }

    .header .secondary-navigation.rose {
        --tw-bg-opacity: 1;
        background-color: rgb(235 212 255 / var(--tw-bg-opacity));
    }

    .header .secondary-navigation.bubble {
        --tw-bg-opacity: 1;
        background-color: rgb(204 234 237 / var(--tw-bg-opacity));
    }

    .header .secondary-navigation.lime {
        --tw-bg-opacity: 1;
        background-color: rgb(214 244 166 / var(--tw-bg-opacity));
    }

    .header .secondary-navigation span {
        text-align: center;
        font-size: 1.8rem;
        line-height: 2.5rem;
    }

    .header .secondary-navigation .secondary-navigation-inner {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: 200px;
        max-width: 550px;
        width: 100%
    }

        .header .secondary-navigation .secondary-navigation-inner .nav-list.secondary {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            .header .secondary-navigation .secondary-navigation-inner .nav-list.secondary > .nav-item {
                white-space: nowrap
            }

                .header .secondary-navigation .secondary-navigation-inner .nav-list.secondary > .nav-item .nav-link {
                    font-size: 1.8rem;
                    font-weight: 700;
                    line-height: 4rem;
                }

.nav-active .header .secondary-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 992px) {
    .header .secondary-navigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 0 10rem;
        border-radius: 0 0 19px 19px;
    }

        .header .secondary-navigation span {
            margin-right: 2rem;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            overflow: visible;
            font-size: 1.8rem;
            line-height: 6.0rem;
        }

        .header .secondary-navigation .secondary-navigation-inner {
            -webkit-box-flex: unset;
            -ms-flex-positive: unset;
            flex-grow: unset;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content
        }

            .header .secondary-navigation .secondary-navigation-inner .nav-list.secondary > .nav-item .nav-link {
                margin-left: 1rem;
            }
}

@media (min-width: 1600px) {
    .header .secondary-navigation .secondary-navigation-inner .nav-list.secondary > .nav-item .nav-link {
        margin-left: 4rem;
    }
}

.header .primary-navigation .logo-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100px;
}

    .header .primary-navigation .logo-wrapper .logo {
        max-width: 170px
    }

    .header .primary-navigation .logo-wrapper .hamburger {
        padding-right: 0px;
        height: 47px;
    }

.header .primary-navigation .navigation-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
    --tw-bg-opacity: 1;
    background-color: rgb(54 35 76 / var(--tw-bg-opacity));
}

    .header .primary-navigation .navigation-wrapper .nav-list.primary {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item {
            position: relative;
            display: block;
            width: 100%;
            border-bottom-width: 4px;
            border-bottom-color: #504565;
        }

            .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item .nav-link {
                display: block;
                font-size: 2.5rem;
                line-height: 4.8rem;
                font-weight: 400;
                --tw-text-opacity: 1;
                color: rgb(184 184 255 / var(--tw-text-opacity));
                text-decoration-line: none;
                outline: 2px solid transparent;
                outline-offset: 2px;
                line-height: 60px;
            }

                .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item .nav-link:active, .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item .nav-link:hover, .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item .nav-link:focus {
                    --tw-text-opacity: 1;
                    color: rgb(255 255 255 / var(--tw-text-opacity));
                }

                .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item .nav-link.active {
                    --tw-text-opacity: 1;
                    color: rgb(255 255 255 / var(--tw-text-opacity));
                }

                    .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item .nav-link.active:active, .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item .nav-link.active:hover, .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item .nav-link.active:focus {
                        --tw-text-opacity: 1;
                        color: rgb(255 214 159 / var(--tw-text-opacity));
                    }

            .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item > .nav-link {
                font-weight: 800;
                --tw-text-opacity: 1;
                color: rgb(255 255 255 / var(--tw-text-opacity));
            }

                .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item > .nav-link:active, .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item > .nav-link:hover, .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item > .nav-link:focus {
                    --tw-text-opacity: 1;
                    color: rgb(184 184 255 / var(--tw-text-opacity));
                }

                .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item > .nav-link.active {
                    --tw-text-opacity: 1;
                    color: rgb(184 184 255 / var(--tw-text-opacity));
                }

                    .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item > .nav-link.active:active, .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item > .nav-link.active:hover, .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item > .nav-link.active:focus {
                        --tw-text-opacity: 1;
                        color: rgb(255 214 159 / var(--tw-text-opacity));
                    }

            .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item.has-children .sub-nav-list {
                display: none;
            }

            .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item.has-children.sub-nav-active .sub-nav-list {
                display: block;
            }

            .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item.has-children.sub-nav-active .sub-nav-toggle:before {
                --tw-rotate: -0deg;
                -webkit-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: 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));
            }

            .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item .sub-nav-toggle {
                position: absolute;
                top: 0px;
                right: 0px;
                margin: 0px;
                display: inline-block;
                border-width: 0;
                padding: 0px;
                width: 40px;
                height: 60px;
                border-radius: 0;
            }

                .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item .sub-nav-toggle:before {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    display: block;
                    --tw-translate-x: -50%;
                    --tw-translate-y: -50%;
                    --tw-rotate: -90deg;
                    -webkit-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: 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-position: center;
                    background-repeat: no-repeat;
                    -webkit-transition-property: -webkit-transform;
                    transition-property: -webkit-transform;
                    transition-property: transform;
                    transition-property: transform, -webkit-transform;
                    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                    -webkit-transition-duration: 150ms;
                    transition-duration: 150ms;
                    content: "";
                    width: 20px;
                    height: 20px;
                    background-image: url("data:image/svg+xml,%3Csvg id='uuid-27705001-726b-4c46-927c-37800c5e5c76' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 10'%3E%3Cpath d='m0,.74c0-.19.07-.38.21-.52C.49-.07.95-.07,1.23.22l7.78,8L16.78.22c.28-.29.73-.29,1.01,0,.28.29.28.76,0,1.04l-8.28,8.52c-.28.29-.73.29-1.01,0L.21,1.26C.07,1.12,0,.93,0,.74Z' style='fill:%23fff;'/%3E%3C/svg%3E");
                }

    .header .primary-navigation .navigation-wrapper .nav-list .nav-item.has-button {
        width: 50%;
        margin-top: 4rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-width: 0;
        -webkit-box-pack: centers;
        -ms-flex-pack: centers;
        justify-content: centers
    }

        .header .primary-navigation .navigation-wrapper .nav-list .nav-item.has-button .btn {
            min-width: 50%;
            width: 90%;
            padding: 0
        }

    .header .primary-navigation .navigation-wrapper .nav-list .nav-item.is-search {
        display: none;
        border-width: 0;
    }

@media (min-width: 992px) {
    .header .primary-navigation .navigation-wrapper .nav-list .nav-item.is-search {
        display: block;
    }

    .header .primary-navigation .navigation-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        overflow: visible;
        --tw-bg-opacity: 1;
        background-color: rgb(54 35 76 / var(--tw-bg-opacity));
        min-height: 0;
    }

        .header .primary-navigation .navigation-wrapper .nav-list.primary {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            max-width: -webkit-fit-content;
            max-width: -moz-fit-content;
            max-width: fit-content;
        }

            .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item {
                margin-left: 2rem;
                border-width: 0;
            }

                .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item .nav-link {
                    font-size: 1.8rem;
                    line-height: 5.0rem;
                    --tw-text-opacity: 1;
                    color: rgb(255 255 255 / var(--tw-text-opacity));
                }

                .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item.has-button {
                    margin-top: 0px;
                }

                    .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item.has-button + .has-button {
                        margin-left: 1rem;
                    }

                    .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item.has-button .btn {
                        padding: 0 4rem;
                        width: 100%
                    }

                .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item.is-search .search-button-toggle {
                    display: block;
                    overflow: hidden;
                    border-radius: 9999px;
                    --tw-bg-opacity: 1;
                    background-color: rgb(74 57 94 / var(--tw-bg-opacity));
                    background-position: center;
                    background-repeat: no-repeat;
                    outline: 2px solid transparent;
                    outline-offset: 2px;
                    text-indent: -9999px;
                    background-size: 16px 16px;
                    background-image: url("data:image/svg+xml,%3Csvg id='uuid-58b36566-22ea-485a-8a44-7a4b8348f7a3' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m7.18,0c.18.02.36.04.54.06,1.06.13,2.04.49,2.93,1.09,1.61,1.09,2.6,2.58,2.97,4.49.12.62.16,1.25.09,1.88-.13,1.34-.6,2.54-1.43,3.6-.03.03-.05.07-.08.1,0,0,0,.01-.03.04.03.02.07.04.1.07,1.17,1.17,2.34,2.34,3.51,3.52.26.26.28.61.06.89-.25.31-.67.36-.97.1-.04-.03-.07-.06-.1-.1-1.15-1.15-2.3-2.3-3.45-3.45-.03-.03-.05-.06-.07-.1-.13.1-.23.18-.34.26-.86.63-1.82,1.03-2.87,1.22-.76.13-1.52.14-2.28.01-1.55-.25-2.87-.96-3.94-2.11-.9-.96-1.47-2.1-1.71-3.39-.05-.26-.07-.52-.1-.78,0-.03-.01-.06-.02-.09v-.98s.02-.05.02-.08c.03-.19.04-.39.08-.58C.44,3.84,1.36,2.39,2.86,1.3,3.8.61,4.85.2,6.01.06c.18-.02.36-.04.54-.06h.62Zm-.31,1.35c-3.04,0-5.53,2.48-5.53,5.5,0,3.09,2.46,5.57,5.53,5.56,3.05,0,5.53-2.48,5.53-5.52,0-3.06-2.48-5.54-5.53-5.54h0Z' style='fill:%23fff;'/%3E%3C/svg%3E");
                    width: 46px;
                    height: 46px;
                }

                    .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item.is-search .search-button-toggle:hover, .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item.is-search .search-button-toggle:active, .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item.is-search .search-button-toggle:focus {
                        --tw-bg-opacity: 1;
                        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
                        background-image: url("data:image/svg+xml,%3Csvg id='uuid-58b36566-22ea-485a-8a44-7a4b8348f7a3' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m7.18,0c.18.02.36.04.54.06,1.06.13,2.04.49,2.93,1.09,1.61,1.09,2.6,2.58,2.97,4.49.12.62.16,1.25.09,1.88-.13,1.34-.6,2.54-1.43,3.6-.03.03-.05.07-.08.1,0,0,0,.01-.03.04.03.02.07.04.1.07,1.17,1.17,2.34,2.34,3.51,3.52.26.26.28.61.06.89-.25.31-.67.36-.97.1-.04-.03-.07-.06-.1-.1-1.15-1.15-2.3-2.3-3.45-3.45-.03-.03-.05-.06-.07-.1-.13.1-.23.18-.34.26-.86.63-1.82,1.03-2.87,1.22-.76.13-1.52.14-2.28.01-1.55-.25-2.87-.96-3.94-2.11-.9-.96-1.47-2.1-1.71-3.39-.05-.26-.07-.52-.1-.78,0-.03-.01-.06-.02-.09v-.98s.02-.05.02-.08c.03-.19.04-.39.08-.58C.44,3.84,1.36,2.39,2.86,1.3,3.8.61,4.85.2,6.01.06c.18-.02.36-.04.54-.06h.62Zm-.31,1.35c-3.04,0-5.53,2.48-5.53,5.5,0,3.09,2.46,5.57,5.53,5.56,3.05,0,5.53-2.48,5.53-5.52,0-3.06-2.48-5.54-5.53-5.54h0Z' style='fill:%234E3A63;'/%3E%3C/svg%3E");
                    }

                    .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item.is-search .search-button-toggle:active {
                        --tw-bg-opacity: 1;
                        background-color: rgb(177 229 202 / var(--tw-bg-opacity));
                    }
}

@media (min-width: 992px) and (min-width: 1600px) {
    .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item.is-search .search-button-toggle {
        background-size: 20px 20px;
        width: 50px;
        height: 50px
    }
}

@media (min-width: 992px) {
    .search-active .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item.is-search .search-button-toggle {
        background-image: url("data:image/svg+xml,%3Csvg id='uuid-26f40e87-1d34-4997-aa66-fc6eee2d7af2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23'%3E%3Cpath d='m22,23c-.26,0-.51-.1-.71-.29l-9.79-9.79L1.71,22.71c-.39.39-1.02.39-1.41,0s-.39-1.02,0-1.41l9.79-9.79L.29,1.71C-.1,1.32-.1.68.29.29S1.32-.1,1.71.29l9.79,9.79L21.29.29c.39-.39,1.02-.39,1.41,0s.39,1.02,0,1.41l-9.79,9.79,9.79,9.79c.39.39.39,1.02,0,1.41-.2.2-.45.29-.71.29Z' style='fill:%23fff;'/%3E%3C/svg%3E")
    }

        .search-active .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item.is-search .search-button-toggle:hover, .search-active .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item.is-search .search-button-toggle:active, .search-active .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item.is-search .search-button-toggle:focus {
            background-image: url("data:image/svg+xml,%3Csvg id='uuid-26f40e87-1d34-4997-aa66-fc6eee2d7af2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23'%3E%3Cpath d='m22,23c-.26,0-.51-.1-.71-.29l-9.79-9.79L1.71,22.71c-.39.39-1.02.39-1.41,0s-.39-1.02,0-1.41l9.79-9.79L.29,1.71C-.1,1.32-.1.68.29.29S1.32-.1,1.71.29l9.79,9.79L21.29.29c.39-.39,1.02-.39,1.41,0s.39,1.02,0,1.41l-9.79,9.79,9.79,9.79c.39.39.39,1.02,0,1.41-.2.2-.45.29-.71.29Z' style='fill:%2336234c;'/%3E%3C/svg%3E")
        }

    .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item .sub-nav-toggle {
        display: none;
    }

    .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item .sub-nav-list {
        position: absolute;
        left: 50%;
        --tw-translate-y: 100%;
        --tw-translate-x: -50%;
        -webkit-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: 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(249 247 242 / var(--tw-bg-opacity));
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        border-radius: 15px;
        bottom: 0px;
        z-index: 200;
    }

        .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item .sub-nav-list .nav-item .nav-link {
            white-space: nowrap;
            --tw-bg-opacity: 1;
            background-color: rgb(249 247 242 / var(--tw-bg-opacity));
            padding-left: 6rem;
            padding-right: 6rem;
            text-align: center;
            font-size: 1.8rem;
            line-height: 6.0rem;
            font-weight: 700;
            --tw-text-opacity: 1;
            color: rgb(54 35 76 / var(--tw-text-opacity));
            height: 60px;
            border-radius: 60px;
        }

            .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item .sub-nav-list .nav-item .nav-link.active {
                --tw-bg-opacity: 1;
                background-color: rgb(241 238 231 / var(--tw-bg-opacity));
                --tw-text-opacity: 1;
                color: rgb(54 35 76 / var(--tw-text-opacity));
            }

            .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item .sub-nav-list .nav-item .nav-link:hover, .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item .sub-nav-list .nav-item .nav-link:focus, .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item .sub-nav-list .nav-item .nav-link:active {
                --tw-bg-opacity: 1;
                background-color: rgb(54 35 76 / var(--tw-bg-opacity));
                --tw-text-opacity: 1;
                color: rgb(177 229 202 / var(--tw-text-opacity));
            }

        .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item .sub-nav-list .nav-item:not(:first-of-type) {
            margin-top: 1rem
        }

    .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item.has-children {
        position: relative;
    }

        .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item.has-children[focus-within] .sub-nav-list, .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item.has-children:focus .sub-nav-list, .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item.has-children:hover .sub-nav-list {
            display: block;
        }

        .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item.has-children:focus-within .sub-nav-list, .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item.has-children:focus .sub-nav-list, .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item.has-children:hover .sub-nav-list {
            display: block;
        }

        .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item.has-children[focus-within]:before, .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item.has-children:focus:before, .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item.has-children:hover:before {
            position: absolute;
            left: 50%;
            display: block;
            --tw-translate-x: -50%;
            --tw-translate-y: 50%;
            --tw-rotate: 45deg;
            -webkit-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: 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(249 247 242 / var(--tw-bg-opacity));
            bottom: -4px;
            width: 18px;
            height: 18px;
            content: "";
        }

        .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item.has-children:focus-within:before, .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item.has-children:focus:before, .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item.has-children:hover:before {
            position: absolute;
            left: 50%;
            display: block;
            --tw-translate-x: -50%;
            --tw-translate-y: 50%;
            --tw-rotate: 45deg;
            -webkit-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: 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(249 247 242 / var(--tw-bg-opacity));
            bottom: -4px;
            width: 18px;
            height: 18px;
            content: "";
        }
}

@media (min-width: 1200px) {
    .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item {
        margin-left: 4rem;
    }
}

@media (min-width: 1600px) {
    .header .primary-navigation .navigation-wrapper .nav-list.primary > .nav-item .sub-nav-list .nav-item .nav-link {
        font-size: 1.8rem;
        line-height: 6.0rem;
    }
}

.nav-active .header .primary-navigation .navigation-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 992px) {
    .header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .header .primary-navigation {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            .header .primary-navigation .logo-wrapper {
                width: auto;
            }

                .header .primary-navigation .logo-wrapper .logo {
                    max-width: 222px
                }
}

.header:before {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 50%;
    display: block;
    width: 100vw;
    --tw-translate-x: -50%;
    -webkit-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: 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(54 35 76 / var(--tw-bg-opacity));
    z-index: -2;
    content: "";
}

.header:after {
    position: absolute;
    bottom: 0px;
    left: 50%;
    display: block;
    width: 100vw;
    --tw-translate-x: -50%;
    -webkit-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: 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(54 35 76 / var(--tw-bg-opacity));
    top: 100px;
    z-index: -1;
    content: "";
}

@media (min-width: 992px) {
    .header:after {
        display: none;
    }
}

.header .mobile-search {
    position: relative;
    margin-bottom: 2rem;
    display: block;
}

    .header .mobile-search input[type=text] {
        width: 100%;
        border-width: 2px;
        --tw-border-opacity: 1;
        border-color: rgb(200 190 166 / var(--tw-border-opacity));
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        font-size: 1.8rem;
        line-height: 5.5rem;
        --tw-text-opacity: 1;
        color: rgb(54 35 76 / var(--tw-text-opacity));
        outline: 2px solid transparent;
        outline-offset: 2px;
        padding-right: calc(40px + 2rem);
        border-radius: 10px;
    }

        .header .mobile-search input[type=text]:focus, .header .mobile-search input[type=text]:active {
            --tw-border-opacity: 1;
            border-color: rgb(255 214 159 / var(--tw-border-opacity));
        }

    .header .mobile-search input[type=submit] {
        position: absolute;
        right: 1rem;
        top: 50%;
        display: block;
        --tw-translate-y: -50%;
        -webkit-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: 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));
        overflow: hidden;
        border-radius: 9999px;
        --tw-bg-opacity: 1;
        background-color: rgb(74 57 94 / var(--tw-bg-opacity));
        background-position: center;
        background-repeat: no-repeat;
        outline: 2px solid transparent;
        outline-offset: 2px;
        background-size: 16px 16px;
        background-image: url("data:image/svg+xml,%3Csvg id='uuid-58b36566-22ea-485a-8a44-7a4b8348f7a3' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m7.18,0c.18.02.36.04.54.06,1.06.13,2.04.49,2.93,1.09,1.61,1.09,2.6,2.58,2.97,4.49.12.62.16,1.25.09,1.88-.13,1.34-.6,2.54-1.43,3.6-.03.03-.05.07-.08.1,0,0,0,.01-.03.04.03.02.07.04.1.07,1.17,1.17,2.34,2.34,3.51,3.52.26.26.28.61.06.89-.25.31-.67.36-.97.1-.04-.03-.07-.06-.1-.1-1.15-1.15-2.3-2.3-3.45-3.45-.03-.03-.05-.06-.07-.1-.13.1-.23.18-.34.26-.86.63-1.82,1.03-2.87,1.22-.76.13-1.52.14-2.28.01-1.55-.25-2.87-.96-3.94-2.11-.9-.96-1.47-2.1-1.71-3.39-.05-.26-.07-.52-.1-.78,0-.03-.01-.06-.02-.09v-.98s.02-.05.02-.08c.03-.19.04-.39.08-.58C.44,3.84,1.36,2.39,2.86,1.3,3.8.61,4.85.2,6.01.06c.18-.02.36-.04.54-.06h.62Zm-.31,1.35c-3.04,0-5.53,2.48-5.53,5.5,0,3.09,2.46,5.57,5.53,5.56,3.05,0,5.53-2.48,5.53-5.52,0-3.06-2.48-5.54-5.53-5.54h0Z' style='fill:%23fff;'/%3E%3C/svg%3E");
        text-indent: -9999px;
        width: 40px;
        height: 40px;
    }

        .header .mobile-search input[type=submit]:hover, .header .mobile-search input[type=submit]:active, .header .mobile-search input[type=submit]:focus {
            --tw-bg-opacity: 1;
            background-color: rgb(177 229 202 / var(--tw-bg-opacity));
            background-image: url("data:image/svg+xml,%3Csvg id='uuid-58b36566-22ea-485a-8a44-7a4b8348f7a3' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m7.18,0c.18.02.36.04.54.06,1.06.13,2.04.49,2.93,1.09,1.61,1.09,2.6,2.58,2.97,4.49.12.62.16,1.25.09,1.88-.13,1.34-.6,2.54-1.43,3.6-.03.03-.05.07-.08.1,0,0,0,.01-.03.04.03.02.07.04.1.07,1.17,1.17,2.34,2.34,3.51,3.52.26.26.28.61.06.89-.25.31-.67.36-.97.1-.04-.03-.07-.06-.1-.1-1.15-1.15-2.3-2.3-3.45-3.45-.03-.03-.05-.06-.07-.1-.13.1-.23.18-.34.26-.86.63-1.82,1.03-2.87,1.22-.76.13-1.52.14-2.28.01-1.55-.25-2.87-.96-3.94-2.11-.9-.96-1.47-2.1-1.71-3.39-.05-.26-.07-.52-.1-.78,0-.03-.01-.06-.02-.09v-.98s.02-.05.02-.08c.03-.19.04-.39.08-.58C.44,3.84,1.36,2.39,2.86,1.3,3.8.61,4.85.2,6.01.06c.18-.02.36-.04.54-.06h.62Zm-.31,1.35c-3.04,0-5.53,2.48-5.53,5.5,0,3.09,2.46,5.57,5.53,5.56,3.05,0,5.53-2.48,5.53-5.52,0-3.06-2.48-5.54-5.53-5.54h0Z' style='fill:%234E3A63;'/%3E%3C/svg%3E");
        }

.header .desktop-search {
    position: absolute;
    left: 0px;
    display: none;
    width: 100%;
    top: 120px;
}

@media (min-width: 1600px) {
    .header .desktop-search {
        top: 140px
    }
}

.search-active .header .desktop-search {
    display: block;
}

.header .desktop-search .search-inner:after {
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 100vw;
    --tw-translate-x: -50%;
    -webkit-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: 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(54 35 76 / var(--tw-bg-opacity));
    height: 1px;
    z-index: 20;
    content: "";
}

.nav-active #cookiescript_badge {
    display: none
}

@media (min-width: 992px) {
    .nav-active #cookiescript_badge {
        display: block
    }
}

.footer {
    position: relative;
    z-index: 80;
}

    .footer:before {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 50%;
        width: 100vw;
        --tw-translate-x: -50%;
        -webkit-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: 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(54 35 76 / var(--tw-bg-opacity));
        content: "";
        z-index: -1;
    }

    .footer .footer-row {
        position: relative;
        z-index: 80;
    }

        .footer .footer-row:before {
            position: absolute;
            top: 0px;
            bottom: 0px;
            left: 50%;
            width: 100vw;
            --tw-translate-x: -50%;
            -webkit-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: 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));
            content: "";
            z-index: -1;
        }

        .footer .footer-row:first-of-type:before {
            --tw-bg-opacity: 1;
            background-color: rgb(54 35 76 / var(--tw-bg-opacity));
        }

        .footer .footer-row:last-of-type:before {
            --tw-bg-opacity: 1;
            background-color: rgb(43 28 61 / var(--tw-bg-opacity));
        }

        .footer .footer-row .footer-nav {
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3;
            grid-column: span 6 / span 6;
        }

            .footer .footer-row .footer-nav.first {
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2;
            }

            .footer .footer-row .footer-nav.third {
                -webkit-box-ordinal-group: 5;
                -ms-flex-order: 4;
                order: 4;
                grid-column: span 12 / span 12;
                margin-bottom: 4rem;
            }

@media (min-width: 992px) {
    .footer .footer-row .footer-nav.third {
        margin-bottom: 0px;
    }
}

@media (min-width: 576px) {
    .footer .footer-row .footer-nav {
        grid-column: span 4 / span 4;
    }

        .footer .footer-row .footer-nav.third {
            grid-column: span 4 / span 4;
        }
}

@media (min-width: 992px) {
    .footer .footer-row .footer-nav {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        grid-column: span 2 / span 2;
    }

        .footer .footer-row .footer-nav.first {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }

        .footer .footer-row .footer-nav.third {
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3;
            grid-column: span 2 / span 2;
        }
}

@media (min-width: 1600px) {
    .main .row.footer .footer-row .footer-nav {
        padding-bottom: 0px;
    }
}

.footer .footer-row .footer-nav .footer-links a {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    text-decoration-line: none;
    font-size: 1.4rem;
    line-height: 2.0rem;
}

@media (min-width: 992px) {
    .footer .footer-row .footer-nav .footer-links a {
        font-size: 1.4rem;
        line-height: 2.0rem;
    }
}

@media (min-width: 1600px) {
    .footer .footer-row .footer-nav .footer-links a {
        font-size: 1.4rem;
        line-height: 2.0rem;
    }
}

.footer .footer-row .footer-nav .footer-links a:hover, .footer .footer-row .footer-nav .footer-links a:focus, .footer .footer-row .footer-nav .footer-links a:active {
    text-decoration-line: underline;
}

.footer .footer-row .footer-nav .section-link {
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: 0
}

    .footer .footer-row .footer-nav .section-link a {
        font-weight: 800;
        --tw-text-opacity: 1;
        color: rgb(177 229 202 / var(--tw-text-opacity));
        text-decoration-line: none;
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

@media (min-width: 992px) {
    .footer .footer-row .footer-nav .section-link a {
        font-size: 1.8rem;
        line-height: 2.8rem;
    }
}

@media (min-width: 1600px) {
    .footer .footer-row .footer-nav .section-link a {
        font-size: 2.0rem;
        line-height: 3.0rem;
    }
}

.footer .footer-row .footer-nav .section-link a:hover, .footer .footer-row .footer-nav .section-link a:focus, .footer .footer-row .footer-nav .section-link a:active {
    text-decoration-line: underline;
}

.footer .footer-row .footer-nav nav + nav {
    margin-top: 4rem
}

.footer .footer-row .button-nav {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    grid-column: span 12 / span 12;
    margin-bottom: 4rem;
}

@media (min-width: 992px) {
    .footer .footer-row .button-nav {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        grid-column: span 2 / span 2;
    }
}

@media (min-width: 1600px) {
    .main .row.footer .footer-row .button-nav {
        padding-bottom: 0px;
    }
}

.footer .footer-row .button-nav .button-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 1.25rem;
    gap: 1.25rem;
}

    .footer .footer-row .button-nav .button-list > * {
        grid-column: span 2 / span 2;
    }

@media (min-width: 768px) {
    .footer .footer-row .button-nav .button-list {
        grid-gap: 1.5rem;
        gap: 1.5rem;
    }

        .footer .footer-row .button-nav .button-list > * {
            grid-column: span 1 / span 1;
        }
}

@media (min-width: 992px) {
    .footer .footer-row .button-nav .button-list {
        grid-gap: 2rem;
        gap: 2rem;
    }

        .footer .footer-row .button-nav .button-list > * {
            grid-column: span 4 / span 4;
        }
}

.footer .footer-row .meta {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    grid-column: span 12 / span 12;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 992px) {
    .footer .footer-row .meta {
        grid-column: span 4 / span 4;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

.footer .footer-row .meta .social-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 4rem;
}

@media (min-width: 992px) {
    .footer .footer-row .meta .social-list {
        margin-bottom: 5rem
    }
}

.footer .footer-row .meta .social-list .social-icon {
    position: relative;
    margin-right: 2rem;
    display: block;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(54 35 76 / var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    width: 40px;
    height: 40px;
    background-size: 20px;
}

    .footer .footer-row .meta .social-list .social-icon svg {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        --tw-translate-x: -50%;
        --tw-translate-y: -50%;
        -webkit-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: 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));
        fill: currentColor;
        width: 20px;
        height: 20px;
    }

    .footer .footer-row .meta .social-list .social-icon:hover, .footer .footer-row .meta .social-list .social-icon:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(177 229 202 / var(--tw-bg-opacity));
    }

    .footer .footer-row .meta .social-list .social-icon:active {
        --tw-bg-opacity: 1;
        background-color: rgb(74 57 94 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

@media (min-width: 992px) {
    .footer .footer-row .meta .social-list .social-icon {
        margin-right: 0px;
        margin-left: 2rem;
    }
}

.footer .footer-row .meta .logo {
    margin-bottom: 4rem;
    max-width: 240px
}

.footer .footer-row .meta .association-logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .footer .footer-row .meta .association-logos img, .footer .footer-row .meta .association-logos .logo {
        margin-right: 2rem;
        height: 60px;
        width: auto;
    }

@media (min-width: 992px) {
    .footer .footer-row .meta .association-logos img, .footer .footer-row .meta .association-logos .logo {
        margin-right: 0px;
        margin-left: 2rem;
    }
}

.footer .footer-row .company-info {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

    .footer .footer-row .company-info p {
        font-size: 1.4rem;
        line-height: 2.0rem;
    }

@media (min-width: 992px) {
    .footer .footer-row .company-info p {
        font-size: 1.4rem;
        line-height: 2.0rem;
    }
}

@media (min-width: 1600px) {
    .footer .footer-row .company-info p {
        font-size: 1.4rem;
        line-height: 2.0rem;
    }
}

.footer .footer-row .company-info p:first-of-type {
    font-weight: 600;
    margin-bottom: 2rem;
}

.footer .footer-row .company-info p:last-of-type {
    margin-bottom: 0px;
}

.price-block {
    text-align: center
}

.dark .price-block .price-block-inner h3, .dark .price-block .price-block-inner ol {
    color: #36234c
}

.light .price-block .price-block-inner h3, .light .price-block .price-block-inner ol, .medium .price-block .price-block-inner h3, .medium .price-block .price-block-inner ol {
    color: #f1eee7
}

.price-block-inner {
    border-radius: 20px;
    padding: 20px 20px 50px;
    text-align: center
}

@media(min-width: 992px) {
    .price-block-inner {
        padding: 50px
    }
}

.price-block-inner + p {
    padding: 0 20px
}

.price-block-inner h3 {
    margin-bottom: 20px
}

.price-block-inner ol li:not(:last-of-type) {
    margin-bottom: 10px
}

.price-block-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    grid-column-gap: 40px;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    grid-row-gap: 20px;
    row-gap: 20px;
    margin-bottom: 50px
}

@media(min-width: 992px) {
    .price-block-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.price-block-list li {
    padding: 30px;
    border-radius: 20px
}

    .price-block-list li * {
        color: #36234c
    }

    .price-block-list li h2 {
        margin: 20px 0
    }

    .price-block-list li:first-child {
        background-color: #b1e5ca
    }

    .price-block-list li:last-child {
        background-color: #b8b8ff
    }

@media(min-width: 992px) {
    .price-block-list li {
        width: calc(50% - 20px)
    }
}

.list-block {
    text-align: center
}

    .list-block h2 {
        margin-bottom: 40px
    }

    .list-block .image-icon-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-row-gap: 30px;
        row-gap: 30px;
        grid-column-gap: 30px;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
        border-radius: 20px;
        padding: 30px
    }

@media(min-width: 992px) {
    .list-block .image-icon-list {
        padding: 60px
    }
}

.list-block .image-icon-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    text-align: left;
    width: 100%;
    font-size: 20px
}

@media(min-width: 992px) {
    .list-block .image-icon-list li {
        width: calc(50% - 15px);
        font-size: 30px
    }
}

.dark .contrast-block .inner-contrast {
    background-color: #f1eee7
}

    .dark .contrast-block .inner-contrast li {
        color: #36234c
    }

.light .contrast-block .inner-contrast, .medium .contrast-block .inner-contrast {
    background-color: #36234c
}

    .light .contrast-block .inner-contrast li, .medium .contrast-block .inner-contrast li {
        color: #fff
    }

.instant-quote {
    text-align: center
}

    .instant-quote::before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        width: 100vw;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 0;
        content: ""
    }

    .instant-quote.mint, .instant-quote.mint::before {
        --tw-bg-opacity: 1;
        background-color: rgb(177 229 202 / var(--tw-bg-opacity));
    }

    .instant-quote.cream, .instant-quote.cream::before {
        --tw-bg-opacity: 1;
        background-color: rgb(241 238 231 / var(--tw-bg-opacity));
    }

    .instant-quote.horizon, .instant-quote.horizon::before {
        --tw-bg-opacity: 1;
        background-color: rgb(184 184 255 / var(--tw-bg-opacity));
    }

    .instant-quote.bubble, .instant-quote.bubble::before {
        --tw-bg-opacity: 1;
        background-color: rgb(204 234 237 / var(--tw-bg-opacity));
    }

    .instant-quote.shine, .instant-quote.shine::before {
        --tw-bg-opacity: 1;
        background-color: rgb(255 214 159 / var(--tw-bg-opacity));
    }

    .instant-quote.rose, .instant-quote.rose::before {
        --tw-bg-opacity: 1;
        background-color: rgb(235 212 255 / var(--tw-bg-opacity));
    }

    .instant-quote.lime, .instant-quote.lime::before {
        --tw-bg-opacity: 1;
        background-color: rgb(214 244 166 / var(--tw-bg-opacity));
    }

    .instant-quote.china, .instant-quote.china::before {
        --tw-bg-opacity: 1;
        background-color: rgb(250 249 245 / var(--tw-bg-opacity));
    }

    .instant-quote.peach, .instant-quote.peach::before {
        --tw-bg-opacity: 1;
        background-color: rgb(255 207 199 / var(--tw-bg-opacity));
    }

    .instant-quote .intro {
        position: relative;
        z-index: 1
    }

    .instant-quote h2 {
        margin-bottom: 40px
    }

    .instant-quote .btn {
        margin-top: 30px;
        color: #fff
    }

        .instant-quote .btn:hover {
            border-color: #fff;
            background-color: #fff
        }

.skip-link {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    text-align: center;
    z-index: 100;
    color: #fff;
    font-size: 2em;
    padding: .3em;
    text-decoration: underline
}

    .skip-link:focus {
        top: 0;
        left: 0;
        right: 0;
        overflow: visible;
        width: auto;
        height: auto
    }

.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

@media screen and (max-width: 767px) {
    _::-webkit-full-page-media, _:future, :root .safari_footer_element {
        padding-bottom: 65px
    }
}

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

.block {
    display: block;
}

.inline {
    display: inline;
}

.hidden {
    display: none;
}

.outline {
    outline-style: solid;
}

.filter {
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: 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);
}