/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-font-weight: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-tracking: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
    }
  }
}

:root, :host {
  --color-black-600: #444;
  --color-black-300: #7c8592;
  --color-blue-light: #d2e2f2;
  --color-grey: #f4f4f4;
  --breakpoint-sm: 640px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1200px;
  --breakpoint-2xl: 1200px;
  --color-brandblue: #2b8ccd;
  --color-brandblue-light: #ddf1ff;
  --color-brandblue-dark: #2280bf;
  --shadow-default: none;
  --shadow-md: 1px 23px 17px -4px #0009;
  --shadow-xl: 0 8px 16px #0000004d;
  --shadow-bottom: 1px 23px 17px -4px #0009;
  --animate-fade-up: fade-up 1s ease-out forwards;
  --animate-fade-down: fade-down 1s ease-out forwards;
  --spacing-0: 0px;
  --spacing-1: .25rem;
  --spacing-2: .5rem;
  --spacing-3: .75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-8: 2rem;
  --spacing-10: 2.5rem;
  --spacing-12: 3rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
  --spacing-32: 8rem;
  --spacing-40: 10rem;
  --spacing-48: 12rem;
  --spacing-56: 14rem;
  --spacing-64: 16rem;
  --spacing-80: 20rem;
  --spacing-96: 24rem;
  --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --color-red-50: oklch(97.1% .013 17.38);
  --color-red-400: oklch(70.4% .191 22.216);
  --color-red-500: oklch(63.7% .237 25.331);
  --color-yellow-50: oklch(98.7% .026 102.212);
  --color-yellow-400: oklch(85.2% .199 91.936);
  --color-yellow-500: oklch(79.5% .184 86.047);
  --color-green-50: oklch(98.2% .018 155.826);
  --color-green-200: oklch(92.5% .084 155.995);
  --color-green-400: oklch(79.2% .209 151.711);
  --color-green-800: oklch(44.8% .119 151.328);
  --color-blue-600: oklch(54.6% .245 262.881);
  --color-blue-700: oklch(48.8% .243 264.376);
  --color-indigo-50: oklch(96.2% .018 272.314);
  --color-indigo-400: oklch(67.3% .182 276.935);
  --color-gray-100: oklch(96.7% .003 264.542);
  --color-gray-200: oklch(92.8% .006 264.531);
  --color-gray-300: oklch(87.2% .01 258.338);
  --color-gray-400: oklch(70.7% .022 261.325);
  --color-gray-500: oklch(55.1% .027 264.364);
  --color-gray-600: oklch(44.6% .03 256.802);
  --color-gray-800: oklch(27.8% .033 256.848);
  --color-gray-900: oklch(21% .034 264.665);
  --color-gray-950: oklch(13% .028 261.692);
  --color-black: #000;
  --color-white: #fff;
  --spacing: .25rem;
  --container-xs: 20rem;
  --container-md: 28rem;
  --container-lg: 32rem;
  --container-3xl: 48rem;
  --container-5xl: 64rem;
  --container-6xl: 72rem;
  --text-xs: .75rem;
  --text-xs--line-height: calc(1 / .75);
  --text-sm: .875rem;
  --text-sm--line-height: calc(1.25 / .875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --text-3xl: 1.875rem;
  --text-3xl--line-height: calc(2.25 / 1.875);
  --text-4xl: 2.25rem;
  --text-4xl--line-height: calc(2.5 / 2.25);
  --text-5xl: 3rem;
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem;
  --text-6xl--line-height: 1;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --tracking-wide: .025em;
  --tracking-widest: .1em;
  --leading-tight: 1.25;
  --leading-relaxed: 1.625;
  --radius-md: .375rem;
  --radius-xl: .75rem;
  --radius-2xl: 1rem;
  --ease-in: cubic-bezier(.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, .2, 1);
  --ease-in-out: cubic-bezier(.4, 0, .2, 1);
  --default-transition-duration: .15s;
  --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-mono);
}

@keyframes fade-up {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fade-down {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.flat-field {
  margin: 0 !important;
  padding: 0 !important;
}

#shortcode-header-block {
  margin-bottom: 45px;
}

p + ul, ul + h2, ol + h2, p + h2 {
  margin-top: 1.5rem;
}

.wp-block-columns {
  gap: 2rem;
}

@media (min-width: 1024px) {
  .wp-block-columns {
    gap: 4rem;
  }
}

#main .container p:not(.full-width), #main .container ul {
  max-width: 68ch;
  margin-right: auto;
}

#main .container h2, #main .container h3 {
  max-width: 90ch;
}

.wp-block-buttons .btn-content, .btn-content {
  margin-top: 20px;
}

.light-blue-content-wrapper {
  background-color: var(--color-brandblue-light);
  border-radius: 25px;
  margin: 0 -30px;
  padding: 50px 50px 20px;
}

.hero-button {
  background-color: var(--color-white);
  padding-inline: var(--spacing-6);
  padding-block: var(--spacing-3);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-black);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  border-radius: 3.40282e38px;
}

@media (hover: hover) {
  .hero-button:hover {
    background-color: var(--color-gray-200);
  }
}

.hero-button {
  min-width: 220px;
}

.down-arrow img {
  width: var(--spacing-20);
  margin-inline: auto;
}

.down-arrow {
  left: 50%;
  bottom: max(env(safe-area-inset-bottom), 0px);
  z-index: 10;
  transition: transform .3s;
  position: absolute;
  top: 82%;
  transform: translateX(-50%);
}

.down-arrow:hover {
  transition: transform .3s;
  transform: translate(-50%)translateY(8px);
}

@media (max-width: 768px) {
  .swiper-pagination {
    margin-top: 0 !important;
  }

  .hero-button {
    padding-inline: var(--spacing-4);
    padding-block: var(--spacing-2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .down-arrow img {
    width: var(--spacing-16);
  }
}

.swiper-wrapper {
  margin-bottom: 5px;
}

.swiper-pagination-bullet {
  opacity: 1;
  background-color: #444;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #fff;
  border-radius: 9999px;
  margin: 0 6px;
  transition: transform .3s;
  position: relative;
  width: 18px !important;
  height: 18px !important;
}

.heroSwiper .swiper-pagination-bullet {
  width: 48px !important;
  height: 48px !important;
}

.swiper-pagination-bullet-active {
  border-color: #00aeef;
  transform: scale(1.15);
}

.swiper-pagination-bullet:after {
  content: attr(data-title);
  color: #fff;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  z-index: 99;
  border-radius: 4px;
  padding: 6px 10px;
  font-size: 14px;
  transition: opacity .3s;
  position: absolute;
  bottom: 160%;
  left: 50%;
  transform: translateX(-50%);
  background: #000000d9 !important;
}

.swiper-pagination-bullet:hover:after {
  opacity: 1;
}

.fixed-pagination {
  text-align: center;
  z-index: 50;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 220px !important;
}

@media (max-width: 768px) {
  .fixed-pagination {
    bottom: 195px !important;
  }
}

.fixed-pagination .swiper-pagination-bullet {
  opacity: .6;
  background: #fff;
  transition: opacity .3s;
}

.fixed-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

.swiper-slide {
  pointer-events: none;
}

.swiper-slide-active {
  pointer-events: auto;
  z-index: 10;
}

.swiper-button-next, .swiper-button-prev {
  z-index: 50;
  background: #444444a0;
  border-radius: 31px;
  transition: background .3s;
}

.swiper-button-next:hover, .swiper-button-prev:hover {
  background: #2b8ccd89;
  transition: background .3s;
}

.swiper-button-next {
  padding: 32px 29px 32px 35px;
  margin-left: 15px !important;
}

.swiper-button-prev {
  padding: 32px 35px 32px 29px;
  margin-right: -15px !important;
}

.swiper-button-prev:after, .swiper-button-next:after {
  color: #fff;
  font-size: 1.9em;
}

.heroSwiper .swiper-slide {
  pointer-events: none !important;
  z-index: 1 !important;
  opacity: 0 !important;
}

.heroSwiper .swiper-slide.swiper-slide-active {
  pointer-events: auto !important;
  z-index: 999 !important;
  opacity: 1 !important;
}

.heroSwiper .swiper-slide.swiper-slide-prev, .heroSwiper .swiper-slide.swiper-slide-next {
  z-index: 2 !important;
  opacity: 0 !important;
}

#gsm-swiper-title {
  border-radius: 25px;
  padding: 9px 20px;
  background: #00000047 !important;
}

.img-rounded img, .img-rounded {
  border-radius: 12px;
}

.os-header-wrapper {
  position: relative;
  overflow: hidden;
}

.os-header-wave {
  pointer-events: none;
  z-index: 20;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.os-header-bg .inner {
  z-index: 10;
  position: relative;
}

.brand {
  padding: 0;
}

img.site-logo {
  padding: 3px;
}

.main-header {
  box-shadow: 0 2px 14px #0000003d;
}

#menu-main-menu-de a {
  padding: 10px 2px 12px;
}

nav a {
  transition: all .2s ease-in-out;
}

#menu-main-menu-de a {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-black-600);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  #menu-main-menu-de a:hover {
    color: var(--color-brandblue);
  }
}

#menu-main-menu-de ul a {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-white);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

@media (hover: hover) {
  #menu-main-menu-de ul a:hover {
    color: var(--color-brandblue);
  }
}

#menu-main-menu-de a.button, #menu-main-menu-de button a {
  background-color: var(--color-blue-600);
  padding-inline: var(--spacing-5);
  padding-block: var(--spacing-2);
  color: var(--color-white);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  border-radius: 3.40282e38px;
}

@media (hover: hover) {
  :is(#menu-main-menu-de a.button, #menu-main-menu-de button a):hover {
    background-color: var(--color-blue-700);
  }
}

.dropdown-menu {
  border-radius: 10px;
  margin-top: 15px;
  margin-left: -11%;
  padding: 24px 24px 24px 18px;
}

.dropdown-menu li {
  min-width: 230px;
  padding: 4px 14px 4px 17px;
}

.dropdown-menu a {
  font-weight: 300;
  text-transform: none !important;
}

.dropdown-menu svg {
  margin-left: 15px;
  margin-right: 3px;
}

.mobile-menu-wrapper {
  background: $ yellow !important;
}

ul.menu-main > li {
  overflow: visible;
}

.submenu {
  max-height: 0;
  margin-top: 0;
  padding-left: 1rem;
  transition: max-height .8s;
  display: block;
  position: static;
  overflow: hidden;
}

.submenu.open {
  max-height: 800px;
}

.submenu li {
  margin-bottom: .2rem;
  font-size: .9em;
  line-height: 20px;
}

.menu-header {
  display: none !important;
}

.mobile-menu-wrapper .toggle-submenu-icon {
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  display: grid;
  position: relative;
}

.mobile-menu-wrapper a, .mobile-menu-wrapper button span {
  color: #fff;
  font-weight: 600;
}

.mobile-menu-wrapper .toggle-submenu-icon:before, .mobile-menu-wrapper .toggle-submenu-icon:after {
  content: "";
  transform-origin: center;
  background: #fff;
  width: 1rem;
  height: 2px;
  transition: transform .2s, opacity .2s;
  position: absolute;
  top: 50%;
  left: 50%;
}

.mobile-menu-wrapper .toggle-submenu-icon:before {
  transform: translate(-50%, -50%)rotate(0);
}

.mobile-menu-wrapper .toggle-submenu-icon:after {
  transform: translate(-50%, -50%)rotate(90deg);
}

.mobile-menu-wrapper .toggle-submenu-icon[aria-expanded="true"]:after {
  transform: translate(-50%, -50%)rotate(90deg)scaleX(0);
}

.close-cross {
  margin-right: 4px;
}

a {
  text-decoration: none;
}

p a {
  color: var(--color-brandblue);
}

.sr-only:not(:focus):not(:active) {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.sr-only:focus, .sr-only:active {
  clip: auto;
  white-space: normal;
  width: auto;
  height: auto;
  margin: 0;
  position: static;
  overflow: visible;
}

body {
  overflow-x: clip;
}

.full-bleed {
  width: 99.45vw;
  margin-left: -50vw;
  margin-right: -50vw;
  position: relative;
  left: 50%;
  right: 50%;
}

.mt-16 {
  margin-top: 4rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.footer-banner {
  margin-bottom: -72px;
}

.btn-move {
  transition: transform .4s;
}

.btn-move:hover {
  transform: translateY(-2px);
}

.btn-float {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .3s;
  --tw-ease: var(--ease-out);
  transition-duration: .3s;
  transition-timing-function: var(--ease-out);
}

.btn-float:hover {
  --tw-translate-y: calc(var(--spacing-1) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.btn-float:active {
  --tw-translate-y: var(--spacing-0);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

#service-block {
  scroll-margin-top: 120px;
}

.form-wrapper {
  background-color: var(--color-brandblue-light);
  border: 0;
  border-radius: 12px;
  padding-left: 35px;
  padding-right: 35px;
}

.inline-form {
  border: 12px;
  border-radius: 12px;
  max-width: 400px;
  padding: 36px;
}

.form-wrapper .input, .inline-form .input {
  border-radius: 7px;
  margin-top: 4px;
  margin-bottom: 9px;
}

.form-wrapper p, .form-wrapper h2, .form-wrapper label, .inline-form p, .inline-form h2, .inline-form label {
  color: #333;
}

.contact-right .inline-form {
  background-color: #ffffffcf;
}

.contact-right .inline-form label {
  color: #444;
}

.contact-wrap {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.contact-bg {
  z-index: 1;
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 55vw;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.contact-grid {
  z-index: 10;
  grid-template-columns: 47% 62%;
  gap: 3rem;
  min-height: 85vh;
  display: grid;
  position: relative;
}

.contact-left {
  padding-top: 2rem;
}

.contact-right {
  justify-content: center;
  align-items: center;
  display: flex;
}

.contact-form-wrapper {
  z-index: 20;
  width: 100%;
  max-width: 480px;
  position: relative;
}

.mail-fix {
  margin-left: -4px;
}

@media (max-width: 768px) {
  .contact-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .contact-bg {
    opacity: .45;
    background-position: center;
    width: 100%;
    height: 77vh;
    top: auto;
    bottom: 0;
    left: 0;
  }

  .contact-left {
    z-index: 20;
    background: #fff;
    order: 1;
    margin-bottom: -1rem;
    padding-bottom: 0;
    position: relative;
  }

  .contact-right {
    z-index: 30;
    order: 2;
    padding-top: 1rem;
    position: relative;
  }

  .contact-form-wrapper {
    z-index: 40;
    position: relative;
  }

  .contact-right .inline-form {
    background-color: #ffffffcf;
  }
}

#contactModal {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}

#contactModal.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

#contactModal .form-wrapper {
  transition: transform .25s;
}

#contactModal.show .form-wrapper {
  transform: translateY(0);
}

#contactModal:not(.show) .form-wrapper {
  transform: translateY(.75rem);
}

@supports (padding: max(0px)) {
  #contactModal .form-wrapper {
    padding-bottom: max(1.25rem, env(safe-area-inset-bottom));
  }
}

#contactModal.slide-right .form-wrapper {
  border-radius: 10px;
  max-height: 100%;
  position: absolute;
  top: 34px;
  right: 136px;
  transform: translateX(100%);
}

#contactModal.show.slide-right .form-wrapper {
  transform: translateX(0);
}

@media (max-width: 767px) {
  #contactModal.slide-right .form-wrapper {
    right: 0;
  }
}

.error-field {
  font-size: 12px;
  color: red !important;
  margin-top: -6px !important;
}

.message-error {
  margin-top: -9px !important;
}

.label-error {
  margin-top: -3px !important;
}

.success-field {
  border: 2px solid green;
  border-radius: 10px;
  margin-top: 17px;
  margin-bottom: 15px;
  display: inline-block;
}

@layer base {
  .input {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-300);
    background-color: var(--color-white);
    width: 100%;
    padding-inline: var(--spacing-3);
    padding-block: var(--spacing-2);
    border-radius: .25rem;
  }

  @media (hover: hover) {
    .input:hover {
      border-color: var(--color-brandblue) !important;
    }
  }

  .input:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--color-yellow-500);
    --tw-outline-style: none;
    outline-style: none;
  }

  .btn-blue {
    cursor: pointer;
    background-color: var(--color-brandblue);
    padding-inline: var(--spacing-6);
    padding-block: var(--spacing-2);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .wp-block-button .wp-block-button__link.wp-element-button {
    padding-inline: var(--spacing-6);
    padding-block: var(--spacing-2);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-radius: 23px;
    margin-bottom: 21px;
    display: inline-block;
    background-color: var(--color-brandblue) !important;
  }

  .btn-light.wp-block-button .wp-block-button__link.wp-element-button {
    padding-inline: var(--spacing-6);
    padding-block: var(--spacing-2);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border: 2px solid$ brandblue;
    background-color: #0000;
  }

  .wp-block-button__link, .wp-block-button .wp-block-button__link.wp-element-button, .hero-button, .btn-blue, .btn-light.wp-block-button .wp-block-button__link.wp-element-button {
    background-image: linear-gradient(to right, var(--wipe-color, transparent) 0 0);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition: background-size .35s;
  }

  .wp-block-button__link:hover, .wp-block-button .wp-block-button__link.wp-element-button:hover, .hero-button:hover, .btn-blue:hover, .btn-light.wp-block-button .wp-block-button__link.wp-element-button:hover {
    background-size: 100% 100%;
  }

  .wp-block-button__link, .wp-block-button .wp-block-button__link.wp-element-button {
    --wipe-color: # {color. scale($ brandblue, $ lightness: -12%) };
  }

  .btn-light .wp-block-button__link.wp-element-button, .hero-button {
    --wipe-color: #0006;
  }

  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

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

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

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

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

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

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

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

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

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

.round-btn {
  border-radius: 18px;
}

.hero-cover {
  color: var(--color-white);
  background-position: center;
  background-size: cover;
  justify-content: center;
  align-items: center;
  position: relative;
}

@media (min-width: 768px) {
  .hero-cover {
    align-items: center;
    min-height: 100vh;
  }
}

.hero-cover {
  --_shadow-font: 0px 0px 7px #0009;
  min-height: 97vh !important;
}

.hero-cover:before {
  content: "";
  inset: var(--spacing-0);
  background-color: #000000d9;
  position: absolute;
}

@supports (color: color-mix(in lab, red, red)) {
  .hero-cover:before {
    background-color: color-mix(in oklab, var(--color-black) 85%, transparent);
  }
}

.hero-cover .wp-block-cover__inner-container {
  z-index: 10;
  width: 100%;
  max-width: var(--container-5xl);
  padding-inline: var(--spacing-6);
  position: relative;
}

@media (min-width: 768px) {
  .hero-cover .wp-block-cover__inner-container {
    padding-inline: var(--spacing-12);
  }
}

@media (min-width: 1024px) {
  .hero-cover .wp-block-cover__inner-container {
    padding-inline: var(--spacing-16);
  }
}

.hero-cover .wp-block-cover__inner-container > * {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding: .5rem;
  text-align: center !important;
}

.hero-cover h1, .hero-cover .wp-block-heading {
  text-shadow: 0 0 12px #000c;
  margin-bottom: var(--spacing-6);
  --tw-leading: var(--leading-tight);
  font-size: clamp(2.5rem, 3vw, 2.5rem);
  line-height: var(--leading-tight);
}

.hero-cover p {
  text-shadow: 0 0 12px #000c;
  margin-bottom: var(--spacing-8);
  max-width: var(--container-3xl);
  --tw-leading: var(--leading-relaxed);
  font-size: clamp(1.2rem, 1.5vw, 1.25rem);
  line-height: var(--leading-relaxed);
}

.hero-cover .wp-block-buttons {
  margin-top: var(--spacing-2);
}

.hero-cover .wp-block-button__link, .hero-cover .hero-button {
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-white);
  background-color: var(--color-brandblue);
  padding-inline: var(--spacing-10);
  padding-block: var(--spacing-2);
  color: var(--color-white);
  --tw-shadow: 0 8px 16px var(--tw-shadow-color, #0000004d);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .5s;
  border-radius: 3.40282e38px;
  transition-duration: .5s;
  display: inline-block;
}

@media (hover: hover) {
  :is(.hero-cover .wp-block-button__link, .hero-cover .hero-button):hover {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.hero-cover .wp-block-button__link, .hero-cover .hero-button {
  background-color: #1212128f;
}

.hero-cover .wp-block-button__link:hover, .hero-cover .hero-button:hover {
  background-color: #2b8ccded;
}

@media (min-width: 768px) {
  .hero-cover .wp-block-cover__inner-container {
    padding-top: 0;
    padding-bottom: 9rem;
  }
}

@media (max-width: 767px) {
  .hero-cover {
    align-items: flex-start;
  }

  .hero-cover .wp-block-cover__inner-container {
    padding-top: var(--spacing-0);
    margin-top: -70px;
  }

  .hero-cover .wp-block-cover__inner-container > * {
    max-width: 95%;
    padding: .4rem;
  }
}

@keyframes zoomWeighted {
  0%, 100% {
    transform: scale(1)translateX(0);
  }

  33% {
    transform: scale(1.1)translateX(20px);
  }

  80% {
    transform: scale(1.02)translateX(-10px);
  }
}

.header-height {
  height: 64px;
}

.link-more a {
  color: $ yellow;
  align-items: center;
  gap: .3em;
  font-size: 17px;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.link-more a:before, .link-more a:after {
  content: "";
  background: url("/app/themes/sage/public/build/assets/down-arrow-blue-B-uP-p-v.svg") center / contain no-repeat;
  width: 1em;
  height: 1em;
  margin-top: 2px;
  transition: transform .3s;
  display: inline-block;
}

.link-more a:before {
  margin-right: .6em;
  transform: scaleX(-1);
}

.link-more a:after {
  margin-left: .5em;
}

.link-more a:hover:before {
  transform: translateX(15px);
}

.link-more a:hover:after {
  transform: scaleX(-1)translateX(14px);
}

.icon-bolt {
  color: #444;
  display: inline-block;
}

.icon-bolt img {
  width: 56px;
  height: 56px;
}

.hero-cover, .second-hero-cover {
  position: relative;
}

.second-hero-cover:before {
  content: "";
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(#0009 0%, #00000080 15%, #0006 30%, #00000059 45%, #0003 60%, #0000001a 75%, #0000000d 88%, #0000 100%);
  height: 90px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.second-hero-cover {
  color: var(--color-white);
  background-position: center;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

@media (min-width: 768px) {
  .second-hero-cover {
    align-items: center;
    min-height: 100vh;
  }
}

.second-hero-cover {
  --_shadow-font: 0px 0px 7px #0009;
  min-height: 97vh !important;
}

.second-hero-cover .wp-block-cover__inner-container {
  z-index: 10;
  padding-inline: var(--spacing-6);
  position: relative;
}

@media (min-width: 768px) {
  .second-hero-cover .wp-block-cover__inner-container {
    padding-inline: var(--spacing-12);
  }
}

@media (min-width: 1024px) {
  .second-hero-cover .wp-block-cover__inner-container {
    padding-inline: var(--spacing-16);
  }
}

.second-hero-cover .wp-block-cover__inner-container > * {
  margin-left: auto;
  margin-right: auto;
  padding: .5rem;
  text-align: center !important;
}

.second-hero-cover .service-wrapper, .second-hero-cover .service-wrapper * {
  text-shadow: none !important;
}

.service-wrapper h2 {
  color: var(--color-brandblue);
  margin-bottom: .5em;
  padding-top: 15px;
  font-size: 2.3em;
}

.service-wrapper .wp-block-column {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
}

@media (min-width: 768px) {
  .service-wrapper .first-line .wp-block-column {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  .service-wrapper .second-line .wp-block-column {
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
  }

  .service-wrapper .third-line .wp-block-column {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}

@media (max-width: 767px) {
  .service-wrapper .wp-block-column {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .service-wrapper .first-line .service-item-wrapper, .service-wrapper .third-line .service-item-wrapper {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .service-wrapper .first-line .service-logo, .service-wrapper .third-line .service-logo {
    max-width: 150px;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .service-logo img {
    margin-top: 37px;
    margin-bottom: 31px;
    margin-left: 18%;
  }
}

.service-wrapper .wp-block-columns {
  gap: 0 !important;
}

.service-item-wrapper {
  padding: 0;
}

div.wp-block-group.service-wrapper {
  background: #fffffff5;
  border-radius: 20px;
  max-width: 1250px;
  margin: 0 auto;
  box-shadow: 0 5px 12px #00000031;
}

.service-item-wrapper {
  width: 100%;
}

.service-item {
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

.service-item p {
  min-height: 90px;
}

.service-logo {
  max-width: 220px;
  margin-left: auto;
  margin-right: auto;
}

div.wp-block-group .service-overview-header {
  color: var(--color-brandblue);
  margin-bottom: .45em;
  font-size: 1.3em;
}

div.wp-block-group.service-wrapper p, div.wp-block-group.service-wrapper p a {
  color: var(--color-black-300);
  font-size: .95em;
}

@media (max-width: 767px) {
  .floating-contact {
    gap: .5rem;
    right: .75rem;
  }

  .floating-contact a {
    border-radius: .75rem;
    width: 3.5rem;
    height: 3.5rem;
    padding: 0;
  }

  .floating-contact a svg {
    margin-bottom: .5rem;
    width: 1.5rem !important;
    height: 1.5rem !important;
  }

  .floating-contact a span {
    letter-spacing: .015em;
    font-size: .55rem !important;
  }
}

body {
  font-family: Open Sans, Arial, sans-serif;
  font-weight: 400;
}

.page-header h1, h1.page-header {
  color: var(--color-brandblue);
  text-align: left;
  margin-top: 15px;
  font-size: 2.4em;
  margin-bottom: 30px !important;
}

h1 {
  text-align: center;
  font-size: 2.8em;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 25px !important;
}

h2 {
  color: var(--color-brandblue);
  font-size: 1.7em;
  font-weight: 400;
  line-height: 34px;
  margin-bottom: 25px !important;
}

h3 {
  color: var(--color-brandblue);
  font-size: 1.2em;
  font-weight: 400;
  line-height: 32px;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

p {
  padding-bottom: 7px;
}

.styled-list {
  margin: 0;
  padding: 0;
  list-style: none !important;
}

.styled-list > li {
  border-bottom: 1px solid #e5e7eb;
  padding: .6rem 0 .6rem 1.75rem;
  font-weight: 400;
  position: relative;
  list-style: none !important;
}

.styled-list > li:last-child {
  border-bottom: 0;
}

.styled-list > li::marker {
  content: "";
  display: none;
}

.styled-list > li:before {
  content: "";
  background: url("/wp-content/themes/os-sage/resources/images/icons/small-arrow-right-blue.svg") 50% / contain no-repeat;
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: .9em;
  left: 0;
}

.styled-list li p {
  margin: 0;
}

.ol-steps {
  counter-reset: step;
  padding: 0;
  list-style: none;
  margin: 0 !important;
}

.ol-steps > li {
  counter-increment: step;
  background: #f8f8f8;
  border-radius: .4rem;
  margin: 0 0 .95rem;
  padding: .9rem 1.05rem .9rem 3rem;
  position: relative;
}

.ol-steps > li:before {
  content: counter(step) ".";
  text-align: right;
  color: #111;
  width: 2rem;
  font-weight: 700;
  position: absolute;
  top: .9rem;
  left: 0;
}

.ol-steps strong {
  font-weight: 700;
}

.ol-steps > li:last-child {
  margin-bottom: 0;
}

.ol-steps li::marker {
  content: "";
  font-size: 0;
  display: none;
}

article ol, article ul {
  margin-bottom: 1.2em;
}

ol li {
  margin-bottom: 1em;
}

ol li::marker {
  font-weight: 600;
}

ol {
  padding-left: 1.5rem;
  list-style-position: outside;
}

ol li {
  text-indent: 0;
}

.styled-list-lede {
  margin: 0;
  padding: 0;
  list-style: none;
}

.styled-list-lede li {
  border-bottom: 1px solid #e5e7eb;
  grid-template-columns: 1.25rem minmax(260px, 40%) 1fr;
  align-items: start;
  gap: .75rem;
  padding: .7rem 0;
  display: grid;
}

.styled-list-lede li:last-child {
  border-bottom: 0;
}

.styled-list-lede li:before {
  content: "";
  background: url("/wp-content/themes/os-sage/resources/images/icons/small-arrow-right-blue.svg") 50% / contain no-repeat;
  width: 1rem;
  height: 1rem;
  margin-top: .2rem;
}

.styled-list-lede li .lede {
  grid-column: 2;
  font-weight: 700;
}

.styled-list-lede li .desc {
  grid-column: 3;
}

.styled-list-lede li .desc br:first-child {
  display: none;
}

@media (max-width: 900px) {
  .styled-list-lede li {
    grid-template-columns: 1.25rem 1fr;
  }

  .styled-list-lede li .lede {
    grid-column: 2;
    margin-bottom: .2rem;
  }

  .styled-list-lede li .desc {
    grid-column: 2;
  }
}

@layer theme, components;

@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: var(--spacing-0);
  }

  .top-0 {
    top: var(--spacing-0);
  }

  .top-6 {
    top: var(--spacing-6);
  }

  .right-0 {
    right: var(--spacing-0);
  }

  .right-4 {
    right: var(--spacing-4);
  }

  .bottom-0 {
    bottom: var(--spacing-0);
  }

  .bottom-6 {
    bottom: var(--spacing-6);
  }

  .bottom-24 {
    bottom: var(--spacing-24);
  }

  .left-0 {
    left: var(--spacing-0);
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-40 {
    z-index: 40;
  }

  .z-50 {
    z-index: 50;
  }

  .order-1 {
    order: 1;
  }

  .order-2 {
    order: 2;
  }

  .order-3 {
    order: 3;
  }

  .container {
    width: 100%;
  }

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

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

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

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

  .mx-auto {
    margin-inline: auto;
  }

  .mt-0 {
    margin-top: var(--spacing-0);
  }

  .mt-1 {
    margin-top: var(--spacing-1);
  }

  .mt-2 {
    margin-top: var(--spacing-2);
  }

  .mt-3 {
    margin-top: var(--spacing-3);
  }

  .mt-4 {
    margin-top: var(--spacing-4);
  }

  .mt-6 {
    margin-top: var(--spacing-6);
  }

  .mt-8 {
    margin-top: var(--spacing-8);
  }

  .mt-12 {
    margin-top: var(--spacing-12);
  }

  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }

  .mt-16 {
    margin-top: var(--spacing-16);
  }

  .mr-2 {
    margin-right: var(--spacing-2);
  }

  .mb-1 {
    margin-bottom: var(--spacing-1);
  }

  .mb-2 {
    margin-bottom: var(--spacing-2);
  }

  .mb-3 {
    margin-bottom: var(--spacing-3);
  }

  .mb-4 {
    margin-bottom: var(--spacing-4);
  }

  .mb-5 {
    margin-bottom: var(--spacing-5);
  }

  .mb-6 {
    margin-bottom: var(--spacing-6);
  }

  .mb-8 {
    margin-bottom: var(--spacing-8);
  }

  .mb-10 {
    margin-bottom: var(--spacing-10);
  }

  .mb-12 {
    margin-bottom: var(--spacing-12);
  }

  .mb-14 {
    margin-bottom: calc(var(--spacing) * 14);
  }

  .mb-16 {
    margin-bottom: var(--spacing-16);
  }

  .ml-1 {
    margin-left: var(--spacing-1);
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

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

  .inline-flex {
    display: inline-flex;
  }

  .h-0\.5 {
    height: calc(var(--spacing) * .5);
  }

  .h-4 {
    height: var(--spacing-4);
  }

  .h-5 {
    height: var(--spacing-5);
  }

  .h-6 {
    height: var(--spacing-6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: var(--spacing-8);
  }

  .h-10 {
    height: var(--spacing-10);
  }

  .h-11 {
    height: calc(var(--spacing) * 11);
  }

  .h-12 {
    height: var(--spacing-12);
  }

  .h-23 {
    height: calc(var(--spacing) * 23);
  }

  .h-32 {
    height: var(--spacing-32);
  }

  .h-\[55vh\] {
    height: 55vh;
  }

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

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

  .h-\[70vh\] {
    height: 70vh;
  }

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

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

  .h-full {
    height: 100%;
  }

  .max-h-\[calc\(100vh-2rem\)\] {
    max-height: calc(100vh - 2rem);
  }

  .min-h-\[95vh\] {
    min-height: 95vh;
  }

  .w-4 {
    width: var(--spacing-4);
  }

  .w-5 {
    width: var(--spacing-5);
  }

  .w-6 {
    width: var(--spacing-6);
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-8 {
    width: var(--spacing-8);
  }

  .w-10 {
    width: var(--spacing-10);
  }

  .w-11 {
    width: calc(var(--spacing) * 11);
  }

  .w-20 {
    width: var(--spacing-20);
  }

  .w-24 {
    width: var(--spacing-24);
  }

  .w-32 {
    width: var(--spacing-32);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-\[70px\] {
    width: 70px;
  }

  .w-\[80px\] {
    width: 80px;
  }

  .w-\[85\%\] {
    width: 85%;
  }

  .w-auto {
    width: auto;
  }

  .w-full {
    width: 100%;
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-5xl {
    max-width: var(--container-5xl);
  }

  .max-w-6xl {
    max-width: var(--container-6xl);
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

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

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

  .flex-1 {
    flex: 1;
  }

  .flex-shrink {
    flex-shrink: 1;
  }

  .flex-shrink-0 {
    flex-shrink: 0;
  }

  .flex-grow {
    flex-grow: 1;
  }

  .translate-x-0 {
    --tw-translate-x: var(--spacing-0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1 {
    --tw-translate-y: calc(var(--spacing-1) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-3 {
    --tw-translate-y: var(--spacing-3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .transform-gpu {
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .list-none {
    list-style-type: none;
  }

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

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

  .\[grid-template-rows\:30px_140px_140px_1fr_120px\] {
    grid-template-rows: 30px 140px 140px 1fr 120px;
  }

  .grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .grid-rows-\[140px_120px_100px_1fr_120px\] {
    grid-template-rows: 140px 120px 100px 1fr 120px;
  }

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

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

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

  .items-start {
    align-items: flex-start;
  }

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

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

  .justify-end {
    justify-content: flex-end;
  }

  .gap-0 {
    gap: var(--spacing-0);
  }

  .gap-1 {
    gap: var(--spacing-1);
  }

  .gap-2 {
    gap: var(--spacing-2);
  }

  .gap-3 {
    gap: var(--spacing-3);
  }

  .gap-4 {
    gap: var(--spacing-4);
  }

  .gap-5 {
    gap: var(--spacing-5);
  }

  .gap-6 {
    gap: var(--spacing-6);
  }

  .gap-8 {
    gap: var(--spacing-8);
  }

  .gap-10 {
    gap: var(--spacing-10);
  }

  .gap-12 {
    gap: var(--spacing-12);
  }

  .gap-16 {
    gap: var(--spacing-16);
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-2) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-4) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-6) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-6) * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-6 {
    column-gap: var(--spacing-6);
  }

  :where(.space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(var(--spacing-2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(var(--spacing-2) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-6 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(var(--spacing-6) * var(--tw-space-x-reverse));
    margin-inline-end: calc(var(--spacing-6) * calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-4 {
    row-gap: var(--spacing-4);
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-\[8px\] {
    border-radius: 8px;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-gray-200 {
    border-color: var(--color-gray-200);
  }

  .border-gray-300 {
    border-color: var(--color-gray-300);
  }

  .border-gray-800 {
    border-color: var(--color-gray-800);
  }

  .border-green-200 {
    border-color: var(--color-green-200);
  }

  .border-red-500 {
    border-color: var(--color-red-500);
  }

  .\!bg-brandblue {
    background-color: var(--color-brandblue) !important;
  }

  .bg-\[rgba\(0\,0\,0\,0\.7\)\] {
    background-color: #000000b3;
  }

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

  .bg-black\/5 {
    background-color: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/5 {
      background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .bg-black\/10 {
    background-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/10 {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .bg-black\/15 {
    background-color: #00000026;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/15 {
      background-color: color-mix(in oklab, var(--color-black) 15%, transparent);
    }
  }

  .bg-black\/20 {
    background-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/20 {
      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }

  .bg-black\/25 {
    background-color: #00000040;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/25 {
      background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
    }
  }

  .bg-black\/30 {
    background-color: #0000004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/30 {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }

  .bg-black\/35 {
    background-color: #00000059;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/35 {
      background-color: color-mix(in oklab, var(--color-black) 35%, transparent);
    }
  }

  .bg-black\/40 {
    background-color: #0006;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/40 {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }

  .bg-black\/45 {
    background-color: #00000073;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/45 {
      background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
    }
  }

  .bg-black\/50 {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .bg-black\/55 {
    background-color: #0000008c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/55 {
      background-color: color-mix(in oklab, var(--color-black) 55%, transparent);
    }
  }

  .bg-black\/60 {
    background-color: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/60 {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }

  .bg-black\/65 {
    background-color: #000000a6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/65 {
      background-color: color-mix(in oklab, var(--color-black) 65%, transparent);
    }
  }

  .bg-black\/70 {
    background-color: #000000b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/70 {
      background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }

  .bg-black\/75 {
    background-color: #000000bf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/75 {
      background-color: color-mix(in oklab, var(--color-black) 75%, transparent);
    }
  }

  .bg-black\/80 {
    background-color: #000c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/80 {
      background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }

  .bg-black\/85 {
    background-color: #000000d9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/85 {
      background-color: color-mix(in oklab, var(--color-black) 85%, transparent);
    }
  }

  .bg-black\/90 {
    background-color: #000000e6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/90 {
      background-color: color-mix(in oklab, var(--color-black) 90%, transparent);
    }
  }

  .bg-black\/95 {
    background-color: #000000f2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/95 {
      background-color: color-mix(in oklab, var(--color-black) 95%, transparent);
    }
  }

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

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

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

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

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

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

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

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

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

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

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

  .bg-transparent {
    background-color: #0000;
  }

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

  .bg-white\/90 {
    background-color: #ffffffe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/90 {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }

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

  .bg-cover {
    background-size: cover;
  }

  .bg-center {
    background-position: center;
  }

  .stroke-\[var\(--color-brandblue\)\] {
    stroke: var(--color-brandblue);
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .p-2 {
    padding: var(--spacing-2);
  }

  .p-4 {
    padding: var(--spacing-4);
  }

  .p-6 {
    padding: var(--spacing-6);
  }

  .px-0 {
    padding-inline: var(--spacing-0);
  }

  .px-2 {
    padding-inline: var(--spacing-2);
  }

  .px-3 {
    padding-inline: var(--spacing-3);
  }

  .px-4 {
    padding-inline: var(--spacing-4);
  }

  .px-5 {
    padding-inline: var(--spacing-5);
  }

  .px-6 {
    padding-inline: var(--spacing-6);
  }

  .px-10 {
    padding-inline: var(--spacing-10);
  }

  .py-1 {
    padding-block: var(--spacing-1);
  }

  .py-2 {
    padding-block: var(--spacing-2);
  }

  .py-3 {
    padding-block: var(--spacing-3);
  }

  .py-4 {
    padding-block: var(--spacing-4);
  }

  .py-8 {
    padding-block: var(--spacing-8);
  }

  .py-12 {
    padding-block: var(--spacing-12);
  }

  .py-16 {
    padding-block: var(--spacing-16);
  }

  .pt-6 {
    padding-top: var(--spacing-6);
  }

  .pr-4 {
    padding-right: var(--spacing-4);
  }

  .pb-4 {
    padding-bottom: var(--spacing-4);
  }

  .pl-4 {
    padding-left: var(--spacing-4);
  }

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

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

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

  .align-middle {
    vertical-align: middle;
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[0\.8rem\] {
    font-size: .8rem;
  }

  .leading-\[24px\] {
    --tw-leading: 24px;
    line-height: 24px;
  }

  .leading-\[26px\] {
    --tw-leading: 26px;
    line-height: 26px;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .\!text-gray-300 {
    color: var(--color-gray-300) !important;
  }

  .\!text-gray-400 {
    color: var(--color-gray-400) !important;
  }

  .\!text-gray-800 {
    color: var(--color-gray-800) !important;
  }

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

  .text-black {
    color: var(--color-black);
  }

  .text-black-300 {
    color: var(--color-black-300);
  }

  .text-black-600 {
    color: var(--color-black-600);
  }

  .text-blue-600 {
    color: var(--color-blue-600);
  }

  .text-blue-700 {
    color: var(--color-blue-700);
  }

  .text-brandblue {
    color: var(--color-brandblue);
  }

  .text-current {
    color: currentColor;
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-gray-600 {
    color: var(--color-gray-600);
  }

  .text-gray-800 {
    color: var(--color-gray-800);
  }

  .text-green-50 {
    color: var(--color-green-50);
  }

  .text-green-800 {
    color: var(--color-green-800);
  }

  .text-indigo-50 {
    color: var(--color-indigo-50);
  }

  .text-red-50 {
    color: var(--color-red-50);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-yellow-50 {
    color: var(--color-yellow-50);
  }

  .text-yellow-400 {
    color: var(--color-yellow-400);
  }

  .uppercase {
    text-transform: uppercase;
  }

  .\!underline {
    text-decoration-line: underline !important;
  }

  .underline {
    text-decoration-line: underline;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-100 {
    opacity: 1;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-bottom {
    --tw-shadow: 1px 23px 17px -4px var(--tw-shadow-color, #0009);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 1px 23px 17px -4px var(--tw-shadow-color, #0009);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 8px 16px var(--tw-shadow-color, #0000004d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-bottom {
    box-shadow: var(--shadow-bottom);
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,opacity\] {
    transition-property: background-color, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .duration-700 {
    --tw-duration: .7s;
    transition-duration: .7s;
  }

  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  @media (hover: hover) {
    .group-hover\:rotate-180:is(:where(.group):hover *) {
      rotate: 180deg;
    }

    .hover\:bg-blue-700:hover {
      background-color: var(--color-blue-700);
    }

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

    .hover\:bg-gray-100:hover {
      background-color: var(--color-gray-100);
    }

    .hover\:bg-gray-200:hover {
      background-color: var(--color-gray-200);
    }

    .hover\:text-brandblue:hover {
      color: var(--color-brandblue);
    }

    .hover\:text-white:hover {
      color: var(--color-white);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:opacity-100:hover {
      opacity: 1;
    }

    .hover\:shadow-lg:hover {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-md:hover {
      --tw-shadow: 1px 23px 17px -4px var(--tw-shadow-color, #0009);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .focus\:not-sr-only:focus {
    clip-path: none;
    white-space: normal;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: static;
    overflow: visible;
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-yellow-500:focus {
    --tw-ring-color: var(--color-yellow-500);
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (min-width: 768px) {
    .md\:bottom-1\/2 {
      bottom: 50%;
    }

    .md\:order-1 {
      order: 1;
    }

    .md\:order-2 {
      order: 2;
    }

    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .md\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .md\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .md\:col-span-5 {
      grid-column: span 5 / span 5;
    }

    .md\:col-span-7 {
      grid-column: span 7 / span 7;
    }

    .md\:col-start-1 {
      grid-column-start: 1;
    }

    .md\:col-start-2 {
      grid-column-start: 2;
    }

    .md\:col-start-8 {
      grid-column-start: 8;
    }

    .md\:col-start-10 {
      grid-column-start: 10;
    }

    .md\:row-start-1 {
      grid-row-start: 1;
    }

    .md\:row-start-2 {
      grid-row-start: 2;
    }

    .md\:block {
      display: block;
    }

    .md\:flex {
      display: flex;
    }

    .md\:hidden {
      display: none;
    }

    .md\:h-48 {
      height: var(--spacing-48);
    }

    .md\:max-h-\[calc\(100vh-4rem\)\] {
      max-height: calc(100vh - 4rem);
    }

    .md\:min-h-screen {
      min-height: 100vh;
    }

    .md\:w-48 {
      width: var(--spacing-48);
    }

    .md\:max-w-lg {
      max-width: var(--container-lg);
    }

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

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

    .md\:\[grid-template-rows\:140px_120px_100px_1fr_120px\] {
      grid-template-rows: 140px 120px 100px 1fr 120px;
    }

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

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

    .md\:gap-6 {
      gap: var(--spacing-6);
    }

    .md\:px-0 {
      padding-inline: var(--spacing-0);
    }

    .md\:px-6 {
      padding-inline: var(--spacing-6);
    }

    .md\:px-12 {
      padding-inline: var(--spacing-12);
    }

    .md\:py-12 {
      padding-block: var(--spacing-12);
    }

    .md\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }

    .md\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }

  @media (min-width: 1024px) {
    .lg\:px-8 {
      padding-inline: var(--spacing-8);
    }

    .lg\:py-12 {
      padding-block: var(--spacing-12);
    }
  }

  .\[\&\>li\:nth-child\(2n\)\]\:border-l > li:nth-child(2n) {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .\[\&\>li\:nth-child\(2n\)\]\:border-gray-300 > li:nth-child(2n) {
    border-color: var(--color-gray-300);
  }

  .\[\&\>li\:nth-child\(2n\)\]\:pl-4 > li:nth-child(2n) {
    padding-left: var(--spacing-4);
  }

  .\[\&\>li\:nth-child\(odd\)\]\:pr-4 > li:nth-child(odd) {
    padding-right: var(--spacing-4);
  }
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}