@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap);

/**
 * Don’t put @config before your @import statements
 */
/* Import Rubik from Google Fonts with all weights */
/* Sans serif  */
@font-face {
    font-family: 'Open Sans';
    src: url('./fonts/OpenSans-Regular.woff2') format('woff2'),
        url('./fonts/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-Italic.woff2') format('woff2'),
        url('OpenSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('./fonts/OpenSans-Bold.woff2') format('woff2'),
        url('./fonts/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('./fonts/OpenSans-BoldItalic.woff2') format('woff2'),
        url('./fonts/OpenSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
/* Serif  */
@font-face {
    font-family: 'Noto Serif';
    src: url('./fonts/NotoSerif.woff2') format('woff2'),
        url('./fonts/NotoSerif.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Serif';
    src: url('./fonts/NotoSerif-Italic.woff2') format('woff2'),
        url('./fonts/NotoSerif-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Serif';
    src: url('./fonts/NotoSerif-Bold.woff2') format('woff2'),
        url('./fonts/NotoSerif-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Serif';
    src: url('./fonts/NotoSerif-BoldItalic.woff2') format('woff2'),
        url('./fonts/NotoSerif-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
/* Mono */
@font-face {
    font-family: 'Space Mono';
    src: url('./fonts/SpaceMono-Regular.woff2') format('woff2'),
        url('./fonts/SpaceMono-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Space Mono';
    src: url('./fonts/SpaceMono-Italic.woff2') format('woff2'),
        url('./fonts/SpaceMono-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Space Mono';
    src: url('./fonts/SpaceMono-Bold.woff2') format('woff2'),
        url('./fonts/SpaceMono-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Space Mono';
    src: url('./fonts/SpaceMono-BoldItalic.woff2') format('woff2'),
        url('./fonts/SpaceMono-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
/**
 * This injects Tailwind's base styles and any base styles registered by
 * plugins.
 */
*, ::before, ::after{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
::backdrop{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
/*! tailwindcss v3.4.12 | MIT License | https://tailwindcss.com
 */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: Rubik, Open Sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: Space Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}
body{
    font-weight: 400;
}
img,
picture{
    max-width: 100%;
}
/* selection  */
::-moz-selection{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
::selection{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
/* alignlet, alignright, aligncenter, alignnone  */
div.alignleft,
figure.alignleft,
img.alignleft{
    margin-right: 2.5rem;
    max-width: 50%;
}
@media (min-width: 768px){
    div.alignleft,
figure.alignleft,
img.alignleft{
        float: left;
    }
}
div.alignright,
figure.alignright,
img.alignright{
    margin-left: 2.5rem;
    max-width: 50%;
}
@media (min-width: 768px){
    div.alignright,
figure.alignright,
img.alignright{
        float: right;
    }
}
div.aligncenter,
figure.aligncenter,
img.aligncenter{
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.wp-caption img{
    margin-bottom: 1rem;
}
.wp-caption-text{
    font-size: 1rem;
    line-height: 1.5rem;
    color: inherit;
}
.custom-svg-icon-wrapper svg{
    height: auto;
    width: 100%;
}
/**
  * This injects Tailwind's component classes and any component classes
  * registered by plugins.
  */
.container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 4rem;
    padding-left: 4rem;
}
@media (min-width: 640px){
    .container{
        max-width: 640px;
    }
}
@media (min-width: 768px){
    .container{
        max-width: 768px;
    }
}
@media (min-width: 1024px){
    .container{
        max-width: 1024px;
    }
}
@media (min-width: 1280px){
    .container{
        max-width: 1280px;
    }
}
@media (min-width: 1536px){
    .container{
        max-width: 1536px;
    }
}
.prose{
    color: var(--tw-prose-body);
    max-width: 65ch;
}
.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.25em;
    margin-bottom: 1.25em;
}
.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: var(--tw-prose-lead);
    font-size: 1.25em;
    line-height: 1.6;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
}
.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: var(--tw-prose-links);
    text-decoration: underline;
    font-weight: 500;
}
.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: var(--tw-prose-bold);
    font-weight: 600;
}
.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: inherit;
}
.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: inherit;
}
.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: inherit;
}
.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    list-style-type: decimal;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
}
.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    list-style-type: upper-alpha;
}
.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    list-style-type: lower-alpha;
}
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    list-style-type: upper-alpha;
}
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    list-style-type: lower-alpha;
}
.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    list-style-type: upper-roman;
}
.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    list-style-type: lower-roman;
}
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    list-style-type: upper-roman;
}
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    list-style-type: lower-roman;
}
.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    list-style-type: decimal;
}
.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    list-style-type: disc;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
    font-weight: 400;
    color: var(--tw-prose-counters);
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
    color: var(--tw-prose-bullets);
}
.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.25em;
}
.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom: 3em;
}
.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-weight: 500;
    font-style: italic;
    color: var(--tw-prose-quotes);
    border-inline-start-width: 0.25rem;
    border-inline-start-color: var(--tw-prose-quote-borders);
    quotes: "\201C""\201D""\2018""\2019";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-inline-start: 1em;
}
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
    content: open-quote;
}
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
    content: close-quote;
}
.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: var(--tw-prose-headings);
    font-weight: 800;
    font-size: 2.25em;
    margin-top: 0;
    margin-bottom: 0.8888889em;
    line-height: 1.1111111;
}
.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-weight: 900;
    color: inherit;
}
.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: var(--tw-prose-headings);
    font-weight: 700;
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 1.3333333;
}
.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-weight: 800;
    color: inherit;
}
.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: var(--tw-prose-headings);
    font-weight: 600;
    font-size: 1.25em;
    margin-top: 1.6em;
    margin-bottom: 0.6em;
    line-height: 1.6;
}
.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-weight: 700;
    color: inherit;
}
.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    line-height: 1.5;
}
.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-weight: 700;
    color: inherit;
}
.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 2em;
    margin-bottom: 2em;
}
.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    display: block;
    margin-top: 2em;
    margin-bottom: 2em;
}
.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 2em;
    margin-bottom: 2em;
}
.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-weight: 500;
    font-family: inherit;
    color: var(--tw-prose-kbd);
    box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
    font-size: 0.875em;
    border-radius: 0.3125rem;
    padding-top: 0.1875em;
    padding-inline-end: 0.375em;
    padding-bottom: 0.1875em;
    padding-inline-start: 0.375em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: var(--tw-prose-code);
    font-weight: 600;
    font-size: 0.875em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
    content: "`";
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
    content: "`";
}
.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: inherit;
}
.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: inherit;
}
.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: inherit;
    font-size: 0.875em;
}
.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: inherit;
    font-size: 0.9em;
}
.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: inherit;
}
.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: inherit;
}
.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: inherit;
}
.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: var(--tw-prose-pre-code);
    background-color: var(--tw-prose-pre-bg);
    overflow-x: auto;
    font-weight: 400;
    font-size: 0.875em;
    line-height: 1.7142857;
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
    border-radius: 0.375rem;
    padding-top: 0.8571429em;
    padding-inline-end: 1.1428571em;
    padding-bottom: 0.8571429em;
    padding-inline-start: 1.1428571em;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    background-color: transparent;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
    content: none;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
    content: none;
}
.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    width: 100%;
    table-layout: auto;
    text-align: start;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: 0.875em;
    line-height: 1.7142857;
}
.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders);
}
.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: var(--tw-prose-headings);
    font-weight: 600;
    vertical-align: bottom;
    padding-inline-end: 0.5714286em;
    padding-bottom: 0.5714286em;
    padding-inline-start: 0.5714286em;
}
.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders);
}
.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    border-bottom-width: 0;
}
.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    vertical-align: baseline;
}
.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders);
}
.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    vertical-align: top;
}
.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0;
    margin-bottom: 0;
}
.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: var(--tw-prose-captions);
    font-size: 0.875em;
    line-height: 1.4285714;
    margin-top: 0.8571429em;
}
.prose{
    --tw-prose-body: #374151;
    --tw-prose-headings: #111827;
    --tw-prose-lead: #4b5563;
    --tw-prose-links: #111827;
    --tw-prose-bold: #111827;
    --tw-prose-counters: #6b7280;
    --tw-prose-bullets: #d1d5db;
    --tw-prose-hr: #e5e7eb;
    --tw-prose-quotes: #111827;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6b7280;
    --tw-prose-kbd: #111827;
    --tw-prose-kbd-shadows: 17 24 39;
    --tw-prose-code: #111827;
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1f2937;
    --tw-prose-th-borders: #d1d5db;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5db;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #9ca3af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #9ca3af;
    --tw-prose-invert-bullets: #4b5563;
    --tw-prose-invert-hr: #374151;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #374151;
    --tw-prose-invert-captions: #9ca3af;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: 255 255 255;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5db;
    --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
    --tw-prose-invert-th-borders: #4b5563;
    --tw-prose-invert-td-borders: #374151;
    font-size: 1rem;
    line-height: 1.75;
}
.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0;
    margin-bottom: 0;
}
.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-inline-start: 0.375em;
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-inline-start: 0.375em;
}
.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}
.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.25em;
}
.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-bottom: 1.25em;
}
.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.25em;
}
.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-bottom: 1.25em;
}
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}
.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.25em;
    margin-bottom: 1.25em;
}
.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0.5em;
    padding-inline-start: 1.625em;
}
.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0;
}
.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0;
}
.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0;
}
.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0;
}
.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-inline-start: 0;
}
.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-inline-end: 0;
}
.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-top: 0.5714286em;
    padding-inline-end: 0.5714286em;
    padding-bottom: 0.5714286em;
    padding-inline-start: 0.5714286em;
}
.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-inline-start: 0;
}
.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-inline-end: 0;
}
.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 2em;
    margin-bottom: 2em;
}
.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0;
}
.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-bottom: 0;
}
.prose-sm{
    font-size: 0.875rem;
    line-height: 1.7142857;
}
.prose-sm :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.1428571em;
    margin-bottom: 1.1428571em;
}
.prose-sm :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 1.2857143em;
    line-height: 1.5555556;
    margin-top: 0.8888889em;
    margin-bottom: 0.8888889em;
}
.prose-sm :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
    padding-inline-start: 1.1111111em;
}
.prose-sm :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 2.1428571em;
    margin-top: 0;
    margin-bottom: 0.8em;
    line-height: 1.2;
}
.prose-sm :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 1.4285714em;
    margin-top: 1.6em;
    margin-bottom: 0.8em;
    line-height: 1.4;
}
.prose-sm :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 1.2857143em;
    margin-top: 1.5555556em;
    margin-bottom: 0.4444444em;
    line-height: 1.5555556;
}
.prose-sm :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.4285714em;
    margin-bottom: 0.5714286em;
    line-height: 1.4285714;
}
.prose-sm :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
}
.prose-sm :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
}
.prose-sm :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0;
    margin-bottom: 0;
}
.prose-sm :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
}
.prose-sm :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 0.8571429em;
    border-radius: 0.3125rem;
    padding-top: 0.1428571em;
    padding-inline-end: 0.3571429em;
    padding-bottom: 0.1428571em;
    padding-inline-start: 0.3571429em;
}
.prose-sm :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 0.8571429em;
}
.prose-sm :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 0.9em;
}
.prose-sm :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 0.8888889em;
}
.prose-sm :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 0.8571429em;
    line-height: 1.6666667;
    margin-top: 1.6666667em;
    margin-bottom: 1.6666667em;
    border-radius: 0.25rem;
    padding-top: 0.6666667em;
    padding-inline-end: 1em;
    padding-bottom: 0.6666667em;
    padding-inline-start: 1em;
}
.prose-sm :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.1428571em;
    margin-bottom: 1.1428571em;
    padding-inline-start: 1.5714286em;
}
.prose-sm :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.1428571em;
    margin-bottom: 1.1428571em;
    padding-inline-start: 1.5714286em;
}
.prose-sm :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0.2857143em;
    margin-bottom: 0.2857143em;
}
.prose-sm :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-inline-start: 0.4285714em;
}
.prose-sm :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-inline-start: 0.4285714em;
}
.prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0.5714286em;
    margin-bottom: 0.5714286em;
}
.prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.1428571em;
}
.prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-bottom: 1.1428571em;
}
.prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.1428571em;
}
.prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-bottom: 1.1428571em;
}
.prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0.5714286em;
    margin-bottom: 0.5714286em;
}
.prose-sm :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.1428571em;
    margin-bottom: 1.1428571em;
}
.prose-sm :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.1428571em;
}
.prose-sm :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0.2857143em;
    padding-inline-start: 1.5714286em;
}
.prose-sm :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 2.8571429em;
    margin-bottom: 2.8571429em;
}
.prose-sm :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0;
}
.prose-sm :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0;
}
.prose-sm :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0;
}
.prose-sm :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0;
}
.prose-sm :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 0.8571429em;
    line-height: 1.5;
}
.prose-sm :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-inline-end: 1em;
    padding-bottom: 0.6666667em;
    padding-inline-start: 1em;
}
.prose-sm :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-inline-start: 0;
}
.prose-sm :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-inline-end: 0;
}
.prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-top: 0.6666667em;
    padding-inline-end: 1em;
    padding-bottom: 0.6666667em;
    padding-inline-start: 1em;
}
.prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-inline-start: 0;
}
.prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    padding-inline-end: 0;
}
.prose-sm :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
}
.prose-sm :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0;
    margin-bottom: 0;
}
.prose-sm :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-size: 0.8571429em;
    line-height: 1.3333333;
    margin-top: 0.6666667em;
}
.prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0;
}
.prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-bottom: 0;
}
/* Skip to Content Link */
.skip-to-content {
  position: fixed;
  display: inline-block;
  width: 0.1rem;
  height: 0.1rem;
  overflow: hidden;
  z-index: -999;
  font-weight: 400;
  text-decoration: none;
  opacity: 0;
}
.skip-to-content:visited,
.skip-to-content:focus-visible,
.skip-to-content:active {
  opacity: 1;
  width: auto;
  height: auto;
  padding: 1rem 2rem;
  outline-width: 0.1rem;
  outline-style: dashed;
  outline-offset: -0.4rem;
  z-index: 9999;
}
/* Buttons */
.btn-blue{
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn-blue:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}
/* WYSIWYG primary link (TinyMCE "Primär knapp"); matches button.php blue */
.prose a.crf-btn-primary{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 3rem;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(40 103 130 / var(--tw-bg-opacity));
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    text-decoration-line: none;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.prose a.crf-btn-primary:hover{
    opacity: 0.95;
}
/* Section Spacing */
section.bg-white + section.bg-white,
section.bg-gray-100 + section.bg-gray-100,
section.bg-gray-900 + section.bg-gray-900{
    padding-top: 0px;
}
/* Mobile Menu */
.js-dropdown-toggle svg.rotate-180 {
  transform: rotate(180deg);
}
@media (max-width: 1023px) {
  .admin-bar #mobile-menu {
    margin-top: 0;
  }

  .mobile-menu-active .js-mobile-menu-toggle {
    position: fixed;
    top: 1rem;
    right: calc(11px + 0.3rem);
    z-index: 10000;
    border: 3px solid white;
  }

  .admin-bar.mobile-menu-active .js-mobile-menu-toggle {
    top: calc(46px + 0.75rem);
  }
}
@media (min-width: 783px) and (max-width: 1023px) {
  .admin-bar.mobile-menu-active .js-mobile-menu-toggle {
    top: calc(32px + 0.75rem);
  }
}
/* Form block: background blob (right side) */
.form-block {
  position: relative;
  overflow: hidden;
}
.form-block__bg {
  position: absolute;
  top: 2rem;
  right: -4rem;
  width: min(360px, 50vw);
  height: auto;
  max-height: 465px;
  pointer-events: none;
  z-index: 0;
}
.form-block__bg-svg {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-block__content {
  position: relative;
  z-index: 1;
}
/* Form block: when Repejo checkout is used, allow wider section and keep form centered */
.form-block:has(repejo-checkout){
    overflow: visible;
}
.form-block .grid:has(repejo-checkout){
    max-width: 1024px;
    overflow: visible;
}
/* Keep heading and preamble at original narrow width when Repejo form is present */
.form-block .grid:has(repejo-checkout) .col-span-1 > *:not(:has(repejo-checkout)){
    margin-left: auto;
    margin-right: auto;
    max-width: 694px;
}
@media (min-width: 1024px) {
  .form-block .grid:has(repejo-checkout){
        max-width: 1200px;
    }
}
.form-block repejo-checkout,
.form-block .repejo-checkout-container{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
/* Form block: GF. In form-box wrapper has no bg/padding; else white card + padding. */
.form-block__form-box .form-block__gravity-form .gform_wrapper {
  background: none;
  padding: 0;
}
.form-block__gravity-form .gform_wrapper{
    max-width: 100%;
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
section.form-block__gravity-form .gform_wrapper + section.bg-white{
    padding-top: 0px;
}
.form-block__gravity-form .gform_wrapper {
  padding: 48px 64px;
  --gf-ctrl-choice-check-color: #fff;
}
.form-block__gravity-form .gform_validation_errors,
.form-block__gravity-form div.validation_error.gform_validation_error {
  display: none !important;
}
.form-block__gravity-form .gform_wrapper .gform_heading{
    margin-bottom: 1.5rem;
}
.form-block__gravity-form .gform_wrapper .gform_heading .gform_title,
.form-block__gravity-form .gform_wrapper .gform_description,
.form-block__gravity-form .gform_wrapper .gfield_label,
.form-block__gravity-form .gform_wrapper .gfield_required,
.form-block__gravity-form .gform_wrapper .ginput_container label,
.form-block__gravity-form .gform_wrapper .ginput_complex label,
.form-block__gravity-form .gform_wrapper .gfield_checkbox li label,
.form-block__gravity-form .gform_wrapper .gfield_radio li label {
  color: #1a1a1a;
}
.form-block__gravity-form .gform_wrapper .gform_heading .gform_title,
.form-block__gravity-form .gform_wrapper .gfield_label{
    margin-bottom: 0.5rem;
    display: block;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.44;
    letter-spacing: -0.01em;
}
.form-block__gravity-form .gform_wrapper .gform_description{
    text-align: left;
    font-size: 16px;
    font-weight: 500;
}
.form-block__gravity-form .gform_wrapper .gfield_required.gfield_required_text,
.form-block__gravity-form .gform_wrapper .gfield_required.gfield_required_custom{
    font-size: 0;
}
.form-block__gravity-form .gform_wrapper .gfield_required.gfield_required_text::after,
.form-block__gravity-form .gform_wrapper .gfield_required.gfield_required_custom::after {
  content: '*';
  font-size: 16px;
  font-weight: 500;
  color: #1a1a1a;
}
.form-block__gravity-form .gform_wrapper .ginput_container label,
.form-block__gravity-form .gform_wrapper .ginput_complex label{
    text-align: left;
    font-size: 16px;
    font-weight: 500;
}
.form-block__gravity-form .gform_wrapper input[type="text"],
.form-block__gravity-form .gform_wrapper input[type="email"],
.form-block__gravity-form .gform_wrapper input[type="tel"],
.form-block__gravity-form .gform_wrapper input[type="url"],
.form-block__gravity-form .gform_wrapper input[type="number"],
.form-block__gravity-form .gform_wrapper textarea{
    box-sizing: border-box;
    min-height: 3rem;
    width: 100%;
    border-radius: 0.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(44 95 124 / var(--tw-border-opacity));
    background-color: #EFF3F780;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: left;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0em;
    --tw-text-opacity: 1;
    color: rgb(40 103 130 / var(--tw-text-opacity));
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.form-block__gravity-form .gform_wrapper textarea{
    min-height: 8rem;
    padding: 1rem;
}
.form-block__gravity-form .gform_wrapper input:focus,
.form-block__gravity-form .gform_wrapper input:focus-visible,
.form-block__gravity-form .gform_wrapper textarea:focus,
.form-block__gravity-form .gform_wrapper textarea:focus-visible{
    --tw-border-opacity: 1;
    border-color: rgb(44 95 124 / var(--tw-border-opacity));
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.form-block__gravity-form .gform_wrapper input::-moz-placeholder, .form-block__gravity-form .gform_wrapper textarea::-moz-placeholder{
    --tw-text-opacity: 1;
    color: rgb(40 103 130 / var(--tw-text-opacity));
}
.form-block__gravity-form .gform_wrapper input::placeholder,
.form-block__gravity-form .gform_wrapper textarea::placeholder{
    --tw-text-opacity: 1;
    color: rgb(40 103 130 / var(--tw-text-opacity));
}
.form-block__gravity-form .gform_wrapper .charleft,
.form-block__gravity-form .gform_wrapper .ginput_counter{
    display: none;
}
.form-block__gravity-form .gform_wrapper .gform_fields{
    margin: 0px;
    display: grid;
    list-style-type: none;
    gap: 1.25rem;
    padding: 0px;
}
.form-block .form-block__gravity-form .gform_wrapper .gform_fields:has(repejo-checkout){
    max-width: 1024px;
    overflow: visible;
}
.form-block .form-block__gravity-form .gform_wrapper .gform_fields:has(repejo-checkout) .col-span-1 > *:not(:has(repejo-checkout)){
    margin-left: auto;
    margin-right: auto;
    max-width: 694px;
}
@media (min-width: 1024px) {
  .form-block .form-block__gravity-form .gform_wrapper .gform_fields:has(repejo-checkout){
        max-width: 1200px;
    }
}
.form-block__gravity-form .gform_wrapper .gform_fields {
  grid-template-columns: 1fr 1fr;
}
.form-block__gravity-form .gform_wrapper .gfield {
  grid-column: 1 / -1;
}
.form-block__gravity-form .gform_wrapper .gfield.gfield--width-half{
    grid-column: span 1 / span 1;
}
.form-block .grid:has(repejo-checkout) .form-block__gravity-form .gform_wrapper .gfield.gfield--width-half > *:not(:has(repejo-checkout)){
    margin-left: auto;
    margin-right: auto;
    max-width: 694px;
}
.form-block__form-box {
  position: relative;
  margin-bottom: calc(60px + 1.5rem);
}
.form-block__gravity-form .gform_wrapper .gform_footer{
    grid-column: 1/-1;
    margin-bottom: 0px;
    padding: 0px;
    text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  width: 100%;
  margin-top: 1.5rem;
  margin-left: 0;
  margin-right: 0;
}
.form-block__gravity-form .gform_wrapper .gform_footer input[type="submit"],
.form-block__gravity-form .gform_wrapper .gform_footer button[type="submit"]{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-style: none;
    font-size: 16px;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.form-block__gravity-form .gform_wrapper .gform_footer input[type="submit"]:hover,
.form-block__gravity-form .gform_wrapper .gform_footer button[type="submit"]:hover{
    opacity: 0.9;
}
/* No focus ring: selector beats GF theme. */
.form-block__gravity-form .gform_footer button[id^="gform_submit_button_"]:focus,
.form-block__gravity-form .gform_footer button[id^="gform_submit_button_"]:focus-visible,
.form-block__gravity-form .gform_footer button[id^="gform_submit_button_"]:active {
  outline: none !important;
  outline-offset: 0 !important;
  border: none !important;
  box-shadow: none !important;
}
.form-block__gravity-form .gform-loader,
.form-block__gravity-form [id^="gform_ajax_spinner_"] {
  display: none !important;
}
.form-block__gravity-form .gform_wrapper .gfield_checkbox li label,
.form-block__gravity-form .gform_wrapper .gfield_radio li label{
    text-align: left;
    font-size: 16px;
    font-weight: 500;
}
.form-block__gravity-form .gform_wrapper input[type="checkbox"],
.form-block__gravity-form .gform_wrapper input[type="radio"] {
  accent-color: #286782;
}
.form-block__gravity-form .gform_wrapper .ginput_container_consent{
    margin-top: 0.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}
.form-block__gravity-form .gform_wrapper .ginput_container_consent label,
.form-block__gravity-form .gform_wrapper .gfield_consent_label{
    flex: 1 1 0%;
    text-align: left;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0em;
  color: #15191E;
}
.form-block__gravity-form .gform_wrapper .ginput_container_consent input[type="checkbox"]{
    margin-top: 0.125rem;
    height: 1.25rem;
    width: 1.25rem;
    flex-shrink: 0;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 0.375rem;
    border-width: 1px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
section.form-block__gravity-form .gform_wrapper .ginput_container_consent input[type="checkbox"] + section.bg-white{
    padding-top: 0px;
}
.form-block__gravity-form .gform_wrapper .ginput_container_consent input[type="checkbox"] {
  border-color: #286782;
}
.form-block__gravity-form .gform_wrapper .ginput_container_consent input[type="checkbox"]:checked {
  background: #286782 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3E%3C/svg%3E") center/12px no-repeat;
  --gf-ctrl-choice-check-color: #fff;
}
.form-block__gravity-form .gform_wrapper .ginput_container_consent input[type="checkbox"]:checked::before {
  color: #fff !important;
}
.form-block__gravity-form .gform_wrapper .gfield_consent_description{
    margin-top: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    line-height: 150%;
  color: #15191E;
}
@media (max-width: 767px) {
  .form-block__gravity-form .gform_wrapper .gform_fields {
    grid-template-columns: 1fr;
  }

  .form-block__gravity-form .gform_wrapper {
    padding: 1.5rem 1.25rem;
  }
}
/* Rule Form (rulemailer-subscriber-form) */
#rule-optin-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 20px;
  max-width: 100%;
  width: 100%;
}
/* Email row: full width */
#rule-optin-form label:not(.rulemailer-email-check):nth-of-type(1),
#rule-optin-form input[type="email"] {
  grid-column: 1 / -1;
}
/* Förnamn / Efternamn row: labels side by side */
#rule-optin-form label:not(.rulemailer-email-check):nth-of-type(2) {
  grid-column: 1;
  grid-row: 3;
}
#rule-optin-form label:not(.rulemailer-email-check):nth-of-type(3) {
  grid-column: 2;
  grid-row: 3;
}
#rule-optin-form input[name="fields[Subscriber.FirstName]"] {
  grid-column: 1;
  grid-row: 4;
}
#rule-optin-form input[name="fields[Subscriber.LastName]"] {
  grid-column: 2;
  grid-row: 4;
}
#rule-optin-form label:not(.rulemailer-email-check) {
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.44;
  letter-spacing: -0.01em;
  color: #1a1a1a;
  text-align: left;
}
#rule-optin-form input[type="email"] {
  margin-bottom: 20px;
}
#rule-optin-form input[type="email"],
#rule-optin-form input[type="text"] {
  width: 100%;
  height: 48px;
  padding: 0 16px;
  font-size: 16px;
  border: 1px solid #2c5f7c;
  border-radius: 8px;
  background-color: #ffffff;
  color: #1a1a1a;
  transition: all 0.3s ease;
  box-sizing: border-box;
}
#rule-optin-form input[type="email"]:focus,
#rule-optin-form input[type="text"]:focus {
  outline: none;
  border-color: #2c5f7c;
  box-shadow: none;
}
#rule-optin-form input::-moz-placeholder {
  color: #999999;
}
#rule-optin-form input::placeholder {
  color: #999999;
}
/* Rule form: consent checkbox container (same style as Gravity Forms consent) */
#rule-optin-form div:has(> input[name="confirmation"]) {
  grid-column: 1 / -1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 24px;
}
#rule-optin-form div:has(> input[name="confirmation"]) input[type="checkbox"] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  margin: 0;
  margin-top: 2px;
  padding: 0;
  border: 1px solid #286782;
  border-radius: 6px;
  background-color: #fff;
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  flex-shrink: 0;
}
#rule-optin-form div:has(> input[name="confirmation"]) input[type="checkbox"]:checked {
  background: #286782 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3E%3C/svg%3E") center/12px no-repeat;
}
#rule-optin-form div:has(> input[name="confirmation"]) span,
#rule-optin-form div:has(> input[name="confirmation"]) a {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #15191E;
  text-align: left;
}
#rule-optin-form div:has(> input[name="confirmation"]) a {
  color: #286782;
  text-decoration: underline;
  cursor: pointer;
}
#rule-optin-form div:has(> input[name="confirmation"]) a:hover {
  color: #1a4660;
}
/* Honeypot: keep off-screen */
#rule-optin-form .rulemailer-email-check {
  grid-column: 1 / -1;
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  opacity: 0;
}
#rule-optin-form button[type="submit"] {
  grid-column: 1 / -1;
  justify-self: center;
  margin-left: auto;
  margin-right: auto;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  width: auto;
  min-width: 240px;
  margin-top: 32px;
  padding: 16px 40px;
  color: #ffffff;
  background-color: #2c5f7c;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
#rule-optin-form .rule-form-submit-icon {
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  color: currentColor;
}
#rule-optin-form button[type="submit"]:hover {
  opacity: 0.95;
}
/* Stack name fields on small screens */
@media (max-width: 767px) {
  #rule-optin-form {
    grid-template-columns: 1fr;
  }
  #rule-optin-form label:not(.rulemailer-email-check):nth-of-type(1),
  #rule-optin-form input[type="email"],
  #rule-optin-form label:not(.rulemailer-email-check):nth-of-type(2),
  #rule-optin-form label:not(.rulemailer-email-check):nth-of-type(3),
  #rule-optin-form input[name="fields[Subscriber.FirstName]"],
  #rule-optin-form input[name="fields[Subscriber.LastName]"],
  #rule-optin-form button[type="submit"] {
    grid-column: 1;
    grid-row: auto;
  }
}
/* Rule Form variant: .rule-blue (teal container, white labels/inputs, pink submit) */
.rule-blue {
  background-color: #286782;
  border-radius: 1.5rem;
  padding: 48px 64px;
  max-width: 100%;
}
.rule-blue #rule-optin-form label:not(.rulemailer-email-check) {
  color: #fff;
}
.rule-blue #rule-optin-form input[type="email"],
.rule-blue #rule-optin-form input[type="text"] {
  background-color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #1a1a1a;
}
.rule-blue #rule-optin-form input[type="email"]:focus,
.rule-blue #rule-optin-form input[type="text"]:focus {
  border-color: rgba(255, 255, 255, 0.8);
  box-shadow: none;
}
.rule-blue #rule-optin-form input::-moz-placeholder {
  color: #666;
}
.rule-blue #rule-optin-form input::placeholder {
  color: #666;
}
.rule-blue #rule-optin-form div:has(> input[name="confirmation"]) span,
.rule-blue #rule-optin-form div:has(> input[name="confirmation"]) a {
  color: #fff;
}
.rule-blue #rule-optin-form div:has(> input[name="confirmation"]) a:hover {
  color: rgba(255, 255, 255, 0.9);
}
.rule-blue #rule-optin-form div:has(> input[name="confirmation"]) input[type="checkbox"] {
  border-color: rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.2);
}
.rule-blue #rule-optin-form div:has(> input[name="confirmation"]) input[type="checkbox"]:checked {
  background: #286782 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3E%3C/svg%3E") center/12px no-repeat;
  border-color: #fff;
}
.rule-blue #rule-optin-form button[type="submit"] {
  background-color: #FCE0ED;
  color: #286782;
  border-radius: 3rem;
  width: 100%;
  min-width: unset;
  transition: opacity 0.3s ease;
}
.rule-blue #rule-optin-form button[type="submit"]:hover {
  opacity: 0.9;}
@media (max-width: 767px) {
  .rule-blue {
    padding: 1.5rem 1.25rem;
  }
}
/* Ansökningsformulär */
.ansokningsformular-form__input::-moz-placeholder {
  opacity: 0.6;
}
.ansokningsformular-form__input::placeholder {
  opacity: 0.6;
}
.ansokningsformular-form__input::-webkit-input-placeholder {
  opacity: 0.6;
}
.ansokningsformular-form__input::-moz-placeholder {
  opacity: 0.6;
}
.ansokningsformular-form__input:-ms-input-placeholder {
  opacity: 0.6;
}
.ansokningsformular-form__input::-ms-input-placeholder {
  opacity: 0.6;
}
.ansokningsformular-form__input:focus,
.ansokningsformular-form__input:focus-visible {
  outline: none;
  box-shadow: none;
}
.ansokningsformular-form__input.invalid{
    --tw-border-opacity: 1;
    border-color: rgb(228 35 19 / var(--tw-border-opacity));
}
.ansokningsformular-form__checkbox.invalid{
    --tw-border-opacity: 1;
    border-color: rgb(228 35 19 / var(--tw-border-opacity));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity));
}
.ansokningsformular-form__step-dot .ansokningsformular-form__step-circle {
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
/* Mobile: compact step circles */
.ansokningsformular-form__step-dot .ansokningsformular-form__step-circle {
  width: 2.25rem;
  height: 2.25rem;
}
@media (min-width: 768px) {
  .ansokningsformular-form__step-dot .ansokningsformular-form__step-circle {
    width: 50px;
    height: 50px;
  }
}
.ansokningsformular-form__step-label {
  transition: color 0.2s, font-weight 0.2s;
}
.ansokningsformular-form__btn:disabled{
    cursor: not-allowed;
    opacity: 0.6;
}
.ansokningsformular-form__radio-dot {
  transition: background-color 0.2s, border-color 0.2s;
}
.ansokningsformular-form__radio-input:checked ~ .ansokningsformular-form__radio-dot{
    --tw-border-opacity: 1;
    border-color: rgb(40 103 130 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(40 103 130 / var(--tw-bg-opacity));
}
.ansokningsformular-form__radio-input:checked ~ .ansokningsformular-form__radio-dot::after {
  content: "✓";
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.ansokningsformular-form__radio-dot::after {
  display: block;
}
.ansokningsformular-form__radio-option:hover .ansokningsformular-form__radio-dot{
    border-color: rgb(40 103 130 / 0.5);
}
.ansokningsformular-form .ansokningsformular-form__btn:focus,
.ansokningsformular-form .ansokningsformular-form__btn:focus-visible,
.ansokningsformular-form button:focus,
.ansokningsformular-form button:focus-visible {
  outline: none;
  box-shadow: none;
}
/* Image carousel slide widths (desktop) */
@media (min-width: 1024px) {
  .carousel-slide {
    width: 279px;
    /* No transition on width - animating it triggers Embla resize loop and causes lag */
  }
  .carousel-slide.is-active-card {
    width: 689px;
    max-width: min(689px, 90vw);
  }
}
/* Carousel block: active item max-width so it doesn't overflow with many items */
@media (min-width: 1024px) {
  .carousel-card.is-active {
    max-width: min(689px, 90vw);
  }
}
@media (max-width: 1023.98px) {
  .carousel-slide {
    width: 100%;
  }
}
/* Carousel with 2-3 items: ensure container overflows viewport so arrows can scroll to last item */
.js-carousel.carousel-few-items .js-carousel-viewport > * {
  min-width: calc(100% + 1px);
}
/**
  * This injects Tailwind's utility classes and any utility classes registered
  * by plugins.
  */
.sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
.pointer-events-none{
    pointer-events: none;
}
.invisible{
    visibility: hidden;
}
.static{
    position: static;
}
.fixed{
    position: fixed;
}
.absolute{
    position: absolute;
}
.relative{
    position: relative;
}
.inset-0{
    inset: 0px;
}
.inset-x-0{
    left: 0px;
    right: 0px;
}
.-right-12{
    right: -3rem;
}
.bottom-0{
    bottom: 0px;
}
.bottom-11{
    bottom: 2.75rem;
}
.bottom-2{
    bottom: 0.5rem;
}
.bottom-3{
    bottom: 0.75rem;
}
.bottom-4{
    bottom: 1rem;
}
.bottom-full{
    bottom: 100%;
}
.left-0{
    left: 0px;
}
.left-3{
    left: 0.75rem;
}
.left-4{
    left: 1rem;
}
.right-0{
    right: 0px;
}
.right-4{
    right: 1rem;
}
.top-0{
    top: 0px;
}
.top-24{
    top: 6rem;
}
.top-\[--wp-admin--admin-bar--height\2c 0\]{
    top: var(--wp-admin--admin-bar--height,0);
}
.top-full{
    top: 100%;
}
.z-0{
    z-index: 0;
}
.z-10{
    z-index: 10;
}
.z-20{
    z-index: 20;
}
.z-50{
    z-index: 50;
}
.z-\[1\]{
    z-index: 1;
}
.z-\[9996\]{
    z-index: 9996;
}
.z-\[9998\]{
    z-index: 9998;
}
.z-\[9999\]{
    z-index: 9999;
}
.order-1{
    order: 1;
}
.order-2{
    order: 2;
}
.order-3{
    order: 3;
}
.order-first{
    order: -9999;
}
.col-span-1{
    grid-column: span 1 / span 1;
}
.m-0{
    margin: 0px;
}
.-mx-4{
    margin-left: -1rem;
    margin-right: -1rem;
}
.mx-10{
    margin-left: 2.5rem;
    margin-right: 2.5rem;
}
.mx-2{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.mx-\[11px\]{
    margin-left: 11px;
    margin-right: 11px;
}
.mx-\[5px\]{
    margin-left: 5px;
    margin-right: 5px;
}
.mx-auto{
    margin-left: auto;
    margin-right: auto;
}
.my-12{
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.my-2{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.my-5{
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}
.\!mb-0{
    margin-bottom: 0px !important;
}
.-mb-3{
    margin-bottom: -0.75rem;
}
.-mt-7{
    margin-top: -1.75rem;
}
.mb-0{
    margin-bottom: 0px;
}
.mb-1{
    margin-bottom: 0.25rem;
}
.mb-10{
    margin-bottom: 2.5rem;
}
.mb-2{
    margin-bottom: 0.5rem;
}
.mb-3{
    margin-bottom: 0.75rem;
}
.mb-4{
    margin-bottom: 1rem;
}
.mb-5{
    margin-bottom: 1.25rem;
}
.mb-6{
    margin-bottom: 1.5rem;
}
.mb-8{
    margin-bottom: 2rem;
}
.ml-0{
    margin-left: 0px;
}
.ml-2{
    margin-left: 0.5rem;
}
.mr-2{
    margin-right: 0.5rem;
}
.mr-4{
    margin-right: 1rem;
}
.mt-0\.5{
    margin-top: 0.125rem;
}
.mt-1{
    margin-top: 0.25rem;
}
.mt-12{
    margin-top: 3rem;
}
.mt-2{
    margin-top: 0.5rem;
}
.mt-3{
    margin-top: 0.75rem;
}
.mt-4{
    margin-top: 1rem;
}
.mt-5{
    margin-top: 1.25rem;
}
.mt-6{
    margin-top: 1.5rem;
}
.mt-8{
    margin-top: 2rem;
}
.line-clamp-3{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.line-clamp-4{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.block{
    display: block;
}
.inline-block{
    display: inline-block;
}
.flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.inline-flex{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.table{
    display: table;
}
.grid{
    display: grid;
}
.hidden{
    display: none;
}
.size-full{
    width: 100%;
    height: 100%;
}
.h-0\.5{
    height: 0.125rem;
}
.h-10{
    height: 2.5rem;
}
.h-2{
    height: 0.5rem;
}
.h-3{
    height: 0.75rem;
}
.h-4{
    height: 1rem;
}
.h-40{
    height: 10rem;
}
.h-5{
    height: 1.25rem;
}
.h-6{
    height: 1.5rem;
}
.h-9{
    height: 2.25rem;
}
.h-\[43px\]{
    height: 43px;
}
.h-\[66px\]{
    height: 66px;
}
.h-auto{
    height: auto;
}
.h-full{
    height: 100%;
}
.h-px{
    height: 1px;
}
.h-8{
    height: 2rem;
}
.max-h-0{
    max-height: 0px;
}
.max-h-\[445px\]{
    max-height: 445px;
}
.max-h-\[449px\]{
    max-height: 449px;
}
.max-h-\[465px\]{
    max-height: 465px;
}
.max-h-\[55px\]{
    max-height: 55px;
}
.max-h-\[600px\]{
    max-height: 600px;
}
.max-h-\[64px\]{
    max-height: 64px;
}
.min-h-0{
    min-height: 0px;
}
.min-h-12{
    min-height: 3rem;
}
.min-h-24{
    min-height: 6rem;
}
.min-h-\[339px\]{
    min-height: 339px;
}
.min-h-\[473px\]{
    min-height: 473px;
}
.min-h-\[70vh\]{
    min-height: 70vh;
}
.min-h-\[min\(75vh\2c 52rem\)\]{
    min-height: min(75vh,52rem);
}
.min-h-screen{
    min-height: 100vh;
}
.w-1\/2{
    width: 50%;
}
.w-10{
    width: 2.5rem;
}
.w-3{
    width: 0.75rem;
}
.w-4{
    width: 1rem;
}
.w-5{
    width: 1.25rem;
}
.w-6{
    width: 1.5rem;
}
.w-72{
    width: 18rem;
}
.w-9{
    width: 2.25rem;
}
.w-\[279px\]{
    width: 279px;
}
.w-\[306px\]{
    width: 306px;
}
.w-\[43px\]{
    width: 43px;
}
.w-\[50px\]{
    width: 50px;
}
.w-\[64px\]{
    width: 64px;
}
.w-\[66px\]{
    width: 66px;
}
.w-\[min\(360px\2c 50vw\)\]{
    width: min(360px,50vw);
}
.w-auto{
    width: auto;
}
.w-fit{
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
}
.w-full{
    width: 100%;
}
.w-8{
    width: 2rem;
}
.min-w-0{
    min-width: 0px;
}
.min-w-\[434px\]{
    min-width: 434px;
}
.\!max-w-xs{
    max-width: 20rem !important;
}
.max-w-3xl{
    max-width: 48rem;
}
.max-w-\[--editor-max-w\2c none\]{
    max-width: var(--editor-max-w,none);
}
.max-w-\[120px\]{
    max-width: 120px;
}
.max-w-\[1312px\]{
    max-width: 1312px;
}
.max-w-\[257px\]{
    max-width: 257px;
}
.max-w-\[289px\]{
    max-width: 289px;
}
.max-w-\[315px\]{
    max-width: 315px;
}
.max-w-\[361px\]{
    max-width: 361px;
}
.max-w-\[401px\]{
    max-width: 401px;
}
.max-w-\[490px\]{
    max-width: 490px;
}
.max-w-\[518px\]{
    max-width: 518px;
}
.max-w-\[594px\]{
    max-width: 594px;
}
.max-w-\[640px\]{
    max-width: 640px;
}
.max-w-\[644px\]{
    max-width: 644px;
}
.max-w-\[65rem\]{
    max-width: 65rem;
}
.max-w-\[694px\]{
    max-width: 694px;
}
.max-w-\[698px\]{
    max-width: 698px;
}
.max-w-\[800px\]{
    max-width: 800px;
}
.max-w-\[864px\]{
    max-width: 864px;
}
.max-w-\[960px\]{
    max-width: 960px;
}
.max-w-\[min\(329px\2c 100\%\)\]{
    max-width: min(329px,100%);
}
.max-w-\[min\(800px\2c 100\%\)\]{
    max-width: min(800px,100%);
}
.max-w-none{
    max-width: none;
}
.max-w-screen-md{
    max-width: 768px;
}
.max-w-screen-sm{
    max-width: 640px;
}
.max-w-screen-xl{
    max-width: 1280px;
}
.max-w-sm{
    max-width: 24rem;
}
.max-w-xl{
    max-width: 36rem;
}
.flex-1{
    flex: 1 1 0%;
}
.flex-shrink-0{
    flex-shrink: 0;
}
.shrink-0{
    flex-shrink: 0;
}
.grow{
    flex-grow: 1;
}
.translate-y-0{
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-2{
    --tw-translate-y: 0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer{
    cursor: pointer;
}
.scroll-mt-14{
    scroll-margin-top: 3.5rem;
}
.list-none{
    list-style-type: none;
}
.grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-rows-\[0fr\]{
    grid-template-rows: 0fr;
}
.flex-row{
    flex-direction: row;
}
.flex-col{
    flex-direction: column;
}
.flex-wrap{
    flex-wrap: wrap;
}
.items-start{
    align-items: flex-start;
}
.items-center{
    align-items: center;
}
.justify-start{
    justify-content: flex-start;
}
.justify-end{
    justify-content: flex-end;
}
.justify-center{
    justify-content: center;
}
.justify-between{
    justify-content: space-between;
}
.gap-0{
    gap: 0px;
}
.gap-0\.5{
    gap: 0.125rem;
}
.gap-1{
    gap: 0.25rem;
}
.gap-12{
    gap: 3rem;
}
.gap-2{
    gap: 0.5rem;
}
.gap-2\.5{
    gap: 0.625rem;
}
.gap-20{
    gap: 5rem;
}
.gap-3{
    gap: 0.75rem;
}
.gap-4{
    gap: 1rem;
}
.gap-6{
    gap: 1.5rem;
}
.gap-7{
    gap: 1.75rem;
}
.gap-8{
    gap: 2rem;
}
.gap-x-4{
    -moz-column-gap: 1rem;
         column-gap: 1rem;
}
.gap-y-2{
    row-gap: 0.5rem;
}
.gap-y-3{
    row-gap: 0.75rem;
}
.gap-y-5{
    row-gap: 1.25rem;
}
.gap-y-6{
    row-gap: 1.5rem;
}
.gap-y-8{
    row-gap: 2rem;
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]){
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-brand-peachPale > :not([hidden]) ~ :not([hidden]){
    --tw-divide-opacity: 1;
    border-color: rgb(252 244 240 / var(--tw-divide-opacity));
}
.self-end{
    align-self: flex-end;
}
.overflow-hidden{
    overflow: hidden;
}
.overflow-x-auto{
    overflow-x: auto;
}
.overflow-y-auto{
    overflow-y: auto;
}
.overflow-y-visible{
    overflow-y: visible;
}
.whitespace-nowrap{
    white-space: nowrap;
}
.rounded{
    border-radius: 0.25rem;
}
.rounded-2xl{
    border-radius: 1rem;
}
.rounded-3xl{
    border-radius: 1.5rem;
}
.rounded-\[16px\]{
    border-radius: 16px;
}
.rounded-\[24px\]{
    border-radius: 24px;
}
.rounded-full{
    border-radius: 9999px;
}
.rounded-lg{
    border-radius: 0.5rem;
}
.rounded-xl{
    border-radius: 0.75rem;
}
.rounded-t-\[32px\]{
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
}
.border{
    border-width: 1px;
}
.border-0{
    border-width: 0px;
}
.border-2{
    border-width: 2px;
}
.border-\[3px\]{
    border-width: 3px;
}
.border-b{
    border-bottom-width: 1px;
}
.border-t{
    border-top-width: 1px;
}
.border-black{
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-brand-blue{
    --tw-border-opacity: 1;
    border-color: rgb(40 103 130 / var(--tw-border-opacity));
}
.border-brand-blue\/20{
    border-color: rgb(40 103 130 / 0.2);
}
.border-brand-blue\/30{
    border-color: rgb(40 103 130 / 0.3);
}
.border-brand-darkShade\/10{
    border-color: rgb(21 25 30 / 0.1);
}
.border-brand-darkShade\/20{
    border-color: rgb(21 25 30 / 0.2);
}
.border-brand-orange{
    --tw-border-opacity: 1;
    border-color: rgb(252 232 219 / var(--tw-border-opacity));
}
.border-gray-100{
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity));
}
.border-gray-300{
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-gray-50{
    --tw-border-opacity: 1;
    border-color: rgb(249 250 251 / var(--tw-border-opacity));
}
.border-green-300{
    --tw-border-opacity: 1;
    border-color: rgb(134 239 172 / var(--tw-border-opacity));
}
.border-green-500{
    --tw-border-opacity: 1;
    border-color: rgb(34 197 94 / var(--tw-border-opacity));
}
.border-red-300{
    --tw-border-opacity: 1;
    border-color: rgb(252 165 165 / var(--tw-border-opacity));
}
.border-transparent{
    border-color: transparent;
}
.bg-black{
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-brand-blue{
    --tw-bg-opacity: 1;
    background-color: rgb(40 103 130 / var(--tw-bg-opacity));
}
.bg-brand-blue\/5{
    background-color: rgb(40 103 130 / 0.05);
}
.bg-brand-darkShade{
    --tw-bg-opacity: 1;
    background-color: rgb(21 25 30 / var(--tw-bg-opacity));
}
.bg-brand-orange{
    --tw-bg-opacity: 1;
    background-color: rgb(252 232 219 / var(--tw-bg-opacity));
}
.bg-brand-orangeDark{
    --tw-bg-opacity: 1;
    background-color: rgb(235 100 16 / var(--tw-bg-opacity));
}
.bg-brand-peachPale{
    --tw-bg-opacity: 1;
    background-color: rgb(252 244 240 / var(--tw-bg-opacity));
}
.bg-brand-peachPaleShade{
    --tw-bg-opacity: 1;
    background-color: rgb(252 232 219 / var(--tw-bg-opacity));
}
.bg-brand-pinkPale{
    --tw-bg-opacity: 1;
    background-color: rgb(252 224 237 / var(--tw-bg-opacity));
}
.bg-brand-red{
    --tw-bg-opacity: 1;
    background-color: rgb(228 35 19 / var(--tw-bg-opacity));
}
.bg-brand-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-gray-100{
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-green-100{
    --tw-bg-opacity: 1;
    background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}
.bg-green-400{
    --tw-bg-opacity: 1;
    background-color: rgb(74 222 128 / var(--tw-bg-opacity));
}
.bg-orange-500{
    --tw-bg-opacity: 1;
    background-color: rgb(249 115 22 / var(--tw-bg-opacity));
}
.bg-pink-200{
    --tw-bg-opacity: 1;
    background-color: rgb(251 207 232 / var(--tw-bg-opacity));
}
.bg-red-50{
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}
.bg-transparent{
    background-color: transparent;
}
.bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-gradient-to-b{
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.from-black\/20{
    --tw-gradient-from: rgb(0 0 0 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-transparent{
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.object-contain{
    -o-object-fit: contain;
       object-fit: contain;
}
.object-cover{
    -o-object-fit: cover;
       object-fit: cover;
}
.object-center{
    -o-object-position: center;
       object-position: center;
}
.p-0{
    padding: 0px;
}
.p-1\.5{
    padding: 0.375rem;
}
.p-2{
    padding: 0.5rem;
}
.p-4{
    padding: 1rem;
}
.p-5{
    padding: 1.25rem;
}
.p-6{
    padding: 1.5rem;
}
.p-8{
    padding: 2rem;
}
.p-\[3\.6px\]{
    padding: 3.6px;
}
.px-0{
    padding-left: 0px;
    padding-right: 0px;
}
.px-12{
    padding-left: 3rem;
    padding-right: 3rem;
}
.px-16{
    padding-left: 4rem;
    padding-right: 4rem;
}
.px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.px-4{
    padding-left: 1rem;
    padding-right: 1rem;
}
.px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.px-8{
    padding-left: 2rem;
    padding-right: 2rem;
}
.px-\[48px\]{
    padding-left: 48px;
    padding-right: 48px;
}
.py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.py-1\.5{
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}
.py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
.py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.py-\[32px\]{
    padding-top: 32px;
    padding-bottom: 32px;
}
.py-\[8px\]{
    padding-top: 8px;
    padding-bottom: 8px;
}
.pb-16{
    padding-bottom: 4rem;
}
.pb-2{
    padding-bottom: 0.5rem;
}
.pb-4{
    padding-bottom: 1rem;
}
.pb-6{
    padding-bottom: 1.5rem;
}
.pb-8{
    padding-bottom: 2rem;
}
.pl-4{
    padding-left: 1rem;
}
.pl-8{
    padding-left: 2rem;
}
.pr-4{
    padding-right: 1rem;
}
.pt-1{
    padding-top: 0.25rem;
}
.pt-12{
    padding-top: 3rem;
}
.pt-2{
    padding-top: 0.5rem;
}
.pt-24{
    padding-top: 6rem;
}
.pt-4{
    padding-top: 1rem;
}
.pt-6{
    padding-top: 1.5rem;
}
.pt-8{
    padding-top: 2rem;
}
.pt-\[18px\]{
    padding-top: 18px;
}
.pt-\[5rem\]{
    padding-top: 5rem;
}
.pt-\[70px\]{
    padding-top: 70px;
}
.\!text-left{
    text-align: left !important;
}
.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.text-start{
    text-align: start;
}
.font-sans{
    font-family: Rubik, Open Sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
}
.text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
}
.text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
}
.text-\[10px\]{
    font-size: 10px;
}
.text-\[12px\]{
    font-size: 12px;
}
.text-\[14px\]{
    font-size: 14px;
}
.text-\[17px\]{
    font-size: 17px;
}
.text-\[22px\]{
    font-size: 22px;
}
.text-\[26px\]{
    font-size: 26px;
}
.text-\[32px\]{
    font-size: 32px;
}
.text-\[56px\]{
    font-size: 56px;
}
.text-\[clamp\(26px\2c 4vw\+1rem\2c 63px\)\]{
    font-size: clamp(26px,4vw + 1rem,63px);
}
.text-base{
    font-size: 1rem;
    line-height: 1.5rem;
}
.text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
}
.font-extrabold{
    font-weight: 800;
}
.font-light{
    font-weight: 300;
}
.font-medium{
    font-weight: 500;
}
.font-normal{
    font-weight: 400;
}
.font-semibold{
    font-weight: 600;
}
.uppercase{
    text-transform: uppercase;
}
.lowercase{
    text-transform: lowercase;
}
.normal-case{
    text-transform: none;
}
.leading-6{
    line-height: 1.5rem;
}
.leading-7{
    line-height: 1.75rem;
}
.leading-8{
    line-height: 2rem;
}
.leading-\[1\.17\]{
    line-height: 1.17;
}
.leading-\[1\.25\]{
    line-height: 1.25;
}
.leading-\[1\.2\]{
    line-height: 1.2;
}
.leading-\[1\.44\]{
    line-height: 1.44;
}
.leading-\[1\.55\]{
    line-height: 1.55;
}
.leading-\[1\.5\]{
    line-height: 1.5;
}
.leading-\[26px\]{
    line-height: 26px;
}
.leading-\[40px\]{
    line-height: 40px;
}
.leading-none{
    line-height: 1;
}
.leading-normal{
    line-height: 1.5;
}
.leading-relaxed{
    line-height: 1.625;
}
.leading-tight{
    line-height: 1.25;
}
.tracking-\[-0\.01em\]{
    letter-spacing: -0.01em;
}
.tracking-\[0\]{
    letter-spacing: 0;
}
.tracking-tight{
    letter-spacing: -0.025em;
}
.tracking-wide{
    letter-spacing: 0.025em;
}
.\!text-brand-darkShade{
    --tw-text-opacity: 1 !important;
    color: rgb(21 25 30 / var(--tw-text-opacity)) !important;
}
.text-\[--prose-text-color\2c theme\(colors\.black\/50\)\]{
    color: var(--prose-text-color,rgb(0 0 0 / 50));
}
.text-black{
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-brand-blue{
    --tw-text-opacity: 1;
    color: rgb(40 103 130 / var(--tw-text-opacity));
}
.text-brand-darkRed{
    --tw-text-opacity: 1;
    color: rgb(169 22 10 / var(--tw-text-opacity));
}
.text-brand-darkShade{
    --tw-text-opacity: 1;
    color: rgb(21 25 30 / var(--tw-text-opacity));
}
.text-brand-darkShade\/60{
    color: rgb(21 25 30 / 0.6);
}
.text-brand-darkShade\/70{
    color: rgb(21 25 30 / 0.7);
}
.text-brand-red{
    --tw-text-opacity: 1;
    color: rgb(228 35 19 / var(--tw-text-opacity));
}
.text-brand-white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-current{
    color: currentColor;
}
.text-gray-500{
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-900{
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-green-800{
    --tw-text-opacity: 1;
    color: rgb(22 101 52 / var(--tw-text-opacity));
}
.text-green-900{
    --tw-text-opacity: 1;
    color: rgb(20 83 45 / var(--tw-text-opacity));
}
.text-red-600{
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity));
}
.text-red-800{
    --tw-text-opacity: 1;
    color: rgb(153 27 27 / var(--tw-text-opacity));
}
.text-white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.underline{
    text-decoration-line: underline;
}
.opacity-0{
    opacity: 0;
}
.opacity-30{
    opacity: 0.3;
}
.shadow-lg{
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline{
    outline-style: solid;
}
.outline-white{
    outline-color: #fff;
}
.transition{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-all{
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-colors{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-opacity{
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-transform{
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.duration-200{
    transition-duration: 200ms;
}
.duration-300{
    transition-duration: 300ms;
}
.ease-in-out{
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out{
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
@supports (aspect-ratio: 1 / 1){
    .aspect-\[272\/228\]{
        aspect-ratio: 272/228;
    }
}
@supports not (aspect-ratio: 1 / 1){
    .aspect-\[272\/228\]::before{
        content: "";
        float: left;
        padding-top: calc(100% / (272/228));
    }
    .aspect-\[272\/228\]::after{
        clear: left;
        content: "";
        display: block;
    }
}
@supports (aspect-ratio: 1 / 1){
    .aspect-\[274\/241\]{
        aspect-ratio: 274/241;
    }
}
@supports not (aspect-ratio: 1 / 1){
    .aspect-\[274\/241\]::before{
        content: "";
        float: left;
        padding-top: calc(100% / (274/241));
    }
    .aspect-\[274\/241\]::after{
        clear: left;
        content: "";
        display: block;
    }
}
@supports (aspect-ratio: 1 / 1){
    .aspect-\[299\/200\]{
        aspect-ratio: 299/200;
    }
}
@supports not (aspect-ratio: 1 / 1){
    .aspect-\[299\/200\]::before{
        content: "";
        float: left;
        padding-top: calc(100% / (299/200));
    }
    .aspect-\[299\/200\]::after{
        clear: left;
        content: "";
        display: block;
    }
}
@supports (aspect-ratio: 1 / 1){
    .aspect-\[361\/232\]{
        aspect-ratio: 361/232;
    }
}
@supports not (aspect-ratio: 1 / 1){
    .aspect-\[361\/232\]::before{
        content: "";
        float: left;
        padding-top: calc(100% / (361/232));
    }
    .aspect-\[361\/232\]::after{
        clear: left;
        content: "";
        display: block;
    }
}
@supports (aspect-ratio: 1 / 1){
    .aspect-\[384\/256\]{
        aspect-ratio: 384/256;
    }
}
@supports not (aspect-ratio: 1 / 1){
    .aspect-\[384\/256\]::before{
        content: "";
        float: left;
        padding-top: calc(100% / (384/256));
    }
    .aspect-\[384\/256\]::after{
        clear: left;
        content: "";
        display: block;
    }
}
@supports (aspect-ratio: 1 / 1){
    .aspect-\[384\/257\]{
        aspect-ratio: 384/257;
    }
}
@supports not (aspect-ratio: 1 / 1){
    .aspect-\[384\/257\]::before{
        content: "";
        float: left;
        padding-top: calc(100% / (384/257));
    }
    .aspect-\[384\/257\]::after{
        clear: left;
        content: "";
        display: block;
    }
}
@supports (aspect-ratio: 1 / 1){
    .aspect-\[393\/207\]{
        aspect-ratio: 393/207;
    }
}
@supports not (aspect-ratio: 1 / 1){
    .aspect-\[393\/207\]::before{
        content: "";
        float: left;
        padding-top: calc(100% / (393/207));
    }
    .aspect-\[393\/207\]::after{
        clear: left;
        content: "";
        display: block;
    }
}
@supports (aspect-ratio: 1 / 1){
    .aspect-\[623\/472\]{
        aspect-ratio: 623/472;
    }
}
@supports not (aspect-ratio: 1 / 1){
    .aspect-\[623\/472\]::before{
        content: "";
        float: left;
        padding-top: calc(100% / (623/472));
    }
    .aspect-\[623\/472\]::after{
        clear: left;
        content: "";
        display: block;
    }
}
@supports (aspect-ratio: 1 / 1){
    .aspect-\[647\/456\]{
        aspect-ratio: 647/456;
    }
}
@supports not (aspect-ratio: 1 / 1){
    .aspect-\[647\/456\]::before{
        content: "";
        float: left;
        padding-top: calc(100% / (647/456));
    }
    .aspect-\[647\/456\]::after{
        clear: left;
        content: "";
        display: block;
    }
}
.filter-none {
  filter: none;
}
.filter-grayscale {
  filter: grayscale(100%);
}
.text-body{
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
}
.text-body-small{
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
}
.text-body-x-small{
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    line-height: 21px;
}
.text-label{
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 17px;
    letter-spacing: 0.04em;
}
/**
  * Use this directive to control where Tailwind injects the hover, focus,
  * responsive, dark mode, and other variants of each class.
  *
  * If omitted, Tailwind will append these classes to the very end of
  * your stylesheet by default.
  */
.marker\:text-current *::marker{
    color: currentColor;
}
.marker\:text-current::marker{
    color: currentColor;
}
.placeholder\:text-sm::-moz-placeholder{
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.placeholder\:text-sm::placeholder{
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.placeholder\:font-normal::-moz-placeholder{
    font-weight: 400;
}
.placeholder\:font-normal::placeholder{
    font-weight: 400;
}
.placeholder\:text-brand-blue::-moz-placeholder{
    --tw-text-opacity: 1;
    color: rgb(40 103 130 / var(--tw-text-opacity));
}
.placeholder\:text-brand-blue::placeholder{
    --tw-text-opacity: 1;
    color: rgb(40 103 130 / var(--tw-text-opacity));
}
.last\:border-b-0:last-child{
    border-bottom-width: 0px;
}
.empty\:hidden:empty{
    display: none;
}
.hover\:scale-110:hover{
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:border-brand-blue:hover{
    --tw-border-opacity: 1;
    border-color: rgb(40 103 130 / var(--tw-border-opacity));
}
.hover\:border-orange-500:hover{
    --tw-border-opacity: 1;
    border-color: rgb(249 115 22 / var(--tw-border-opacity));
}
.hover\:bg-gray-50:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.hover\:bg-green-500:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.hover\:bg-white:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.hover\:text-brand-blue:hover{
    --tw-text-opacity: 1;
    color: rgb(40 103 130 / var(--tw-text-opacity));
}
.hover\:underline:hover{
    text-decoration-line: underline;
}
.hover\:no-underline:hover{
    text-decoration-line: none;
}
.hover\:opacity-90:hover{
    opacity: 0.9;
}
.hover\:opacity-95:hover{
    opacity: 0.95;
}
.focus\:outline-none:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.focus\:outline-white:focus{
    outline-color: #fff;
}
.focus\:ring-2:focus{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-brand-blue:focus{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(40 103 130 / var(--tw-ring-opacity));
}
.focus\:ring-brand-orange:focus{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(252 232 219 / var(--tw-ring-opacity));
}
.focus\:ring-brand-pinkPale:focus{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(252 224 237 / var(--tw-ring-opacity));
}
.focus\:ring-brand-white:focus{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}
.focus\:ring-offset-2:focus{
    --tw-ring-offset-width: 2px;
}
.focus-visible\:outline-white:focus-visible{
    outline-color: #fff;
}
.active\:outline-white:active{
    outline-color: #fff;
}
.disabled\:pointer-events-none:disabled{
    pointer-events: none;
}
.disabled\:opacity-50:disabled{
    opacity: 0.5;
}
.group:hover .group-hover\:block{
    display: block;
}
.group\/link:hover .group-hover\/link\:translate-x-1{
    --tw-translate-x: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:-translate-x-1{
    --tw-translate-x: -0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:translate-x-1{
    --tw-translate-x: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group.is-active .group-\[\.is-active\]\:mb-4{
    margin-bottom: 1rem;
}
.group.is-active .group-\[\.is-active\]\:max-h-\[186px\]{
    max-height: 186px;
}
.group.is-active .group-\[\.is-active\]\:max-h-\[500px\]{
    max-height: 500px;
}
.group.is-active .group-\[\.is-active\]\:flex-none{
    flex: none;
}
.group.is-active .group-\[\.is-active\]\:overflow-y-auto{
    overflow-y: auto;
}
.group.is-active .group-\[\.is-active\]\:opacity-100{
    opacity: 1;
}
@supports (aspect-ratio: 1 / 1){
    .group.is-active .group-\[\.is-active\]\:aspect-\[16\/9\]{
        aspect-ratio: 16/9;
    }
}
@supports not (aspect-ratio: 1 / 1){
    .group.is-active .group-\[\.is-active\]\:aspect-\[16\/9\]::before{
        content: "";
        float: left;
        padding-top: calc(100% / (16/9));
    }
    .group.is-active .group-\[\.is-active\]\:aspect-\[16\/9\]::after{
        clear: left;
        content: "";
        display: block;
    }
}
.prose-headings\:mb-\[0\.55em\] :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    margin-bottom: 0.55em;
}
.prose-headings\:font-semibold :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    font-weight: 600;
}
.prose-headings\:text-inherit :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    color: inherit;
}
.prose-h2\:mb-\[0\.55em\] :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    margin-bottom: 0.55em;
}
.prose-h2\:mt-\[1em\] :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    margin-top: 1em;
}
.prose-h2\:text-\[40px\]\/\[48px\] :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    font-size: 40px;
    line-height: 48px;
}
.prose-h2\:uppercase :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    text-transform: uppercase;
}
.prose-h2\:tracking-\[-0\.01em\] :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    letter-spacing: -0.01em;
}
.prose-h3\:text-\[32px\]\/\[40px\] :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    font-size: 32px;
    line-height: 40px;
}
.prose-h3\:tracking-\[-0\.01em\] :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    letter-spacing: -0.01em;
}
.prose-h4\:text-2xl\/8 :is(:where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    font-size: 1.5rem;
    line-height: 2rem;
}
.prose-h4\:tracking-\[-0\.01em\] :is(:where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    letter-spacing: -0.01em;
}
.prose-h5\:text-xl\/7 :is(:where(h5):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.prose-h5\:tracking-\[-0\.01em\] :is(:where(h5):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    letter-spacing: -0.01em;
}
.prose-a\:text-brand-blue :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    --tw-text-opacity: 1;
    color: rgb(40 103 130 / var(--tw-text-opacity));
}
.prose-a\:text-brand-red :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    --tw-text-opacity: 1;
    color: rgb(228 35 19 / var(--tw-text-opacity));
}
.prose-a\:underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    text-decoration-line: underline;
}
.prose-a\:\[font\:inherit\] :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    font: inherit;
}
.hover\:prose-a\:text-brand-darkRed :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover{
    --tw-text-opacity: 1;
    color: rgb(169 22 10 / var(--tw-text-opacity));
}
.hover\:prose-a\:no-underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover{
    text-decoration-line: none;
}
.prose-blockquote\:text-inherit :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    color: inherit;
}
.prose-strong\:text-brand-darkShade :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    --tw-text-opacity: 1;
    color: rgb(21 25 30 / var(--tw-text-opacity));
}
.prose-strong\:text-inherit :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    color: inherit;
}
.prose-em\:text-inherit :is(:where(em):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    color: inherit;
}
.prose-ol\:leading-tight :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    line-height: 1.25;
}
.prose-ul\:leading-relaxed :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    line-height: 1.625;
}
.prose-li\:marker\:text-inherit * :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)))::marker{
    color: inherit;
}
.prose-li\:marker\:text-inherit :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)))::marker{
    color: inherit;
}
.prose-lead\:mb-\[0\.5em\] :is(:where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    margin-bottom: 0.5em;
}
.prose-lead\:font-normal :is(:where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    font-weight: 400;
}
.prose-lead\:text-current :is(:where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    color: currentColor;
}
@media (min-width: 640px){
    .sm\:mx-auto{
        margin-left: auto;
        margin-right: auto;
    }
    .sm\:grid-cols-2{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:px-16{
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .sm\:px-8{
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .sm\:py-10{
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
}
@media (min-width: 768px){
    .md\:order-1{
        order: 1;
    }
    .md\:order-2{
        order: 2;
    }
    .md\:order-3{
        order: 3;
    }
    .md\:-mt-0{
        margin-top: -0px;
    }
    .md\:-mt-10{
        margin-top: -2.5rem;
    }
    .md\:mb-0{
        margin-bottom: 0px;
    }
    .md\:mb-20{
        margin-bottom: 5rem;
    }
    .md\:mb-4{
        margin-bottom: 1rem;
    }
    .md\:mb-6{
        margin-bottom: 1.5rem;
    }
    .md\:mb-8{
        margin-bottom: 2rem;
    }
    .md\:ml-4{
        margin-left: 1rem;
    }
    .md\:ml-auto{
        margin-left: auto;
    }
    .md\:mr-0{
        margin-right: 0px;
    }
    .md\:mr-4{
        margin-right: 1rem;
    }
    .md\:mr-8{
        margin-right: 2rem;
    }
    .md\:mt-0{
        margin-top: 0px;
    }
    .md\:mt-2{
        margin-top: 0.5rem;
    }
    .md\:block{
        display: block;
    }
    .md\:flex{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .md\:grid{
        display: grid;
    }
    .md\:hidden{
        display: none;
    }
    .md\:h-\[50px\]{
        height: 50px;
    }
    .md\:max-h-\[63px\]{
        max-height: 63px;
    }
    .md\:min-h-\[446px\]{
        min-height: 446px;
    }
    .md\:min-h-\[462px\]{
        min-height: 462px;
    }
    .md\:min-h-\[49rem\]{
        min-height: 49rem;
    }
    .md\:min-h-\[80vh\]{
        min-height: 80vh;
    }
    .md\:w-\[108px\]{
        width: 108px;
    }
    .md\:w-\[134px\]{
        width: 134px;
    }
    .md\:w-\[50px\]{
        width: 50px;
    }
    .md\:max-w-\[340px\]{
        max-width: 340px;
    }
    .md\:max-w-\[486px\]{
        max-width: 486px;
    }
    .md\:max-w-\[694px\]{
        max-width: 694px;
    }
    .md\:max-w-\[min\(563px\2c 100\%\)\]{
        max-width: min(563px,100%);
    }
    .md\:grid-cols-2{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-3{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:grid-cols-\[170px_minmax\(0\2c 1fr\)_170px\]{
        grid-template-columns: 170px minmax(0,1fr) 170px;
    }
    .md\:flex-row{
        flex-direction: row;
    }
    .md\:flex-col{
        flex-direction: column;
    }
    .md\:items-start{
        align-items: flex-start;
    }
    .md\:items-center{
        align-items: center;
    }
    .md\:items-stretch{
        align-items: stretch;
    }
    .md\:justify-start{
        justify-content: flex-start;
    }
    .md\:justify-end{
        justify-content: flex-end;
    }
    .md\:justify-center{
        justify-content: center;
    }
    .md\:gap-3{
        gap: 0.75rem;
    }
    .md\:gap-6{
        gap: 1.5rem;
    }
    .md\:gap-8{
        gap: 2rem;
    }
    .md\:justify-self-end{
        justify-self: end;
    }
    .md\:overflow-visible{
        overflow: visible;
    }
    .md\:overflow-x-hidden{
        overflow-x: hidden;
    }
    .md\:rounded-3xl{
        border-radius: 1.5rem;
    }
    .md\:rounded-none{
        border-radius: 0px;
    }
    .md\:rounded-xl{
        border-radius: 0.75rem;
    }
    .md\:border-transparent{
        border-color: transparent;
    }
    .md\:bg-brand-white{
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }
    .md\:bg-transparent{
        background-color: transparent;
    }
    .md\:p-0{
        padding: 0px;
    }
    .md\:p-10{
        padding: 2.5rem;
    }
    .md\:p-12{
        padding: 3rem;
    }
    .md\:p-16{
        padding: 4rem;
    }
    .md\:p-24{
        padding: 6rem;
    }
    .md\:p-4{
        padding: 1rem;
    }
    .md\:p-5{
        padding: 1.25rem;
    }
    .md\:p-8{
        padding: 2rem;
    }
    .md\:p-9{
        padding: 2.25rem;
    }
    .md\:\!px-0{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .md\:px-0{
        padding-left: 0px;
        padding-right: 0px;
    }
    .md\:px-16{
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .md\:px-8{
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .md\:py-10{
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    .md\:py-12{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .md\:py-14{
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }
    .md\:py-20{
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .md\:py-28{
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
    .md\:py-7{
        padding-top: 1.75rem;
        padding-bottom: 1.75rem;
    }
    .md\:pb-0{
        padding-bottom: 0px;
    }
    .md\:pb-12{
        padding-bottom: 3rem;
    }
    .md\:pb-20{
        padding-bottom: 5rem;
    }
    .md\:pb-6{
        padding-bottom: 1.5rem;
    }
    .md\:pl-8{
        padding-left: 2rem;
    }
    .md\:pr-0{
        padding-right: 0px;
    }
    .md\:pt-0{
        padding-top: 0px;
    }
    .md\:pt-10{
        padding-top: 2.5rem;
    }
    .md\:pt-20{
        padding-top: 5rem;
    }
    .md\:pt-24{
        padding-top: 6rem;
    }
    .md\:pt-\[25px\]{
        padding-top: 25px;
    }
    .md\:text-2xl{
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .md\:text-5xl{
        font-size: 3rem;
        line-height: 1;
    }
    .md\:text-\[104px\]{
        font-size: 104px;
    }
    .md\:text-\[40px\]{
        font-size: 40px;
    }
    .md\:text-\[48px\]{
        font-size: 48px;
    }
    .md\:text-\[64px\]{
        font-size: 64px;
    }
    .md\:text-lg{
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
    .md\:text-sm{
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .md\:text-xl{
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    .md\:text-xs{
        font-size: 0.75rem;
        line-height: 1rem;
    }
    .md\:leading-\[1\.33\]{
        line-height: 1.33;
    }
    .md\:text-brand-darkShade{
        --tw-text-opacity: 1;
        color: rgb(21 25 30 / var(--tw-text-opacity));
    }
    .md\:text-brand-red{
        --tw-text-opacity: 1;
        color: rgb(228 35 19 / var(--tw-text-opacity));
    }
    @supports (aspect-ratio: 1 / 1){
        .md\:aspect-\[1280\/474\]{
            aspect-ratio: 1280/474;
        }
    }
    @supports not (aspect-ratio: 1 / 1){
        .md\:aspect-\[1280\/474\]::before{
            content: "";
            float: left;
            padding-top: calc(100% / (1280/474));
        }
        .md\:aspect-\[1280\/474\]::after{
            clear: left;
            content: "";
            display: block;
        }
    }
    @supports (aspect-ratio: 1 / 1){
        .md\:aspect-\[1440\/474\]{
            aspect-ratio: 1440/474;
        }
    }
    @supports not (aspect-ratio: 1 / 1){
        .md\:aspect-\[1440\/474\]::before{
            content: "";
            float: left;
            padding-top: calc(100% / (1440/474));
        }
        .md\:aspect-\[1440\/474\]::after{
            clear: left;
            content: "";
            display: block;
        }
    }
    @supports (aspect-ratio: 1 / 1){
        .md\:aspect-\[647\/456\]{
            aspect-ratio: 647/456;
        }
    }
    @supports not (aspect-ratio: 1 / 1){
        .md\:aspect-\[647\/456\]::before{
            content: "";
            float: left;
            padding-top: calc(100% / (647/456));
        }
        .md\:aspect-\[647\/456\]::after{
            clear: left;
            content: "";
            display: block;
        }
    }
    .group.is-active .group-\[\.is-active\]\:md\:h-\[390px\]{
        height: 390px;
    }
    .group.is-active .group-\[\.is-active\]\:md\:max-h-\[420px\]{
        max-height: 420px;
    }
}
@media (min-width: 1024px){
    .lg\:my-\[56px\]{
        margin-top: 56px;
        margin-bottom: 56px;
    }
    .lg\:mb-16{
        margin-bottom: 4rem;
    }
    .lg\:mb-6{
        margin-bottom: 1.5rem;
    }
    .lg\:mb-8{
        margin-bottom: 2rem;
    }
    .lg\:mb-9{
        margin-bottom: 2.25rem;
    }
    .lg\:block{
        display: block;
    }
    .lg\:flex{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .lg\:inline-flex{
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
    .lg\:hidden{
        display: none;
    }
    .lg\:h-12{
        height: 3rem;
    }
    .lg\:min-h-\[90vh\]{
        min-height: 90vh;
    }
    .lg\:grid-cols-2{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-cols-3{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-cols-4{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .lg\:flex-row{
        flex-direction: row;
    }
    .lg\:gap-32{
        gap: 8rem;
    }
    .lg\:gap-8{
        gap: 2rem;
    }
    .lg\:rounded-\[24px\]{
        border-radius: 24px;
    }
    .lg\:px-12{
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .lg\:px-28{
        padding-left: 7rem;
        padding-right: 7rem;
    }
    .lg\:px-6{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .lg\:px-\[24px\]{
        padding-left: 24px;
        padding-right: 24px;
    }
    .lg\:py-12{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .lg\:py-16{
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .lg\:py-20{
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .lg\:py-4{
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .lg\:py-40{
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
    .lg\:py-\[24px\]{
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .lg\:pb-12{
        padding-bottom: 3rem;
    }
    .lg\:pb-16{
        padding-bottom: 4rem;
    }
    .lg\:pb-20{
        padding-bottom: 5rem;
    }
    .lg\:pb-24{
        padding-bottom: 6rem;
    }
    .lg\:pl-6{
        padding-left: 1.5rem;
    }
    .lg\:pr-6{
        padding-right: 1.5rem;
    }
    .lg\:pt-12{
        padding-top: 3rem;
    }
    .lg\:pt-16{
        padding-top: 4rem;
    }
    .lg\:pt-28{
        padding-top: 7rem;
    }
    .lg\:pt-40{
        padding-top: 10rem;
    }
    .lg\:pt-6{
        padding-top: 1.5rem;
    }
    .lg\:pt-\[117px\]{
        padding-top: 117px;
    }
    .lg\:text-lg{
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}
@media (min-width: 1280px){
    .xl\:mx-auto{
        margin-left: auto;
        margin-right: auto;
    }
    .xl\:gap-16{
        gap: 4rem;
    }
    .xl\:gap-8{
        gap: 2rem;
    }
    .xl\:px-0{
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media (min-width: 1536px){
    .\32xl\:p-0{
        padding: 0px;
    }
    .\32xl\:px-0{
        padding-left: 0px;
        padding-right: 0px;
    }
}
.\[\&\.active\]\:bg-orange-500.active{
    --tw-bg-opacity: 1;
    background-color: rgb(249 115 22 / var(--tw-bg-opacity));
}
.\[\&\.active\]\:text-black.active{
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}
.\[\&\.active\]\:text-white.active{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.\[\&\.active\]\:hover\:border-transparent:hover.active{
    border-color: transparent;
}
.\[\&\.is-active\]\:w-\[334px\].is-active{
    width: 334px;
}
.\[\&\.is-active\]\:bg-\[\#FCE0ED\].is-active{
    --tw-bg-opacity: 1;
    background-color: rgb(252 224 237 / var(--tw-bg-opacity));
}
.\[\&\.is-active\]\:p-4.is-active{
    padding: 1rem;
}
@media (min-width: 768px){
    .\[\&\.is-active\]\:md\:max-h-\[546px\].is-active{
        max-height: 546px;
    }
    .\[\&\.is-active\]\:md\:w-\[689px\].is-active{
        width: 689px;
    }
}
.\[\&\:not\(\.is-active\)\]\:h-\[186px\]:not(.is-active){
    height: 186px;
}
@supports (aspect-ratio: 1 / 1){
    .\[\&\:not\(\.is-active\)\]\:aspect-\[16\/9\]:not(.is-active){
        aspect-ratio: 16/9;
    }
}
@supports not (aspect-ratio: 1 / 1){
    .\[\&\:not\(\.is-active\)\]\:aspect-\[16\/9\]:not(.is-active)::before{
        content: "";
        float: left;
        padding-top: calc(100% / (16/9));
    }
    .\[\&\:not\(\.is-active\)\]\:aspect-\[16\/9\]:not(.is-active)::after{
        clear: left;
        content: "";
        display: block;
    }
}
@media (min-width: 768px){
    .\[\&\:not\(\.is-active\)\]\:md\:h-\[413px\]:not(.is-active){
        height: 413px;
    }
}
.\[\&_\>\*\:first-of-type\]\:mt-0 >*:first-of-type{
    margin-top: 0px;
}
.\[\&_iframe\]\:w-full iframe{
    width: 100%;
}
.\[\&_iframe\]\:max-w-full iframe{
    max-width: 100%;
}
.\[\&_li\]\:marker\:text-black * li::marker{
    color: rgb(0 0 0 );
}
.\[\&_li\]\:marker\:text-black li::marker{
    color: rgb(0 0 0 );
}
.\[\&_ol\]\:list-decimal ol{
    list-style-type: decimal;
}
.\[\&_ol\]\:pl-5 ol{
    padding-left: 1.25rem;
}
.\[\&_p\:last-child\]\:mb-0 p:last-child{
    margin-bottom: 0px;
}
.\[\&_p\]\:mb-4 p{
    margin-bottom: 1rem;
}
.\[\&_p_\+_p\]\:mt-0 p + p{
    margin-top: 0px;
}
.\[\&_ul\]\:list-disc ul{
    list-style-type: disc;
}
.\[\&_ul\]\:pl-5 ul{
    padding-left: 1.25rem;
}