/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/@wordpress/scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./css/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Tools that *must not* produce any CSS output.
 */
/**
 * Tools that *must not* produce any CSS output.
 *
 * This stylesheet should contain:
 * - SCSS mixins
 * - SCSS functions
 * - SCSS variables (but not CSS custom properties as they are outputted)
 */
/*
 * rem()
 * Converts px values to rem, starting from the base font-size.
 *
 * When to use which?
 * Should this value scale up as the user increases their browser’s
 * default font size?
 * If the value should increase then rem is usually the way to go.
 * Otherwise it’s px.
 *
 * @see: https://www.joshwcomeau.com/css/surprising-truth-about-pixels-and-accessibility/
 *
 * Usage:
 * property: rem(32)
 */
/*
 * Strips unneeded units from being passed in, like "px".
 */
/*
 * asset()
 * Returns path to file inside of the assets folder.
 * Should not include trailing slash
 *
 * Usage:
 * background-image: asset( "svg/icons/facebook.svg" );
 * src: asset("font/open-sans.woff2") format("woff2");
 */
/*
 * ELEVATIONS
 */
/*
 * query($breakpoint, $mode)
 *
 * Generates the query value according to breakpoints defined in pixels.
 * Preferred usage is mobile-first:
 * Common examples:
 * @media (query($tablet)) {
 *
 * A mobile-only media query:
 * @media (query($tablet, max) {
 *
 * This also supports undefined breakpoints like:
 * @media (query(600px)) {
 * compiles to: @media (screen and (min-width: 600px)) {
 * or
 * @media (query(600px, max)) {
 * compiles to: @media (screen and (max-width: 599px)) {
 */
/*
 * Container
 *
 * To be used for centering the content.
 */
/*
 * BREAKPOINTS MIXINS
 *
 * Syntactic sugar for breakpoints.
 *
 * Usage:
 * @include break-desktop {
 */
/*
 * Remove scrollbar.
 * To be used on overflowing elements controlled with button controls or swipes.
 */
/*
 * EDITOR MIXINS
 *
 * Outputting styles specific to the editor, or non-editor.
 *
 * Usage:
 * @include block-editor-only {
 * @include non-block-editor {
 */
/*
 * EASING FUNCTIONS
 * Contains common easing functions.
 * Preview at: https://codepen.io/mehigh/full/qBYpVYp
*/
/*
 * TRANSITION FUNCTIONS
 * Helps maintain transition types per type of movement.
 *
 * Examples:
 * .some-element-which-moves-and-changes-text-color {
 *   transition: $transition-color, $transition-transform;
 * .some-element-which-scales {
 *   transition: $transition-scale;
 */
/**
 * Typography mixins
 *
 * This file is an unique place that controls the typography variables.
 * Then the mixins or the classes will be used on the right location,
 * to create the UI.
 */
/**
 * Display
 *
 * @see https://www.figma.com/file/pGs84lEn8C3LAmqKw3U2DW/Express-Kit?node-id=4089-32361&t=Euj1bG5mv3gqOxsh-4
 */
/**
 * Headlines.
 */
/**
 * Headings
 * Differ from "Headlines"
 * in that they are used for editorial content.
 */
/*
 * Standard typography (including p) inherited.
 * See --p--font-size & --p--line-height variables
 */
/**
 * Detail.
 */
/**
 * Body Copy.
 */
/**
 * Blockquote.
 *
 * This mixin is used inside /css/src/blocks/_core-quote.scss
 */
/**
 * Form Inputs.
 *
 * This mixin is used inside /css/src/elements/_form.scss
 */
/**
 * Form Label.
 *
 * This mixin is used inside /css/src/elements/_form.scss
 */
/**
 * Buttons.
 *
 * This mixin is used inside /css/src/elements/_buttons.scss
 */
/**
 * Code
 */
/**
 * Elements
 * Tiny, reusable components
 */
.wp-element-button,
.wp-block-button__link {
  background-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
  border: 1px solid transparent;
  border-radius: 25px;
  padding: 8px 16px;
  font-size: var(--wp--preset--font-size--small);
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.wp-element-button:hover,
.wp-block-button__link:hover {
  background-color: var(--wp--preset--color--base);
  color: var(--wp--preset--color--contrast);
  border-color: var(--wp--preset--color--contrast);
}
.wp-element-button:focus,
.wp-block-button__link:focus {
  background-color: var(--wp--preset--color--base);
  color: var(--wp--preset--color--contrast);
  border-color: var(--wp--preset--color--contrast);
  outline: 2px solid var(--wp--preset--color--contrast);
  outline-offset: 2px;
}
.wp-element-button:active,
.wp-block-button__link:active {
  background-color: var(--wp--preset--color--base);
  color: var(--wp--preset--color--contrast);
  border-color: var(--wp--preset--color--contrast);
}

.wp-block-button.is-style-outline .wp-block-button__link {
  background-color: var(--wp--preset--color--base);
  color: var(--wp--preset--color--contrast);
  border: 1px solid var(--wp--preset--color--contrast);
  border-radius: 25px;
  padding: 8px 16px;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
  border-color: var(--wp--preset--color--contrast);
}
.wp-block-button.is-style-outline .wp-block-button__link:focus {
  background-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
  border-color: var(--wp--preset--color--contrast);
}
.wp-block-button.is-style-outline .wp-block-button__link:active {
  background-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
  border-color: var(--wp--preset--color--contrast);
}

.wp-block-button.is-style-inverse .wp-block-button__link {
  background-color: var(--wp--preset--color--base);
  color: var(--wp--preset--color--accent);
}
.wp-block-button.is-style-inverse .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--contrast-2);
  color: var(--wp--preset--color--accent-3);
}

.wp-block-buttons {
  gap: 0.7rem;
}

@media (max-width: 767px) {
  .wp-block-buttons {
    width: 100%;
    flex-direction: column;
  }
  .wp-block-button,
  .wp-element-button,
  .wp-block-button__link {
    width: 100%;
    justify-content: center;
  }
}
/*
 * Default body colors & background.
 *
 * %body is a placeholder selector:
 * https://sass-lang.com/documentation/style-rules/placeholder-selectors
 */
html {
  scroll-behavior: smooth;
}

body.is-not-scrollable {
  overflow: hidden;
}

.is-position-sticky {
  top: 0;
}

.wp-block-post-content iframe {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16/9;
  border: none;
}

.grid-to-flex .is-layout-grid {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.position-relative {
  position: relative;
}

#products,
#overview,
#treatments,
#specifications {
  scroll-margin-top: 50px;
}
@media (max-width: 767px) {
  #products,
  #overview,
  #treatments,
  #specifications {
    scroll-margin-top: 80px;
  }
}

#enquire {
  scroll-margin-top: 60px;
}
@media (max-width: 767px) {
  #enquire {
    scroll-margin-top: 100px;
  }
}

/**
 * Caret
 * Contains common caret styles, overridable through variables
 * Preview at: https://codepen.io/mehigh/pen/PoyapON
 * Use as: <span class="caret is-XXX"></span>
 */
:root {
  --caret-size: 0.3125rem;
  --caret-background: var(--color--background);
}

.caret {
  position: relative;
  width: var(--caret-size);
  height: calc(var(--caret-size) * 2);
  display: flex;
}
.caret::before {
  content: "";
  background-color: currentcolor;
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNSAyLjI1MTQ2TDguMjUgNi4wMDE0Nkw0LjUgOS43NTE0NiIgc3Ryb2tlPSIjMjYzMTQ5IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
  mask-position: center;
  mask-size: cover;
  width: 100%;
  margin-block-start: 0.0625rem;
}
.caret.is-big::before {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNNy41IDMuNzUxOTVMMTMuNzUgMTAuMDAyTDcuNSAxNi4yNTIiIHN0cm9rZT0iIzQ1NDMzOSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=);
}
.caret.is-left {
  transform: rotate(180deg);
}
.caret.is-top {
  transform: rotate(-90deg);
}
.caret.is-bottom {
  transform: rotate(90deg);
}

:root {
  /*
   * COLORS
   * Contains variables referenced from theme.json.
   */
  --color--neutral-black: #000;
  --color--neutral-100: #0b1328;
  --color--neutral-200: #263149;
  --color--neutral-300: #69738c;
  --color--neutral-400: #a8aebd;
  --color--neutral-500: #d1d4db;
  --color--neutral-600: #e6e7ea;
  --color--neutral-700: #f5f6f7;
  --color--neutral-white: #fff;
  --color--white: #fff;
  --color--off-white: #f3f6f5;
  --color--yellow: #ffe46e;
  --color--blue-grey: #7A8B99;
  --color--blue: #0073ff;
  --color--red-100: #670a0e;
  --color--red-300: #af232a;
  --color--red-500: #de353e;
  --color--red-700: #e07475;
  --color--red-900: #fccdd3;
  --color--green-100: #105023;
  --color--green-300: #288141;
  --color--green-500: #42be65;
  --color--green-700: #ccf5d7;
  --color--green-900: #e5faeb;
  --color--orange-100: #e0521b;
  --color--orange-300: #f07c23;
  --color--orange-500: #fb9728;
  --color--orange-700: #fcb658;
  --color--orange-900: #fee0b5;
  --color--indigo-100: #18167c;
  --color--indigo-300: #2e399c;
  --color--indigo-500: #3d49b2;
  --color--indigo-700: #797cc9;
  --color--indigo-900: #c5c9e8;
  --color--primary-darker: var(--color--neutral-black);
  --color--primary-dark: var(--color--neutral-black);
  --color--primary: var(--color--neutral-black);
  --color--primary-light: var(--color--neutral-black);
  --color--primary-lighter: var(--color--neutral-black);
  --color--accent-dark: var(--color--yellow);
  --color--accent-darker: var(--color--yellow);
  --color--accent: var(--color--yellow);
  --color--accent-light: var(--color--yellow);
  --color--accent-lighter: var(--color--yellow);
  --color--darkest: var(--color--neutral-100);
  --color--darker: var(--color--neutral-200);
  --color--dark: var(--color--neutral-300);
  --color--medium-dark: var(--color--neutral-400);
  --color--medium: var(--color--neutral-500);
  --color--medium-light: var(--color--neutral-600);
  --color--light: var(--color--neutral-700);
  --color--lightest: var(--color--neutral-white);
  --color--error-darker: var(--color--red-100);
  --color--error-dark: var(--color--red-300);
  --color--error: var(--color--red-500);
  --color--error-light: var(--color--red-700);
  --color--error-lighter: var(--color--red-900);
  --color--warning-darker: var(--color--orange-100);
  --color--warning-dark: var(--color--orange-300);
  --color--warning: var(--color--orange-500);
  --color--warning-light: var(--color--orange-700);
  --color--warning-lighter: var(--color--orange-900);
  --color--success-darker: var(--color--green-100);
  --color--success-dark: var(--color--green-300);
  --color--success: var(--color--green-500);
  --color--success-light: var(--color--green-700);
  --color--success-lighter: var(--color--green-900);
  --color--info-darker: var(--color--indigo-100);
  --color--info-dark: var(--color--indigo-300);
  --color--info: var(--color--indigo-500);
  --color--info-light: var(--color--indigo-700);
  --color--info-lighter: var(--color--indigo-900);
  --color--background-alt: var(--color--neutral-100);
  --color--foreground-alt: var(--color--neutral-700);
  --color--background: var(--color--lightest);
  --color--foreground: var(--color--darkest);
  --color--focus-ring: var(--color--primary);
  --color--link: var(--color--foreground);
  --color--link--hover: var(--color--tertiary);
  --card-meta--font-weight: var(--font-weight--semibold);
  --card-seperator-color: var(--color--medium);
  --hero-card-font-size: var(--f-font-size-xl-2xl);
  /*
   * LAYOUT
   * Contains variables referenced from theme.json.
   * Arimopolation is required to pass computed SASS values to the CSS variable.
   * https://sass-lang.com/documentation/Arimopolation
   */
  --layout--block-gap: var(--f-spacing--l);
  --layout--content-size: 75rem;
  --layout--wide-size: 100rem;
  /*
   * Specific layout columns.
   */
  --page-grid-sidebar-column-width: rem(320);
  --page-grid-main-column-width: calc(100% - var(--page-grid-sidebar-column-width) - var(--layout--grid--gutter));
  --layout--grid--gutter: var(--f-spacing--m);
  --layout--wallpaper--gutter: clamp(0.625rem, calc(0.25rem + 1.25vw), 1.5rem);
  --layout--wp-admin-bar--height: 0rem;
  --block-container--content-width: var(--block-container--content-width, var(--layout--wide-size));
  --spacing--2xl: 3rem;
  --spacing--xl: 2.25rem;
  --spacing--lg: 1.5rem;
  --spacing--md: 1rem;
  --spacing--sm: 0.5rem;
  --spacing--xs: 0.25rem;
  --spacing--none: 0;
  --border-radius--sm: 0.25rem;
  --border-radius--md: 0.5rem;
  --border-radius--lg: 1rem;
  /**
   * Input
   */
  --input--border-radius: var(--border-radius--sm);
  --input--font-weight: var(--font-weight--medium);
  /**
   * Button
   */
  --button--border-radius: var(--border-radius--md);
  --button--text-transform: none;
  /*
   * TYPOGRAPHY
   * Contains variables referenced from theme.json.
   */
  --font-family--sans: 'Arimo', sans-serif;
  --font-family--serif: 'Arimo', sans-serif;
  --font-family--display: 'Arimo', sans-serif;
  --font-family--primary: var(--font-family--sans);
  --font-family--secondary: var(--font-family--display);
  --font-family--body: var(--font-family--sans);
  --font-family--headline: var(--font-family--primary);
  --font-family--heading: var(--font-family--display);
  --font-family--blockquote: var(--font-family--serif);
  --font-family--ui: var(--font-family--sans);
  --font-family--detail--sans: var(--font-family--sans);
  --font-family--detail--serif: var(--font-family--serif);
  --font-family--button: var(--font-family--primary);
  --font-size--xs: 0.75rem;
  --font-size--s: 0.875rem;
  --font-size--m: 1rem;
  --font-size--l: 1.125rem;
  --font-size--xl: 1.5rem;
  --font-size--2xl: 2rem;
  --font-size--3xl: 2.25rem;
  --font-size--4xl: 3rem;
  --font-size--5xl: 4rem;
  /*
   * Fluid font-sizes
   * font-size:
   *   clamp(var(--font-size--3xl),
   *   1vw + 1rem,
   *   var(--font-size--4xl));
   *
   * Calculate a Fluid Typography Scale
   * https://royalfig.github.io/fluid-typography-calculator/
   * In this case, the Max Viewport is set to 800px
   * (the value of --layout--content-size)
   * Min Viewport: 320px
   * Max Viewport: --layout--content-size (800px)
   */
  --f-font-size--xs: var(--font-size--xs);
  --f-font-size--s: clamp(var(--font-size--xs), 0.6667rem + 0.4167vw, var(--font-size--s));
  --f-font-size--m: clamp(var(--font-size--s), 0.7917rem + 0.4167vw, var(--font-size--m));
  --f-font-size--l: clamp(var(--font-size--m), 0.9166rem + 0.4167vw, var(--font-size--l));
  --f-font-size--xl: clamp(var(--font-size--l), 0.875rem + 1.25vw, var(--font-size--xl));
  --f-font-size--2xl: clamp(var(--font-size--xl), 1.1667rem + 1.6667vw, var(--font-size--2xl));
  --f-font-size--3xl: clamp(var(--font-size--2xl), 1.8333rem + 0.8334vw, var(--font-size--3xl));
  --f-font-size--4xl: clamp(var(--font-size--3xl), 1.75rem + 2.5vw, var(--font-size--4xl));
  --f-font-size--5xl: clamp(var(--font-size--4xl), 2.3333rem + 3.3333vw, var(--font-size--5xl));
  /* Custom pairs */
  --f-font-size-xl-2xl: clamp(1.5rem, calc(1.31rem + 0.94vw), 2rem);
  --f-font-size-xl-3xl: clamp(1.5rem, calc(1.31rem + 0.94vw), 2.25rem);
  /**
   * SPACING
   * @link https://utopia.fyi/space/calculator/?c=320,16,1.2,1600,32,1.25,5,2,&s=0.75|0.5|0.375|0.25,1.5|2|2.5|3|4|4.5|5|6|7|8,4xs-4xs|2xs-3xs|xs-2xs|s-xs|m-s|l-m|2xl-l|3xl-2xl|6xl-3xl|8xl-4xl&g=s,l,xl,12
   */
  --f-spacing--2xs: clamp(0.25rem, calc(0.19rem + 0.31vw), 0.5rem);
  --f-spacing--xs: clamp(0.5rem, calc(0.44rem + 0.31vw), 0.75rem);
  --f-spacing--s: clamp(0.75rem, calc(0.69rem + 0.31vw), 1rem);
  --f-spacing--m: clamp(1rem, calc(0.88rem + 0.63vw), 1.5rem);
  --f-spacing--l: clamp(1.5rem, calc(1.38rem + 0.63vw), 2rem);
  --f-spacing--xl: clamp(2rem, calc(1.75rem + 1.25vw), 3rem);
  --f-spacing--2xl: clamp(3rem, calc(2.75rem + 1.25vw), 4rem);
  --f-spacing--3xl: clamp(4rem, calc(3.5rem + 2.5vw), 6rem);
  --f-spacing--4xl: clamp(6rem, calc(5.5rem + 2.5vw), 8rem);
  --f-spacing--5xl: clamp(8rem, calc(7.75rem + 1.25vw), 9rem);
  /* Custom pairs */
  --f-spacing--container-gap: clamp(1rem, calc(-9.17rem + 16.67vw), 5rem);
  --f-space-l-l: clamp(2rem, calc(1.5rem + 2.5vw), 4rem);
  --f--spacing--32-40: clamp(2rem, calc(1.69rem + 1.31vw), 2.5rem);
  --f--spacing--24-40: clamp(1.5rem, calc(1.04rem + 1.96vw), 2.5rem);
  --f--spacing--4-8: clamp(0.25rem, 0.125rem + 0.625vw, 0.5rem);
  --line-height--none: 1;
  --line-height--xs: 1.1;
  --line-height--s: 1.2;
  --line-height--m: 1.4;
  --line-height--l: 1.6;
  --line-height--xl: 1.8;
  --line-height--2xl: 2;
  --font-weight--regular: 400;
  --font-weight--medium: 500;
  --font-weight--semibold: 600;
  --font-weight--bold: 700;
  --font-weight--extrabold: 800;
  --font-weight--black: 900;
  --letter-spacing--none: 0;
  --letter-spacing--2xs: -0.02em;
  --letter-spacing--xs: -0.01em;
  --letter-spacing--s: 0.02em;
  --letter-spacing--m: 0.04em;
  --letter-spacing--l: 0.08em;
  --p--font-size: var(--f-font-size--l);
  --p--line-height: var(--line-height--xl);
  /**
   * Display.
   *
   * @link https://www.figma.com/file/pGs84lEn8C3LAmqKw3U2DW/Express-Kit?node-id=4089-32362&t=Euj1bG5mv3gqOxsh-4
   */
  --display--5xl--font-size: var(--f-font-size--5xl);
  --display--5xl--font-weight: var(--font-weight--bold);
  --display--5xl--letter-spacing: var(--letter-spacing--2xs);
  --display--5xl--line-height: var(--line-height--xs);
  --display--4xl--font-size: var(--f-font-size--4xl);
  --display--4xl--font-weight: var(--font-weight--bold);
  --display--4xl--letter-spacing: var(--letter-spacing--2xs);
  --display--4xl--line-height: var(--line-height--xs);
  --display--3xl--font-size: var(--f-font-size--3xl);
  --display--3xl--font-weight: var(--font-weight--bold);
  --display--3xl--letter-spacing: var(--letter-spacing--2xs);
  --display--3xl--line-height: var(--line-height--xs);
  --display--2xl--font-size: var(--f-font-size--2xl);
  --display--2xl--font-weight: var(--font-weight--regular);
  --display--2xl--letter-spacing: var(--letter-spacing--l);
  --display--2xl--line-height: var(--line-height--xs);
  /**
   * Headlines.
   *
   * Usage of fluid font-sizes is optional, but recommended.
   *
   * @link https://www.figma.com/file/pGs84lEn8C3LAmqKw3U2DW/Express-Kit?node-id=4089-32369&t=Euj1bG5mv3gqOxsh-4
   */
  --headline--3xl--font-size: var(--f-font-size--5xl);
  --headline--3xl--font-weight: var(--font-weight--bold);
  --headline--3xl--letter-spacing: var(--letter-spacing--2xs);
  --headline--3xl--line-height: var(--line-height--xs);
  --headline--2xl--font-size: var(--f-font-size--4xl);
  --headline--2xl--font-weight: var(--font-weight--bold);
  --headline--2xl--letter-spacing: var(--letter-spacing--2xs);
  --headline--2xl--line-height: var(--line-height--xs);
  --headline--xl--font-size: var(--f-font-size--3xl);
  --headline--xl--font-weight: var(--font-weight--bold);
  --headline--xl--letter-spacing: var(--letter-spacing--2xs);
  --headline--xl--line-height: var(--line-height--xs);
  --headline--l--font-size: var(--f-font-size--2xl);
  --headline--l--font-weight: var(--font-weight--semibold);
  --headline--l--letter-spacing: var(--letter-spacing--xs);
  --headline--l--line-height: var(--line-height--s);
  --headline--m--font-size: var(--f-font-size--xl);
  --headline--m--font-weight: var(--font-weight--semibold);
  --headline--m--letter-spacing: var(--letter-spacing--xs);
  --headline--m--line-height: var(--line-height--s);
  --headline--s--font-size: var(--f-font-size--l);
  --headline--s--font-weight: var(--font-weight--semibold);
  --headline--s--letter-spacing: var(--letter-spacing--xs);
  --headline--s--line-height: var(--line-height--s);
  --headline--xs--font-size: var(--f-font-size--m);
  --headline--xs--font-weight: var(--font-weight--semibold);
  --headline--xs--letter-spacing: var(--letter-spacing--xs);
  --headline--xs--line-height: var(--line-height--s);
  /**
   * Headings.
   *
   * Usage of fluid font-sizes is optional, but recommended.
   *
   * @link https://www.figma.com/file/pGs84lEn8C3LAmqKw3U2DW/Express-Kit?node-id=4089-32369&t=Euj1bG5mv3gqOxsh-4
   */
  --heading--3xl--font-size: var(--f-font-size--5xl);
  --heading--3xl--font-weight: var(--font-weight--bold);
  --heading--3xl--letter-spacing: var(--letter-spacing--xs);
  --heading--3xl--line-height: var(--line-height--xs);
  --heading--2xl--font-size: var(--f-font-size--4xl);
  --heading--2xl--font-weight: var(--font-weight--bold);
  --heading--2xl--letter-spacing: var(--letter-spacing--xs);
  --heading--2xl--line-height: var(--line-height--xs);
  --heading--xl--font-size: var(--f-font-size--3xl);
  --heading--xl--font-weight: var(--font-weight--bold);
  --heading--xl--letter-spacing: var(--letter-spacing--xs);
  --heading--xl--line-height: var(--line-height--xs);
  --heading--l--font-size: var(--f-font-size--2xl);
  --heading--l--font-weight: var(--font-weight--bold);
  --heading--l--letter-spacing: var(--letter-spacing--xs);
  --heading--l--line-height: var(--line-height--s);
  --heading--m--font-size: var(--f-font-size--xl);
  --heading--m--font-weight: var(--font-weight--bold);
  --heading--m--letter-spacing: var(--letter-spacing--xs);
  --heading--m--line-height: var(--line-height--s);
  --heading--s--font-size: var(--f-font-size--l);
  --heading--s--font-weight: var(--font-weight--bold);
  --heading--s--letter-spacing: var(--letter-spacing--xs);
  --heading--s--line-height: var(--line-height--s);
  --heading--xs--font-size: var(--f-font-size--m);
  --heading--xs--font-weight: var(--font-weight--bold);
  --heading--xs--letter-spacing: var(--letter-spacing--xs);
  --heading--xs--line-height: var(--line-height--s);
  /**
   * Labels.
   *
   * @link https://www.figma.com/file/pGs84lEn8C3LAmqKw3U2DW/Express-Kit?node-id=4089-32379&t=Euj1bG5mv3gqOxsh-4
   */
  --label--lg--font-size: var(--f-font-size--xl);
  --label--lg--font-weight: var(--font-weight--medium);
  --label--lg--letter-spacing: var(--letter-spacing--none);
  --label--lg--line-height: var(--line-height--s);
  --label--md--font-size: var(--f-font-size--l);
  --label--md--font-weight: var(--font-weight--medium);
  --label--md--letter-spacing: var(--letter-spacing--none);
  --label--md--line-height: var(--line-height--s);
  --label--sm--font-size: var(--f-font-size--m);
  --label--sm--font-weight: var(--font-weight--medium);
  --label--sm--letter-spacing: var(--letter-spacing--none);
  --label--sm--line-height: var(--line-height--s);
  --label--xs--font-size: var(--f-font-size--s);
  --label--xs--font-weight: var(--font-weight--medium);
  --label--xs--letter-spacing: var(--letter-spacing--none);
  --label--xs--line-height: var(--line-height--s);
  /**
   * Detail.
   *
   * @link https://www.figma.com/file/pGs84lEn8C3LAmqKw3U2DW/Express-Kit?node-id=4089-32386&t=Euj1bG5mv3gqOxsh-4
   */
  --detail--sans--lg--font-size: var(--f-font-size--l);
  --detail--sans--lg--font-weight: var(--font-weight--semibold);
  --detail--sans--lg--letter-spacing: var(--letter-spacing--l);
  --detail--sans--lg--line-height: var(--line-height--s);
  --detail--sans--md--font-size: var(--font-size--s);
  --detail--sans--md--font-weight: var(--font-weight--semibold);
  --detail--sans--md--letter-spacing: var(--letter-spacing--l);
  --detail--sans--md--line-height: var(--line-height--s);
  --detail--sans--sm--font-size: var(--font-size--xs);
  --detail--sans--sm--font-weight: var(--font-weight--semibold);
  --detail--sans--sm--letter-spacing: var(--letter-spacing--l);
  --detail--sans--sm--line-height: var(--line-height--s);
  --detail--serif--lg--font-size: var(--f-font-size--l);
  --detail--serif--lg--font-weight: var(--font-weight--regular);
  --detail--serif--lg--letter-spacing: var(--letter-spacing--l);
  --detail--serif--lg--line-height: var(--line-height--s);
  --detail--serif--md--font-size: var(--font-size--s);
  --detail--serif--md--font-weight: var(--font-weight--regular);
  --detail--serif--md--letter-spacing: var(--letter-spacing--l);
  --detail--serif--md--line-height: var(--line-height--s);
  --detail--serif--sm--font-size: var(--font-size--xs);
  --detail--serif--sm--font-weight: var(--font-weight--regular);
  --detail--serif--sm--letter-spacing: var(--letter-spacing--l);
  --detail--serif--sm--line-height: var(--line-height--s);
  /**
   * Body.
   *
   * @link https://www.figma.com/file/pGs84lEn8C3LAmqKw3U2DW/Express-Kit?node-id=4089-32405&t=ZU21koo2RMSaLHCl-4
   */
  --body--lg--font-size: var(--font-size--l);
  --body--lg--line-height: var(--line-height--l);
  --body--md--font-size: var(--font-size--m);
  --body--md--font-weight: var(--font-weight--regular);
  --body--md--line-height: var(--line-height--l);
  --body--md--letter-spacing: var(--letter-spacing-none);
  --body--sm--font-size: var(--font-size--s);
  --body--sm--line-height: var(--line-height--l);
  --body--xs--font-size: var(--font-size--xs);
  --body--xs--line-height: var(--line-height--l);
  /**
   * Blockquote.
   *
   * @link https://www.figma.com/file/pGs84lEn8C3LAmqKw3U2DW/Express-Kit?node-id=4089-32428&t=ZU21koo2RMSaLHCl-4
   */
  --blockquote--md--font-size: var(--f-font-size--xl);
  --blockquote--md--line-height: var(--line-height--l);
  --blockquote--lg--font-size: var(--f-font-size--2xl);
  --blockquote--lg--line-height: var(--line-height--m);
  /**
   * Button.
   *
   * @link https://www.figma.com/file/pGs84lEn8C3LAmqKw3U2DW/Express-Kit?node-id=4089-32436&t=ZU21koo2RMSaLHCl-4
   */
  --button--lg--font-size: var(--font-size--l);
  --button--lg--font-weight: var(--font-weight--semibold);
  --button--lg--line-height: var(--line-height--none);
  --button--lg--letter-spacing: var(--letter-spacing--2xs);
  --button--md--font-size: var(--font-size--m);
  --button--md--font-weight: var(--font-weight--semibold);
  --button--md--line-height: var(--line-height--none);
  --button--md--letter-spacing: var(--letter-spacing--2xs);
  --button--sm--font-size: var(--font-size--s);
  --button--sm--font-weight: var(--font-weight--semibold);
  --button--sm--line-height: var(--line-height--none);
  --button--sm--letter-spacing: var(--letter-spacing--2xs);
  --button--xs--font-size: var(--font-size--xs);
  --button--xs--font-weight: var(--font-weight--semibold);
  --button--xs--line-height: var(--line-height--none);
  --button--xs--letter-spacing: var(--letter-spacing--2xs);
  /**
   * Code
   *
   * @link https://www.figma.com/file/pGs84lEn8C3LAmqKw3U2DW/Express-Kit?node-id=4089-32449&t=ZU21koo2RMSaLHCl-4
   */
  --code--font-size: var(--font-size--m);
  --code--line-height: var(--line-height--l);
  /**
   * UI Input.
   *
   * @link https://www.figma.com/file/pGs84lEn8C3LAmqKw3U2DW/Express-Kit?type=design&node-id=4089-32443&t=3FOrwZzX90qJcSCd-4
   */
  --ui-input--md--font-size: var(--font-size--m);
  --ui-input--md--font-weight: var(--font-weight--medium);
  --ui-input--md--line-height: var(--line-height--m);
  --ui-input--sm--font-size: var(--font-size--s);
  --ui-input--sm--font-weight: var(--font-weight--medium);
  --ui-input--sm--line-height: var(--line-height--m);
  --ui-input--xs--font-size: var(--font-size--xs);
  --ui-input--xs--font-weight: var(--font-weight--medium);
  --ui-input--xs--line-height: var(--line-height--m);
  /**
   * Footer
   */
  --footer-logo-size: 43.75rem;
}
:root .admin-bar {
  --layout--wp-admin-bar--height: 2rem;
}
@media screen and (max-width: 782px) {
  :root .admin-bar {
    --layout--wp-admin-bar--height: 2.875rem;
  }
}

@media (min-width: 768px) {
  :root {
    --spacing--2xl: 4rem;
    --spacing--xl: 3rem;
    --spacing--lg: 2.25rem;
    --spacing--md: 1.5rem;
    --spacing--sm: 0.75rem;
    --spacing--xs: 0.5rem;
    --spacing--none: 0;
  }
}
/*
 * Set generic input styles
 *
 * %input is a placeholder selector:
 * https://sass-lang.com/documentation/style-rules/placeholder-selectors
 */
input[disabled], input.c-input--error, input[type=text]:not([class]),
input[type=email]:not([class]),
input[type=password]:not([class]),
input[type=search]:not([class]),
input[type=tel]:not([class]),
input[type=url]:not([class]) {
  background-color: var(--color--lightest);
  border: 0.0625rem solid var(--color--medium-dark);
  border-radius: var(--input--border-radius);
  color: var(--color--dark);
  box-shadow: inset 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.16);
  font-size: var(--font-size--m);
  font-weight: var(--input--font-weight);
  padding: 0.8125rem 1rem;
  line-height: 0;
}
input[disabled]:hover, input.c-input--error:hover, input[type=text]:hover:not([class]),
input[type=email]:hover:not([class]),
input[type=password]:hover:not([class]),
input[type=search]:hover:not([class]),
input[type=tel]:hover:not([class]),
input[type=url]:hover:not([class]) {
  border-color: var(--color--primary);
}
input[disabled]:focus, input.c-input--error:focus, input[type=text]:focus:not([class]),
input[type=email]:focus:not([class]),
input[type=password]:focus:not([class]),
input[type=search]:focus:not([class]),
input[type=tel]:focus:not([class]),
input[type=url]:focus:not([class]) {
  border-color: var(--color--primary);
  outline: 0.3125rem solid var(--color--primary-lightest);
  outline-offset: 0.125rem;
  color: var(--color--darkest);
}

input.c-input--error {
  border-color: var(--color--error);
}
input.c-input--error:focus {
  border-color: var(--color--error-lighter);
}

input[disabled] {
  background-color: var(--color--light);
  border-color: var(--color--medium);
  color: var(--color--medium-dark);
  cursor: not-allowed;
}

/**
 * labels
 */
.has-t-label-lg-font-size,
.t-label--lg {
  font-family: var(--font-family--primary);
  font-size: var(--label--lg--font-size);
  font-weight: var(--label--lg--font-weight);
  letter-spacing: var(--label--lg--letter-spacing);
  line-height: var(--label--lg--line-height);
}

.has-t-label-md-font-size,
.t-label--md {
  font-family: var(--font-family--primary);
  font-size: var(--label--md--font-size);
  font-weight: var(--label--md--font-weight);
  letter-spacing: var(--label--md--letter-spacing);
  line-height: var(--label--md--line-height);
}

.has-t-label-sm-font-size,
.t-label--sm {
  font-family: var(--font-family--primary);
  font-size: var(--label--sm--font-size);
  font-weight: var(--label--sm--font-weight);
  letter-spacing: var(--label--sm--letter-spacing);
  line-height: var(--label--sm--line-height);
}

.has-t-label-xs-font-size,
.t-label--xs {
  font-family: var(--font-family--primary);
  font-size: var(--label--xs--font-size);
  font-weight: var(--label--xs--font-weight);
  letter-spacing: var(--label--xs--letter-spacing);
  line-height: var(--label--xs--line-height);
}

/**
 * Inputs
 */
.has-t-input-md-font-size,
.t-input--md {
  font-family: var(--font-family--ui);
  font-size: var(--ui-input--md--font-size);
  font-weight: var(--ui-input--md--font-weight);
  letter-spacing: var(--input--md--letter-spacing);
  line-height: var(--ui-input--md--line-height);
}

.has-t-input-sm-font-size,
.t-input--sm {
  font-family: var(--font-family--ui);
  font-size: var(--ui-input--sm--font-size);
  font-weight: var(--ui-input--sm--font-weight);
  letter-spacing: var(--input--sm--letter-spacing);
  line-height: var(--ui-input--sm--line-height);
}

.has-t-input-xs-font-size,
.t-input--xs {
  font-family: var(--font-family--ui);
  font-size: var(--ui-input--xs--font-size);
  font-weight: var(--ui-input--xs--font-weight);
  letter-spacing: var(--input--xs--letter-spacing);
  line-height: var(--ui-input--xs--line-height);
}

.wpforms-field-label,
.wpforms-field-label-inline,
.wpforms-field-sublabel {
  color: var(--wp--preset--color--contrast) !important;
}

.has-base-color .wpforms-field-label,
.has-base-color .wpforms-field-label-inline,
.has-base-color .wpforms-field-sublabel {
  color: var(--wp--preset--color--base) !important;
}
.has-base-color div.wpforms-container-full input[type=text],
.has-base-color div.wpforms-container-full input[type=email],
.has-base-color div.wpforms-container-full input[type=tel],
.has-base-color div.wpforms-container-full input[type=url],
.has-base-color div.wpforms-container-full input[type=password],
.has-base-color div.wpforms-container-full input[type=number],
.has-base-color div.wpforms-container-full input[type=date],
.has-base-color div.wpforms-container-full input[type=datetime],
.has-base-color div.wpforms-container-full input[type=datetime-local],
.has-base-color div.wpforms-container-full input[type=month],
.has-base-color div.wpforms-container-full input[type=range],
.has-base-color div.wpforms-container-full input[type=search],
.has-base-color div.wpforms-container-full input[type=time],
.has-base-color div.wpforms-container-full input[type=week],
.has-base-color div.wpforms-container-full select,
.has-base-color div.wpforms-container-full textarea {
  background-color: var(--wp--preset--color--contrast-3) !important;
  color: var(--wp--preset--color--base) !important;
}

div.wpforms-container-full {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  --wpforms-page-break-color: #ffe46e;
}
div.wpforms-container-full .wpforms-page-indicator {
  border-top: none !important;
}
div.wpforms-container-full .wpforms-page-indicator .wpforms-page-indicator-page-number {
  font-weight: bold;
}
div.wpforms-container-full .wpforms-page-indicator.circles {
  justify-content: space-between;
}
div.wpforms-container-full .wpforms-page-indicator.circles .active .wpforms-page-indicator-page-number {
  color: #000;
}
div.wpforms-container-full button[type=submit] {
  display: block;
  font-weight: 400;
  font-size: 1.14rem;
  background-color: var(--wp--preset--color--base) !important;
  color: var(--wp--preset--color--contrast) !important;
  border: 1px solid var(--wp--preset--color--contrast) !important;
  border-radius: 25px !important;
  padding: 8px 16px !important;
}
@media (max-width: 767px) {
  div.wpforms-container-full button[type=submit] {
    width: 100%;
  }
}
div.wpforms-container-full button[type=submit]:hover, div.wpforms-container-full button[type=submit]:focus, div.wpforms-container-full button[type=submit]:active {
  background-color: var(--wp--preset--color--contrast) !important;
  color: var(--wp--preset--color--base) !important;
  border-color: var(--wp--preset--color--contrast) !important;
}
div.wpforms-container-full input[type=text],
div.wpforms-container-full input[type=email],
div.wpforms-container-full input[type=tel],
div.wpforms-container-full input[type=url],
div.wpforms-container-full input[type=password],
div.wpforms-container-full input[type=number],
div.wpforms-container-full input[type=date],
div.wpforms-container-full input[type=datetime],
div.wpforms-container-full input[type=datetime-local],
div.wpforms-container-full input[type=month],
div.wpforms-container-full input[type=range],
div.wpforms-container-full input[type=search],
div.wpforms-container-full input[type=time],
div.wpforms-container-full input[type=week],
div.wpforms-container-full select,
div.wpforms-container-full textarea {
  background-color: #ebedee !important;
  border: none !important;
  border-radius: 17px !important;
}

div.wpforms-container .wpforms-form .wpforms-field-repeater.wpforms-field-repeater-display-blocks > .wpforms-field-label {
  padding-top: 0;
}
div.wpforms-container .wpforms-form .wpforms-field-repeater.wpforms-field-repeater-display-blocks > .wpforms-field-label:before {
  display: none;
}

.wpforms-field-repeater {
  padding-top: 0 !important;
}
.wpforms-field-repeater h3 {
  font-size: 18px !important;
}

/*
 * Set generic link styles
 *
 * %link is a placeholder selector:
 * https://sass-lang.com/documentation/style-rules/placeholder-selectors
 */
a:not([class]) {
  transition: color 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
  text-decoration-line: underline;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}
a:hover:not([class]) {
  color: var(--color--link--hover);
  text-decoration-line: none;
}
a:focus:not([class]) {
  outline: 2px solid var(--color--focus-ring);
  outline-offset: 2px;
}
a:active:not([class]) {
  filter: brightness(0.9);
}

a {
  /*
   * Style A elements that don't have a class as generic links.
   */
}
/**
 * Set generic styles for horizontal navigations.
 */
/**
 * Style the core Navigation block's mobile "responsive overlay" panel.
 * WordPress core ships this completely unstyled — the fixed-position
 * dialog has no background by default, so it sits transparently over
 * the header and the page content shows through behind the menu items.
 */
@media (max-width: 767px) {
  .wp-block-navigation__responsive-container.is-menu-open {
    top: 64px;
    background-color: var(--wp--preset--color--base);
  }
  .wp-block-navigation__responsive-container-close {
    display: none;
  }
  .wp-block-navigation__responsive-container-open {
    position: relative;
  }
  .wp-block-navigation__responsive-container-open svg {
    transition: opacity 0.15s ease;
  }
  .wp-block-navigation__responsive-container-open::before, .wp-block-navigation__responsive-container-open::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 2px;
    background-color: currentColor;
    opacity: 0;
    transition: opacity 0.15s ease;
  }
  .wp-block-navigation__responsive-container-open::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .wp-block-navigation__responsive-container-open::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .wp-block-navigation:has(.wp-block-navigation__responsive-container.is-menu-open) .wp-block-navigation__responsive-container-open svg {
    opacity: 0;
  }
  .wp-block-navigation:has(.wp-block-navigation__responsive-container.is-menu-open) .wp-block-navigation__responsive-container-open::before, .wp-block-navigation:has(.wp-block-navigation__responsive-container.is-menu-open) .wp-block-navigation__responsive-container-open::after {
    opacity: 1;
  }
  .wp-block-navigation__overlay-container {
    padding-left: var(--wp--style--root--padding-left);
    padding-right: var(--wp--style--root--padding-right);
  }
  .wp-block-navigation__overlay-container .wp-block-navigation__container {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }
  .wp-block-navigation__overlay-container .wp-block-navigation-item__content {
    font-size: var(--wp--preset--font-size--x-large);
  }
  .wp-block-navigation__overlay-container .has-child > .wp-block-navigation-item__content {
    font-weight: 700;
    text-decoration-line: underline;
  }
  .wp-block-navigation__overlay-container .has-child {
    flex-wrap: wrap;
  }
  .wp-block-navigation__overlay-container .has-child > .wp-block-navigation-item__content {
    cursor: pointer;
  }
  .wp-block-navigation__overlay-container .wp-block-buttons {
    margin-top: 1rem;
  }
  .wp-block-navigation__responsive-container .wp-block-navigation__overlay-container .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container {
    position: static;
    flex-basis: 100%;
    width: auto;
    min-width: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    gap: 0.25rem;
  }
  .wp-block-navigation__responsive-container .wp-block-navigation__overlay-container .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container li:first-child,
  .wp-block-navigation__responsive-container .wp-block-navigation__overlay-container .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container li:last-child {
    border-radius: 0;
  }
  .wp-block-navigation__responsive-container .wp-block-navigation__overlay-container .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    color: var(--wp--preset--color--contrast) !important;
  }
}
/**
 * Product nav: collapses to a single-item dropdown on mobile.
 * Markup is the core wp:navigation block (overlayMenu: "never"), so the
 * flat item list has to be rearranged with flex order rather than markup changes.
 */
nav.product-nav .wp-block-navigation__container {
  flex-grow: 1;
}
nav.product-nav .wp-block-navigation-item.is-active .wp-block-navigation-item__content {
  text-decoration: underline;
}
nav.product-nav .product-nav__toggle {
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
}
nav.product-nav .product-nav__toggle .caret {
  position: relative;
  width: 1rem;
  height: 0.75rem;
}
nav.product-nav .product-nav__toggle .caret::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.75rem;
  height: 1rem;
  margin: 0;
  transform: translate(-50%, -50%) rotate(90deg);
  transition: transform 0.2s ease;
}
@media (max-width: 767px) {
  nav.product-nav {
    row-gap: 0;
  }
  nav.product-nav .wp-block-navigation__container {
    display: contents;
  }
  nav.product-nav .product-nav__toggle {
    display: flex;
    order: 2;
    flex: 0 0 auto;
  }
  nav.product-nav li.wp-block-navigation-item {
    font-size: 1.125rem !important;
    line-height: var(--line-height--none);
    order: 3;
    flex: 0 0 100%;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.25s ease, opacity 0.25s ease;
  }
  nav.product-nav li.wp-block-navigation-item.is-active {
    order: 1;
    flex: 1 1 auto;
    max-height: 3rem;
    opacity: 1;
  }
  nav.product-nav.is-open li.wp-block-navigation-item {
    max-height: 3rem;
    opacity: 1;
    padding-block: 0.625rem;
  }
  nav.product-nav.is-open .product-nav__toggle .caret::before {
    transform: translate(-50%, -50%) rotate(-90deg);
  }
}

/**
 * Self-hosted web fonts.
 *
 * To self-host Google Fonts, use https://google-webfonts-helper.herokuapp.com/fonts
 * To subset Fonts, use https://transfonter.org/
 */
@font-face {
  font-family: "Arimo";
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  src: url(../fonts/Arimo-VariableFont_wght.17eb0a33.woff2) format("woff2");
}
body {
  font-family: var(--font-family--body);
  font-size: var(--f-font-size--m);
  line-height: var(--line-height--l);
}

/**
  * Display.
  */
.has-t-display-5-xl-font-size,
.t-display--5xl {
  font-family: var(--font-family--display);
  font-size: var(--display--5xl--font-size);
  font-weight: var(--display--5xl--font-weight);
  letter-spacing: var(--display--5xl--letter-spacing);
  line-height: var(--display--5xl--line-height);
  margin-block-end: var(--f-spacing--l);
}

.has-t-display-4-xl-font-size,
.t-display--4xl {
  font-family: var(--font-family--display);
  font-size: var(--display--4xl--font-size);
  font-weight: var(--display--4xl--font-weight);
  letter-spacing: var(--display--4xl--letter-spacing);
  line-height: var(--display--4xl--line-height);
  margin-block-end: var(--f-spacing--l);
}

.has-t-display-3-xl-font-size,
.t-display--3xl {
  font-family: var(--font-family--display);
  font-size: var(--display--3xl--font-size);
  font-weight: var(--display--3xl--font-weight);
  letter-spacing: var(--display--3xl--letter-spacing);
  line-height: var(--display--3xl--line-height);
  margin-block-end: var(--f-spacing--l);
}

.has-t-display-2-xl-font-size,
.t-display--2xl {
  font-family: var(--font-family--display);
  font-size: var(--display--2xl--font-size);
  font-weight: var(--display--2xl--font-weight);
  letter-spacing: var(--display--2xl--letter-spacing);
  line-height: var(--display--2xl--line-height);
  margin-block-end: var(--f-spacing--l);
  text-transform: uppercase;
}

.t-display {
  font-family: var(--font-family--display);
}

/**
 * Headings.
 *
 * Apply here responsive overrides when clamp requires fixed adjustments.
 */
.has-t-headline-3-xl-font-size,
.t-headline--3xl {
  font-family: var(--font-family--headline);
  font-size: var(--headline--3xl--font-size);
  letter-spacing: var(--headline--3xl--letter-spacing);
  line-height: var(--headline--3xl--line-height);
  font-weight: var(--headline--3xl--font-weight);
  margin-block-start: 0;
  margin-block-end: var(--f-spacing--l);
}

.has-t-headline-2-xl-font-size,
.t-headline--2xl {
  font-family: var(--font-family--headline);
  font-size: var(--headline--2xl--font-size);
  letter-spacing: var(--headline--2xl--letter-spacing);
  line-height: var(--headline--2xl--line-height);
  font-weight: var(--headline--2xl--font-weight);
  margin-block-start: 0;
  margin-block-end: var(--f-spacing--l);
}

.has-t-headline-xl-font-size,
.t-headline--xl {
  font-family: var(--font-family--headline);
  font-size: var(--headline--xl--font-size);
  letter-spacing: var(--headline--xl--letter-spacing);
  line-height: var(--headline--xl--line-height);
  font-weight: var(--headline--xl--font-weight);
  margin-block-start: 0;
  margin-block-end: var(--f-spacing--m);
}

.has-t-headline-l-font-size,
.t-headline--l {
  font-family: var(--font-family--headline);
  font-size: var(--headline--l--font-size);
  letter-spacing: var(--headline--l--letter-spacing);
  line-height: var(--headline--l--line-height);
  font-weight: var(--headline--l--font-weight);
  margin-block-start: 0;
  margin-block-end: var(--f-spacing--m);
}

.has-t-headline-m-font-size,
.t-headline--m {
  font-family: var(--font-family--headline);
  font-size: var(--headline--m--font-size);
  letter-spacing: var(--headline--m--letter-spacing);
  line-height: var(--headline--m--line-height);
  font-weight: var(--headline--m--font-weight);
  margin-block-start: 0;
  margin-block-end: var(--f-spacing--m);
}

.has-t-headline-s-font-size,
.t-headline--s {
  font-family: var(--font-family--headline);
  font-size: var(--headline--s--font-size);
  line-height: var(--headline--s--line-height);
  font-weight: var(--headline--s--font-weight);
  letter-spacing: var(--headline--s--letter-spacing);
  margin-block-start: 0;
  margin-block-end: var(--f-spacing--s);
}

.has-t-headline-xs-font-size,
.t-headline--xs {
  font-family: var(--font-family--headline);
  font-size: var(--headline--xs--font-size);
  line-height: var(--headline--xs--line-height);
  font-weight: var(--headline--xs--font-weight);
  letter-spacing: var(--headline--xs--letter-spacing);
  margin-block-start: 0;
  margin-block-end: var(--f-spacing--s);
}

/**
 * Headings
 *
 * @link https://www.figma.com/file/pGs84lEn8C3LAmqKw3U2DW/Express-Kit?node-id=4089-32395&t=Euj1bG5mv3gqOxsh-4
 */
.t-hero,
.has-t-heading-3-xl-font-size,
.t-heading--3xl {
  font-family: var(--font-family--heading);
  font-size: var(--heading--3xl--font-size);
  letter-spacing: var(--heading--3xl--letter-spacing);
  line-height: var(--heading--3xl--line-height);
  font-weight: 400;
  margin-block-start: 0;
  margin-block-end: var(--f-spacing--l);
}

h1,
.h1,
.has-t-heading-2-xl-font-size,
.t-heading--2xl {
  font-family: var(--font-family--heading);
  font-size: var(--heading--2xl--font-size);
  letter-spacing: var(--heading--2xl--letter-spacing);
  line-height: var(--heading--2xl--line-height);
  font-weight: 400;
  margin-block-start: 0;
  margin-block-end: var(--f-spacing--l);
}
h1 strong,
.h1 strong,
.has-t-heading-2-xl-font-size strong,
.t-heading--2xl strong {
  font-weight: 900;
  color: transparent !important;
  background-image: linear-gradient(to right, #bfdbfe, #ffffff);
  -webkit-background-clip: text;
  background-clip: text;
}
:where(.entry-content__main) > h1,
:where(.entry-content__main) > .h1,
:where(.entry-content__main) > .has-t-heading-2-xl-font-size,
:where(.entry-content__main) > .t-heading--2xl {
  margin-block-start: var(--f-spacing--l);
}

h2,
.h2,
.has-t-heading-xl-font-size,
.t-heading--xl {
  font-family: var(--font-family--heading);
  font-size: var(--heading--xl--font-size);
  letter-spacing: var(--heading--xl--letter-spacing);
  line-height: var(--heading--xl--line-height);
  font-weight: var(--heading--xl--font-weight);
  margin-block-start: 0;
  margin-block-end: var(--f-spacing--m);
}
:where(.entry-content__main) > h2,
:where(.entry-content__main) > .h2,
:where(.entry-content__main) > .has-t-heading-xl-font-size,
:where(.entry-content__main) > .t-heading--xl {
  margin-block-start: var(--f-spacing--m);
}

h3,
.h3,
.has-t-heading-lg-font-size,
.t-heading--lg {
  font-family: var(--font-family--heading);
  font-size: var(--heading--l--font-size);
  letter-spacing: var(--heading--l--letter-spacing);
  line-height: var(--heading--l--line-height);
  font-weight: 400;
  margin-block-start: 0;
  margin-block-end: var(--f-spacing--m);
}
:where(.entry-content__main) > h3,
:where(.entry-content__main) > .h3,
:where(.entry-content__main) > .has-t-heading-lg-font-size,
:where(.entry-content__main) > .t-heading--lg {
  margin-block-start: var(--f-spacing--m);
}

h4,
.h4,
.has-t-heading-md-font-size,
.t-heading--md {
  font-family: var(--font-family--heading);
  font-size: var(--heading--m--font-size);
  letter-spacing: var(--heading--m--letter-spacing);
  line-height: var(--heading--m--line-height);
  font-weight: 400;
  margin-block-start: 0;
  margin-block-end: var(--f-spacing--m);
}
:where(.entry-content__main) > h4,
:where(.entry-content__main) > .h4,
:where(.entry-content__main) > .has-t-heading-md-font-size,
:where(.entry-content__main) > .t-heading--md {
  margin-block-start: var(--f-spacing--m);
}

h5,
.h5,
.has-t-heading-sm-font-size,
.t-heading--sm {
  font-family: var(--font-family--heading);
  font-size: var(--heading--s--font-size);
  letter-spacing: var(--heading--s--letter-spacing);
  line-height: var(--heading--s--line-height);
  font-weight: var(--heading--s--font-weight);
  margin-block-start: 0;
  margin-block-end: var(--f-spacing--s);
}
:where(.entry-content__main) > h5,
:where(.entry-content__main) > .h5,
:where(.entry-content__main) > .has-t-heading-sm-font-size,
:where(.entry-content__main) > .t-heading--sm {
  margin-block-start: var(--f-spacing--s);
}

h6,
.h6,
.has-t-heading-xs-font-size,
.t-heading--xs {
  font-family: var(--font-family--heading);
  font-size: var(--heading--xs--font-size);
  letter-spacing: var(--heading--xs--letter-spacing);
  line-height: var(--heading--xs--line-height);
  font-weight: var(--heading--xs--font-weight);
  margin-block-start: 0;
  margin-block-end: var(--f-spacing--s);
}
:where(.entry-content__main) > h6,
:where(.entry-content__main) > .h6,
:where(.entry-content__main) > .has-t-heading-xs-font-size,
:where(.entry-content__main) > .t-heading--xs {
  margin-block-start: var(--f-spacing--s);
}

/**
 * Body Copy
 *
 * Use these classes for UI creation
 */
.t-body--lg,
.has-t-body-lg-font-size,
.has-l-font-size {
  font-family: var(--font-family--body);
  font-size: var(--body--lg--font-size);
  font-weight: var(--body--lg--font-weight);
  letter-spacing: var(--body--lg--letter-spacing);
  line-height: var(--body--lg--line-height);
}

.t-body--lg-semibold {
  font-weight: var(--font-weight--semibold);
  font-family: var(--font-family--body);
  font-size: var(--body--lg--font-size);
  font-weight: var(--body--lg--font-weight);
  letter-spacing: var(--body--lg--letter-spacing);
  line-height: var(--body--lg--line-height);
}

.t-body--md,
.has-t-body-md-font-size,
.has-m-font-size {
  font-family: var(--font-family--body);
  font-size: var(--body--md--font-size);
  font-weight: var(--body--md--font-weight);
  letter-spacing: var(--body--md--letter-spacing);
  line-height: var(--body--md--line-height);
}

.t-body--md-medium {
  font-weight: var(--font-weight--medium);
  font-family: var(--font-family--body);
  font-size: var(--body--md--font-size);
  font-weight: var(--body--md--font-weight);
  letter-spacing: var(--body--md--letter-spacing);
  line-height: var(--body--md--line-height);
}

.t-body--md-semibold {
  font-weight: var(--font-weight--semibold);
  font-family: var(--font-family--body);
  font-size: var(--body--md--font-size);
  font-weight: var(--body--md--font-weight);
  letter-spacing: var(--body--md--letter-spacing);
  line-height: var(--body--md--line-height);
}

.t-body--sm,
.has-t-body-sm-font-size,
.has-s-font-size {
  font-family: var(--font-family--body);
  font-size: var(--body--sm--font-size);
  font-weight: var(--body--sm--font-weight);
  letter-spacing: var(--body--sm--letter-spacing);
  line-height: var(--body--sm--line-height);
}

.t-body--sm-medium {
  font-weight: var(--font-weight--medium);
  font-family: var(--font-family--body);
  font-size: var(--body--sm--font-size);
  font-weight: var(--body--sm--font-weight);
  letter-spacing: var(--body--sm--letter-spacing);
  line-height: var(--body--sm--line-height);
}

.t-body--sm-semibold {
  font-weight: var(--font-weight--semibold);
  font-family: var(--font-family--body);
  font-size: var(--body--sm--font-size);
  font-weight: var(--body--sm--font-weight);
  letter-spacing: var(--body--sm--letter-spacing);
  line-height: var(--body--sm--line-height);
}

.t-body--xs,
.has-t-body-xs-font-size,
.has-xs-font-size {
  font-family: var(--font-family--body);
  font-size: var(--body--xs--font-size);
  font-weight: var(--body--xs--font-weight);
  letter-spacing: var(--body--xs--letter-spacing);
  line-height: var(--body--xs--line-height);
}

.t-body--xs-medium {
  font-weight: var(--font-weight--medium);
  font-family: var(--font-family--body);
  font-size: var(--body--xs--font-size);
  font-weight: var(--body--xs--font-weight);
  letter-spacing: var(--body--xs--letter-spacing);
  line-height: var(--body--xs--line-height);
}

/**
 * Detail
 */
.has-t-detail-sans-lg-font-size,
.t-detail-sans--lg {
  font-family: var(--font-family--detail--sans);
  font-size: var(--detail--sans--lg--font-size);
  font-weight: var(--detail--sans--lg--font-weight);
  letter-spacing: var(--detail--sans--lg--letter-spacing);
  line-height: var(--detail--sans--lg--line-height);
  text-transform: uppercase;
}

.has-t-detail-sans-md-font-size,
.t-detail-sans--md {
  font-family: var(--font-family--detail--sans);
  font-size: var(--detail--sans--md--font-size);
  font-weight: var(--detail--sans--md--font-weight);
  letter-spacing: var(--detail--sans--md--letter-spacing);
  line-height: var(--detail--sans--md--line-height);
  text-transform: uppercase;
}

.has-t-detail-sans-sm-font-size,
.t-detail-sans--sm {
  font-family: var(--font-family--detail--sans);
  font-size: var(--detail--sans--sm--font-size);
  font-weight: var(--detail--sans--sm--font-weight);
  letter-spacing: var(--detail--sans--sm--letter-spacing);
  line-height: var(--detail--sans--sm--line-height);
  text-transform: uppercase;
}

.has-t-detail-serif-lg-font-size,
.t-detail-serif--lg {
  font-family: var(--font-family--detail--serif);
  font-size: var(--detail--serif--lg--font-size);
  font-weight: var(--detail--serif--lg--font-weight);
  letter-spacing: var(--detail--serif--lg--letter-spacing);
  line-height: var(--detail--serif--lg--line-height);
  text-transform: uppercase;
}

.has-t-detail-serif-md-font-size,
.t-detail-serif--md {
  font-family: var(--font-family--detail--serif);
  font-size: var(--detail--serif--md--font-size);
  font-weight: var(--detail--serif--md--font-weight);
  letter-spacing: var(--detail--serif--md--letter-spacing);
  line-height: var(--detail--serif--md--line-height);
  text-transform: uppercase;
}

.has-t-detail-serif-sm-font-size,
.t-detail-serif--sm {
  font-family: var(--font-family--detail--serif);
  font-size: var(--detail--serif--sm--font-size);
  font-weight: var(--detail--serif--sm--font-weight);
  letter-spacing: var(--detail--serif--sm--letter-spacing);
  line-height: var(--detail--serif--sm--line-height);
  text-transform: uppercase;
}

/**
 * Code
 */
code,
pre,
.has-t-code-font-size,
.has-monospace-font-family {
  font-family: var(--font-family--monospace);
  font-size: var(--code--font-size);
  font-weight: var(--code--font-weight);
  letter-spacing: var(--code--letter-spacing);
  line-height: var(--code--line-height);
}

/**
 * Blockquote
 */
.t-blockquote--lg,
.has-t-blockquote-lg-font-size {
  font-family: var(--font-family--blockquote);
  font-size: var(--blockquote--lg--font-size);
  font-weight: var(--blockquote--lg--font-weight);
  letter-spacing: var(--blockquote--lg--letter-spacing);
  line-height: var(--blockquote--lg--line-height);
  font-style: italic;
}

.t-blockquote--md,
.has-t-blockquote-md-font-size {
  font-family: var(--font-family--blockquote);
  font-size: var(--blockquote--md--font-size);
  font-weight: var(--blockquote--md--font-weight);
  letter-spacing: var(--blockquote--md--letter-spacing);
  line-height: var(--blockquote--md--line-height);
  font-style: italic;
}

h1.has-text-color a,
h2.has-text-color a,
h3.has-text-color a,
h4.has-text-color a,
h5.has-text-color a,
h6.has-text-color a {
  color: inherit;
}

hr {
  width: 100%;
  border: none;
  color: var(--color--medium-light);
  border-block-start: 1px solid;
  margin-block: var(--f-spacing--s);
}

strong {
  font-weight: var(--font-weight--bold);
}

/**
 * Reset styles.
 *
 * Minimal reset of style.
 * Some good practice are already in the inline CSS of each Gutenberg blocks.
 *
 * More about reset files:
 * https://piccalil.li/blog/a-modern-css-reset/
 * https://www.joshwcomeau.com/css/custom-css-reset/
 * https://github.com/twbs/bootstrap/blob/main/scss/_reboot.scss
 */
/**
 * Use box-sizing for every element.
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/**
 * Site scroll padding in relation to admin bar.
 * Always visible scrollbar to lower CLS https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-gutter
 */
html {
  scroll-padding-top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--header-sticky--height, 0));
  scrollbar-gutter: stable;
  margin: 0;
}
html:focus-within {
  scroll-behavior: smooth;
}
@media (min-width: 960px) {
  html {
    --scrollbar--width: 0;
    max-width: calc(100vw - var(--scrollbar--width));
  }
}

@media (max-width: 599px) {
  #wpadminbar {
    position: fixed;
  }
}
/**
 * Set core body defaults.
 */
body {
  min-block-size: 100vh;
  text-rendering: optimizeSpeed; /* stylelint-disable-line value-keyword-case */
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin: 0;
}

/**
 * Make images easier to work with.
 */
img,
picture {
  max-inline-size: 100%;
  block-size: auto;
  display: block;
}

/**
 * Remove built-in form typography styles.
 */
input,
button,
textarea,
select {
  font: inherit;
}

figure {
  margin-inline: 0;
  margin-block-start: 0;
}

/**
 * Remove all animations, transitions for people that prefer not to see them.
 * This is a global setting,
 * but it would be better to use it on a per-element basis.
 * https://web.dev/prefers-reduced-motion/#remove-motion-on-the-web
 *
 * These animations/@keyframes must be loaded from lazy.scss.
 * Comment the lines below if an approach on per-element basis is used.
 */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  html:focus-within {
    scroll-behavior: auto;
  }
}
ul,
ol {
  margin: 0;
  padding: 0;
}

/**
 * Break words to fit paragraphs in container.
 */
p {
  word-wrap: break-word;
}

.text-neutral-black {
  color: #000;
}

.bg-neutral-black {
  background-color: #000;
}

.border-neutral-black {
  border-color: #000;
}

.text-neutral-100 {
  color: #0b1328;
}

.bg-neutral-100 {
  background-color: #0b1328;
}

.border-neutral-100 {
  border-color: #0b1328;
}

.text-neutral-200 {
  color: #263149;
}

.bg-neutral-200 {
  background-color: #263149;
}

.border-neutral-200 {
  border-color: #263149;
}

.text-neutral-300 {
  color: #69738c;
}

.bg-neutral-300 {
  background-color: #69738c;
}

.border-neutral-300 {
  border-color: #69738c;
}

.text-neutral-400 {
  color: #a8aebd;
}

.bg-neutral-400 {
  background-color: #a8aebd;
}

.border-neutral-400 {
  border-color: #a8aebd;
}

.text-neutral-500 {
  color: #d1d4db;
}

.bg-neutral-500 {
  background-color: #d1d4db;
}

.border-neutral-500 {
  border-color: #d1d4db;
}

.text-neutral-600 {
  color: #e6e7ea;
}

.bg-neutral-600 {
  background-color: #e6e7ea;
}

.border-neutral-600 {
  border-color: #e6e7ea;
}

.text-neutral-700 {
  color: #f5f6f7;
}

.bg-neutral-700 {
  background-color: #f5f6f7;
}

.border-neutral-700 {
  border-color: #f5f6f7;
}

.text-neutral-white {
  color: #fff;
}

.bg-neutral-white {
  background-color: #fff;
}

.border-neutral-white {
  border-color: #fff;
}

.text-white {
  color: #fff;
}

.bg-white {
  background-color: #fff;
}

.border-white {
  border-color: #fff;
}

.text-off-white {
  color: #f3f6f5;
}

.bg-off-white {
  background-color: #f3f6f5;
}

.border-off-white {
  border-color: #f3f6f5;
}

.text-yellow {
  color: #ffe46e;
}

.bg-yellow {
  background-color: #ffe46e;
}

.border-yellow {
  border-color: #ffe46e;
}

.text-blue-grey {
  color: #7A8B99;
}

.bg-blue-grey {
  background-color: #7A8B99;
}

.border-blue-grey {
  border-color: #7A8B99;
}

.text-blue {
  color: #0073ff;
}

.bg-blue {
  background-color: #0073ff;
}

.border-blue {
  border-color: #0073ff;
}

.text-red-100 {
  color: #670a0e;
}

.bg-red-100 {
  background-color: #670a0e;
}

.border-red-100 {
  border-color: #670a0e;
}

.text-red-300 {
  color: #af232a;
}

.bg-red-300 {
  background-color: #af232a;
}

.border-red-300 {
  border-color: #af232a;
}

.text-red-500 {
  color: #de353e;
}

.bg-red-500 {
  background-color: #de353e;
}

.border-red-500 {
  border-color: #de353e;
}

.text-red-700 {
  color: #e07475;
}

.bg-red-700 {
  background-color: #e07475;
}

.border-red-700 {
  border-color: #e07475;
}

.text-red-900 {
  color: #fccdd3;
}

.bg-red-900 {
  background-color: #fccdd3;
}

.border-red-900 {
  border-color: #fccdd3;
}

.text-green-100 {
  color: #105023;
}

.bg-green-100 {
  background-color: #105023;
}

.border-green-100 {
  border-color: #105023;
}

.text-green-300 {
  color: #288141;
}

.bg-green-300 {
  background-color: #288141;
}

.border-green-300 {
  border-color: #288141;
}

.text-green-500 {
  color: #42be65;
}

.bg-green-500 {
  background-color: #42be65;
}

.border-green-500 {
  border-color: #42be65;
}

.text-green-700 {
  color: #ccf5d7;
}

.bg-green-700 {
  background-color: #ccf5d7;
}

.border-green-700 {
  border-color: #ccf5d7;
}

.text-green-900 {
  color: #e5faeb;
}

.bg-green-900 {
  background-color: #e5faeb;
}

.border-green-900 {
  border-color: #e5faeb;
}

.text-orange-100 {
  color: #e0521b;
}

.bg-orange-100 {
  background-color: #e0521b;
}

.border-orange-100 {
  border-color: #e0521b;
}

.text-orange-300 {
  color: #f07c23;
}

.bg-orange-300 {
  background-color: #f07c23;
}

.border-orange-300 {
  border-color: #f07c23;
}

.text-orange-500 {
  color: #fb9728;
}

.bg-orange-500 {
  background-color: #fb9728;
}

.border-orange-500 {
  border-color: #fb9728;
}

.text-orange-700 {
  color: #fcb658;
}

.bg-orange-700 {
  background-color: #fcb658;
}

.border-orange-700 {
  border-color: #fcb658;
}

.text-orange-900 {
  color: #fee0b5;
}

.bg-orange-900 {
  background-color: #fee0b5;
}

.border-orange-900 {
  border-color: #fee0b5;
}

.text-indigo-100 {
  color: #18167c;
}

.bg-indigo-100 {
  background-color: #18167c;
}

.border-indigo-100 {
  border-color: #18167c;
}

.text-indigo-300 {
  color: #2e399c;
}

.bg-indigo-300 {
  background-color: #2e399c;
}

.border-indigo-300 {
  border-color: #2e399c;
}

.text-indigo-500 {
  color: #3d49b2;
}

.bg-indigo-500 {
  background-color: #3d49b2;
}

.border-indigo-500 {
  border-color: #3d49b2;
}

.text-indigo-700 {
  color: #797cc9;
}

.bg-indigo-700 {
  background-color: #797cc9;
}

.border-indigo-700 {
  border-color: #797cc9;
}

.text-indigo-900 {
  color: #c5c9e8;
}

.bg-indigo-900 {
  background-color: #c5c9e8;
}

.border-indigo-900 {
  border-color: #c5c9e8;
}

.text-primary-darker {
  color: var(--color--primary-darker) !important;
}

.bg-primary-darker {
  background-color: var(--color--primary-darker);
}

.border-primary-darker {
  border-color: var(--color--primary-darker);
}

.text-primary-dark {
  color: var(--color--primary-dark) !important;
}

.bg-primary-dark {
  background-color: var(--color--primary-dark);
}

.border-primary-dark {
  border-color: var(--color--primary-dark);
}

.text-primary {
  color: var(--color--primary) !important;
}

.bg-primary {
  background-color: var(--color--primary);
}

.border-primary {
  border-color: var(--color--primary);
}

.text-primary-light {
  color: var(--color--primary-light) !important;
}

.bg-primary-light {
  background-color: var(--color--primary-light);
}

.border-primary-light {
  border-color: var(--color--primary-light);
}

.text-primary-lighter {
  color: var(--color--primary-lighter) !important;
}

.bg-primary-lighter {
  background-color: var(--color--primary-lighter);
}

.border-primary-lighter {
  border-color: var(--color--primary-lighter);
}

.text-accent-dark {
  color: var(--color--accent-dark) !important;
}

.bg-accent-dark {
  background-color: var(--color--accent-dark);
}

.border-accent-dark {
  border-color: var(--color--accent-dark);
}

.text-accent-darker {
  color: var(--color--accent-darker) !important;
}

.bg-accent-darker {
  background-color: var(--color--accent-darker);
}

.border-accent-darker {
  border-color: var(--color--accent-darker);
}

.text-accent {
  color: var(--color--accent) !important;
}

.bg-accent {
  background-color: var(--color--accent);
}

.border-accent {
  border-color: var(--color--accent);
}

.text-accent-light {
  color: var(--color--accent-light) !important;
}

.bg-accent-light {
  background-color: var(--color--accent-light);
}

.border-accent-light {
  border-color: var(--color--accent-light);
}

.text-accent-lighter {
  color: var(--color--accent-lighter) !important;
}

.bg-accent-lighter {
  background-color: var(--color--accent-lighter);
}

.border-accent-lighter {
  border-color: var(--color--accent-lighter);
}

.text-darkest {
  color: var(--color--darkest) !important;
}

.bg-darkest {
  background-color: var(--color--darkest);
}

.border-darkest {
  border-color: var(--color--darkest);
}

.text-darker {
  color: var(--color--darker) !important;
}

.bg-darker {
  background-color: var(--color--darker);
}

.border-darker {
  border-color: var(--color--darker);
}

.text-dark {
  color: var(--color--dark) !important;
}

.bg-dark {
  background-color: var(--color--dark);
}

.border-dark {
  border-color: var(--color--dark);
}

.text-medium-dark {
  color: var(--color--medium-dark) !important;
}

.bg-medium-dark {
  background-color: var(--color--medium-dark);
}

.border-medium-dark {
  border-color: var(--color--medium-dark);
}

.text-medium {
  color: var(--color--medium) !important;
}

.bg-medium {
  background-color: var(--color--medium);
}

.border-medium {
  border-color: var(--color--medium);
}

.text-medium-light {
  color: var(--color--medium-light) !important;
}

.bg-medium-light {
  background-color: var(--color--medium-light);
}

.border-medium-light {
  border-color: var(--color--medium-light);
}

.text-light {
  color: var(--color--light) !important;
}

.bg-light {
  background-color: var(--color--light);
}

.border-light {
  border-color: var(--color--light);
}

.text-lightest {
  color: var(--color--lightest) !important;
}

.bg-lightest {
  background-color: var(--color--lightest);
}

.border-lightest {
  border-color: var(--color--lightest);
}

.text-error-darker {
  color: var(--color--error-darker) !important;
}

.bg-error-darker {
  background-color: var(--color--error-darker);
}

.border-error-darker {
  border-color: var(--color--error-darker);
}

.text-error-dark {
  color: var(--color--error-dark) !important;
}

.bg-error-dark {
  background-color: var(--color--error-dark);
}

.border-error-dark {
  border-color: var(--color--error-dark);
}

.text-error {
  color: var(--color--error) !important;
}

.bg-error {
  background-color: var(--color--error);
}

.border-error {
  border-color: var(--color--error);
}

.text-error-light {
  color: var(--color--error-light) !important;
}

.bg-error-light {
  background-color: var(--color--error-light);
}

.border-error-light {
  border-color: var(--color--error-light);
}

.text-error-lighter {
  color: var(--color--error-lighter) !important;
}

.bg-error-lighter {
  background-color: var(--color--error-lighter);
}

.border-error-lighter {
  border-color: var(--color--error-lighter);
}

.text-warning-darker {
  color: var(--color--warning-darker) !important;
}

.bg-warning-darker {
  background-color: var(--color--warning-darker);
}

.border-warning-darker {
  border-color: var(--color--warning-darker);
}

.text-warning-dark {
  color: var(--color--warning-dark) !important;
}

.bg-warning-dark {
  background-color: var(--color--warning-dark);
}

.border-warning-dark {
  border-color: var(--color--warning-dark);
}

.text-warning {
  color: var(--color--warning) !important;
}

.bg-warning {
  background-color: var(--color--warning);
}

.border-warning {
  border-color: var(--color--warning);
}

.text-warning-light {
  color: var(--color--warning-light) !important;
}

.bg-warning-light {
  background-color: var(--color--warning-light);
}

.border-warning-light {
  border-color: var(--color--warning-light);
}

.text-warning-lighter {
  color: var(--color--warning-lighter) !important;
}

.bg-warning-lighter {
  background-color: var(--color--warning-lighter);
}

.border-warning-lighter {
  border-color: var(--color--warning-lighter);
}

.text-success-darker {
  color: var(--color--success-darker) !important;
}

.bg-success-darker {
  background-color: var(--color--success-darker);
}

.border-success-darker {
  border-color: var(--color--success-darker);
}

.text-success-dark {
  color: var(--color--success-dark) !important;
}

.bg-success-dark {
  background-color: var(--color--success-dark);
}

.border-success-dark {
  border-color: var(--color--success-dark);
}

.text-success {
  color: var(--color--success) !important;
}

.bg-success {
  background-color: var(--color--success);
}

.border-success {
  border-color: var(--color--success);
}

.text-success-light {
  color: var(--color--success-light) !important;
}

.bg-success-light {
  background-color: var(--color--success-light);
}

.border-success-light {
  border-color: var(--color--success-light);
}

.text-success-lighter {
  color: var(--color--success-lighter) !important;
}

.bg-success-lighter {
  background-color: var(--color--success-lighter);
}

.border-success-lighter {
  border-color: var(--color--success-lighter);
}

.text-info-darker {
  color: var(--color--info-darker) !important;
}

.bg-info-darker {
  background-color: var(--color--info-darker);
}

.border-info-darker {
  border-color: var(--color--info-darker);
}

.text-info-dark {
  color: var(--color--info-dark) !important;
}

.bg-info-dark {
  background-color: var(--color--info-dark);
}

.border-info-dark {
  border-color: var(--color--info-dark);
}

.text-info {
  color: var(--color--info) !important;
}

.bg-info {
  background-color: var(--color--info);
}

.border-info {
  border-color: var(--color--info);
}

.text-info-light {
  color: var(--color--info-light) !important;
}

.bg-info-light {
  background-color: var(--color--info-light);
}

.border-info-light {
  border-color: var(--color--info-light);
}

.text-info-lighter {
  color: var(--color--info-lighter) !important;
}

.bg-info-lighter {
  background-color: var(--color--info-lighter);
}

.border-info-lighter {
  border-color: var(--color--info-lighter);
}

.text-background-alt {
  color: var(--color--background-alt) !important;
}

.bg-background-alt {
  background-color: var(--color--background-alt);
}

.border-background-alt {
  border-color: var(--color--background-alt);
}

.text-foreground-alt {
  color: var(--color--foreground-alt) !important;
}

.bg-foreground-alt {
  background-color: var(--color--foreground-alt);
}

.border-foreground-alt {
  border-color: var(--color--foreground-alt);
}

.text-xs {
  font-size: 0.75rem;
}

.text-s {
  font-size: 0.875rem;
}

.text-m {
  font-size: 1rem;
}

.text-l {
  font-size: 1.125rem;
}

.text-xl {
  font-size: 1.5rem;
}

.text-2xl {
  font-size: 2rem;
}

.text-3xl {
  font-size: 2.25rem;
}

.text-4xl {
  font-size: 3rem;
}

.text-5xl {
  font-size: 4rem;
}

.p-2xl {
  padding: 3rem;
}
@media (min-width: 768px) {
  .p-2xl {
    padding: 4rem;
  }
}

.pt-2xl {
  padding-top: 3rem;
}
@media (min-width: 768px) {
  .pt-2xl {
    padding-top: 4rem;
  }
}

.pr-2xl {
  padding-right: 3rem;
}
@media (min-width: 768px) {
  .pr-2xl {
    padding-right: 4rem;
  }
}

.pb-2xl {
  padding-bottom: 3rem;
}
@media (min-width: 768px) {
  .pb-2xl {
    padding-bottom: 4rem;
  }
}

.pl-2xl {
  padding-left: 3rem;
}
@media (min-width: 768px) {
  .pl-2xl {
    padding-left: 4rem;
  }
}

.p-xl {
  padding: 2.25rem;
}
@media (min-width: 768px) {
  .p-xl {
    padding: 3rem;
  }
}

.pt-xl {
  padding-top: 2.25rem;
}
@media (min-width: 768px) {
  .pt-xl {
    padding-top: 3rem;
  }
}

.pr-xl {
  padding-right: 2.25rem;
}
@media (min-width: 768px) {
  .pr-xl {
    padding-right: 3rem;
  }
}

.pb-xl {
  padding-bottom: 2.25rem;
}
@media (min-width: 768px) {
  .pb-xl {
    padding-bottom: 3rem;
  }
}

.pl-xl {
  padding-left: 2.25rem;
}
@media (min-width: 768px) {
  .pl-xl {
    padding-left: 3rem;
  }
}

.p-lg {
  padding: 1.5rem;
}
@media (min-width: 768px) {
  .p-lg {
    padding: 2.25rem;
  }
}

.pt-lg {
  padding-top: 1.5rem;
}
@media (min-width: 768px) {
  .pt-lg {
    padding-top: 2.25rem;
  }
}

.pr-lg {
  padding-right: 1.5rem;
}
@media (min-width: 768px) {
  .pr-lg {
    padding-right: 2.25rem;
  }
}

.pb-lg {
  padding-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .pb-lg {
    padding-bottom: 2.25rem;
  }
}

.pl-lg {
  padding-left: 1.5rem;
}
@media (min-width: 768px) {
  .pl-lg {
    padding-left: 2.25rem;
  }
}

.p-md {
  padding: 1rem;
}
@media (min-width: 768px) {
  .p-md {
    padding: 1.5rem;
  }
}

.pt-md {
  padding-top: 1rem;
}
@media (min-width: 768px) {
  .pt-md {
    padding-top: 1.5rem;
  }
}

.pr-md {
  padding-right: 1rem;
}
@media (min-width: 768px) {
  .pr-md {
    padding-right: 1.5rem;
  }
}

.pb-md {
  padding-bottom: 1rem;
}
@media (min-width: 768px) {
  .pb-md {
    padding-bottom: 1.5rem;
  }
}

.pl-md {
  padding-left: 1rem;
}
@media (min-width: 768px) {
  .pl-md {
    padding-left: 1.5rem;
  }
}

.p-sm {
  padding: 0.5rem;
}
@media (min-width: 768px) {
  .p-sm {
    padding: 0.75rem;
  }
}

.pt-sm {
  padding-top: 0.5rem;
}
@media (min-width: 768px) {
  .pt-sm {
    padding-top: 0.75rem;
  }
}

.pr-sm {
  padding-right: 0.5rem;
}
@media (min-width: 768px) {
  .pr-sm {
    padding-right: 0.75rem;
  }
}

.pb-sm {
  padding-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .pb-sm {
    padding-bottom: 0.75rem;
  }
}

.pl-sm {
  padding-left: 0.5rem;
}
@media (min-width: 768px) {
  .pl-sm {
    padding-left: 0.75rem;
  }
}

.p-xs {
  padding: 0.25rem;
}
@media (min-width: 768px) {
  .p-xs {
    padding: 0.5rem;
  }
}

.pt-xs {
  padding-top: 0.25rem;
}
@media (min-width: 768px) {
  .pt-xs {
    padding-top: 0.5rem;
  }
}

.pr-xs {
  padding-right: 0.25rem;
}
@media (min-width: 768px) {
  .pr-xs {
    padding-right: 0.5rem;
  }
}

.pb-xs {
  padding-bottom: 0.25rem;
}
@media (min-width: 768px) {
  .pb-xs {
    padding-bottom: 0.5rem;
  }
}

.pl-xs {
  padding-left: 0.25rem;
}
@media (min-width: 768px) {
  .pl-xs {
    padding-left: 0.5rem;
  }
}

.p-none {
  padding: 0;
}
@media (min-width: 768px) {
  .p-none {
    padding: 0;
  }
}

.pt-none {
  padding-top: 0;
}
@media (min-width: 768px) {
  .pt-none {
    padding-top: 0;
  }
}

.pr-none {
  padding-right: 0;
}
@media (min-width: 768px) {
  .pr-none {
    padding-right: 0;
  }
}

.pb-none {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .pb-none {
    padding-bottom: 0;
  }
}

.pl-none {
  padding-left: 0;
}
@media (min-width: 768px) {
  .pl-none {
    padding-left: 0;
  }
}

.m-2xl {
  margin: 3rem;
}
@media (min-width: 768px) {
  .m-2xl {
    margin: 4rem;
  }
}

.mt-2xl {
  margin-top: 3rem;
}
@media (min-width: 768px) {
  .mt-2xl {
    margin-top: 4rem;
  }
}

.mr-2xl {
  margin-right: 3rem;
}
@media (min-width: 768px) {
  .mr-2xl {
    margin-right: 4rem;
  }
}

.mb-2xl {
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .mb-2xl {
    margin-bottom: 4rem;
  }
}

.ml-2xl {
  margin-left: 3rem;
}
@media (min-width: 768px) {
  .ml-2xl {
    margin-left: 4rem;
  }
}

.m-xl {
  margin: 2.25rem;
}
@media (min-width: 768px) {
  .m-xl {
    margin: 3rem;
  }
}

.mt-xl {
  margin-top: 2.25rem;
}
@media (min-width: 768px) {
  .mt-xl {
    margin-top: 3rem;
  }
}

.mr-xl {
  margin-right: 2.25rem;
}
@media (min-width: 768px) {
  .mr-xl {
    margin-right: 3rem;
  }
}

.mb-xl {
  margin-bottom: 2.25rem;
}
@media (min-width: 768px) {
  .mb-xl {
    margin-bottom: 3rem;
  }
}

.ml-xl {
  margin-left: 2.25rem;
}
@media (min-width: 768px) {
  .ml-xl {
    margin-left: 3rem;
  }
}

.m-lg {
  margin: 1.5rem;
}
@media (min-width: 768px) {
  .m-lg {
    margin: 2.25rem;
  }
}

.mt-lg {
  margin-top: 1.5rem;
}
@media (min-width: 768px) {
  .mt-lg {
    margin-top: 2.25rem;
  }
}

.mr-lg {
  margin-right: 1.5rem;
}
@media (min-width: 768px) {
  .mr-lg {
    margin-right: 2.25rem;
  }
}

.mb-lg {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .mb-lg {
    margin-bottom: 2.25rem;
  }
}

.ml-lg {
  margin-left: 1.5rem;
}
@media (min-width: 768px) {
  .ml-lg {
    margin-left: 2.25rem;
  }
}

.m-md {
  margin: 1rem;
}
@media (min-width: 768px) {
  .m-md {
    margin: 1.5rem;
  }
}

.mt-md {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .mt-md {
    margin-top: 1.5rem;
  }
}

.mr-md {
  margin-right: 1rem;
}
@media (min-width: 768px) {
  .mr-md {
    margin-right: 1.5rem;
  }
}

.mb-md {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .mb-md {
    margin-bottom: 1.5rem;
  }
}

.ml-md {
  margin-left: 1rem;
}
@media (min-width: 768px) {
  .ml-md {
    margin-left: 1.5rem;
  }
}

.m-sm {
  margin: 0.5rem;
}
@media (min-width: 768px) {
  .m-sm {
    margin: 0.75rem;
  }
}

.mt-sm {
  margin-top: 0.5rem;
}
@media (min-width: 768px) {
  .mt-sm {
    margin-top: 0.75rem;
  }
}

.mr-sm {
  margin-right: 0.5rem;
}
@media (min-width: 768px) {
  .mr-sm {
    margin-right: 0.75rem;
  }
}

.mb-sm {
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .mb-sm {
    margin-bottom: 0.75rem;
  }
}

.ml-sm {
  margin-left: 0.5rem;
}
@media (min-width: 768px) {
  .ml-sm {
    margin-left: 0.75rem;
  }
}

.m-xs {
  margin: 0.25rem;
}
@media (min-width: 768px) {
  .m-xs {
    margin: 0.5rem;
  }
}

.mt-xs {
  margin-top: 0.25rem;
}
@media (min-width: 768px) {
  .mt-xs {
    margin-top: 0.5rem;
  }
}

.mr-xs {
  margin-right: 0.25rem;
}
@media (min-width: 768px) {
  .mr-xs {
    margin-right: 0.5rem;
  }
}

.mb-xs {
  margin-bottom: 0.25rem;
}
@media (min-width: 768px) {
  .mb-xs {
    margin-bottom: 0.5rem;
  }
}

.ml-xs {
  margin-left: 0.25rem;
}
@media (min-width: 768px) {
  .ml-xs {
    margin-left: 0.5rem;
  }
}

.m-none {
  margin: 0;
}
@media (min-width: 768px) {
  .m-none {
    margin: 0;
  }
}

.mt-none {
  margin-top: 0;
}
@media (min-width: 768px) {
  .mt-none {
    margin-top: 0;
  }
}

.mr-none {
  margin-right: 0;
}
@media (min-width: 768px) {
  .mr-none {
    margin-right: 0;
  }
}

.mb-none {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .mb-none {
    margin-bottom: 0;
  }
}

.ml-none {
  margin-left: 0;
}
@media (min-width: 768px) {
  .ml-none {
    margin-left: 0;
  }
}

.gap-2xl {
  gap: 3rem;
}
@media (min-width: 768px) {
  .gap-2xl {
    gap: 4rem;
  }
}

.gapt-2xl {
  gap-top: 3rem;
}
@media (min-width: 768px) {
  .gapt-2xl {
    gap-top: 4rem;
  }
}

.gapr-2xl {
  gap-right: 3rem;
}
@media (min-width: 768px) {
  .gapr-2xl {
    gap-right: 4rem;
  }
}

.gapb-2xl {
  gap-bottom: 3rem;
}
@media (min-width: 768px) {
  .gapb-2xl {
    gap-bottom: 4rem;
  }
}

.gapl-2xl {
  gap-left: 3rem;
}
@media (min-width: 768px) {
  .gapl-2xl {
    gap-left: 4rem;
  }
}

.gap-xl {
  gap: 2.25rem;
}
@media (min-width: 768px) {
  .gap-xl {
    gap: 3rem;
  }
}

.gapt-xl {
  gap-top: 2.25rem;
}
@media (min-width: 768px) {
  .gapt-xl {
    gap-top: 3rem;
  }
}

.gapr-xl {
  gap-right: 2.25rem;
}
@media (min-width: 768px) {
  .gapr-xl {
    gap-right: 3rem;
  }
}

.gapb-xl {
  gap-bottom: 2.25rem;
}
@media (min-width: 768px) {
  .gapb-xl {
    gap-bottom: 3rem;
  }
}

.gapl-xl {
  gap-left: 2.25rem;
}
@media (min-width: 768px) {
  .gapl-xl {
    gap-left: 3rem;
  }
}

.gap-lg {
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .gap-lg {
    gap: 2.25rem;
  }
}

.gapt-lg {
  gap-top: 1.5rem;
}
@media (min-width: 768px) {
  .gapt-lg {
    gap-top: 2.25rem;
  }
}

.gapr-lg {
  gap-right: 1.5rem;
}
@media (min-width: 768px) {
  .gapr-lg {
    gap-right: 2.25rem;
  }
}

.gapb-lg {
  gap-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .gapb-lg {
    gap-bottom: 2.25rem;
  }
}

.gapl-lg {
  gap-left: 1.5rem;
}
@media (min-width: 768px) {
  .gapl-lg {
    gap-left: 2.25rem;
  }
}

.gap-md {
  gap: 1rem;
}
@media (min-width: 768px) {
  .gap-md {
    gap: 1.5rem;
  }
}

.gapt-md {
  gap-top: 1rem;
}
@media (min-width: 768px) {
  .gapt-md {
    gap-top: 1.5rem;
  }
}

.gapr-md {
  gap-right: 1rem;
}
@media (min-width: 768px) {
  .gapr-md {
    gap-right: 1.5rem;
  }
}

.gapb-md {
  gap-bottom: 1rem;
}
@media (min-width: 768px) {
  .gapb-md {
    gap-bottom: 1.5rem;
  }
}

.gapl-md {
  gap-left: 1rem;
}
@media (min-width: 768px) {
  .gapl-md {
    gap-left: 1.5rem;
  }
}

.gap-sm {
  gap: 0.5rem;
}
@media (min-width: 768px) {
  .gap-sm {
    gap: 0.75rem;
  }
}

.gapt-sm {
  gap-top: 0.5rem;
}
@media (min-width: 768px) {
  .gapt-sm {
    gap-top: 0.75rem;
  }
}

.gapr-sm {
  gap-right: 0.5rem;
}
@media (min-width: 768px) {
  .gapr-sm {
    gap-right: 0.75rem;
  }
}

.gapb-sm {
  gap-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .gapb-sm {
    gap-bottom: 0.75rem;
  }
}

.gapl-sm {
  gap-left: 0.5rem;
}
@media (min-width: 768px) {
  .gapl-sm {
    gap-left: 0.75rem;
  }
}

.gap-xs {
  gap: 0.25rem;
}
@media (min-width: 768px) {
  .gap-xs {
    gap: 0.5rem;
  }
}

.gapt-xs {
  gap-top: 0.25rem;
}
@media (min-width: 768px) {
  .gapt-xs {
    gap-top: 0.5rem;
  }
}

.gapr-xs {
  gap-right: 0.25rem;
}
@media (min-width: 768px) {
  .gapr-xs {
    gap-right: 0.5rem;
  }
}

.gapb-xs {
  gap-bottom: 0.25rem;
}
@media (min-width: 768px) {
  .gapb-xs {
    gap-bottom: 0.5rem;
  }
}

.gapl-xs {
  gap-left: 0.25rem;
}
@media (min-width: 768px) {
  .gapl-xs {
    gap-left: 0.5rem;
  }
}

.gap-none {
  gap: 0;
}
@media (min-width: 768px) {
  .gap-none {
    gap: 0;
  }
}

.gapt-none {
  gap-top: 0;
}
@media (min-width: 768px) {
  .gapt-none {
    gap-top: 0;
  }
}

.gapr-none {
  gap-right: 0;
}
@media (min-width: 768px) {
  .gapr-none {
    gap-right: 0;
  }
}

.gapb-none {
  gap-bottom: 0;
}
@media (min-width: 768px) {
  .gapb-none {
    gap-bottom: 0;
  }
}

.gapl-none {
  gap-left: 0;
}
@media (min-width: 768px) {
  .gapl-none {
    gap-left: 0;
  }
}

.rounded-full {
  border-radius: 50%;
}

.visually-hidden:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

html :where(.has-border-color) {
  border-style: solid;
}

html :where([style*=border-top-color]) {
  border-top-style: solid;
}

html :where([style*=border-right-color]) {
  border-right-style: solid;
}

html :where([style*=border-bottom-color]) {
  border-bottom-style: solid;
}

html :where([style*=border-left-color]) {
  border-left-style: solid;
}

html :where([style*=border-width]) {
  border-style: solid;
}

html :where([style*=border-top-width]) {
  border-top-style: solid;
}

html :where([style*=border-right-width]) {
  border-right-style: solid;
}

html :where([style*=border-bottom-width]) {
  border-bottom-style: solid;
}

html :where([style*=border-left-width]) {
  border-left-style: solid;
}

.schema-faq.wp-block-yoast-faq-block {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 2rem auto;
}
.schema-faq.wp-block-yoast-faq-block .schema-faq-section {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 20px 24px;
  background-color: #fff;
  cursor: pointer;
  position: relative;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.schema-faq.wp-block-yoast-faq-block .schema-faq-section:hover {
  border-color: #c0cddf;
}
.schema-faq.wp-block-yoast-faq-block .schema-faq-section::after {
  content: "";
  position: absolute;
  right: 24px;
  top: 28px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #1a1a1a;
  border-bottom: 2px solid #1a1a1a;
  transform: rotate(-45deg);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.schema-faq.wp-block-yoast-faq-block .schema-faq-section.is-open::after {
  transform: rotate(45deg);
  top: 26px;
}
.schema-faq.wp-block-yoast-faq-block .schema-faq-section.is-open .schema-faq-answer {
  max-height: 500px;
  opacity: 1;
  margin-top: 16px;
}
.schema-faq.wp-block-yoast-faq-block .schema-faq-question {
  display: block;
  font-size: 1.1rem;
  font-weight: 700;
  color: #1a1a1a;
  padding-right: 40px;
  margin: 0;
  -webkit-user-select: none;
          user-select: none;
}
.schema-faq.wp-block-yoast-faq-block .schema-faq-answer {
  margin: 0;
  font-size: 1rem;
  line-height: 1.6;
  color: #4a5568;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.schema-faq.wp-block-yoast-faq-block .schema-faq-answer p {
  margin: 0 0 0.5em;
}
.schema-faq.wp-block-yoast-faq-block .schema-faq-answer p:last-child {
  margin-bottom: 0;
}
.schema-faq.wp-block-yoast-faq-block .schema-faq-answer ul {
  margin: 0.5em 0;
  padding-left: 1.25em;
  list-style: disc;
}
.schema-faq.wp-block-yoast-faq-block .schema-faq-answer ul li {
  margin-bottom: 0.25em;
}

/**
* Elements that could interact with the block editor.
*/
ul {
  list-style: disc;
  padding-inline-start: var(--spacing--md);
  margin-block-start: 0;
}
:where(.entry-content) > ul, :where(.entry-content__main) > ul {
  margin-block: var(--f-spacing--m);
}
@media (min-width: 768px) {
  ul {
    padding-inline-start: 1.75rem;
  }
}
ul ul {
  list-style: circle;
}
ul ul ul {
  list-style: square;
}
.components-panel__header.edit-post-sidebar__panel-tabs ul, .wpseo-metabox-menu ul {
  list-style: none;
  padding-inline-start: 0;
}

ol {
  list-style: decimal;
  padding-inline-start: var(--spacing--md);
  margin-block-start: 0;
}
:where(.entry-content) > ol, :where(.entry-content__main) > ol {
  margin-block: var(--f-spacing--m);
}
@media (min-width: 768px) {
  ol {
    padding-inline-start: 1.75rem;
  }
}
ol ol {
  list-style: lower-alpha;
}
ol ol ol {
  list-style: lower-roman;
}

/*
 * Removes list styles
 */
ul[role=list],
ol[role=list],
ul[role=list] ul,
ol[role=list] ul,
ul[role=list] ol,
ol[role=list] ol {
  list-style: none;
  margin-block: 0;
  padding-inline: 0;
}

/*
 * On ul, ol elements with role="list".
 * this suggests default styling can be removed.
 */
/**
 * Utility
 * Single class, single job.
 */
/*
 * Text alignment standard editor classes
 * Used by Align toolbar component.
 */
.has-text-align-center {
  text-align: center;
}

.has-text-align-left {
  text-align: start;
}

.has-text-align-right {
  text-align: end;
}

/*
 * Flex alignment standard editor classes
 * Used by Change Items Justification toolbar component.
 * Compatible with the .flex utility.
 */
.is-content-justification-left {
  justify-content: flex-start;
}
.is-content-justification-left.is-vertical {
  align-items: flex-start;
}

.is-content-justification-center {
  justify-content: center;
}
.is-content-justification-center.is-vertical {
  align-items: center;
}

.is-content-justification-right {
  justify-content: flex-end;
}
.is-content-justification-right.is-vertical {
  align-items: flex-end;
}

.is-content-justification-space-between {
  justify-content: space-between;
}

/*
 * Vertical Alignment standard editor classes
 * Used by Change Vertical Alignment toolbar component
 * Compatible with the .grid utility.
 */
.are-vertically-aligned-top {
  align-items: self-start;
}

.are-vertically-aligned-center {
  align-items: center;
}

.are-vertically-aligned-bottom {
  align-items: self-end;
}

/**
 * Layout with CSS grid.
 * Use on templates without a sidebar.
 * Adds support for wide & full alignment elements.
 *
 * https://xwp.atlassian.net/wiki/spaces/KB/pages/2751496193/Layout#Full-bleed-layout
 * https://ryanmulligan.dev/blog/layout-breakouts/
 *
 * <div class="block-container">
 * 	<div class="alignwide">alignwide</div>
 *	<div class="alignfull">alignfull</div>
 * </div><!-- .block-container -->
 */
.block-container {
  --gap: var(--layout--grid--gutter);
  --block-container--gap: var(--layout--block-gap);
  --alignfull: 1fr;
  --alignwide-width: calc((var(--layout--wide-size) - var(--layout--content-size)) / 2);
  --alignwide: minmax(0, var(--alignwide-width));
  --content: min(var(--layout--content-size), 100%);
  display: grid;
  grid-template-columns: [alignfull-start] var(--alignfull) [alignwide-start] var(--alignwide) [content-start] var(--content) [content-end] var(--alignwide) [alignwide-end] var(--alignfull) [alignfull-end];
}

.block-container > * {
  grid-column: content;
  margin-block-start: 0;
}

.block-container > .alignwide {
  grid-column: alignwide;
}

.block-container > .alignfull {
  grid-column: alignfull;
}

.block-container > .alignleft {
  margin-inline: auto;
}
@media (min-width: 960px) {
  .block-container > .alignleft {
    grid-column: alignfull;
    margin-inline-start: var(--block-container--gap);
    justify-self: start;
  }
}

.block-container > .alignright {
  margin-inline: auto;
}
@media (min-width: 960px) {
  .block-container > .alignright {
    grid-column: alignfull;
    margin-inline-end: var(--block-container--gap);
    justify-self: end;
  }
}

.block-container > .aligncenter {
  margin-inline: auto;
}

/*
 * :where lowers the specificity of the wrapped selectors to 0.
 * https://developer.mozilla.org/en-US/docs/Web/CSS/:where
*/
.block-container > *:where(div, article, form, section) {
  margin-block-end: var(--block-container--gap);
}

.block-container > *:last-child:not(:first-child) {
  margin-block-end: var(--block-container--gap);
}

/**
 * Common container.
 * Centers the content, and sets the content width.
 */
.container {
  --gap: var(--f-spacing--container-gap);
  --width: calc(var(--layout--content-size) + 2 * var(--gap));
  inline-size: var(--width);
  max-inline-size: 100%;
  padding-inline: var(--gap);
  margin-inline: auto;
  background-color: var(--color--neutral-white);
}
@media (max-width: 1385px) {
  .container {
    margin-inline: var(--layout--wallpaper--gutter);
    inline-size: auto;
  }
}

.container-has-sidebar {
  display: flex;
  flex-flow: column;
  gap: var(--layout--grid--gutter);
}
@media (min-width: 960px) {
  .container-has-sidebar {
    flex-flow: row;
    gap: var(--f-spacing--s);
    justify-content: space-between;
  }
}
.container-has-sidebar.has-divider::after {
  content: "";
  display: block;
  border-inline-end: 1px solid var(--color--medium);
  order: 2;
}
.container-has-sidebar .is-sidebar {
  order: 3;
}
@media (min-width: 960px) {
  .container-has-sidebar .is-sidebar {
    width: 20rem;
    max-width: 20rem;
  }
}

html::after {
  display: none;
  content: "mobile";
}
@media (min-width: 768px) {
  html::after {
    content: "tablet";
  }
}
@media (min-width: 960px) {
  html::after {
    content: "desktop";
  }
}
@media (min-width: 1280px) {
  html::after {
    content: "desktop-large";
  }
}

/*
 * Flex layout
 *
 * Override gap in specific contexts, or via helper classes.
 * .flex--small {
 *   --gap: var(--spacing--small);
 * }
 */
.flex {
  display: flex;
  gap: var(--flex-gap, var(--layout--block-gap));
}
.flex.is-vertical {
  flex-direction: column;
}

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

/**
 * Grid layout
 *
 * More about the common use cases of CSS Grid minmax():
 * https://ishadeed.com/article/css-grid-minmax/
 *
 * Add the class grid to a HTML element
 * <section class="grid">…</section>
 * <section class="grid grid--articles">…</section>
 *
 * Override gap in specific contexts, or via helper classes.
 * .grid--small {
 *   --grid-gap: var(--spacing--small);
 * }
 * .grid--articles {
 *   --grid-min: 21.875rem;
 * }
 * .grid--one-third-two-thirds {
 *   --template-columns: 33.33% 1fr;
 * }
 */
.grid {
  display: grid;
  grid-gap: var(--grid-gap, var(--layout--block-gap));
  grid-template-columns: var(--template-columns, repeat(auto-fit, minmax(var(--grid-min, 15.625rem), 1fr)));
}

@media (max-width: 959px) {
  .hide-mobile {
    display: none !important;
  }
}
@media (min-width: 960px) {
  .hide-desktop {
    display: none !important;
  }
}
.hide {
  display: none !important;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.skip-link:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: var(--color--foreground);
  display: block;
  font-size: var(--font-size--normal);
  height: auto;
  inset-inline-start: 5px;
  inset-block-start: 5px;
  line-height: normal;
  padding: var(--spacing--sm);
  text-decoration-line: none;
  width: auto;
  z-index: 100000;
}

/*
 * Common spacing.
 */
/*
 * SPACING INSET
 * Padding for text insets and card components.
 * Visualised in blocks divisible by 4.
 */
/*
 * Squished INSET
 * Padding for buttons, text insets, notifications and such.
 * Visualised in blocks divisible by 4.
 */
/**
 * Stack layout
 *
 * More about the common usecases:
 * https://every-layout.dev/layouts/stack/
 *
 * Override gap in specific contexts, or via helper classes.
 * .stack--small {
 *   --stack-gap: var(--spacing--small);
 * }
 */
.stack {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.stack > * {
  margin-block: 0;
}

.stack > * + * {
  margin-block-start: var(--stack-gap, var(--layout--block-gap));
}

/**
* Components
*/
header .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container {
  min-width: 252px;
}
header .wp-block-navigation ul.wp-block-navigation-submenu {
  background-color: #fff;
  border-radius: 19px;
}
header .wp-block-navigation ul.wp-block-navigation-submenu li:first-child {
  border-radius: 19px 19px 0 0;
}
header .wp-block-navigation ul.wp-block-navigation-submenu li:last-child {
  border-radius: 0 0 19px 19px;
}
header .wp-block-navigation a {
  padding: 8px 0;
}
header .wp-block-navigation a:hover {
  text-decoration: none;
}
header .wp-block-navigation .contact-button a {
  background-color: white;
  padding: 8px 30px;
  border-radius: 25px;
}
header .wp-block-navigation .contact-button a span {
  color: var(--wp--preset--color--accent);
}

footer {
  margin-block-start: 0;
}

/**
 * Blocks.
 */
/**
 * Columns: "Stretch" vertical alignment.
 *
 * Core only stretches the column element itself to match the tallest sibling
 * (`align-self: stretch`). The column keeps its flow layout, so its children
 * stay at their natural height and bunch up at the top — leaving trailing
 * blocks (buttons, links) misaligned across columns of unequal content.
 *
 * Turning the column into a flex column lets that spare height be distributed:
 * a lone child fills the column, otherwise the last block is anchored to the
 * bottom edge.
 */
.wp-block-column.is-vertically-aligned-stretch {
  display: flex;
  flex-direction: column;
  gap: var(--wp--style--block-gap, 1.2rem);
}
.wp-block-column.is-vertically-aligned-stretch > * {
  margin-block: 0;
}
.wp-block-column.is-vertically-aligned-stretch > :only-child {
  flex-grow: 1;
}
.wp-block-column.is-vertically-aligned-stretch > :last-child:not(:only-child) {
  margin-block-start: auto;
}

.wp-block-cover,
.wp-block-cover-image {
  position: relative;
  background-position: 50%;
  min-height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1em;
  box-sizing: border-box;
}

.wp-block-cover-image.has-background-dim:not([class*=-background-color]),
.wp-block-cover-image .has-background-dim:not([class*=-background-color]),
.wp-block-cover.has-background-dim:not([class*=-background-color]),
.wp-block-cover .has-background-dim:not([class*=-background-color]) {
  background-color: #000;
}

.wp-block-cover-image .has-background-dim.has-background-gradient,
.wp-block-cover .has-background-dim.has-background-gradient {
  background-color: transparent;
}

.wp-block-cover-image.has-background-dim::before,
.wp-block-cover.has-background-dim::before {
  content: "";
  background-color: inherit;
}

.wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before,
.wp-block-cover-image .wp-block-cover__background,
.wp-block-cover-image .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim:not(.has-background-gradient)::before,
.wp-block-cover .wp-block-cover__background,
.wp-block-cover .wp-block-cover__gradient-background {
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 0.5;
}

.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before {
  opacity: 0.1;
}

.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before {
  opacity: 0.2;
}

.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before {
  opacity: 0.3;
}

.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before {
  opacity: 0.4;
}

.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before {
  opacity: 0.5;
}

.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before {
  opacity: 0.6;
}

.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before {
  opacity: 0.7;
}

.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before {
  opacity: 0.8;
}

.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before {
  opacity: 0.9;
}

.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,
.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before {
  opacity: 1;
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0 {
  opacity: 0;
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10 {
  opacity: 0.1;
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20 {
  opacity: 0.2;
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30 {
  opacity: 0.3;
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40 {
  opacity: 0.4;
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50 {
  opacity: 0.5;
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60 {
  opacity: 0.6;
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70 {
  opacity: 0.7;
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80 {
  opacity: 0.8;
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90 {
  opacity: 0.9;
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100 {
  opacity: 1;
}

.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
  max-width: 420px;
  width: 100%;
}

.wp-block-cover-image::after,
.wp-block-cover::after {
  display: block;
  content: "";
  font-size: 0;
  min-height: inherit;
}

@supports (position: sticky) {
  .wp-block-cover-image::after,
  .wp-block-cover::after {
    content: none;
  }
}
.wp-block-cover-image.aligncenter,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.aligncenter,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
  display: flex;
}

.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
  width: 100%;
  z-index: 1;
  color: #fff;
}

.wp-block-cover-image.is-light .wp-block-cover__inner-container,
.wp-block-cover.is-light .wp-block-cover__inner-container {
  color: #000;
}

.wp-block-cover-image h1:not(.has-text-color),
.wp-block-cover-image h2:not(.has-text-color),
.wp-block-cover-image h3:not(.has-text-color),
.wp-block-cover-image h4:not(.has-text-color),
.wp-block-cover-image h5:not(.has-text-color),
.wp-block-cover-image h6:not(.has-text-color),
.wp-block-cover-image p:not(.has-text-color),
.wp-block-cover h1:not(.has-text-color),
.wp-block-cover h2:not(.has-text-color),
.wp-block-cover h3:not(.has-text-color),
.wp-block-cover h4:not(.has-text-color),
.wp-block-cover h5:not(.has-text-color),
.wp-block-cover h6:not(.has-text-color),
.wp-block-cover p:not(.has-text-color) {
  color: inherit;
}

.wp-block-cover-image.is-position-top-left,
.wp-block-cover.is-position-top-left {
  align-items: flex-start;
  justify-content: flex-start;
}

.wp-block-cover-image.is-position-top-center,
.wp-block-cover.is-position-top-center {
  align-items: flex-start;
  justify-content: center;
}

.wp-block-cover-image.is-position-top-right,
.wp-block-cover.is-position-top-right {
  align-items: flex-start;
  justify-content: flex-end;
}

.wp-block-cover-image.is-position-center-left,
.wp-block-cover.is-position-center-left {
  align-items: center;
  justify-content: flex-start;
}

.wp-block-cover-image.is-position-center-center,
.wp-block-cover.is-position-center-center {
  align-items: center;
  justify-content: center;
}

.wp-block-cover-image.is-position-center-right,
.wp-block-cover.is-position-center-right {
  align-items: center;
  justify-content: flex-end;
}

.wp-block-cover-image.is-position-bottom-left,
.wp-block-cover.is-position-bottom-left {
  align-items: flex-end;
  justify-content: flex-start;
}

.wp-block-cover-image.is-position-bottom-center,
.wp-block-cover.is-position-bottom-center {
  align-items: flex-end;
  justify-content: center;
}

.wp-block-cover-image.is-position-bottom-right,
.wp-block-cover.is-position-bottom-right {
  align-items: flex-end;
  justify-content: flex-end;
}

.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,
.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
  margin: 0;
  width: auto;
}

.wp-block-cover-image .wp-block-cover__image-background,
.wp-block-cover-image video.wp-block-cover__video-background,
.wp-block-cover .wp-block-cover__image-background,
.wp-block-cover video.wp-block-cover__video-background {
  position: absolute;
  inset: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  outline: none;
  border: none;
  box-shadow: none;
}

.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax,
.wp-block-cover__image-background.has-parallax,
video.wp-block-cover__video-background.has-parallax {
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}

@supports (-webkit-overflow-scrolling: touch) {
  .wp-block-cover-image.has-parallax,
  .wp-block-cover.has-parallax,
  .wp-block-cover__image-background.has-parallax,
  video.wp-block-cover__video-background.has-parallax {
    background-attachment: scroll;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wp-block-cover-image.has-parallax,
  .wp-block-cover.has-parallax,
  .wp-block-cover__image-background.has-parallax,
  video.wp-block-cover__video-background.has-parallax {
    background-attachment: scroll;
  }
}
.wp-block-cover-image.is-repeated,
.wp-block-cover.is-repeated,
.wp-block-cover__image-background.is-repeated,
video.wp-block-cover__video-background.is-repeated {
  background-repeat: repeat;
  background-size: auto;
}

.wp-block-cover__image-background,
.wp-block-cover__video-background {
  z-index: 0;
}

.wp-block-cover-image-text,
.wp-block-cover-image-text a,
.wp-block-cover-image-text a:active,
.wp-block-cover-image-text a:focus,
.wp-block-cover-image-text a:hover,
.wp-block-cover-text,
.wp-block-cover-text a,
.wp-block-cover-text a:active,
.wp-block-cover-text a:focus,
.wp-block-cover-text a:hover,
section.wp-block-cover-image h2,
section.wp-block-cover-image h2 a,
section.wp-block-cover-image h2 a:active,
section.wp-block-cover-image h2 a:focus,
section.wp-block-cover-image h2 a:hover {
  color: #fff;
}

.wp-block-cover-image .wp-block-cover.has-left-content {
  justify-content: flex-start;
}

.wp-block-cover-image .wp-block-cover.has-right-content {
  justify-content: flex-end;
}

.wp-block-cover-image.has-left-content .wp-block-cover-image-text,
.wp-block-cover.has-left-content .wp-block-cover-text,
section.wp-block-cover-image.has-left-content > h2 {
  margin-inline-start: 0;
  text-align: start;
}

.wp-block-cover-image.has-right-content .wp-block-cover-image-text,
.wp-block-cover.has-right-content .wp-block-cover-text,
section.wp-block-cover-image.has-right-content > h2 {
  margin-inline-end: 0;
  text-align: end;
}

.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
section.wp-block-cover-image > h2 {
  font-size: 2em;
  line-height: 1.25;
  z-index: 1;
  margin-block-end: 0;
  max-width: 840px;
  padding: 0.44em;
  text-align: center;
}

/*
 * Art-directed mobile background.
 *
 * The <picture> wrapper is added server side (blocks/core-cover/init.php).
 * `.wp-block-cover` is a flex container, so without `display: contents` the
 * wrapper would become a zero-sized flex item and pick up `gap`. Removing its
 * box entirely leaves the absolutely positioned <img> inside resolving against
 * `.wp-block-cover` exactly as it did before.
 */
.wp-block-cover__image-picture {
  display: contents;
}

.wp-block-list.is-style-feature-list {
  padding-left: 0;
  list-style: none;
  color: var(--color--white);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--f-spacing--xs);
}
.wp-block-list.is-style-feature-list li {
  padding-inline-start: 0;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-weight: var(--font-weight--medium);
}
.wp-block-list.is-style-feature-list li::before {
  content: "";
  background-color: var(--color--neutral-100);
  padding: var(--f-spacing--s);
  border-radius: 50px;
  display: block;
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23bfdbfe%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27><path d=%27M21.801 10A10 10 0 1 1 17 3.335%27/><path d=%27m9 11 3 3L22 4%27/></svg>");
  background-position: 50%;
  background-size: 20px;
  background-repeat: no-repeat;
}
@media (max-width: 600px) {
  .wp-block-list.is-style-feature-list {
    grid-template-columns: 1fr;
  }
}

.wp-block-list.is-style-location-list {
  padding-left: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--f-spacing--xs);
}
.wp-block-list.is-style-location-list li {
  padding-inline-start: 0;
  display: flex;
  align-items: center;
  gap: 0.525rem;
  font-weight: var(--font-weight--medium);
}
.wp-block-list.is-style-location-list li::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%232b7fff%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27lucide lucide-map-pin w-8 h-8%27 aria-hidden=%27true%27 data-component-name=%27MapPin%27><path d=%27M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0%27></path><circle cx=%2712%27 cy=%2710%27 r=%273%27></circle></svg>");
  background-position: 50%;
  background-size: 16px;
  background-repeat: no-repeat;
}
@media (max-width: 600px) {
  .wp-block-list.is-style-location-list {
    grid-template-columns: 1fr;
  }
}

.wp-block-embed.alignleft,
.wp-block-embed.alignright {
  max-inline-size: 22.5rem;
  inline-size: 100%;
}
.wp-block-embed.alignleft .wp-block-embed__wrapper,
.wp-block-embed.alignright .wp-block-embed__wrapper {
  min-inline-size: 17.5rem;
}

.wp-block-cover .wp-block-embed {
  min-inline-size: 20rem;
  min-block-size: 15rem;
}

.wp-block-embed {
  overflow-wrap: break-word;
}
.wp-block-embed figcaption {
  font-family: var(--font-family--body);
  font-size: var(--body--xs--font-size);
  font-weight: var(--body--xs--font-weight);
  letter-spacing: var(--body--xs--letter-spacing);
  line-height: var(--body--xs--line-height);
  color: var(--color--dark);
  margin-block-start: 0.75rem;
  text-align: start;
}
.wp-block-embed iframe {
  max-inline-size: 100%;
}

.wp-block-embed__wrapper {
  position: relative;
}

.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper {
  aspect-ratio: 2/1;
}
.wp-embed-responsive .wp-has-aspect-ratio iframe {
  position: absolute;
  inset: 0;
  block-size: 100%;
  inline-size: 100%;
}

.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper {
  aspect-ratio: 21/9;
}
.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper {
  aspect-ratio: 2/1;
}
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper {
  aspect-ratio: 16/9;
}
.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper {
  aspect-ratio: 4/3;
}
.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper {
  aspect-ratio: 1;
}
.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper {
  aspect-ratio: 9/16;
}
.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper {
  aspect-ratio: 2/1;
}

.wp-block-gallery {
  margin-bottom: 0;
}

/* =========================================
   Gallery Slider Variation (.is-style-slider)
   ========================================= */
/* 1. The Gallery Container */
/* Override default grid styles to create a horizontal scroller */
.wp-block-gallery.is-style-slider {
  display: flex !important; /* Override WordPress grid display */
  flex-wrap: nowrap !important;
  gap: 20px; /* Adjust spacing between images */
  overflow-x: auto; /* Allow horizontal scrolling */
  overflow-y: hidden;
  padding-block-end: 20px; /* Space for scrollbar if visible */
  /*
   * Deliberately no `scroll-behavior: smooth` here. The autoplay marquee
   * writes scrollLeft every frame, and a CSS smooth-scroll would animate
   * each of those writes and fight the drift. The arrow buttons pass
   * `behavior: 'smooth'` to scrollBy() themselves, so nothing is lost.
   */
  /* Hide default browser scrollbars for a cleaner look */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.wp-block-gallery.is-style-slider::-webkit-scrollbar {
  display: none;
}

/* Snapping would pull the marquee back onto slide boundaries as it drifts. */
.wp-block-gallery.is-style-slider[data-mavero-autoplay="1"] {
  scroll-snap-type: none;
}

/* 2. The Gallery Items */
/* Ensure items have a fixed width and don't shrink */
.wp-block-gallery.is-style-slider .wp-block-image {
  flex: 0 0 auto; /* Don't grow, don't shrink, fixed basis */
  width: 85%; /* Mobile width: show part of next image to hint at scroll */
  max-width: 400px; /* Desktop maximum width per image */
  margin-block-end: 0 !important; /* Remove default gallery bottom margin */
}

/* =========================================
   Slider Navigation Arrows (Injected by JS)
   ========================================= */
/* The container holding the two arrows below the images */
.mavero-slider-nav-container {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-block: 10px;
  margin-block-end: 30px;
}

/* The Arrow Buttons */
.mavero-slider-arrow {
  appearance: none;
  border: none;
  border-radius: 0;
  background-color: #2E7D58; /* The green color from your design */
  color: #fff;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

/* Slightly darker on hover */
.mavero-slider-arrow:hover {
  background-color: #246648;
}

/* SVG icons inside buttons */
.mavero-slider-arrow svg {
  width: 60px;
  height: 60px;
  fill: currentColor;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  word-wrap: break-word;
}
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
  padding: 1.375rem 2.6875rem;
}

.wp-block-gallery.has-nested-images figure.wp-block-image img {
  max-width: 80% !important;
}

.wp-block-image img {
  display: inline-block;
  block-size: auto;
  max-inline-size: 100%;
  vertical-align: bottom;
  box-sizing: border-box;
}
.wp-block-image.has-custom-border img {
  box-sizing: border-box;
}
.wp-block-image.aligncenter {
  text-align: center;
}
.wp-block-image.alignfull img, .wp-block-image.alignwide img {
  block-size: auto;
  inline-size: 100%;
}
.wp-block-image.alignleft, .wp-block-image.alignright, .wp-block-image.aligncenter,
.wp-block-image .alignleft,
.wp-block-image .alignright,
.wp-block-image .aligncenter {
  display: table;
}
.wp-block-image.alignleft > figcaption, .wp-block-image.alignright > figcaption, .wp-block-image.aligncenter > figcaption,
.wp-block-image .alignleft > figcaption,
.wp-block-image .alignright > figcaption,
.wp-block-image .aligncenter > figcaption {
  display: table-caption;
  caption-side: bottom;
}
.wp-block-image .alignleft {
  float: inline-start;
  margin-inline: 0 1em;
  margin-block: 0.5em;
}
.wp-block-image .alignright {
  float: inline-end;
  margin-inline: 1em 0;
  margin-block: 0.5em;
}
.wp-block-image .aligncenter {
  margin-inline: auto;
}
.wp-block-image figcaption {
  font-family: var(--font-family--body);
  font-size: var(--body--xs--font-size);
  font-weight: var(--body--xs--font-weight);
  letter-spacing: var(--body--xs--letter-spacing);
  line-height: var(--body--xs--line-height);
  color: var(--color--dark);
  margin-block-start: 0.75rem;
  text-align: start;
}
.wp-block-image.is-style-rounded img,
.wp-block-image .is-style-rounded img {
  border-radius: 9999px;
}
.wp-block-image :where(.has-border-color) {
  border-style: solid;
}
.wp-block-image :where([style*=border-top-color]) {
  border-block-start-style: solid;
}
.wp-block-image :where([style*=border-right-color]) {
  border-inline-end-style: solid;
}
.wp-block-image :where([style*=border-bottom-color]) {
  border-block-end-style: solid;
}
.wp-block-image :where([style*=border-left-color]) {
  border-inline-start-style: solid;
}
.wp-block-image :where([style*=border-width]) {
  border-style: solid;
}
.wp-block-image :where([style*=border-top-width]) {
  border-block-start-style: solid;
}
.wp-block-image :where([style*=border-right-width]) {
  border-inline-end-style: solid;
}
.wp-block-image :where([style*=border-bottom-width]) {
  border-block-end-style: solid;
}
.wp-block-image :where([style*=border-left-width]) {
  border-inline-start-style: solid;
}

.wp-block-image figure {
  margin: 0;
}

p.has-background {
  padding: 1.375rem 2.6875rem;
}

:where(p.has-text-color:not(.has-link-color)) a {
  color: inherit;
}

.wp-block-separator {
  background-color: var(--wp--preset--color--contrast);
  block-size: 0.0625rem;
  border: none;
  margin-block: var(--f-spacing--s);
  margin-inline: calc(50% - 50vw) !important;
  max-width: none !important;
  overflow: visible;
  position: relative;
  width: 100vw !important;
}
.wp-block-separator::before {
  content: "";
  background-color: var(--wp--preset--color--base);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwLjM0MiAzMC4zNDJMNDcuOTggMjQuOTM0N0M0Ny45OTE2IDI0LjYyNSA0OCAyNC4zMTMzIDQ4IDI0LjAwMDVDNDggMjMuNjg3OCA0Ny45OTE2IDIzLjM3NjEgNDcuOTggMjMuMDY2NEwzMC4zNDIgMTcuNjU4TDI0LjkzNDcgMC4wMTk5NDE4QzI0LjYyNSAwLjAwODM5NjU0IDI0LjMxMzMgMCAyNC4wMDA1IDBDMjMuNjg3OCAwIDIzLjM3NjEgMC4wMDgzOTY1NCAyMy4wNjY0IDAuMDE5OTQxOEwxNy42NTggMTcuNjU4TDAuMDE5OTQxOCAyMy4wNjY0QzAuMDA4Mzk2NTQgMjMuMzc2MSAwIDIzLjY4NzggMCAyNC4wMDA1QzAgMjQuMzEzMyAwLjAwODM5NjU0IDI0LjYyNSAwLjAxOTk0MTggMjQuOTM0N0wxNy42NTggMzAuMzQyTDIzLjA2NjQgNDcuOThDMjMuMzc2MSA0Ny45OTE2IDIzLjY4NzggNDggMjQuMDAwNSA0OEMyNC4zMTMzIDQ4IDI0LjYyNSA0Ny45OTE2IDI0LjkzNDcgNDcuOThMMzAuMzQzMSAzMC4zNDJIMzAuMzQyWiIgZmlsbD0iIzMxNDg1NyIvPgo8L3N2Zz4K);
  background-position: center;
  background-repeat: no-repeat;
  block-size: 6.5rem;
  border-radius: 50%;
  inline-size: 6.5rem;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}

.wp-block-table {
  font-size: var(--f-font-size--m);
  overflow-x: auto;
}
.wp-block-table table {
  width: 100%;
  border-collapse: collapse;
}
.wp-block-table thead {
  border-block-end: 1px solid var(--color--medium-light);
}
.wp-block-table th,
.wp-block-table td {
  border: none;
  padding: 0.75rem;
  text-align: start;
}
.wp-block-table th.has-text-align-center,
.wp-block-table td.has-text-align-center {
  text-align: center;
}
.wp-block-table th.has-text-align-right,
.wp-block-table td.has-text-align-right {
  text-align: end;
}
.wp-block-table th:first-child,
.wp-block-table td:first-child {
  padding-inline-start: 0;
}
.wp-block-table th:last-child,
.wp-block-table td:last-child {
  padding-inline-end: 0;
}
@media (min-width: 768px) {
  .wp-block-table th,
  .wp-block-table td {
    padding-block: 1rem;
  }
}
.wp-block-table tfoot {
  border-block-start: 1px solid var(--color--medium-light);
}

.wp-block-video video {
  inline-size: 100%;
}
@supports (position: sticky) {
  .wp-block-video [poster] {
    object-fit: cover;
  }
}
.wp-block-video.aligncenter {
  text-align: center;
}
.wp-block-video figcaption {
  font-family: var(--font-family--body);
  font-size: var(--body--xs--font-size);
  font-weight: var(--body--xs--font-weight);
  letter-spacing: var(--body--xs--letter-spacing);
  line-height: var(--body--xs--line-height);
  color: var(--color--dark);
  margin-block-start: 0.75rem;
  text-align: start;
}

.wp-block-carousel-cover-block {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .wp-block-carousel-cover-block {
    height: clamp(400px, 75svh, 1050px);
  }
}
.wp-block-carousel-cover-block .carousel-cover-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.wp-block-carousel-cover-block .carousel-cover-background .splide {
  width: 100%;
  height: 100%;
}
.wp-block-carousel-cover-block .carousel-cover-background .splide__track {
  height: 100%;
}
.wp-block-carousel-cover-block .carousel-cover-background .splide__list {
  height: 100%;
  padding-inline-start: 0;
  list-style: none;
}
.wp-block-carousel-cover-block .carousel-cover-background .splide__slide {
  height: 100%;
}
.wp-block-carousel-cover-block .carousel-cover-background .carousel-slide-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 100%;
  overflow: hidden;
}
.wp-block-carousel-cover-block .carousel-cover-background .carousel-fade-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.wp-block-carousel-cover-block .carousel-cover-background .carousel-fade-slide {
  width: 110%;
  height: 110%;
  object-fit: cover;
  display: block;
  max-width: none;
  position: absolute;
  top: -5%;
  left: -5%;
  opacity: 0;
  transition: opacity 1.5s ease-in-out, transform 7s ease-in-out;
  transform: scale(1) translateX(0);
}
.wp-block-carousel-cover-block .carousel-cover-background .carousel-fade-slide:first-child {
  opacity: 1;
}
.wp-block-carousel-cover-block .carousel-cover-background .carousel-fade-slide:nth-child(1) {
  animation: slideZoomPan1 15s ease-in-out infinite;
}
.wp-block-carousel-cover-block .carousel-cover-background .carousel-fade-slide:nth-child(2) {
  animation: slideZoomPan2 14s ease-in-out infinite;
}
.wp-block-carousel-cover-block .carousel-cover-background .carousel-fade-slide:nth-child(3) {
  animation: slideZoomPan3 12s ease-in-out infinite;
}
.wp-block-carousel-cover-block .carousel-cover-background .carousel-fade-slide:nth-child(4) {
  animation: slideZoomPan1 17s ease-in-out infinite;
}
.wp-block-carousel-cover-block .carousel-cover-background .carousel-fade-slide:nth-child(5) {
  animation: slideZoomPan2 15s ease-in-out infinite;
}
@keyframes slideZoomPan1 {
  0% {
    transform: scale(1) translateX(0);
  }
  50% {
    transform: scale(1.15) translateX(-4%);
  }
  100% {
    transform: scale(1) translateX(0);
  }
}
@keyframes slideZoomPan2 {
  0% {
    transform: scale(1) translateY(0);
  }
  50% {
    transform: scale(1.18) translateY(-2%);
  }
  100% {
    transform: scale(1) translateX(0);
  }
}
@keyframes slideZoomPan3 {
  0% {
    transform: scale(1) translateX(0) translateY(0);
  }
  100% {
    transform: scale(1.14) translateX(5%) translateY(-2%);
  }
  0% {
    transform: scale(1) translateX(0);
  }
}
.wp-block-carousel-cover-block .carousel-cover-overlay {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIzcmVtIiB2aWV3Qm94PSIwIDAgMTI4MCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2Y5ZDIyNyI+PHBhdGggZD0iTTY0MCAxMzlMMCAwdjE0MGgxMjgwVjBMNjQwIDEzOXoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNNjQwIDEzOUwwIDQydjk4aDEyODBWNDJsLTY0MCA5N3oiLz48L2c+PC9zdmc+);
  background-position: 0 100%;
  background-size: 100% 3rem;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.5);
}
.wp-block-carousel-cover-block .carousel-cover-content {
  position: relative;
  z-index: 3;
  width: 100%;
  color: white;
}
.wp-block-carousel-cover-block.has-top-left-content-position {
  align-items: flex-start;
  justify-content: flex-start;
}
.wp-block-carousel-cover-block.has-top-left-content-position .carousel-cover-content {
  text-align: left;
}
.wp-block-carousel-cover-block.has-top-center-content-position {
  align-items: flex-start;
  justify-content: center;
}
.wp-block-carousel-cover-block.has-top-center-content-position .carousel-cover-content {
  text-align: center;
}
.wp-block-carousel-cover-block.has-top-right-content-position {
  align-items: flex-start;
  justify-content: flex-end;
}
.wp-block-carousel-cover-block.has-top-right-content-position .carousel-cover-content {
  text-align: right;
}
.wp-block-carousel-cover-block.has-center-left-content-position {
  align-items: center;
  justify-content: flex-start;
}
.wp-block-carousel-cover-block.has-center-left-content-position .carousel-cover-content {
  text-align: left;
}
.wp-block-carousel-cover-block.has-center-center-content-position {
  align-items: center;
  justify-content: center;
}
.wp-block-carousel-cover-block.has-center-center-content-position .carousel-cover-content {
  text-align: center;
}
.wp-block-carousel-cover-block.has-center-right-content-position {
  align-items: center;
  justify-content: flex-end;
}
.wp-block-carousel-cover-block.has-center-right-content-position .carousel-cover-content {
  text-align: right;
}
.wp-block-carousel-cover-block.has-bottom-left-content-position {
  align-items: flex-end;
  justify-content: flex-start;
}
.wp-block-carousel-cover-block.has-bottom-left-content-position .carousel-cover-content {
  text-align: left;
}
.wp-block-carousel-cover-block.has-bottom-center-content-position {
  align-items: flex-end;
  justify-content: center;
}
.wp-block-carousel-cover-block.has-bottom-center-content-position .carousel-cover-content {
  text-align: center;
}
.wp-block-carousel-cover-block.has-bottom-right-content-position {
  align-items: flex-end;
  justify-content: flex-end;
}
.wp-block-carousel-cover-block.has-bottom-right-content-position .carousel-cover-content {
  text-align: right;
}

@media (max-width: 768px) {
  .wp-block-carousel-cover-block .carousel-cover-content {
    padding: 1rem;
  }
}
.wp-block-xwp-social-links .wp-block-xwp-social-link.is-style-ghost button.wp-block-express-button__link,
.wp-block-xwp-social-links .wp-block-xwp-social-link.is-style-ghost a.wp-block-express-button__link {
  aspect-ratio: 1/1;
  border-radius: 50%;
  color: var(--color--medium-dark);
  align-items: center;
}
.wp-block-xwp-social-links .wp-block-button.is-size-xs .wp-block-button__link svg,
.wp-block-xwp-social-links .wp-block-express-button.is-size-xs .wp-block-express-button__link svg {
  --svg-size: calc(var(--button--xs--font-size) + 8px);
  width: var(--svg-size);
  height: var(--svg-size);
}
.wp-block-xwp-social-links .wp-block-button.is-size-s .wp-block-button__link svg,
.wp-block-xwp-social-links .wp-block-express-button.is-size-s .wp-block-express-button__link svg {
  --svg-size: calc(var(--button--sm--font-size) + 8px);
  width: var(--svg-size);
  height: var(--svg-size);
}
.wp-block-xwp-social-links .wp-block-button:not([class*=is-size]) .wp-block-button__link svg,
.wp-block-xwp-social-links .wp-block-express-button:not([class*=is-size]) .wp-block-express-button__link svg,
.wp-block-xwp-social-links .wp-block-button.is-size-m .wp-block-button__link svg,
.wp-block-xwp-social-links .wp-block-express-button.is-size-m .wp-block-express-button__link svg {
  --svg-size: calc(var(--button--md--font-size) + 8px);
  width: var(--svg-size);
  height: var(--svg-size);
}
.wp-block-xwp-social-links .wp-block-button.is-size-l .wp-block-button__link svg,
.wp-block-xwp-social-links .wp-block-express-button.is-size-l .wp-block-express-button__link svg {
  --svg-size: calc(var(--button--lg--font-size) + 8px);
  width: var(--svg-size);
  height: var(--svg-size);
}

/*
 * Pattern: Social Links
 */
.wp-block-group.express-follow-social-links {
  margin-block: var(--spacing--md);
  padding: 1rem var(--spacing--md);
  border: 1px solid var(--color--medium-light);
  gap: 0.5rem;
}
.wp-block-group.express-follow-social-links .wp-block-xwp-social-links {
  gap: 0rem;
}
.wp-block-group.express-follow-social-links .wp-block-express-button.is-style-ghost .wp-block-express-button__link {
  margin-inline-end: -4px;
}

.wp-block-xwp-social-link {
  line-height: 1;
}

.wp-social-link-nextdoor {
  background-color: #1B8751;
}

.mavero-tabs-nav {
  margin-block-start: 1em;
  margin-block-end: 0;
  border: 1px solid var(--wp--preset--color--accent-2);
  display: flex;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.mavero-tabs-nav button {
  background: none;
  border: none;
  min-width: 0;
  padding: 12px 16px;
  flex: 1;
  justify-content: center;
  cursor: pointer;
  border-right: 1px solid var(--wp--preset--color--accent-2);
  border-radius: 0;
  color: var(--wp--preset--color--accent);
  font-weight: 700;
  text-transform: uppercase;
}
.mavero-tabs-nav button:first-child {
  border-top-left-radius: 10px;
}
.mavero-tabs-nav button:last-child {
  border-top-right-radius: 10px;
  border-right: none;
}
.mavero-tabs-nav button.active, .mavero-tabs-nav button:hover {
  background: var(--wp--preset--color--accent-2);
  color: var(--wp--preset--color--base);
}

/* Grid Layout */
.mavero-remote-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 30px;
  margin-block-end: 40px;
}

@media (min-width: 768px) {
  .mavero-remote-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .mavero-remote-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
/* Mobile Swiper (built by JS) */
.mavero-remote-swiper {
  margin-block-end: 40px;
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
}
.mavero-remote-swiper .swiper-wrapper {
  touch-action: pan-y;
}
.mavero-remote-swiper .mavero-remote-card {
  height: auto;
}
.mavero-remote-swiper img,
.mavero-remote-swiper a {
  -webkit-user-drag: none;
  user-drag: none;
  pointer-events: auto;
}
.mavero-remote-swiper .swiper-pagination {
  position: relative;
  margin-block-start: 20px;
}
.mavero-remote-swiper .swiper-pagination-bullet {
  background: var(--wp--preset--color--accent, #1a1a3a);
  opacity: 0.3;
}
.mavero-remote-swiper .swiper-pagination-bullet-active {
  opacity: 1;
}

/* Card Styling */
.mavero-remote-card {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}

.mavero-remote-card:hover {
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}

/* Image */
.mavero-card-image-link {
  display: block;
  aspect-ratio: 4/3;
  /* Ensures consistent image height */
  overflow: hidden;
  background-color: #f0f0f0;
}

.mavero-card-image-link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.mavero-remote-card:hover .mavero-card-image-link img {
  transform: scale(1.05);
  /* Subtle zoom on hover */
}

/* Content */
.mavero-card-content {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.mavero-card-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: #1a1a3a;
  /* Dark blue/black from image */
  margin: 0;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mavero-card-title a {
  text-decoration: none;
  color: inherit;
}

.mavero-card-title a:hover {
  color: #0056b3;
  /* Or your theme's primary color */
}

.mavero-card-excerpt {
  font-size: 0.95rem;
  color: #4a4a4a;
  line-height: 1.4;
  margin-block-start: 14px;
  margin-block-end: 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.mavero-card-excerpt p {
  margin: 0;
}

.wp-block-media-text img {
  border-radius: 40px;
}

/**
* Layouts
*/
.home-hero {
  /**
   * The column images are wordmark SVGs ("Aesthetics" / "Performance") sized
   * by their own intrinsic dimensions, which otherwise lets them run edge to
   * edge in their column at narrower viewports. Scale them down with the
   * viewport instead of jumping to a fixed size at a breakpoint, bottoming
   * out at 190px so they stay legible on small screens.
   */
  /**
   * Two-column hero: a 2px white rule on the boundary between the columns
   * with the Paragon star centred on it — vertical while the columns sit side
   * by side, horizontal once core stacks them (below 782px).
   */
}
@media (max-width: 767px) {
  .home-hero .wp-block-cover {
    min-height: 60vh !important;
  }
}
.home-hero .wp-block-column .wp-block-image img {
  inline-size: clamp(11.875rem, 30vw, 100%);
}
.home-hero.wp-block-columns {
  --logo-divider--size: 4.125rem;
}
.home-hero.wp-block-columns > .wp-block-column + .wp-block-column {
  position: relative;
  border: 0 solid var(--color--white);
}
.home-hero.wp-block-columns > .wp-block-column + .wp-block-column::after {
  content: "";
  position: absolute;
  pointer-events: none;
  inline-size: var(--logo-divider--size);
  block-size: var(--logo-divider--size);
  translate: -50% -50%;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjYiIGhlaWdodD0iNjYiIHZpZXdCb3g9IjAgMCA2NiA2NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQxLjcyMDMgNDEuNzIwM0w2NS45NzI2IDM0LjI4NTFDNjUuOTg4NCAzMy44NTk0IDY2IDMzLjQzMDggNjYgMzMuMDAwN0M2NiAzMi41NzA3IDY1Ljk4ODQgMzIuMTQyMSA2NS45NzI2IDMxLjcxNjNMNDEuNzIwMyAyNC4yNzk3TDM0LjI4NTEgMC4wMjc0MkMzMy44NTk0IDAuMDExNTQ1MiAzMy40MzA4IDAgMzMuMDAwNyAwQzMyLjU3MDcgMCAzMi4xNDIxIDAuMDExNTQ1MiAzMS43MTYzIDAuMDI3NDJMMjQuMjc5NyAyNC4yNzk3TDAuMDI3NDIgMzEuNzE2M0MwLjAxMTU0NTIgMzIuMTQyMSAwIDMyLjU3MDcgMCAzMy4wMDA3QzAgMzMuNDMwOCAwLjAxMTU0NTIgMzMuODU5NCAwLjAyNzQyIDM0LjI4NTFMMjQuMjc5NyA0MS43MjAzTDMxLjcxNjMgNjUuOTcyNkMzMi4xNDIxIDY1Ljk4ODQgMzIuNTcwNyA2NiAzMy4wMDA3IDY2QzMzLjQzMDggNjYgMzMuODU5NCA2NS45ODg0IDM0LjI4NTEgNjUuOTcyNkw0MS43MjE3IDQxLjcyMDNINDEuNzIwM1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) no-repeat center/contain;
}
@media (max-width: 781px) {
  .home-hero.wp-block-columns > .wp-block-column + .wp-block-column {
    border-block-start-width: 0.125rem;
  }
  .home-hero.wp-block-columns > .wp-block-column + .wp-block-column::after {
    inset-block-start: 0;
    inset-inline-start: 50%;
  }
}
@media (min-width: 782px) {
  .home-hero.wp-block-columns > .wp-block-column + .wp-block-column {
    border-inline-start-width: 0.125rem;
  }
  .home-hero.wp-block-columns > .wp-block-column + .wp-block-column::after {
    inset-block-start: 50%;
    inset-inline-start: 0;
  }
}

/*# sourceMappingURL=style.css.map*/