:root {
  --swiper-theme-color: #007aff;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical>.swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function,
      initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;

  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

.swiper-css-mode {
  >.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;

    &::-webkit-scrollbar {
      display: none;
    }
  }

  >.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start;
  }

  &.swiper-horizontal {
    >.swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
  }

  &.swiper-vertical {
    >.swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
  }

  &.swiper-free-mode {
    >.swiper-wrapper {
      scroll-snap-type: none;
    }

    >.swiper-wrapper>.swiper-slide {
      scroll-snap-align: none;
    }
  }

  &.swiper-centered {
    >.swiper-wrapper:before {
      content: "";
      flex-shrink: 0;
      order: 9999;
    }

    >.swiper-wrapper>.swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }

  &.swiper-centered.swiper-horizontal {
    >.swiper-wrapper>.swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }

    >.swiper-wrapper:before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }

  &.swiper-centered.swiper-vertical {
    >.swiper-wrapper>.swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }

    >.swiper-wrapper:before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

.swiper-3d {

  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }

  .swiper-slide-shadow {
    background: #00000026;
  }

  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, #00000080, #0000);
  }

  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, #00000080, #0000);
  }

  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, #00000080, #0000);
  }

  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, #00000080, #0000);
  }
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode {
  .swiper-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
  }
}

.swiper-virtual.swiper-css-mode.swiper-horizontal {
  .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size);
  }
}

.swiper-virtual.swiper-css-mode.swiper-vertical {
  .swiper-wrapper:after {
    width: 1px;
    height: var(--swiper-virtual-size);
  }
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));

  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }

  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }

  .swiper-navigation-disabled & {
    display: none !important;
  }

  svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}

.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;

  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}

.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}

.swiper-horizontal {

  .swiper-button-prev,
  .swiper-button-next,
  ~.swiper-button-prev,
  ~.swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }

  .swiper-button-prev,
  ~.swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl~.swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }

  .swiper-button-next,
  ~.swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl~.swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }

  .swiper-button-prev,
  ~.swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl~.swiper-button-next {
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }

  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl~.swiper-button-prev {
    .swiper-navigation-icon {
      transform: rotate(0);
    }
  }
}

.swiper-vertical {

  .swiper-button-prev,
  .swiper-button-next,
  ~.swiper-button-prev,
  ~.swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }

  .swiper-button-prev,
  ~.swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;

    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }

  .swiper-button-next,
  ~.swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;

    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translateZ(0);
  z-index: 10;

  &.swiper-pagination-hidden {
    opacity: 0;
  }

  .swiper-pagination-disabled>&,
  &.swiper-pagination-disabled {
    display: none !important;
  }
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;

  .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }

  .swiper-pagination-bullet-active,
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }

  .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }

  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }

  .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }

  .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);

  button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none;
  }

  .swiper-pagination-clickable & {
    cursor: pointer;
  }

  &:only-child {
    display: none !important;
  }
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0, -50%, 0);

  .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }

  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;

    .swiper-pagination-bullet {
      display: inline-block;
      transition:
        0.2s transform,
        0.2s top;
    }
  }
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }

  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap;

    .swiper-pagination-bullet {
      transition:
        0.2s transform,
        0.2s left;
    }
  }
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    0.2s transform,
    0.2s right;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color,
      rgba(0, 0, 0, 0.25));
  position: absolute;

  .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }

  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }

  .swiper-horizontal>&,
  &.swiper-pagination-horizontal,
  .swiper-vertical>&.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }

  .swiper-vertical>&,
  &.swiper-pagination-vertical,
  .swiper-horizontal>&.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));

  .swiper-scrollbar-disabled>&,
  &.swiper-scrollbar-disabled {
    display: none !important;
  }

  .swiper-horizontal>&,
  &.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }

  .swiper-vertical>&,
  &.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;

  >img,
  >svg,
  >canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode>.swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid>.swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column>.swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade {
  &.swiper-free-mode {
    .swiper-slide {
      transition-timing-function: ease-out;
    }
  }

  .swiper-slide {
    pointer-events: none;
    transition-property: opacity;

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

  .swiper-slide-active {
    pointer-events: auto;

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

.swiper.swiper-cube {
  overflow: visible;
}

.swiper-cube {
  .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;

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

  &.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
  }

  .swiper-slide-active {

    &,
    .swiper-slide-active {
      pointer-events: auto;
    }
  }

  .swiper-slide-active,
  .swiper-slide-next,
  .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
  }

  .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;

    &:before {
      content: "";
      background: #000;
      position: absolute;
      inset: 0;
      filter: blur(50px);
    }
  }
}

.swiper-cube {
  .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible;
  }
}

.swiper-cube {

  .swiper-slide-shadow-cube.swiper-slide-shadow-top,
  .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-cube.swiper-slide-shadow-left,
  .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
}

.swiper.swiper-flip {
  overflow: visible;
}

.swiper-flip {
  .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;

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

  .swiper-slide-active {

    &,
    .swiper-slide-active {
      pointer-events: auto;
    }
  }
}

.swiper-flip {

  .swiper-slide-shadow-flip.swiper-slide-shadow-top,
  .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-flip.swiper-slide-shadow-left,
  .swiper-slide-shadow-flip.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
}

.swiper-creative {
  .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
  }
}

.swiper.swiper-cards {
  overflow: visible;
}

.swiper-cards {
  .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden;
  }
}

/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@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-translate-x: 0;
    --tw-translate-y: 0;
    --tw-translate-z: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scale-z: 1;
    --tw-rotate-x: initial;
    --tw-rotate-y: initial;
    --tw-rotate-z: initial;
    --tw-skew-x: initial;
    --tw-skew-y: initial;
    --tw-pan-x: initial;
    --tw-pan-y: initial;
    --tw-pinch-zoom: initial;
    --tw-scroll-snap-strictness: proximity;
    --tw-space-y-reverse: 0;
    --tw-border-style: solid;
    --tw-gradient-position: initial;
    --tw-gradient-from: #0000;
    --tw-gradient-via: #0000;
    --tw-gradient-to: #0000;
    --tw-gradient-stops: initial;
    --tw-gradient-via-stops: initial;
    --tw-gradient-from-position: 0%;
    --tw-gradient-via-position: 50%;
    --tw-gradient-to-position: 100%;
    --tw-mask-linear: linear-gradient(#fff, #fff);
    --tw-mask-radial: linear-gradient(#fff, #fff);
    --tw-mask-conic: linear-gradient(#fff, #fff);
    --tw-mask-left: linear-gradient(#fff, #fff);
    --tw-mask-right: linear-gradient(#fff, #fff);
    --tw-mask-bottom: linear-gradient(#fff, #fff);
    --tw-mask-top: linear-gradient(#fff, #fff);
    --tw-mask-right-from-position: 0%;
    --tw-mask-right-to-position: 100%;
    --tw-mask-right-from-color: black;
    --tw-mask-right-to-color: transparent;
    --tw-mask-left-from-position: 0%;
    --tw-mask-left-to-position: 100%;
    --tw-mask-left-from-color: black;
    --tw-mask-left-to-color: transparent;
    --tw-leading: initial;
    --tw-font-weight: initial;
    --tw-tracking: initial;
    --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-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;
    --tw-duration: initial;
    --tw-ease: initial;
    --tw-content: "";
  }
}

:root,
:host {
  --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-blue-200: oklch(88.2% 0.059 254.128);
  --color-blue-300: oklch(80.9% 0.105 251.813);
  --color-blue-600: oklch(54.6% 0.245 262.881);
  --color-slate-400: oklch(70.4% 0.04 256.788);
  --color-gray-50: oklch(98.5% 0.002 247.839);
  --color-gray-100: oklch(96.7% 0.003 264.542);
  --color-gray-200: oklch(92.8% 0.006 264.531);
  --color-gray-300: oklch(87.2% 0.01 258.338);
  --color-gray-400: oklch(70.7% 0.022 261.325);
  --color-gray-500: oklch(55.1% 0.027 264.364);
  --color-gray-600: oklch(44.6% 0.03 256.802);
  --color-gray-700: oklch(37.3% 0.034 259.733);
  --color-gray-900: oklch(21% 0.034 264.665);
  --color-gray-950: oklch(13% 0.028 261.692);
  --color-black: #000;
  --color-white: #fff;
  --spacing: 0.25rem;
  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1/0.75);
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25/0.875);
  --text-base: 1rem;
  --text-base--line-height: 1.5;
  --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-5xl: 3rem;
  --text-5xl--line-height: 1;
  --font-weight-thin: 100;
  --font-weight-extralight: 200;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --tracking-wider: 0.05em;
  --leading-normal: 1.5;
  --radius-sm: 0.25rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --blur-md: 12px;
  --blur-xl: 24px;
  --default-transition-duration: 0.15s;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-mono);
  --color-bf-light-blue: #0050c3;
  --color-bf-dark-blue: #041c64;
}

*,
: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;
  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: -0.25em;
}

sup {
  top: -0.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;
}

.pointer-events-auto {
  pointer-events: auto !important;
}

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

.invisible {
  visibility: hidden !important;
}

.visible {
  visibility: visible !important;
}

.absolute {
  position: absolute !important;
}

.relative {
  position: relative !important;
}

.static {
  position: static !important;
}

.sticky {
  position: sticky !important;
}

.inset-0 {
  inset: calc(var(--spacing) * 0) !important;
}

.inset-x-0 {
  inset-inline: calc(var(--spacing) * 0) !important;
}

.top-0 {
  top: calc(var(--spacing) * 0) !important;
}

.top-1\/2 {
  top: 50% !important;
}

.top-\[11px\] {
  top: 11px !important;
}

.top-\[25px\] {
  top: 25px !important;
}

.top-\[27px\] {
  top: 27px !important;
}

.top-\[29\.6\%\] {
  top: 29.6% !important;
}

.top-\[36\.5\%\] {
  top: 36.5% !important;
}

.top-\[58\%\] {
  top: 58% !important;
}

.top-\[62\%\] {
  top: 62% !important;
}

.top-\[120px\] {
  top: 120px !important;
}

.top-\[clamp\(2\.17px\,2\.17vw\,16\.00px\)\] {
  top: clamp(2.17px, 2.17vw, 16px) !important;
}

.top-\[clamp\(2\.73px\,2\.73vw\,21\.00px\)\] {
  top: clamp(2.73px, 2.73vw, 21px) !important;
}

.top-\[clamp\(3\.74px\,3\.74vw\,27\.50px\)\] {
  top: clamp(3.74px, 3.74vw, 27.5px) !important;
}

.top-\[clamp\(5\.71px\,5\.71vw\,42\.00px\)\] {
  top: clamp(5.71px, 5.71vw, 42px) !important;
}

.top-\[clamp\(8\.15px\,8\.15vw\,60\.00px\)\] {
  top: clamp(8.15px, 8.15vw, 60px) !important;
}

.top-\[clamp\(8\.42px\,8\.42vw\,62\.00px\)\] {
  top: clamp(8.42px, 8.42vw, 62px) !important;
}

.top-\[clamp\(17\.66px\,17\.66vw\,130\.00px\)\] {
  top: clamp(17.66px, 17.66vw, 130px) !important;
}

.top-\[clamp\(19\.16px\,19\.16vw\,141\.00px\)\] {
  top: clamp(19.16px, 19.16vw, 141px) !important;
}

.top-\[clamp\(28\.53px\,28\.53vw\,210\.00px\)\] {
  top: clamp(28.53px, 28.53vw, 210px) !important;
}

.top-\[clamp\(31\.93px\,31\.93vw\,235\.00px\)\] {
  top: clamp(31.93px, 31.93vw, 235px) !important;
}

.top-\[clamp\(34\.78px\,34\.78vw\,256\.00px\)\] {
  top: clamp(34.78px, 34.78vw, 256px) !important;
}

.top-\[clamp\(35\.33px\,35\.33vw\,260\.00px\)\] {
  top: clamp(35.33px, 35.33vw, 260px) !important;
}

.top-\[clamp\(52\.99px\,52\.99vw\,390\.00px\)\] {
  top: clamp(52.99px, 52.99vw, 390px) !important;
}

.top-\[clamp\(55\.43px\,55\.43vw\,408\.00px\)\] {
  top: clamp(55.43px, 55.43vw, 408px) !important;
}

.top-\[clamp\(75\.54px\,75\.54vw\,556\.00px\)\] {
  top: clamp(75.54px, 75.54vw, 556px) !important;
}

.top-\[clamp\(93\.75px\,93\.75vw\,690\.00px\)\] {
  top: clamp(93.75px, 93.75vw, 690px) !important;
}

.right-0 {
  right: calc(var(--spacing) * 0) !important;
}

.right-\[25px\] {
  right: 25px !important;
}

.right-\[clamp\(0\.68px\,0\.68vw\,5\.00px\)\] {
  right: clamp(0.68px, 0.68vw, 5px) !important;
}

.right-\[clamp\(2\.72px\,2\.72vw\,20\.00px\)\] {
  right: clamp(2.72px, 2.72vw, 20px) !important;
}

.right-\[var\(--responsive-gutter-width\)\] {
  right: var(--responsive-gutter-width) !important;
}

.bottom-0 {
  bottom: calc(var(--spacing) * 0) !important;
}

.bottom-4 {
  bottom: calc(var(--spacing) * 4) !important;
}

.bottom-\[-62px\] {
  bottom: -62px !important;
}

.bottom-\[12px\] {
  bottom: 12px !important;
}

.bottom-\[25px\] {
  bottom: 25px !important;
}

.bottom-\[clamp\(2\.45px\,2\.45vw\,18\.00px\)\] {
  bottom: clamp(2.45px, 2.45vw, 18px) !important;
}

.bottom-\[clamp\(2\.72px\,2\.72vw\,20\.00px\)\] {
  bottom: clamp(2.72px, 2.72vw, 20px) !important;
}

.bottom-\[clamp\(3\.26px\,3\.26vw\,24\.00px\)\] {
  bottom: clamp(3.26px, 3.26vw, 24px) !important;
}

.left-0 {
  left: calc(var(--spacing) * 0) !important;
}

.left-1\/2 {
  left: 50% !important;
}

.left-4 {
  left: calc(var(--spacing) * 4) !important;
}

.left-\[11px\] {
  left: 11px !important;
}

.left-\[21\%\] {
  left: 21% !important;
}

.left-\[22px\] {
  left: 22px !important;
}

.left-\[25px\] {
  left: 25px !important;
}

.left-\[40px\] {
  left: 40px !important;
}

.left-\[41\.3\%\] {
  left: 41.3% !important;
}

.left-\[61\.9\%\] {
  left: 61.9% !important;
}

.left-\[82\%\] {
  left: 82% !important;
}

.left-\[clamp\(0\.68px\,0\.68vw\,5\.00px\)\] {
  left: clamp(0.68px, 0.68vw, 5px) !important;
}

.left-\[clamp\(3\.26px\,3\.26vw\,24\.00px\)\] {
  left: clamp(3.26px, 3.26vw, 24px) !important;
}

.left-\[clamp\(3\.80px\,3\.80vw\,28\.00px\)\] {
  left: clamp(3.8px, 3.8vw, 28px) !important;
}

.left-\[clamp\(5\.43px\,5\.43vw\,40\.00px\)\] {
  left: clamp(5.43px, 5.43vw, 40px) !important;
}

.left-\[clamp\(5\.98px\,5\.98vw\,44\.00px\)\] {
  left: clamp(5.98px, 5.98vw, 44px) !important;
}

.left-\[clamp\(6\.88px\,6\.88vw\,53\.00px\)\] {
  left: clamp(6.88px, 6.88vw, 53px) !important;
}

.left-\[clamp\(6\.93px\,6\.93vw\,51\.00px\)\] {
  left: clamp(6.93px, 6.93vw, 51px) !important;
}

.left-\[clamp\(21\.74px\,21\.74vw\,160\.00px\)\] {
  left: clamp(21.74px, 21.74vw, 160px) !important;
}

.left-\[clamp\(22\.96px\,22\.96vw\,169\.00px\)\] {
  left: clamp(22.96px, 22.96vw, 169px) !important;
}

.left-\[clamp\(25\.95px\,25\.95vw\,191\.00px\)\] {
  left: clamp(25.95px, 25.95vw, 191px) !important;
}

.left-\[clamp\(53\.80px\,53\.80vw\,396\.00px\)\] {
  left: clamp(53.8px, 53.8vw, 396px) !important;
}

.left-\[clamp\(65\.90px\,65\.90vw\,485\.00px\)\] {
  left: clamp(65.9px, 65.9vw, 485px) !important;
}

.left-\[var\(--responsive-gutter-width\)\] {
  left: var(--responsive-gutter-width) !important;
}

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

.z-0 {
  z-index: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

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

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

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

.z-1000 {
  z-index: 1000 !important;
}

.z-9999 {
  z-index: 9999 !important;
}

.z-\[-1\] {
  z-index: -1 !important;
}

.z-\[-10\] {
  z-index: -10 !important;
}

.z-\[2\] {
  z-index: 2 !important;
}

.z-\[100\] {
  z-index: 100 !important;
}

.order-first {
  order: -9999 !important;
}

.col-span-1 {
  grid-column: span 1 / span 1 !important;
}

.row-span-2 {
  grid-row: span 2 / span 2 !important;
}

.container {
  width: 100% !important;
}

@media (min-width: 736px) {
  .container {
    max-width: 736px !important;
  }
}

@media (min-width: 40rem) {
  .container {
    max-width: 40rem !important;
  }
}

@media (min-width: 64rem) {
  .container {
    max-width: 64rem !important;
  }
}

@media (min-width: 80rem) {
  .container {
    max-width: 80rem !important;
  }
}

@media (min-width: 96rem) {
  .container {
    max-width: 96rem !important;
  }
}

.m-4 {
  margin: calc(var(--spacing) * 4) !important;
}

.m-auto {
  margin: auto !important;
}

.mx-2 {
  margin-inline: calc(var(--spacing) * 2) !important;
}

.mx-4 {
  margin-inline: calc(var(--spacing) * 4) !important;
}

.mx-5 {
  margin-inline: calc(var(--spacing) * 5) !important;
}

.mx-8 {
  margin-inline: calc(var(--spacing) * 8) !important;
}

.mx-20 {
  margin-inline: calc(var(--spacing) * 20) !important;
}

.mx-\[2\.00px\] {
  margin-inline: 2px !important;
}

.mx-\[25px\] {
  margin-inline: 25px !important;
}

.mx-\[clamp\(0\.77px\,0\.10vw\,2\.00px\)\] {
  margin-inline: clamp(0.77px, 0.1vw, 2px) !important;
}

.mx-\[clamp\(4\.08px\,4\.08vw\,30\.00px\)\] {
  margin-inline: clamp(4.08px, 4.08vw, 30px) !important;
}

.mx-\[clamp\(24\.13px\,6\.52vw\,48\.00px\)\] {
  margin-inline: clamp(24.13px, 6.52vw, 48px) !important;
}

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

.my-2 {
  margin-block: calc(var(--spacing) * 2) !important;
}

.my-8 {
  margin-block: calc(var(--spacing) * 8) !important;
}

.my-\[18px\] {
  margin-block: 18px !important;
}

.mt-1 {
  margin-top: calc(var(--spacing) * 1) !important;
}

.mt-2 {
  margin-top: calc(var(--spacing) * 2) !important;
}

.mt-3 {
  margin-top: calc(var(--spacing) * 3) !important;
}

.mt-4 {
  margin-top: calc(var(--spacing) * 4) !important;
}

.mt-5 {
  margin-top: calc(var(--spacing) * 5) !important;
}

.mt-8 {
  margin-top: calc(var(--spacing) * 8) !important;
}

.mt-10 {
  margin-top: calc(var(--spacing) * 10) !important;
}

.mt-13 {
  margin-top: calc(var(--spacing) * 13) !important;
}

.mt-16 {
  margin-top: calc(var(--spacing) * 16) !important;
}

.mt-35 {
  margin-top: calc(var(--spacing) * 35) !important;
}

.mt-\[-1em\] {
  margin-top: -1em !important;
}

.mt-\[-100px\] {
  margin-top: -100px !important;
}

.mt-\[4px\] {
  margin-top: 4px !important;
}

.mt-\[5px\] {
  margin-top: 5px !important;
}

.mt-\[6px\] {
  margin-top: 6px !important;
}

.mt-\[10em\] {
  margin-top: 10em !important;
}

.mt-\[10px\] {
  margin-top: 10px !important;
}

.mt-\[10vw\] {
  margin-top: 10vw !important;
}

.mt-\[12px\] {
  margin-top: 12px !important;
}

.mt-\[18px\] {
  margin-top: 18px !important;
}

.mt-\[25\%\] {
  margin-top: 25% !important;
}

.mt-\[30px\] {
  margin-top: 30px !important;
}

.mt-\[35px\] {
  margin-top: 35px !important;
}

.mt-\[47\%\] {
  margin-top: 47% !important;
}

.mt-\[50px\] {
  margin-top: 50px !important;
}

.mt-\[75px\] {
  margin-top: 75px !important;
}

.mt-\[80px\] {
  margin-top: 80px !important;
}

.mt-\[clamp\(-28\.00px\,-3\.80vw\,-3\.80px\)\] {
  margin-top: clamp(-28px, -3.8vw, -3.8px) !important;
}

.mt-\[clamp\(0\.00px\,0\.00vw\,0\.00px\)\] {
  margin-top: clamp(0px, 0vw, 0px) !important;
}

.mt-\[clamp\(0\.68px\,0\.68vw\,5\.00px\)\] {
  margin-top: clamp(0.68px, 0.68vw, 5px) !important;
}

.mt-\[clamp\(1\.09px\,1\.09vw\,8\.00px\)\] {
  margin-top: clamp(1.09px, 1.09vw, 8px) !important;
}

.mt-\[clamp\(1\.36px\,1\.36vw\,10\.00px\)\] {
  margin-top: clamp(1.36px, 1.36vw, 10px) !important;
}

.mt-\[clamp\(2\.04px\,2\.04vw\,15\.00px\)\] {
  margin-top: clamp(2.04px, 2.04vw, 15px) !important;
}

.mt-\[clamp\(2\.17px\,2\.17vw\,16\.00px\)\] {
  margin-top: clamp(2.17px, 2.17vw, 16px) !important;
}

.mt-\[clamp\(2\.45px\,2\.45vw\,18\.00px\)\] {
  margin-top: clamp(2.45px, 2.45vw, 18px) !important;
}

.mt-\[clamp\(2\.99px\,2\.99vw\,22\.00px\)\] {
  margin-top: clamp(2.99px, 2.99vw, 22px) !important;
}

.mt-\[clamp\(3\.53px\,3\.53vw\,26\.00px\)\] {
  margin-top: clamp(3.53px, 3.53vw, 26px) !important;
}

.mt-\[clamp\(3\.80px\,3\.80vw\,28\.00px\)\] {
  margin-top: clamp(3.8px, 3.8vw, 28px) !important;
}

.mt-\[clamp\(4\.08px\,4\.08vw\,30\.00px\)\] {
  margin-top: clamp(4.08px, 4.08vw, 30px) !important;
}

.mt-\[clamp\(4\.35px\,4\.35vw\,32\.00px\)\] {
  margin-top: clamp(4.35px, 4.35vw, 32px) !important;
}

.mt-\[clamp\(5\.03px\,1\.36vw\,10\.00px\)\] {
  margin-top: clamp(5.03px, 1.36vw, 10px) !important;
}

.mt-\[clamp\(6\.52px\,6\.52vw\,48\.00px\)\] {
  margin-top: clamp(6.52px, 6.52vw, 48px) !important;
}

.mt-\[clamp\(6\.79px\,6\.79vw\,50\.00px\)\] {
  margin-top: clamp(6.79px, 6.79vw, 50px) !important;
}

.mt-\[clamp\(8\.70px\,8\.70vw\,64\.00px\)\] {
  margin-top: clamp(8.7px, 8.7vw, 64px) !important;
}

.mt-\[clamp\(9\.78px\,9\.78vw\,72\.00px\)\] {
  margin-top: clamp(9.78px, 9.78vw, 72px) !important;
}

.mt-\[clamp\(10\.05px\,2\.72vw\,20\.00px\)\] {
  margin-top: clamp(10.05px, 2.72vw, 20px) !important;
}

.mt-\[clamp\(11\.06px\,2\.99vw\,22\.00px\)\] {
  margin-top: clamp(11.06px, 2.99vw, 22px) !important;
}

.mt-\[clamp\(13\.59px\,13\.59vw\,100\.00px\)\] {
  margin-top: clamp(13.59px, 13.59vw, 100px) !important;
}

.mt-\[clamp\(13\.80px\,1\.88vw\,36\.00px\)\] {
  margin-top: clamp(13.8px, 1.88vw, 36px) !important;
}

.mt-\[clamp\(15\.08px\,4\.08vw\,30\.00px\)\] {
  margin-top: clamp(15.08px, 4.08vw, 30px) !important;
}

.mt-\[clamp\(23\.12px\,3\.14vw\,50\.00px\)\] {
  margin-top: clamp(23.12px, 3.14vw, 50px) !important;
}

.mt-\[clamp\(24\.13px\,6\.52vw\,48\.00px\)\] {
  margin-top: clamp(24.13px, 6.52vw, 48px) !important;
}

.mt-\[clamp\(30\.67px\,4\.17vw\,80\.00px\)\] {
  margin-top: clamp(30.67px, 4.17vw, 80px) !important;
}

.mt-\[clamp\(180\.98px\,48\.91vw\,360\.00px\)\] {
  margin-top: clamp(180.98px, 48.91vw, 360px) !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-2 {
  margin-right: calc(var(--spacing) * 2) !important;
}

.mr-3 {
  margin-right: calc(var(--spacing) * 3) !important;
}

.mr-5 {
  margin-right: calc(var(--spacing) * 5) !important;
}

.mr-\[4\.5px\] {
  margin-right: 4.5px !important;
}

.mr-\[15\%\] {
  margin-right: 15% !important;
}

.mr-\[25px\] {
  margin-right: 25px !important;
}

.-mb-\[4em\] {
  margin-bottom: -4em !important;
}

.mb-1 {
  margin-bottom: calc(var(--spacing) * 1) !important;
}

.mb-2 {
  margin-bottom: calc(var(--spacing) * 2) !important;
}

.mb-4 {
  margin-bottom: calc(var(--spacing) * 4) !important;
}

.mb-6 {
  margin-bottom: calc(var(--spacing) * 6) !important;
}

.mb-9 {
  margin-bottom: calc(var(--spacing) * 9) !important;
}

.mb-10 {
  margin-bottom: calc(var(--spacing) * 10) !important;
}

.mb-\[-60px\] {
  margin-bottom: -60px !important;
}

.mb-\[2vh\] {
  margin-bottom: 2vh !important;
}

.mb-\[4px\] {
  margin-bottom: 4px !important;
}

.mb-\[5px\] {
  margin-bottom: 5px !important;
}

.mb-\[9px\] {
  margin-bottom: 9px !important;
}

.mb-\[11px\] {
  margin-bottom: 11px !important;
}

.mb-\[20px\] {
  margin-bottom: 20px !important;
}

.mb-\[22px\] {
  margin-bottom: 22px !important;
}

.mb-\[30px\] {
  margin-bottom: 30px !important;
}

.mb-\[35px\] {
  margin-bottom: 35px !important;
}

.mb-\[50px\] {
  margin-bottom: 50px !important;
}

.mb-\[60px\] {
  margin-bottom: 60px !important;
}

.mb-\[80px\] {
  margin-bottom: 80px !important;
}

.mb-\[90px\] {
  margin-bottom: 90px !important;
}

.mb-\[130px\] {
  margin-bottom: 130px !important;
}

.mb-\[200px\] {
  margin-bottom: 200px !important;
}

.mb-\[clamp\(0\.68px\,0\.68vw\,5\.00px\)\] {
  margin-bottom: clamp(0.68px, 0.68vw, 5px) !important;
}

.mb-\[clamp\(5\.43px\,5\.43vw\,40\.00px\)\] {
  margin-bottom: clamp(5.43px, 5.43vw, 40px) !important;
}

.mb-\[clamp\(30\.16px\,8\.15vw\,60\.00px\)\] {
  margin-bottom: clamp(30.16px, 8.15vw, 60px) !important;
}

.ml-2 {
  margin-left: calc(var(--spacing) * 2) !important;
}

.ml-3 {
  margin-left: calc(var(--spacing) * 3) !important;
}

.ml-8 {
  margin-left: calc(var(--spacing) * 8) !important;
}

.ml-\[6em\] {
  margin-left: 6em !important;
}

.ml-\[7\%\] {
  margin-left: 7% !important;
}

.ml-\[clamp\(-4\.84px\,-4\.84vw\,-28\.00px\)\] {
  margin-left: clamp(-4.84px, -4.84vw, -28px) !important;
}

.ml-\[clamp\(26\.14px\,7\.07vw\,52\.00px\)\] {
  margin-left: clamp(26.14px, 7.07vw, 52px) !important;
}

.box-border {
  box-sizing: border-box !important;
}

.block {
  display: block !important;
}

.contents {
  display: contents !important;
}

.flex {
  display: flex !important;
}

.grid {
  display: grid !important;
}

.hidden {
  display: none !important;
}

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

.table {
  display: table !important;
}

.h-0 {
  height: calc(var(--spacing) * 0) !important;
}

.h-1 {
  height: calc(var(--spacing) * 1) !important;
}

.h-2 {
  height: calc(var(--spacing) * 2) !important;
}

.h-4 {
  height: calc(var(--spacing) * 4) !important;
}

.h-5 {
  height: calc(var(--spacing) * 5) !important;
}

.h-6 {
  height: calc(var(--spacing) * 6) !important;
}

.h-8 {
  height: calc(var(--spacing) * 8) !important;
}

.h-10 {
  height: calc(var(--spacing) * 10) !important;
}

.h-12 {
  height: calc(var(--spacing) * 12) !important;
}

.h-15 {
  height: calc(var(--spacing) * 15) !important;
}

.h-60 {
  height: calc(var(--spacing) * 60) !important;
}

.h-70 {
  height: calc(var(--spacing) * 70) !important;
}

.h-\[1px\] {
  height: 1px !important;
}

.h-\[4\.5px\] {
  height: 4.5px !important;
}

.h-\[14px\] {
  height: 14px !important;
}

.h-\[16px\] {
  height: 16px !important;
}

.h-\[21px\] {
  height: 21px !important;
}

.h-\[25px\] {
  height: 25px !important;
}

.h-\[29px\] {
  height: 29px !important;
}

.h-\[32px\] {
  height: 32px !important;
}

.h-\[33\.75px\] {
  height: 33.75px !important;
}

.h-\[33px\] {
  height: 33px !important;
}

.h-\[38px\] {
  height: 38px !important;
}

.h-\[41\.25px\] {
  height: 41.25px !important;
}

.h-\[42vw\] {
  height: 42vw !important;
}

.h-\[45\%\] {
  height: 45% !important;
}

.h-\[45px\] {
  height: 45px !important;
}

.h-\[48px\] {
  height: 48px !important;
}

.h-\[50px\] {
  height: 50px !important;
}

.h-\[51\.75px\] {
  height: 51.75px !important;
}

.h-\[60\%\] {
  height: 60% !important;
}

.h-\[60px\] {
  height: 60px !important;
}

.h-\[66px\] {
  height: 66px !important;
}

.h-\[78px\] {
  height: 78px !important;
}

.h-\[100\%\] {
  height: 100% !important;
}

.h-\[116vw\] {
  height: 116vw !important;
}

.h-\[137px\] {
  height: 137px !important;
}

.h-\[150px\] {
  height: 150px !important;
}

.h-\[170vw\] {
  height: 170vw !important;
}

.h-\[186px\] {
  height: 186px !important;
}

.h-\[200px\] {
  height: 200px !important;
}

.h-\[300px\] {
  height: 300px !important;
}

.h-\[340px\] {
  height: 340px !important;
}

.h-\[510px\] {
  height: 510px !important;
}

.h-\[560px\] {
  height: 560px !important;
}

.h-\[660px\] {
  height: 660px !important;
}

.h-\[720px\] {
  height: 720px !important;
}

.h-\[clamp\(3\.26px\,3\.26vw\,24\.00px\)\] {
  height: clamp(3.26px, 3.26vw, 24px) !important;
}

.h-\[clamp\(3\.80px\,3\.80vw\,28\.00px\)\] {
  height: clamp(3.8px, 3.8vw, 28px) !important;
}

.h-\[clamp\(4\.08px\,4\.08vw\,30\.00px\)\] {
  height: clamp(4.08px, 4.08vw, 30px) !important;
}

.h-\[clamp\(5\.43px\,5\.43vw\,40\.00px\)\] {
  height: clamp(5.43px, 5.43vw, 40px) !important;
}

.h-\[clamp\(6\.79px\,6\.79vw\,50\.00px\)\] {
  height: clamp(6.79px, 6.79vw, 50px) !important;
}

.h-\[clamp\(7\.61px\,7\.61vw\,56\.00px\)\] {
  height: clamp(7.61px, 7.61vw, 56px) !important;
}

.h-\[clamp\(10\.19px\,10\.19vw\,75\.00px\)\] {
  height: clamp(10.19px, 10.19vw, 75px) !important;
}

.h-\[clamp\(10\.87px\,10\.87vw\,80\.00px\)\] {
  height: clamp(10.87px, 10.87vw, 80px) !important;
}

.h-\[clamp\(13\.59px\,13\.59vw\,100\.00px\)\] {
  height: clamp(13.59px, 13.59vw, 100px) !important;
}

.h-\[clamp\(14\.40px\,14\.40vw\,106\.00px\)\] {
  height: clamp(14.4px, 14.4vw, 106px) !important;
}

.h-\[clamp\(24\.13px\,6\.52vw\,48\.00px\)\] {
  height: clamp(24.13px, 6.52vw, 48px) !important;
}

.h-\[clamp\(27\.17px\,27\.17vw\,200\.00px\)\] {
  height: clamp(27.17px, 27.17vw, 200px) !important;
}

.h-\[clamp\(27\.60px\,3\.75vw\,72\.00px\)\] {
  height: clamp(27.6px, 3.75vw, 72px) !important;
}

.h-\[clamp\(32\.68px\,8\.83vw\,65\.00px\)\] {
  height: clamp(32.68px, 8.83vw, 65px) !important;
}

.h-\[clamp\(42\.12px\,42\.12vw\,310\.00px\)\] {
  height: clamp(42.12px, 42.12vw, 310px) !important;
}

.h-\[clamp\(46\.20px\,46\.20vw\,340\.00px\)\] {
  height: clamp(46.2px, 46.2vw, 340px) !important;
}

.h-\[clamp\(50\.54px\,50\.54vw\,372\.00px\)\] {
  height: clamp(50.54px, 50.54vw, 372px) !important;
}

.h-\[clamp\(72\.01px\,72\.01vw\,530\.00px\)\] {
  height: clamp(72.01px, 72.01vw, 530px) !important;
}

.h-\[clamp\(97\.83px\,97\.83vw\,720\.00px\)\] {
  height: clamp(97.83px, 97.83vw, 720px) !important;
}

.h-\[clamp\(115\.49px\,115\.49vw\,850\.00px\)\] {
  height: clamp(115.49px, 115.49vw, 850px) !important;
}

.h-\[clamp\(118\.48px\,118\.48vw\,872\.00px\)\] {
  height: clamp(118.48px, 118.48vw, 872px) !important;
}

.h-\[clamp\(118\.89px\,118\.89vw\,875\.00px\)\] {
  height: clamp(118.89px, 118.89vw, 875px) !important;
}

.h-\[clamp\(140\.63px\,140\.63vw\,1035\.00px\)\] {
  height: clamp(140.63px, 140.63vw, 1035px) !important;
}

.h-\[clamp\(173\.91px\,173\.91vw\,1280\.00px\)\] {
  height: clamp(173.91px, 173.91vw, 1280px) !important;
}

.h-\[clamp\(217\.17px\,58\.70vw\,432\.00px\)\] {
  height: clamp(217.17px, 58.7vw, 432px) !important;
}

.h-auto {
  height: auto !important;
}

.h-fit {
  height: fit-content !important;
}

.h-full {
  height: 100% !important;
}

.max-h-30 {
  max-height: calc(var(--spacing) * 30) !important;
}

.max-h-40 {
  max-height: calc(var(--spacing) * 40) !important;
}

.max-h-\[50\%\] {
  max-height: 50% !important;
}

.max-h-\[56\.25px\] {
  max-height: 56.25px !important;
}

.max-h-\[60\%\] {
  max-height: 60% !important;
}

.max-h-\[64px\] {
  max-height: 64px !important;
}

.max-h-\[80vh\] {
  max-height: 80vh !important;
}

.max-h-\[390px\] {
  max-height: 390px !important;
}

.max-h-\[820px\] {
  max-height: 820px !important;
}

.max-h-\[980px\] {
  max-height: 980px !important;
}

.max-h-full {
  max-height: 100% !important;
}

.min-h-\[39px\] {
  min-height: 39px !important;
}

.min-h-\[180px\] {
  min-height: 180px !important;
}

.min-h-\[240px\] {
  min-height: 240px !important;
}

.min-h-\[300px\] {
  min-height: 300px !important;
}

.min-h-\[400px\] {
  min-height: 400px !important;
}

.min-h-\[472\.5px\] {
  min-height: 472.5px !important;
}

.min-h-\[600px\] {
  min-height: 600px !important;
}

.min-h-\[720px\] {
  min-height: 720px !important;
}

.w-0 {
  width: calc(var(--spacing) * 0) !important;
}

.w-2 {
  width: calc(var(--spacing) * 2) !important;
}

.w-4 {
  width: calc(var(--spacing) * 4) !important;
}

.w-5 {
  width: calc(var(--spacing) * 5) !important;
}

.w-6 {
  width: calc(var(--spacing) * 6) !important;
}

.w-8 {
  width: calc(var(--spacing) * 8) !important;
}

.w-10 {
  width: calc(var(--spacing) * 10) !important;
}

.w-12 {
  width: calc(var(--spacing) * 12) !important;
}

.w-13 {
  width: calc(var(--spacing) * 13) !important;
}

.w-15 {
  width: calc(var(--spacing) * 15) !important;
}

.w-50 {
  width: calc(var(--spacing) * 50) !important;
}

.w-60 {
  width: calc(var(--spacing) * 60) !important;
}

.w-78 {
  width: calc(var(--spacing) * 78) !important;
}

.w-\[1px\] {
  width: 1px !important;
}

.w-\[4\.5px\] {
  width: 4.5px !important;
}

.w-\[10em\] {
  width: 10em !important;
}

.w-\[10px\] {
  width: 10px !important;
}

.w-\[14px\] {
  width: 14px !important;
}

.w-\[21px\] {
  width: 21px !important;
}

.w-\[24px\] {
  width: 24px !important;
}

.w-\[25px\] {
  width: 25px !important;
}

.w-\[32px\] {
  width: 32px !important;
}

.w-\[35px\] {
  width: 35px !important;
}

.w-\[36\.75px\] {
  width: 36.75px !important;
}

.w-\[47\.6px\] {
  width: 47.6px !important;
}

.w-\[51\.5\%\] {
  width: 51.5% !important;
}

.w-\[51\.75px\] {
  width: 51.75px !important;
}

.w-\[62vw\] {
  width: 62vw !important;
}

.w-\[70\.04px\] {
  width: 70.04px !important;
}

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

.w-\[75\%\] {
  width: 75% !important;
}

.w-\[79\.5px\] {
  width: 79.5px !important;
}

.w-\[90\%\] {
  width: 90% !important;
}

.w-\[97\.5px\] {
  width: 97.5px !important;
}

.w-\[100\%\] {
  width: 100% !important;
}

.w-\[104px\] {
  width: 104px !important;
}

.w-\[145px\] {
  width: 145px !important;
}

.w-\[200px\] {
  width: 200px !important;
}

.w-\[230px\] {
  width: 230px !important;
}

.w-\[315px\] {
  width: 315px !important;
}

.w-\[350px\] {
  width: 350px !important;
}

.w-\[372px\] {
  width: 372px !important;
}

.w-\[460px\] {
  width: 460px !important;
}

.w-\[575px\] {
  width: 575px !important;
}

.w-\[clamp\(3\.26px\,3\.26vw\,24\.00px\)\] {
  width: clamp(3.26px, 3.26vw, 24px) !important;
}

.w-\[clamp\(3\.80px\,3\.80vw\,28\.00px\)\] {
  width: clamp(3.8px, 3.8vw, 28px) !important;
}

.w-\[clamp\(4\.08px\,4\.08vw\,30\.00px\)\] {
  width: clamp(4.08px, 4.08vw, 30px) !important;
}

.w-\[clamp\(5\.43px\,5\.43vw\,40\.00px\)\] {
  width: clamp(5.43px, 5.43vw, 40px) !important;
}

.w-\[clamp\(6\.79px\,6\.79vw\,50\.00px\)\] {
  width: clamp(6.79px, 6.79vw, 50px) !important;
}

.w-\[clamp\(7\.61px\,7\.61vw\,56\.00px\)\] {
  width: clamp(7.61px, 7.61vw, 56px) !important;
}

.w-\[clamp\(10\.19px\,10\.19vw\,75\.00px\)\] {
  width: clamp(10.19px, 10.19vw, 75px) !important;
}

.w-\[clamp\(24\.46px\,24\.46vw\,180\.00px\)\] {
  width: clamp(24.46px, 24.46vw, 180px) !important;
}

.w-\[clamp\(27\.17px\,27\.17vw\,200\.00px\)\] {
  width: clamp(27.17px, 27.17vw, 200px) !important;
}

.w-\[clamp\(28\.53px\,28\.53vw\,210\.00px\)\] {
  width: clamp(28.53px, 28.53vw, 210px) !important;
}

.w-\[clamp\(59\.78px\,59\.78vw\,440\.00px\)\] {
  width: clamp(59.78px, 59.78vw, 440px) !important;
}

.w-\[clamp\(61\.33px\,16\.58vw\,122\.00px\)\] {
  width: clamp(61.33px, 16.58vw, 122px) !important;
}

.w-\[clamp\(67\.93px\,67\.93vw\,500\.00px\)\] {
  width: clamp(67.93px, 67.93vw, 500px) !important;
}

.w-\[clamp\(75\.41px\,20\.38vw\,150\.00px\)\] {
  width: clamp(75.41px, 20.38vw, 150px) !important;
}

.w-\[clamp\(75\.90px\,10\.31vw\,198\.00px\)\] {
  width: clamp(75.9px, 10.31vw, 198px) !important;
}

.w-\[clamp\(85\.60px\,85\.60vw\,630\.00px\)\] {
  width: clamp(85.6px, 85.6vw, 630px) !important;
}

.w-\[clamp\(89\.67px\,89\.67vw\,660\.00px\)\] {
  width: clamp(89.67px, 89.67vw, 660px) !important;
}

.w-\[clamp\(94\.51px\,25\.54vw\,188\.00px\)\] {
  width: clamp(94.51px, 25.54vw, 188px) !important;
}

.w-auto {
  width: auto !important;
}

.w-fit {
  width: fit-content !important;
}

.w-full {
  width: 100% !important;
}

.max-w-3\/4 {
  max-width: 75% !important;
}

.max-w-30 {
  max-width: calc(var(--spacing) * 30) !important;
}

.max-w-50 {
  max-width: calc(var(--spacing) * 50) !important;
}

.max-w-80 {
  max-width: calc(var(--spacing) * 80) !important;
}

.max-w-215 {
  max-width: calc(var(--spacing) * 215) !important;
}

.max-w-\[50vw\] {
  max-width: 50vw !important;
}

.max-w-\[75\%\] {
  max-width: 75% !important;
}

.max-w-\[80\%\] {
  max-width: 80% !important;
}

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

.max-w-\[85vw\] {
  max-width: 85vw !important;
}

.max-w-\[90vw\] {
  max-width: 90vw !important;
}

.max-w-\[92vw\] {
  max-width: 92vw !important;
}

.max-w-\[100px\] {
  max-width: 100px !important;
}

.max-w-\[100vw\] {
  max-width: 100vw !important;
}

.max-w-\[105px\] {
  max-width: 105px !important;
}

.max-w-\[125px\] {
  max-width: 125px !important;
}

.max-w-\[200px\] {
  max-width: 200px !important;
}

.max-w-\[250px\] {
  max-width: 250px !important;
}

.max-w-\[300px\] {
  max-width: 300px !important;
}

.max-w-\[375px\] {
  max-width: 375px !important;
}

.max-w-\[444px\] {
  max-width: 444px !important;
}

.max-w-\[460px\] {
  max-width: 460px !important;
}

.max-w-\[480px\] {
  max-width: 480px !important;
}

.max-w-\[495px\] {
  max-width: 495px !important;
}

.max-w-\[500\.25px\] {
  max-width: 500.25px !important;
}

.max-w-\[570px\] {
  max-width: 570px !important;
}

.max-w-\[600px\] {
  max-width: 600px !important;
}

.max-w-\[700px\] {
  max-width: 700px !important;
}

.max-w-\[830px\] {
  max-width: 830px !important;
}

.max-w-\[920px\] {
  max-width: 920px !important;
}

.max-w-\[960px\] {
  max-width: 960px !important;
}

.max-w-\[1020px\] {
  max-width: 1020px !important;
}

.max-w-\[1170px\] {
  max-width: 1170px !important;
}

.max-w-\[1200px\] {
  max-width: 1200px !important;
}

.max-w-\[1260px\] {
  max-width: 1260px !important;
}

.max-w-\[1280px\] {
  max-width: 1280px !important;
}

.max-w-\[1640px\] {
  max-width: 1640px !important;
}

.max-w-\[1680px\] {
  max-width: 1680px !important;
}

.max-w-\[1920px\] {
  max-width: 1920px !important;
}

.max-w-\[clamp\(89\.67px\,89\.67vw\,660\.00px\)\] {
  max-width: clamp(89.67px, 89.67vw, 660px) !important;
}

.max-w-\[clamp\(92\.39px\,92\.39vw\,680\.00px\)\] {
  max-width: clamp(92.39px, 92.39vw, 680px) !important;
}

.max-w-\[clamp\(290\.57px\,78\.53vw\,578\.00px\)\] {
  max-width: clamp(290.57px, 78.53vw, 578px) !important;
}

.max-w-\[clamp\(628\.05px\,85\.33vw\,1280\.00px\)\] {
  max-width: clamp(628.05px, 85.33vw, 1280px) !important;
}

.max-w-\[clamp\(693\.47px\,94\.22vw\,1500\.00px\)\] {
  max-width: clamp(693.47px, 94.22vw, 1500px) !important;
}

.max-w-\[clamp\(736\.00px\,100\.00vw\,1920\.00px\)\] {
  max-width: clamp(736px, 100vw, 1920px) !important;
}

.min-w-0 {
  min-width: calc(var(--spacing) * 0) !important;
}

.min-w-\[372px\] {
  min-width: 372px !important;
}

.min-w-min {
  min-width: min-content !important;
}

.flex-1 {
  flex: 1 !important;
}

.flex-none {
  flex: none !important;
}

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

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

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

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

.flex-grow,
.flex-grow-1 {
  flex-grow: 1 !important;
}

.-translate-x-1\/2 {
  --tw-translate-x: -50% !important;
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
}

.translate-x-1\/2 {
  --tw-translate-x: 50% !important;
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
}

.-translate-y-1\/2 {
  --tw-translate-y: -50% !important;
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
}

.scale-90 {
  --tw-scale-x: 90% !important;
  --tw-scale-y: 90% !important;
  --tw-scale-z: 90% !important;
  scale: var(--tw-scale-x) var(--tw-scale-y) !important;
}

.scale-x-0 {
  --tw-scale-x: 0% !important;
  scale: var(--tw-scale-x) var(--tw-scale-y) !important;
}

.rotate-180 {
  rotate: 180deg !important;
}

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

.cursor-pointer {
  cursor: pointer !important;
}

.touch-pan-x {
  --tw-pan-x: pan-x !important;
  touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, ) !important;
}

.touch-pan-y {
  --tw-pan-y: pan-y !important;
  touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, ) !important;
}

.resize {
  resize: both !important;
}

.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness) !important;
}

.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory !important;
}

.snap-start {
  scroll-snap-align: start !important;
}

.scroll-p-\[var\(--responsive-gutter-width\)\] {
  scroll-padding: var(--responsive-gutter-width) !important;
}

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

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

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

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

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

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

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

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

.flex-col-reverse {
  flex-direction: column-reverse !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

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

.items-end {
  align-items: flex-end !important;
}

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

.items-stretch {
  align-items: stretch !important;
}

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

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

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

.justify-start {
  justify-content: flex-start !important;
}

.justify-stretch {
  justify-content: stretch !important;
}

.justify-items-center {
  justify-items: center !important;
}

.justify-items-stretch {
  justify-items: stretch !important;
}

.gap-0 {
  gap: calc(var(--spacing) * 0) !important;
}

.gap-1 {
  gap: calc(var(--spacing) * 1) !important;
}

.gap-2 {
  gap: calc(var(--spacing) * 2) !important;
}

.gap-3 {
  gap: calc(var(--spacing) * 3) !important;
}

.gap-4 {
  gap: calc(var(--spacing) * 4) !important;
}

.gap-4\.5 {
  gap: calc(var(--spacing) * 4.5) !important;
}

.gap-5 {
  gap: calc(var(--spacing) * 5) !important;
}

.gap-6 {
  gap: calc(var(--spacing) * 6) !important;
}

.gap-8 {
  gap: calc(var(--spacing) * 8) !important;
}

.gap-9 {
  gap: calc(var(--spacing) * 9) !important;
}

.gap-10 {
  gap: calc(var(--spacing) * 10) !important;
}

.gap-12 {
  gap: calc(var(--spacing) * 12) !important;
}

.gap-14 {
  gap: calc(var(--spacing) * 14) !important;
}

.gap-15 {
  gap: calc(var(--spacing) * 15) !important;
}

.gap-20 {
  gap: calc(var(--spacing) * 20) !important;
}

.gap-\[\.5em\] {
  gap: 0.5em !important;
}

.gap-\[1\.5px\] {
  gap: 1.5px !important;
}

.gap-\[2em\] {
  gap: 2em !important;
}

.gap-\[2px\] {
  gap: 2px !important;
}

.gap-\[3\.75px\] {
  gap: 3.75px !important;
}

.gap-\[4px\] {
  gap: 4px !important;
}

.gap-\[6\.75px\] {
  gap: 6.75px !important;
}

.gap-\[6px\] {
  gap: 6px !important;
}

.gap-\[7px\] {
  gap: 7px !important;
}

.gap-\[8px\] {
  gap: 8px !important;
}

.gap-\[10px\] {
  gap: 10px !important;
}

.gap-\[11\.25px\] {
  gap: 11.25px !important;
}

.gap-\[12px\] {
  gap: 12px !important;
}

.gap-\[13px\] {
  gap: 13px !important;
}

.gap-\[14px\] {
  gap: 14px !important;
}

.gap-\[15px\] {
  gap: 15px !important;
}

.gap-\[20px\] {
  gap: 20px !important;
}

.gap-\[24px\] {
  gap: 24px !important;
}

.gap-\[30px\] {
  gap: 30px !important;
}

.gap-\[32px\] {
  gap: 32px !important;
}

.gap-\[36px\] {
  gap: 36px !important;
}

.gap-\[48px\] {
  gap: 48px !important;
}

.gap-\[50px\] {
  gap: 50px !important;
}

.gap-\[100px\] {
  gap: 100px !important;
}

.gap-\[clamp\(1\.36px\,1\.36vw\,10\.00px\)\] {
  gap: clamp(1.36px, 1.36vw, 10px) !important;
}

.gap-\[clamp\(1\.63px\,1\.63vw\,12\.00px\)\] {
  gap: clamp(1.63px, 1.63vw, 12px) !important;
}

.gap-\[clamp\(2\.72px\,2\.72vw\,20\.00px\)\] {
  gap: clamp(2.72px, 2.72vw, 20px) !important;
}

.gap-\[clamp\(4\.22px\,0\.57vw\,11\.00px\)\] {
  gap: clamp(4.22px, 0.57vw, 11px) !important;
}

.gap-\[clamp\(4\.35px\,4\.35vw\,32\.00px\)\] {
  gap: clamp(4.35px, 4.35vw, 32px) !important;
}

.gap-\[clamp\(5\.43px\,5\.43vw\,40\.00px\)\] {
  gap: clamp(5.43px, 5.43vw, 40px) !important;
}

.gap-\[clamp\(6\.79px\,6\.79vw\,50\.00px\)\] {
  gap: clamp(6.79px, 6.79vw, 50px) !important;
}

.gap-\[clamp\(8\.42px\,8\.42vw\,62\.00px\)\] {
  gap: clamp(8.42px, 8.42vw, 62px) !important;
}

.gap-\[clamp\(9\.51px\,9\.51vw\,70\.00px\)\] {
  gap: clamp(9.51px, 9.51vw, 70px) !important;
}

.gap-\[clamp\(9\.78px\,9\.78vw\,72\.00px\)\] {
  gap: clamp(9.78px, 9.78vw, 72px) !important;
}

.gap-\[clamp\(10\.87px\,10\.87vw\,80\.00px\)\] {
  gap: clamp(10.87px, 10.87vw, 80px) !important;
}

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

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

:where(.space-y-\[1\.5px\] > :not(:last-child)) {
  --tw-space-y-reverse: 0 !important;
  margin-block-start: calc(1.5px * var(--tw-space-y-reverse)) !important;
  margin-block-end: calc(1.5px * calc(1 - var(--tw-space-y-reverse))) !important;
}

.gap-x-16 {
  column-gap: calc(var(--spacing) * 16) !important;
}

.gap-x-\[clamp\(1\.36px\,1\.36vw\,10\.00px\)\] {
  column-gap: clamp(1.36px, 1.36vw, 10px) !important;
}

.gap-y-4 {
  row-gap: calc(var(--spacing) * 4) !important;
}

.gap-y-6 {
  row-gap: calc(var(--spacing) * 6) !important;
}

.gap-y-\[clamp\(1\.36px\,1\.36vw\,10\.00px\)\] {
  row-gap: clamp(1.36px, 1.36vw, 10px) !important;
}

.self-center {
  align-self: center !important;
}

.self-start {
  align-self: flex-start !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

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

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.scroll-smooth {
  scroll-behavior: smooth !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

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

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

.rounded-\[0\.3em\] {
  border-radius: 0.3em !important;
}

.rounded-\[4px\] {
  border-radius: 4px !important;
}

.rounded-\[7px\] {
  border-radius: 7px !important;
}

.rounded-\[21px\] {
  border-radius: 21px !important;
}

.rounded-\[24px\] {
  border-radius: 24px !important;
}

.rounded-\[40px\] {
  border-radius: 40px !important;
}

.rounded-\[60px\] {
  border-radius: 60px !important;
}

.rounded-\[clamp\(1\.36px\,1\.36vw\,10\.00px\)\] {
  border-radius: clamp(1.36px, 1.36vw, 10px) !important;
}

.rounded-\[clamp\(4\.08px\,4\.08vw\,30\.00px\)\] {
  border-radius: clamp(4.08px, 4.08vw, 30px) !important;
}

.rounded-\[clamp\(11\.50px\,1\.56vw\,30\.00px\)\] {
  border-radius: clamp(11.5px, 1.56vw, 30px) !important;
}

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

.rounded-lg {
  border-radius: var(--radius-lg) !important;
}

.rounded-sm {
  border-radius: var(--radius-sm) !important;
}

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

.rounded-t-\[50px\] {
  border-top-left-radius: 50px !important;
  border-top-right-radius: 50px !important;
}

.rounded-t-lg {
  border-top-left-radius: var(--radius-lg) !important;
  border-top-right-radius: var(--radius-lg) !important;
}

.rounded-br-lg {
  border-bottom-right-radius: var(--radius-lg) !important;
}

.rounded-bl-lg {
  border-bottom-left-radius: var(--radius-lg) !important;
}

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

.border-0 {
  border-style: var(--tw-border-style) !important;
  border-width: 0 !important;
}

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

.border-3 {
  border-style: var(--tw-border-style) !important;
  border-width: 3px !important;
}

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

.border-b {
  border-bottom-style: var(--tw-border-style) !important;
  border-bottom-width: 1px !important;
}

.border-\[\#0064fa\] {
  border-color: #0064fa !important;
}

.border-\[\#DCDCDC\] {
  border-color: #dcdcdc !important;
}

.border-\[\#ECF0F5\] {
  border-color: #ecf0f5 !important;
}

.border-\[\#cfdee8\] {
  border-color: #cfdee8 !important;
}

.border-\[\#e1e1e1\] {
  border-color: #e1e1e1 !important;
}

.border-black {
  border-color: var(--color-black) !important;
}

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

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

.border-transparent {
  border-color: #0000 !important;
}

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

.border-white\/10 {
  border-color: #ffffff1a !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .border-white\/10 {
    border-color: color-mix(in oklab,
        var(--color-white) 10%,
        transparent) !important;
  }
}

.bg-\[\#00e194\] {
  background-color: #00e194 !important;
}

.bg-\[\#2b2b2b\] {
  background-color: #2b2b2b !important;
}

.bg-\[\#4ACBD6\] {
  background-color: #4acbd6 !important;
}

.bg-\[\#0064fa\] {
  background-color: #0064fa !important;
}

.bg-\[\#2353BD\],
.bg-\[\#2353bd\] {
  background-color: #2353bd !important;
}

.bg-\[\#008055\] {
  background-color: #008055 !important;
}

.bg-\[\#191919\] {
  background-color: #191919 !important;
}

.bg-\[\#E8F1FA\] {
  background-color: #e8f1fa !important;
}

.bg-\[\#ECF0F5\] {
  background-color: #ecf0f5 !important;
}

.bg-\[\#F9F9F9\] {
  background-color: #f9f9f9 !important;
}

.bg-\[\#FFFFFF\] {
  background-color: #fff !important;
}

.bg-\[\#a6ef00\] {
  background-color: #a6ef00 !important;
}

.bg-\[\#c1c1c1\] {
  background-color: #c1c1c1 !important;
}

.bg-\[\#e5e5e5\] {
  background-color: #e5e5e5 !important;
}

.bg-\[\#e9e9e9\] {
  background-color: #e9e9e9 !important;
}

.bg-\[\#ebebeb\] {
  background-color: #ebebeb !important;
}

.bg-\[\#ececec\] {
  background-color: #ececec !important;
}

.bg-\[\#f4f2f0\] {
  background-color: #f4f2f0 !important;
}

.bg-\[\#f8f8f8\] {
  background-color: #f8f8f8 !important;
}

.bg-\[\#f9f9f9\] {
  background-color: #f9f9f9 !important;
}

.bg-\[\#fafafa\] {
  background-color: #fafafa !important;
}

.bg-bf-dark-blue {
  background-color: var(--color-bf-dark-blue) !important;
}

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

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

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

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

.bg-blue-300 {
  background-color: var(--color-blue-300) !important;
}

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

.bg-gray-100 {
  background-color: var(--color-gray-100) !important;
}

.bg-gray-300 {
  background-color: var(--color-gray-300) !important;
}

.bg-gray-400 {
  background-color: var(--color-gray-400) !important;
}

.bg-gray-500\/80 {
  background-color: #6a7282cc !important;
}

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

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

.bg-white\/20 {
  background-color: #fff3 !important;
}

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

.bg-white\/80 {
  background-color: #fffc !important;
}

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

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

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

.bg-radial-\[at_25\%_25\%\] {
  --tw-gradient-position: at 25% 25% !important;
  background-image: radial-gradient(var(--tw-gradient-stops, at 25% 25%)) !important;
}

.from-slate-400\/20 {
  --tw-gradient-from: #90a1b933 !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .from-slate-400\/20 {
    --tw-gradient-from: color-mix(in oklab,
        var(--color-slate-400) 20%,
        transparent) !important;
  }
}

.from-slate-400\/20 {
  --tw-gradient-stops: var(--tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}

.to-white\/30 {
  --tw-gradient-to: #ffffff4d !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .to-white\/30 {
    --tw-gradient-to: color-mix(in oklab,
        var(--color-white) 30%,
        transparent) !important;
  }
}

.to-white\/30 {
  --tw-gradient-stops: var(--tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}

.to-75\% {
  --tw-gradient-to-position: 75% !important;
}

.mask-x-from-\[calc\(100\%-30px\)\] {
  -webkit-mask-image:
    var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic) !important;
  mask-image:
    var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic) !important;
  --tw-mask-linear:
    var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom),
    var(--tw-mask-top) !important;
  --tw-mask-right: linear-gradient(to right,
      var(--tw-mask-right-from-color) var(--tw-mask-right-from-position),
      var(--tw-mask-right-to-color) var(--tw-mask-right-to-position)) !important;
  --tw-mask-right-from-position: calc(100% - 30px) !important;
  --tw-mask-left: linear-gradient(to left,
      var(--tw-mask-left-from-color) var(--tw-mask-left-from-position),
      var(--tw-mask-left-to-color) var(--tw-mask-left-to-position)) !important;
  --tw-mask-left-from-position: calc(100% - 30px) !important;
  -webkit-mask-composite: source-in !important;
  mask-composite: intersect !important;
}

.mask-x-from-\[calc\(100\%-40px\)\] {
  -webkit-mask-image:
    var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic) !important;
  mask-image:
    var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic) !important;
  --tw-mask-linear:
    var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom),
    var(--tw-mask-top) !important;
  --tw-mask-right: linear-gradient(to right,
      var(--tw-mask-right-from-color) var(--tw-mask-right-from-position),
      var(--tw-mask-right-to-color) var(--tw-mask-right-to-position)) !important;
  --tw-mask-right-from-position: calc(100% - 40px) !important;
  --tw-mask-left: linear-gradient(to left,
      var(--tw-mask-left-from-color) var(--tw-mask-left-from-position),
      var(--tw-mask-left-to-color) var(--tw-mask-left-to-position)) !important;
  --tw-mask-left-from-position: calc(100% - 40px) !important;
  -webkit-mask-composite: source-in !important;
  mask-composite: intersect !important;
}

.mask-x-to-\[calc\(100\%-2px\)\] {
  -webkit-mask-image:
    var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic) !important;
  mask-image:
    var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic) !important;
  --tw-mask-linear:
    var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom),
    var(--tw-mask-top) !important;
  --tw-mask-right: linear-gradient(to right,
      var(--tw-mask-right-from-color) var(--tw-mask-right-from-position),
      var(--tw-mask-right-to-color) var(--tw-mask-right-to-position)) !important;
  --tw-mask-right-to-position: calc(100% - 2px) !important;
  --tw-mask-left: linear-gradient(to left,
      var(--tw-mask-left-from-color) var(--tw-mask-left-from-position),
      var(--tw-mask-left-to-color) var(--tw-mask-left-to-position)) !important;
  --tw-mask-left-to-position: calc(100% - 2px) !important;
  -webkit-mask-composite: source-in !important;
  mask-composite: intersect !important;
}

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

.bg-bottom {
  background-position: bottom !important;
}

.bg-center {
  background-position: 50% !important;
}

.bg-top {
  background-position: top !important;
}

.bg-no-repeat {
  background-repeat: no-repeat !important;
}

.fill-none {
  fill: none !important;
}

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

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

.p-0 {
  padding: calc(var(--spacing) * 0) !important;
}

.p-1 {
  padding: calc(var(--spacing) * 1) !important;
}

.p-2 {
  padding: calc(var(--spacing) * 2) !important;
}

.p-3 {
  padding: calc(var(--spacing) * 3) !important;
}

.p-4 {
  padding: calc(var(--spacing) * 4) !important;
}

.p-6 {
  padding: calc(var(--spacing) * 6) !important;
}

.p-8 {
  padding: calc(var(--spacing) * 8) !important;
}

.p-\[2\.4px\] {
  padding: 2.4px !important;
}

.p-\[2px\] {
  padding: 2px !important;
}

.p-\[9px\] {
  padding: 9px !important;
}

.p-\[14px\] {
  padding: 14px !important;
}

.p-\[17px\] {
  padding: 17px !important;
}

.p-\[24px\] {
  padding: 24px !important;
}

.p-\[40px\] {
  padding: 40px !important;
}

.p-\[46px\] {
  padding: 46px !important;
}

.p-\[50px\] {
  padding: 50px !important;
}

.p-\[clamp\(0\.14px\,0\.14vw\,1\.00px\)\] {
  padding: clamp(0.14px, 0.14vw, 1px) !important;
}

.px-1 {
  padding-inline: calc(var(--spacing) * 1) !important;
}

.px-2 {
  padding-inline: calc(var(--spacing) * 2) !important;
}

.px-4 {
  padding-inline: calc(var(--spacing) * 4) !important;
}

.px-5 {
  padding-inline: calc(var(--spacing) * 5) !important;
}

.px-6 {
  padding-inline: calc(var(--spacing) * 6) !important;
}

.px-8 {
  padding-inline: calc(var(--spacing) * 8) !important;
}

.px-12 {
  padding-inline: calc(var(--spacing) * 12) !important;
}

.px-\[0px\] {
  padding-inline: 0 !important;
}

.px-\[1\.2em\] {
  padding-inline: 1.2em !important;
}

.px-\[1em\] {
  padding-inline: 1em !important;
}

.px-\[2em\] {
  padding-inline: 2em !important;
}

.px-\[4px\] {
  padding-inline: 4px !important;
}

.px-\[7px\] {
  padding-inline: 7px !important;
}

.px-\[12px\] {
  padding-inline: 12px !important;
}

.px-\[17px\] {
  padding-inline: 17px !important;
}

.px-\[20px\] {
  padding-inline: 20px !important;
}

.px-\[22\.5px\] {
  padding-inline: 22.5px !important;
}

.px-\[25px\] {
  padding-inline: 25px !important;
}

.px-\[30px\] {
  padding-inline: 30px !important;
}

.px-\[40px\] {
  padding-inline: 40px !important;
}

.px-\[clamp\(5\.43px\,5\.43vw\,40\.00px\)\] {
  padding-inline: clamp(5.43px, 5.43vw, 40px) !important;
}

.px-\[clamp\(5\.71px\,5\.71vw\,42\.00px\)\] {
  padding-inline: clamp(5.71px, 5.71vw, 42px) !important;
}

.px-\[clamp\(6\.52px\,6\.52vw\,48\.00px\)\] {
  padding-inline: clamp(6.52px, 6.52vw, 48px) !important;
}

.px-\[clamp\(11\.06px\,2\.99vw\,22\.00px\)\] {
  padding-inline: clamp(11.06px, 2.99vw, 22px) !important;
}

.px-\[var\(--responsive-gutter-width\)\] {
  padding-inline: var(--responsive-gutter-width) !important;
}

.py-1 {
  padding-block: calc(var(--spacing) * 1) !important;
}

.py-2 {
  padding-block: calc(var(--spacing) * 2) !important;
}

.py-3 {
  padding-block: calc(var(--spacing) * 3) !important;
}

.py-4 {
  padding-block: calc(var(--spacing) * 4) !important;
}

.py-6 {
  padding-block: calc(var(--spacing) * 6) !important;
}

.py-16 {
  padding-block: calc(var(--spacing) * 16) !important;
}

.py-\[0\.4em\] {
  padding-block: 0.4em !important;
}

.py-\[0\.05em\] {
  padding-block: 0.05em !important;
}

.py-\[2\.4px\] {
  padding-block: 2.4px !important;
}

.py-\[2em\] {
  padding-block: 2em !important;
}

.py-\[3\.6px\] {
  padding-block: 3.6px !important;
}

.py-\[3\.75px\] {
  padding-block: 3.75px !important;
}

.py-\[6px\] {
  padding-block: 6px !important;
}

.py-\[10px\] {
  padding-block: 10px !important;
}

.py-\[13px\] {
  padding-block: 13px !important;
}

.py-\[20px\] {
  padding-block: 20px !important;
}

.py-\[25px\] {
  padding-block: 25px !important;
}

.py-\[50px\] {
  padding-block: 50px !important;
}

.py-\[52\.5px\] {
  padding-block: 52.5px !important;
}

.py-\[70px\] {
  padding-block: 70px !important;
}

.py-\[80px\] {
  padding-block: 80px !important;
}

.py-\[90px\] {
  padding-block: 90px !important;
}

.py-\[116\.25px\] {
  padding-block: 116.25px !important;
}

.py-\[clamp\(2\.72px\,2\.72vw\,20\.00px\)\] {
  padding-block: clamp(2.72px, 2.72vw, 20px) !important;
}

.py-\[clamp\(3\.52px\,0\.95vw\,7\.00px\)\] {
  padding-block: clamp(3.52px, 0.95vw, 7px) !important;
}

.py-\[clamp\(11\.41px\,11\.41vw\,84\.00px\)\] {
  padding-block: clamp(11.41px, 11.41vw, 84px) !important;
}

.py-\[clamp\(39\.25px\,5\.33vw\,80\.00px\)\] {
  padding-block: clamp(39.25px, 5.33vw, 80px) !important;
}

.pt-4 {
  padding-top: calc(var(--spacing) * 4) !important;
}

.pt-\[2em\] {
  padding-top: 2em !important;
}

.pt-\[3em\] {
  padding-top: 3em !important;
}

.pt-\[6em\] {
  padding-top: 6em !important;
}

.pt-\[7\.5px\] {
  padding-top: 7.5px !important;
}

.pt-\[30px\] {
  padding-top: 30px !important;
}

.pt-\[40px\] {
  padding-top: 40px !important;
}

.pt-\[50px\] {
  padding-top: 50px !important;
}

.pt-\[60\.00px\] {
  padding-top: 60px !important;
}

.pt-\[clamp\(9\.51px\,9\.51vw\,70\.00px\)\] {
  padding-top: clamp(9.51px, 9.51vw, 70px) !important;
}

.pt-\[clamp\(10\.87px\,10\.87vw\,80\.00px\)\] {
  padding-top: clamp(10.87px, 10.87vw, 80px) !important;
}

.pr-\[2\.4px\] {
  padding-right: 2.4px !important;
}

.pr-\[clamp\(0\.41px\,0\.41vw\,3\.00px\)\] {
  padding-right: clamp(0.41px, 0.41vw, 3px) !important;
}

.pb-6 {
  padding-bottom: calc(var(--spacing) * 6) !important;
}

.pb-20 {
  padding-bottom: calc(var(--spacing) * 20) !important;
}

.pb-\[7em\] {
  padding-bottom: 7em !important;
}

.pb-\[20px\] {
  padding-bottom: 20px !important;
}

.pb-\[22\.5px\] {
  padding-bottom: 22.5px !important;
}

.pb-\[28px\] {
  padding-bottom: 28px !important;
}

.pb-\[40px\] {
  padding-bottom: 40px !important;
}

.pb-\[50px\] {
  padding-bottom: 50px !important;
}

.pb-\[60px\] {
  padding-bottom: 60px !important;
}

.pb-\[clamp\(8\.15px\,8\.15vw\,60\.00px\)\] {
  padding-bottom: clamp(8.15px, 8.15vw, 60px) !important;
}

.pl-0 {
  padding-left: calc(var(--spacing) * 0) !important;
}

.pl-\[clamp\(0\.41px\,0\.41vw\,3\.00px\)\] {
  padding-left: clamp(0.41px, 0.41vw, 3px) !important;
}

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

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

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

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

.text-\[14px\]\/\[1\.3\] {
  font-size: 14px !important;
  line-height: 1.3 !important;
}

.text-\[14px\]\/\[18px\] {
  font-size: 14px !important;
  line-height: 18px !important;
}

.text-\[15px\]\/\[31px\] {
  font-size: 15px !important;
  line-height: 31px !important;
}

.text-\[16px\]\/\[1\.3\] {
  font-size: 16px !important;
  line-height: 1.3 !important;
}

.text-\[18px\]\/\[20px\] {
  font-size: 18px !important;
  line-height: 20px !important;
}

.text-\[22px\]\/\[1\.2\] {
  font-size: 22px !important;
  line-height: 1.2 !important;
}

.text-\[24px\]\/\[1\.3\] {
  font-size: 24px !important;
  line-height: 1.3 !important;
}

.text-\[27px\]\/\[34px\] {
  font-size: 27px !important;
  line-height: 34px !important;
}

.text-\[40px\]\/\[1\.3\] {
  font-size: 40px !important;
  line-height: 1.3 !important;
}

.text-\[41px\]\/\[46px\] {
  font-size: 41px !important;
  line-height: 46px !important;
}

.text-\[46px\]\/\[50px\] {
  font-size: 46px !important;
  line-height: 50px !important;
}

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

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

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

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

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

.text-\[11px\] {
  font-size: 11px !important;
}

.text-\[12\.6px\] {
  font-size: 12.6px !important;
}

.text-\[12px\] {
  font-size: 12px !important;
}

.text-\[13\.5px\] {
  font-size: 13.5px !important;
}

.text-\[13px\] {
  font-size: 13px !important;
}

.text-\[14\.5px\] {
  font-size: 14.5px !important;
}

.text-\[14px\] {
  font-size: 14px !important;
}

.text-\[15px\] {
  font-size: 15px !important;
}

.text-\[16\.5px\] {
  font-size: 16.5px !important;
}

.text-\[16px\] {
  font-size: 16px !important;
}

.text-\[17\.4px\] {
  font-size: 17.4px !important;
}

.text-\[17px\] {
  font-size: 17px !important;
}

.text-\[18px\] {
  font-size: 18px !important;
}

.text-\[20\.25px\] {
  font-size: 20.25px !important;
}

.text-\[20px\] {
  font-size: 20px !important;
}

.text-\[21px\] {
  font-size: 21px !important;
}

.text-\[22px\] {
  font-size: 22px !important;
}

.text-\[23px\] {
  font-size: 23px !important;
}

.text-\[24px\] {
  font-size: 24px !important;
}

.text-\[27px\] {
  font-size: 27px !important;
}

.text-\[28px\] {
  font-size: 28px !important;
}

.text-\[29px\] {
  font-size: 29px !important;
}

.text-\[32px\] {
  font-size: 32px !important;
}

.text-\[36px\] {
  font-size: 36px !important;
}

.text-\[37\.5px\] {
  font-size: 37.5px !important;
}

.text-\[112\.5px\] {
  font-size: 112.5px !important;
}

.text-\[clamp\(1\.43px\,1\.43vw\,11\.00px\)\] {
  font-size: clamp(1.43px, 1.43vw, 11px) !important;
}

.text-\[clamp\(2\.45px\,2\.45vw\,18\.00px\)\] {
  font-size: clamp(2.45px, 2.45vw, 18px) !important;
}

.text-\[clamp\(2\.72px\,2\.72vw\,20\.00px\)\] {
  font-size: clamp(2.72px, 2.72vw, 20px) !important;
}

.text-\[clamp\(2\.85px\,2\.85vw\,21\.00px\)\] {
  font-size: clamp(2.85px, 2.85vw, 21px) !important;
}

.text-\[clamp\(2\.99px\,2\.99vw\,22\.00px\)\] {
  font-size: clamp(2.99px, 2.99vw, 22px) !important;
}

.text-\[clamp\(3\.26px\,3\.26vw\,24\.00px\)\] {
  font-size: clamp(3.26px, 3.26vw, 24px) !important;
}

.text-\[clamp\(3\.40px\,3\.40vw\,25\.00px\)\] {
  font-size: clamp(3.4px, 3.4vw, 25px) !important;
}

.text-\[clamp\(3\.53px\,3\.53vw\,26\.00px\)\] {
  font-size: clamp(3.53px, 3.53vw, 26px) !important;
}

.text-\[clamp\(3\.80px\,3\.80vw\,28\.00px\)\] {
  font-size: clamp(3.8px, 3.8vw, 28px) !important;
}

.text-\[clamp\(4\.89px\,4\.89vw\,36\.00px\)\] {
  font-size: clamp(4.89px, 4.89vw, 36px) !important;
}

.text-\[clamp\(5\.16px\,5\.16vw\,38\.00px\)\] {
  font-size: clamp(5.16px, 5.16vw, 38px) !important;
}

.text-\[clamp\(5\.71px\,5\.71vw\,42\.00px\)\] {
  font-size: clamp(5.71px, 5.71vw, 42px) !important;
}

.text-\[clamp\(7\.61px\,7\.61vw\,56\.00px\)\] {
  font-size: clamp(7.61px, 7.61vw, 56px) !important;
}

.text-\[clamp\(12\.07px\,3\.26vw\,24\.00px\)\] {
  font-size: clamp(12.07px, 3.26vw, 24px) !important;
}

.text-\[clamp\(23\.12px\,6\.25vw\,46\.00px\)\] {
  font-size: clamp(23.12px, 6.25vw, 46px) !important;
}

.leading-6 {
  --tw-leading: calc(var(--spacing) * 6) !important;
  line-height: calc(var(--spacing) * 6) !important;
}

.leading-\[0\.8\] {
  --tw-leading: 0.8 !important;
  line-height: 0.8 !important;
}

.leading-\[1\.1\] {
  --tw-leading: 1.1 !important;
  line-height: 1.1 !important;
}

.leading-\[1\.2\] {
  --tw-leading: 1.2 !important;
  line-height: 1.2 !important;
}

.leading-\[1\.3\] {
  --tw-leading: 1.3 !important;
  line-height: 1.3 !important;
}

.leading-\[1\.6\] {
  --tw-leading: 1.6 !important;
  line-height: 1.6 !important;
}

.leading-\[16\.875px\] {
  --tw-leading: 16.875px !important;
  line-height: 16.875px !important;
}

.leading-\[16px\] {
  --tw-leading: 16px !important;
  line-height: 16px !important;
}

.leading-\[20px\] {
  --tw-leading: 20px !important;
  line-height: 20px !important;
}

.leading-\[22\.5px\] {
  --tw-leading: 22.5px !important;
  line-height: 22.5px !important;
}

.leading-\[22px\] {
  --tw-leading: 22px !important;
  line-height: 22px !important;
}

.leading-\[27\.75px\] {
  --tw-leading: 27.75px !important;
  line-height: 27.75px !important;
}

.leading-\[27px\] {
  --tw-leading: 27px !important;
  line-height: 27px !important;
}

.leading-\[28px\] {
  --tw-leading: 28px !important;
  line-height: 28px !important;
}

.leading-\[32px\] {
  --tw-leading: 32px !important;
  line-height: 32px !important;
}

.leading-\[36px\] {
  --tw-leading: 36px !important;
  line-height: 36px !important;
}

.leading-\[38px\] {
  --tw-leading: 38px !important;
  line-height: 38px !important;
}

.leading-\[45px\] {
  --tw-leading: 45px !important;
  line-height: 45px !important;
}

.leading-\[120px\] {
  --tw-leading: 120px !important;
  line-height: 120px !important;
}

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

.leading-normal {
  --tw-leading: var(--leading-normal) !important;
  line-height: var(--leading-normal) !important;
}

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

.font-extralight {
  --tw-font-weight: var(--font-weight-extralight) !important;
  font-weight: var(--font-weight-extralight) !important;
}

.font-light {
  --tw-font-weight: var(--font-weight-light) !important;
  font-weight: var(--font-weight-light) !important;
}

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

.font-normal {
  --tw-font-weight: var(--font-weight-normal) !important;
  font-weight: var(--font-weight-normal) !important;
}

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

.tracking-wider {
  --tw-tracking: var(--tracking-wider) !important;
  letter-spacing: var(--tracking-wider) !important;
}

.text-nowrap {
  text-wrap: nowrap !important;
}

.text-wrap {
  text-wrap: wrap !important;
}

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

.whitespace-pre-line {
  white-space: pre-line !important;
}

.text-\[\#00e194\] {
  color: #00e194 !important;
}

.text-\[\#1a1a1a\] {
  color: #1a1a1a !important;
}

.text-\[\#2b2b2b\] {
  color: #2b2b2b !important;
}

.text-\[\#4a4a4a\] {
  color: #4a4a4a !important;
}

.text-\[\#008a5c\] {
  color: #008a5c !important;
}

.text-\[\#0064fa\] {
  color: #0064fa !important;
}

.text-\[\#87bfff\] {
  color: #87bfff !important;
}

.text-\[\#2353BD\] {
  color: #2353bd !important;
}

.text-\[\#333333\] {
  color: #333 !important;
}

.text-\[\#525252\] {
  color: #525252 !important;
}

.text-\[\#828282\] {
  color: #828282 !important;
}

.text-\[\#aaaaaa\] {
  color: #aaa !important;
}

.text-\[\#c8c8c8\] {
  color: #c8c8c8 !important;
}

.text-\[\#ebebeb\] {
  color: #ebebeb !important;
}

.text-\[rgba\(0\,0\,0\,0\.6\)\] {
  color: #0009 !important;
}

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

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

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

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

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

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

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

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

.text-gray-950\/90 {
  color: #030712e6 !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .text-gray-950\/90 {
    color: color-mix(in oklab,
        var(--color-gray-950) 90%,
        transparent) !important;
  }
}

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

.text-white\/70 {
  color: #ffffffb3 !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .text-white\/70 {
    color: color-mix(in oklab, var(--color-white) 70%, transparent) !important;
  }
}

.text-white\/80 {
  color: #fffc !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .text-white\/80 {
    color: color-mix(in oklab, var(--color-white) 80%, transparent) !important;
  }
}

.text-white\/90 {
  color: #ffffffe6 !important;
}

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

.uppercase {
  text-transform: uppercase !important;
}

.line-through {
  text-decoration-line: line-through !important;
}

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

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

.opacity-0 {
  opacity: 0 !important;
}

.opacity-70 {
  opacity: 0.7 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

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

.shadow-\[0_3px_6px_0_rgba\(0\,0\,0\,0\.12\)\] {
  --tw-shadow: 0 3px 6px 0 var(--tw-shadow-color, #0000001f) !important;
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}

.shadow-\[0px_4px_100px_0px_rgba\(0\,0\,0\,0\.15\)\] {
  --tw-shadow: 0px 4px 100px 0px var(--tw-shadow-color, #00000026) !important;
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}

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

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

.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, ) !important;
}

.backdrop-blur {
  --tw-backdrop-blur: blur(8px) !important;
  -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, ) !important;
  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, ) !important;
}

.backdrop-blur-md {
  --tw-backdrop-blur: blur(var(--blur-md)) !important;
  -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, ) !important;
  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, ) !important;
}

.backdrop-blur-xl {
  --tw-backdrop-blur: blur(var(--blur-xl)) !important;
  -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, ) !important;
  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, ) !important;
}

.backdrop-filter {
  -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, ) !important;
  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, ) !important;
}

.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 !important;
  transition-timing-function: var(--tw-ease,
      var(--default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration,
      var(--default-transition-duration)) !important;
}

.transition-\[height_width\] {
  transition-property: height width !important;
  transition-timing-function: var(--tw-ease,
      var(--default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration,
      var(--default-transition-duration)) !important;
}

.transition-\[height_width_rounded\] {
  transition-property: height width rounded !important;
  transition-timing-function: var(--tw-ease,
      var(--default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration,
      var(--default-transition-duration)) !important;
}

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

.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 !important;
  transition-timing-function: var(--tw-ease,
      var(--default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration,
      var(--default-transition-duration)) !important;
}

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

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

.duration-150 {
  --tw-duration: 0.15s !important;
  transition-duration: 0.15s !important;
}

.duration-200 {
  --tw-duration: 0.2s !important;
  transition-duration: 0.2s !important;
}

.duration-300 {
  --tw-duration: 0.3s !important;
  transition-duration: 0.3s !important;
}

.duration-800 {
  --tw-duration: 0.8s !important;
  transition-duration: 0.8s !important;
}

.duration-2000 {
  --tw-duration: 2s !important;
  transition-duration: 2s !important;
}

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

.select-none {
  -webkit-user-select: none !important;
  user-select: none !important;
}

@media (hover: hover) {
  .group-hover\:scale-105:is(:where(.group):hover *) {
    --tw-scale-x: 105% !important;
    --tw-scale-y: 105% !important;
    --tw-scale-z: 105% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
}

.group-\[\.active\]\:scale-x-100:is(:where(.group).active *) {
  --tw-scale-x: 100% !important;
  scale: var(--tw-scale-x) var(--tw-scale-y) !important;
}

.before\:absolute:before {
  content: var(--tw-content);
  position: absolute !important;
}

.before\:inset-0:before {
  content: var(--tw-content);
  inset: calc(var(--spacing) * 0) !important;
}

@media (hover: hover) {
  .hover\:scale-105:hover {
    --tw-scale-x: 105% !important;
    --tw-scale-y: 105% !important;
    --tw-scale-z: 105% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }

  .hover\:border-bf-light-blue:hover {
    border-color: var(--color-bf-light-blue) !important;
  }

  .hover\:bg-\[\#1F78FF\]:hover {
    background-color: #1f78ff !important;
  }

  .hover\:bg-\[\#2353BDAA\]:hover {
    background-color: #2353bdaa !important;
  }

  .hover\:bg-\[\#D1E5F5\]:hover {
    background-color: #d1e5f5 !important;
  }

  .hover\:bg-\[\#e9e9e9\]:hover {
    background-color: #e9e9e9 !important;
  }

  .hover\:bg-bf-light-blue\/10:hover {
    background-color: #0050c31a !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-bf-light-blue\/10:hover {
      background-color: color-mix(in oklab,
          var(--color-bf-light-blue) 10%,
          transparent) !important;
    }
  }

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

  .hover\:bg-gray-50:hover {
    background-color: var(--color-gray-50) !important;
  }

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

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

  .hover\:bg-gray-500:hover {
    background-color: var(--color-gray-500) !important;
  }

  .hover\:bg-gray-600\/90:hover {
    background-color: #4a5565e6 !important;
  }

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

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

  .hover\:text-\[\#1F78FF\]:hover {
    color: #1f78ff !important;
  }

  .hover\:text-\[\#2353BD\]:hover {
    color: #2353bd !important;
  }

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

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

  .hover\:opacity-70:hover {
    opacity: 0.7 !important;
  }

  .hover\:opacity-90:hover {
    opacity: 0.9 !important;
  }
}

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

.active\:bg-\[\#005ae0\]:active {
  background-color: #005ae0 !important;
}

.active\:bg-gray-300:active {
  background-color: var(--color-gray-300) !important;
}

.active\:text-\[\#005ae0\]:active {
  color: #005ae0 !important;
}

.disabled\:pointer-events-none:disabled {
  pointer-events: none !important;
}

.disabled\:opacity-0:disabled {
  opacity: 0 !important;
}

.disabled\:opacity-30:disabled {
  opacity: 0.3 !important;
}

@media (min-width: 736px) {
  .md\:absolute {
    position: absolute !important;
  }

  .md\:relative {
    position: relative !important;
  }

  .md\:top-\[-8px\] {
    top: -8px !important;
  }

  .md\:top-\[20px\] {
    top: 20px !important;
  }

  .md\:top-\[clamp\(10\.17px\,1\.38vw\,22\.00px\)\] {
    top: clamp(10.17px, 1.38vw, 22px) !important;
  }

  .md\:top-\[clamp\(12\.48px\,1\.70vw\,27\.00px\)\] {
    top: clamp(12.48px, 1.7vw, 27px) !important;
  }

  .md\:top-\[clamp\(21\.08px\,2\.86vw\,55\.00px\)\] {
    top: clamp(21.08px, 2.86vw, 55px) !important;
  }

  .md\:top-\[clamp\(78\.58px\,10\.68vw\,205\.00px\)\] {
    top: clamp(78.58px, 10.68vw, 205px) !important;
  }

  .md\:top-\[clamp\(82\.29px\,11\.18vw\,178\.00px\)\] {
    top: clamp(82.29px, 11.18vw, 178px) !important;
  }

  .md\:top-\[clamp\(88\.17px\,11\.98vw\,230\.00px\)\] {
    top: clamp(88.17px, 11.98vw, 230px) !important;
  }

  .md\:top-\[clamp\(92\.00px\,12\.50vw\,199\.00px\)\] {
    top: clamp(92px, 12.5vw, 199px) !important;
  }

  .md\:top-\[clamp\(107\.33px\,14\.58vw\,280\.00px\)\] {
    top: clamp(107.33px, 14.58vw, 280px) !important;
  }

  .md\:top-\[clamp\(109\.25px\,14\.84vw\,285\.00px\)\] {
    top: clamp(109.25px, 14.84vw, 285px) !important;
  }

  .md\:top-\[clamp\(125\.29px\,17\.02vw\,271\.00px\)\] {
    top: clamp(125.29px, 17.02vw, 271px) !important;
  }

  .md\:top-\[clamp\(133\.61px\,18\.15vw\,289\.00px\)\] {
    top: clamp(133.61px, 18.15vw, 289px) !important;
  }

  .md\:top-\[clamp\(153\.03px\,20\.79vw\,331\.00px\)\] {
    top: clamp(153.03px, 20.79vw, 331px) !important;
  }

  .md\:top-\[clamp\(174\.42px\,23\.70vw\,455\.00px\)\] {
    top: clamp(174.42px, 23.7vw, 455px) !important;
  }

  .md\:top-\[clamp\(180\.57px\,24\.53vw\,368\.00px\)\] {
    top: clamp(180.57px, 24.53vw, 368px) !important;
  }

  .md\:top-\[clamp\(188\.91px\,25\.67vw\,385\.00px\)\] {
    top: clamp(188.91px, 25.67vw, 385px) !important;
  }

  .md\:top-\[clamp\(198\.33px\,26\.95vw\,429\.00px\)\] {
    top: clamp(198.33px, 26.95vw, 429px) !important;
  }

  .md\:right-\[clamp\(11\.50px\,1\.56vw\,30\.00px\)\] {
    right: clamp(11.5px, 1.56vw, 30px) !important;
  }

  .md\:right-\[clamp\(16\.64px\,2\.26vw\,36\.00px\)\] {
    right: clamp(16.64px, 2.26vw, 36px) !important;
  }

  .md\:bottom-\[-67px\] {
    bottom: -67px !important;
  }

  .md\:bottom-\[clamp\(11\.50px\,1\.56vw\,30\.00px\)\] {
    bottom: clamp(11.5px, 1.56vw, 30px) !important;
  }

  .md\:left-\[20px\] {
    left: 20px !important;
  }

  .md\:left-\[clamp\(15\.72px\,2\.14vw\,34\.00px\)\] {
    left: clamp(15.72px, 2.14vw, 34px) !important;
  }

  .md\:left-\[clamp\(16\.64px\,2\.26vw\,36\.00px\)\] {
    left: clamp(16.64px, 2.26vw, 36px) !important;
  }

  .md\:left-\[clamp\(18\.49px\,2\.51vw\,40\.00px\)\] {
    left: clamp(18.49px, 2.51vw, 40px) !important;
  }

  .md\:left-\[clamp\(29\.13px\,3\.96vw\,76\.00px\)\] {
    left: clamp(29.13px, 3.96vw, 76px) !important;
  }

  .md\:left-\[clamp\(31\.43px\,4\.27vw\,82\.00px\)\] {
    left: clamp(31.43px, 4.27vw, 82px) !important;
  }

  .md\:left-\[clamp\(107\.26px\,14\.57vw\,232\.00px\)\] {
    left: clamp(107.26px, 14.57vw, 232px) !important;
  }

  .md\:left-\[clamp\(109\.25px\,14\.84vw\,285\.00px\)\] {
    left: clamp(109.25px, 14.84vw, 285px) !important;
  }

  .md\:left-\[clamp\(120\.20px\,16\.33vw\,260\.00px\)\] {
    left: clamp(120.2px, 16.33vw, 260px) !important;
  }

  .md\:left-\[clamp\(285\.58px\,38\.80vw\,745\.00px\)\] {
    left: clamp(285.58px, 38.8vw, 745px) !important;
  }

  .md\:left-\[clamp\(327\.75px\,44\.53vw\,855\.00px\)\] {
    left: clamp(327.75px, 44.53vw, 855px) !important;
  }

  .md\:left-\[clamp\(386\.02px\,52\.45vw\,1007\.00px\)\] {
    left: clamp(386.02px, 51.45vw, 1007px) !important;
  }

  .md\:left-\[clamp\(421\.67px\,57\.29vw\,1100\.00px\)\] {
    left: clamp(421.67px, 57.29vw, 1100px) !important;
  }

  .md\:z-20 {
    z-index: 20 !important;
  }

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

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

  .md\:order-first {
    order: -9999 !important;
  }

  .md\:order-none {
    order: 0 !important;
  }

  .md\:mx-0 {
    margin-inline: calc(var(--spacing) * 0) !important;
  }

  .md\:mx-\[4em\] {
    margin-inline: 4em !important;
  }

  .md\:mx-\[clamp\(11\.50px\,1\.56vw\,30\.00px\)\] {
    margin-inline: clamp(11.5px, 1.56vw, 30px) !important;
  }

  .md\:mx-auto {
    margin-inline: auto !important;
  }

  .md\:mt-0 {
    margin-top: calc(var(--spacing) * 0) !important;
  }

  .md\:mt-6 {
    margin-top: calc(var(--spacing) * 6) !important;
  }

  .md\:mt-20 {
    margin-top: calc(var(--spacing) * 20) !important;
  }

  .md\:mt-\[0px\] {
    margin-top: 0 !important;
  }

  .md\:mt-\[2vw\] {
    margin-top: 2vw !important;
  }

  .md\:mt-\[3em\] {
    margin-top: 3em !important;
  }

  .md\:mt-\[16px\] {
    margin-top: 16px !important;
  }

  .md\:mt-\[25px\] {
    margin-top: 25px !important;
  }

  .md\:mt-\[48\%\] {
    margin-top: 48% !important;
  }

  .md\:mt-\[clamp\(0\.00px\,0\.00vw\,0\.00px\)\] {
    margin-top: clamp(0px, 0vw, 0px) !important;
  }

  .md\:mt-\[clamp\(2\.30px\,0\.31vw\,6\.00px\)\] {
    margin-top: clamp(2.3px, 0.31vw, 6px) !important;
  }

  .md\:mt-\[clamp\(3\.83px\,0\.52vw\,10\.00px\)\] {
    margin-top: clamp(3.83px, 0.52vw, 10px) !important;
  }

  .md\:mt-\[clamp\(4\.60px\,0\.63vw\,12\.00px\)\] {
    margin-top: clamp(4.6px, 0.63vw, 12px) !important;
  }

  .md\:mt-\[clamp\(5\.75px\,0\.78vw\,10\.00px\)\] {
    margin-top: clamp(5.75px, 0.78vw, 10px) !important;
  }

  .md\:mt-\[clamp\(6\.13px\,0\.83vw\,16\.00px\)\] {
    margin-top: clamp(6.13px, 0.83vw, 16px) !important;
  }

  .md\:mt-\[clamp\(6\.90px\,0\.94vw\,18\.00px\)\] {
    margin-top: clamp(6.9px, 0.94vw, 18px) !important;
  }

  .md\:mt-\[clamp\(7\.67px\,1\.04vw\,20\.00px\)\] {
    margin-top: clamp(7.67px, 1.04vw, 20px) !important;
  }

  .md\:mt-\[clamp\(8\.83px\,1\.20vw\,18\.00px\)\] {
    margin-top: clamp(8.83px, 1.2vw, 18px) !important;
  }

  .md\:mt-\[clamp\(10\.17px\,1\.38vw\,22\.00px\)\] {
    margin-top: clamp(10.17px, 1.38vw, 22px) !important;
  }

  .md\:mt-\[clamp\(11\.50px\,1\.56vw\,20\.00px\)\] {
    margin-top: clamp(11.5px, 1.56vw, 20px) !important;
  }

  .md\:mt-\[clamp\(11\.50px\,1\.56vw\,30\.00px\)\] {
    margin-top: clamp(11.5px, 1.56vw, 30px) !important;
  }

  .md\:mt-\[clamp\(13\.74px\,1\.87vw\,28\.00px\)\] {
    margin-top: clamp(13.74px, 1.87vw, 28px) !important;
  }

  .md\:mt-\[clamp\(13\.80px\,1\.88vw\,36\.00px\)\] {
    margin-top: clamp(13.8px, 1.88vw, 36px) !important;
  }

  .md\:mt-\[clamp\(17\.25px\,2\.34vw\,45\.00px\)\] {
    margin-top: clamp(17.25px, 2.34vw, 45px) !important;
  }

  .md\:mt-\[clamp\(18\.40px\,2\.50vw\,32\.00px\)\] {
    margin-top: clamp(18.4px, 2.5vw, 32px) !important;
  }

  .md\:mt-\[clamp\(19\.17px\,2\.60vw\,50\.00px\)\] {
    margin-top: clamp(19.17px, 2.6vw, 50px) !important;
  }

  .md\:mt-\[clamp\(23\.00px\,3\.13vw\,40\.00px\)\] {
    margin-top: clamp(23px, 3.13vw, 40px) !important;
  }

  .md\:mt-\[clamp\(29\.90px\,4\.06vw\,52\.00px\)\] {
    margin-top: clamp(29.9px, 4.06vw, 52px) !important;
  }

  .md\:mt-\[clamp\(34\.50px\,4\.69vw\,90\.00px\)\] {
    margin-top: clamp(34.5px, 4.69vw, 90px) !important;
  }

  .md\:mt-\[clamp\(63\.25px\,8\.59vw\,110\.00px\)\] {
    margin-top: clamp(63.25px, 8.59vw, 110px) !important;
  }

  .md\:mt-\[clamp\(76\.67px\,10\.42vw\,200\.00px\)\] {
    margin-top: clamp(76.67px, 10.42vw, 200px) !important;
  }

  .md\:mr-\[4px\] {
    margin-right: 4px !important;
  }

  .md\:mr-\[15\%\] {
    margin-right: 15% !important;
  }

  .md\:-mb-\[7em\] {
    margin-bottom: -7em !important;
  }

  .md\:mb-0 {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }

  .md\:mb-2 {
    margin-bottom: calc(var(--spacing) * 2) !important;
  }

  .md\:mb-8 {
    margin-bottom: calc(var(--spacing) * 8) !important;
  }

  .md\:mb-\[8px\] {
    margin-bottom: 8px !important;
  }

  .md\:mb-\[16px\] {
    margin-bottom: 16px !important;
  }

  .md\:mb-\[20px\] {
    margin-bottom: 20px !important;
  }

  .md\:mb-\[30px\] {
    margin-bottom: 30px !important;
  }

  .md\:mb-\[70px\] {
    margin-bottom: 70px !important;
  }

  .md\:mb-\[clamp\(2\.45px\,0\.33vw\,5\.00px\)\] {
    margin-bottom: clamp(2.45px, 0.33vw, 5px) !important;
  }

  .md\:mb-\[clamp\(7\.67px\,1\.04vw\,20\.00px\)\] {
    margin-bottom: clamp(7.67px, 1.04vw, 20px) !important;
  }

  .md\:mb-\[clamp\(27\.74px\,3\.77vw\,60\.00px\)\] {
    margin-bottom: clamp(27.74px, 3.77vw, 60px) !important;
  }

  .md\:ml-0 {
    margin-left: calc(var(--spacing) * 0) !important;
  }

  .md\:ml-\[-5em\] {
    margin-left: -5em !important;
  }

  .md\:ml-\[8\%\] {
    margin-left: 8% !important;
  }

  .md\:ml-\[8em\] {
    margin-left: 8em !important;
  }

  .md\:ml-\[50\.8\%\] {
    margin-left: 50.8% !important;
  }

  .md\:ml-\[clamp\(-29\.44px\,-4\.00vw\,-60\.00px\)\] {
    margin-left: clamp(-29.44px, -4vw, -60px) !important;
  }

  .md\:ml-\[clamp\(30\.67px\,4\.17vw\,80\.00px\)\] {
    margin-left: clamp(30.67px, 4.17vw, 80px) !important;
  }

  .md\:block {
    display: block !important;
  }

  .md\:flex {
    display: flex !important;
  }

  .md\:hidden {
    display: none !important;
  }

  .md\:h-\[5px\] {
    height: 5px !important;
  }

  .md\:h-\[20\.3vw\] {
    height: 20.3vw !important;
  }

  .md\:h-\[22\.5px\] {
    height: 22.5px !important;
  }

  .md\:h-\[28\.5px\] {
    height: 28.5px !important;
  }

  .md\:h-\[40vw\] {
    height: 40vw !important;
  }

  .md\:h-\[42px\] {
    height: 42px !important;
  }

  .md\:h-\[45px\] {
    height: 45px !important;
  }

  .md\:h-\[50px\] {
    height: 50px !important;
  }

  .md\:h-\[56vw\] {
    height: 56vw !important;
  }

  .md\:h-\[60px\] {
    height: 60px !important;
  }

  .md\:h-\[120px\] {
    height: 120px !important;
  }

  .md\:h-\[240px\] {
    height: 240px !important;
  }

  .md\:h-\[339px\] {
    height: 339px !important;
  }

  .md\:h-\[597px\] {
    height: 597px !important;
  }

  .md\:h-\[610px\] {
    height: 610px !important;
  }

  .md\:h-\[clamp\(17\.25px\,2\.34vw\,45\.00px\)\] {
    height: clamp(17.25px, 2.34vw, 45px) !important;
  }

  .md\:h-\[clamp\(19\.17px\,2\.60vw\,50\.00px\)\] {
    height: clamp(19.17px, 2.6vw, 50px) !important;
  }

  .md\:h-\[clamp\(20\.80px\,2\.83vw\,45\.00px\)\] {
    height: clamp(20.8px, 2.83vw, 45px) !important;
  }

  .md\:h-\[clamp\(23\.00px\,3\.13vw\,60\.00px\)\] {
    height: clamp(23px, 3.13vw, 60px) !important;
  }

  .md\:h-\[clamp\(24\.92px\,3\.39vw\,65\.00px\)\] {
    height: clamp(24.92px, 3.39vw, 65px) !important;
  }

  .md\:h-\[clamp\(27\.60px\,3\.75vw\,72\.00px\)\] {
    height: clamp(27.6px, 3.75vw, 72px) !important;
  }

  .md\:h-\[clamp\(38\.33px\,5\.21vw\,100\.00px\)\] {
    height: clamp(38.33px, 5.21vw, 100px) !important;
  }

  .md\:h-\[clamp\(40\.25px\,5\.47vw\,105\.00px\)\] {
    height: clamp(40.25px, 5.47vw, 105px) !important;
  }

  .md\:h-\[clamp\(49\.07px\,6\.67vw\,100\.00px\)\] {
    height: clamp(49.07px, 6.67vw, 100px) !important;
  }

  .md\:h-\[clamp\(118\.83px\,16\.15vw\,310\.00px\)\] {
    height: clamp(118.83px, 16.15vw, 310px) !important;
  }

  .md\:h-\[clamp\(122\.67px\,16\.67vw\,320\.00px\)\] {
    height: clamp(122.67px, 16.67vw, 320px) !important;
  }

  .md\:h-\[clamp\(235\.78px\,32\.04vw\,510\.00px\)\] {
    height: clamp(235.78px, 32.04vw, 510px) !important;
  }

  .md\:h-\[clamp\(250\.24px\,34\.00vw\,510\.00px\)\] {
    height: clamp(250.24px, 34vw, 510px) !important;
  }

  .md\:h-\[clamp\(276\.00px\,37\.50vw\,720\.00px\)\] {
    height: clamp(276px, 37.5vw, 720px) !important;
  }

  .md\:h-\[clamp\(297\.08px\,40\.36vw\,775\.00px\)\] {
    height: clamp(297.08px, 40.36vw, 775px) !important;
  }

  .md\:h-\[clamp\(310\.50px\,42\.19vw\,810\.00px\)\] {
    height: clamp(310.5px, 42.19vw, 810px) !important;
  }

  .md\:h-\[clamp\(315\.87px\,42\.92vw\,824\.00px\)\] {
    height: clamp(315.87px, 42.92vw, 824px) !important;
  }

  .md\:h-\[clamp\(316\.25px\,42\.97vw\,825\.00px\)\] {
    height: clamp(316.25px, 42.97vw, 825px) !important;
  }

  .md\:h-\[clamp\(414\.00px\,56\.25vw\,1080\.00px\)\] {
    height: clamp(414px, 56.25vw, 1080px) !important;
  }

  .md\:h-auto {
    height: auto !important;
  }

  .md\:h-full {
    height: 100% !important;
  }

  .md\:max-h-\[390px\] {
    max-height: 390px !important;
  }

  .md\:max-h-\[768px\] {
    max-height: 768px !important;
  }

  .md\:max-h-\[1098px\] {
    max-height: 1098px !important;
  }

  .md\:w-\[5px\] {
    width: 5px !important;
  }

  .md\:w-\[13em\] {
    width: 13em !important;
  }

  .md\:w-\[22\.5px\] {
    width: 22.5px !important;
  }

  .md\:w-\[29\.7vw\] {
    width: 29.7vw !important;
  }

  .md\:w-\[42px\] {
    width: 42px !important;
  }

  .md\:w-\[45\%\] {
    width: 45% !important;
  }

  .md\:w-\[46vw\] {
    width: 46vw !important;
  }

  .md\:w-\[52\%\] {
    width: 52% !important;
  }

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

  .md\:w-\[72px\] {
    width: 72px !important;
  }

  .md\:w-\[103px\] {
    width: 103px !important;
  }

  .md\:w-\[214px\] {
    width: 214px !important;
  }

  .md\:w-\[250px\] {
    width: 250px !important;
  }

  .md\:w-\[275px\] {
    width: 275px !important;
  }

  .md\:w-\[282px\] {
    width: 282px !important;
  }

  .md\:w-\[575px\] {
    width: 575px !important;
  }

  .md\:w-\[685px\] {
    width: 685px !important;
  }

  .md\:w-\[760px\] {
    width: 760px !important;
  }

  .md\:w-\[764px\] {
    width: 764px !important;
  }

  .md\:w-\[clamp\(19\.17px\,2\.60vw\,50\.00px\)\] {
    width: clamp(19.17px, 2.6vw, 50px) !important;
  }

  .md\:w-\[clamp\(20\.80px\,2\.83vw\,45\.00px\)\] {
    width: clamp(20.8px, 2.83vw, 45px) !important;
  }

  .md\:w-\[clamp\(23\.00px\,3\.13vw\,60\.00px\)\] {
    width: clamp(23px, 3.13vw, 60px) !important;
  }

  .md\:w-\[clamp\(38\.33px\,5\.21vw\,100\.00px\)\] {
    width: clamp(38.33px, 5.21vw, 100px) !important;
  }

  .md\:w-\[clamp\(42\.93px\,5\.83vw\,112\.00px\)\] {
    width: clamp(42.93px, 5.83vw, 112px) !important;
  }

  .md\:w-\[clamp\(55\.97px\,7\.60vw\,146\.00px\)\] {
    width: clamp(55.97px, 7.6vw, 146px) !important;
  }

  .md\:w-\[clamp\(57\.50px\,7\.81vw\,150\.00px\)\] {
    width: clamp(57.5px, 7.81vw, 150px) !important;
  }

  .md\:w-\[clamp\(65\.93px\,8\.96vw\,172\.00px\)\] {
    width: clamp(65.93px, 8.96vw, 172px) !important;
  }

  .md\:w-\[clamp\(66\.32px\,9\.01vw\,173\.00px\)\] {
    width: clamp(66.32px, 9.01vw, 173px) !important;
  }

  .md\:w-\[clamp\(69\.00px\,9\.38vw\,180\.00px\)\] {
    width: clamp(69px, 9.38vw, 180px) !important;
  }

  .md\:w-\[clamp\(75\.90px\,10\.31vw\,198\.00px\)\] {
    width: clamp(75.9px, 10.31vw, 198px) !important;
  }

  .md\:w-\[clamp\(98\.13px\,13\.33vw\,200\.00px\)\] {
    width: clamp(98.13px, 13.33vw, 200px) !important;
  }

  .md\:w-\[clamp\(172\.50px\,23\.44vw\,300\.00px\)\] {
    width: clamp(172.5px, 23.44vw, 300px) !important;
  }

  .md\:w-\[clamp\(182\.08px\,24\.74vw\,475\.00px\)\] {
    width: clamp(182.08px, 24.74vw, 475px) !important;
  }

  .md\:w-\[clamp\(218\.50px\,29\.69vw\,380\.00px\)\] {
    width: clamp(218.5px, 29.69vw, 380px) !important;
  }

  .md\:w-\[clamp\(230\.00px\,31\.25vw\,600\.00px\)\] {
    width: clamp(230px, 31.25vw, 600px) !important;
  }

  .md\:w-\[clamp\(316\.25px\,42\.97vw\,550\.00px\)\] {
    width: clamp(316.25px, 42.97vw, 550px) !important;
  }

  .md\:w-\[clamp\(333\.50px\,45\.31vw\,870\.00px\)\] {
    width: clamp(333.5px, 45.31vw, 870px) !important;
  }

  .md\:w-\[clamp\(344\.88px\,44\.8vw\,746\.00px\)\] {
    width: clamp(344.88px, 44.8vw, 746px) !important;
  }

  .md\:w-\[clamp\(488\.75px\,66\.41vw\,1275\.00px\)\] {
    width: clamp(488.75px, 66.41vw, 1275px) !important;
  }

  .md\:w-\[clamp\(591\.76px\,80\.40vw\,1280\.00px\)\] {
    width: clamp(591.76px, 80.4vw, 1280px) !important;
  }

  .md\:w-full {
    width: 100% !important;
  }

  .md\:max-w-\[45\%\] {
    max-width: 45% !important;
  }

  .md\:max-w-\[308px\] {
    max-width: 308px !important;
  }

  .md\:max-w-\[350px\] {
    max-width: 350px !important;
  }

  .md\:max-w-\[392px\] {
    max-width: 392px !important;
  }

  .md\:max-w-\[400px\] {
    max-width: 400px !important;
  }

  .md\:max-w-\[450px\] {
    max-width: 450px !important;
  }

  .md\:max-w-\[570px\] {
    max-width: 570px !important;
  }

  .md\:max-w-\[600px\] {
    max-width: 600px !important;
  }

  .md\:max-w-\[618px\] {
    max-width: 618px !important;
  }

  .md\:max-w-\[716\.00px\] {
    max-width: 716px !important;
  }

  .md\:max-w-\[808px\] {
    max-width: 808px !important;
  }

  .md\:max-w-\[900px\] {
    max-width: 900px !important;
  }

  .md\:max-w-\[1170px\] {
    max-width: 1170px !important;
  }

  .md\:max-w-\[1640px\] {
    max-width: 1640px !important;
  }

  .md\:max-w-\[clamp\(297\.85px\,40\.47vw\,518\.00px\)\] {
    max-width: clamp(297.85px, 40.47vw, 518px) !important;
  }

  .md\:max-w-\[clamp\(460\.00px\,62\.50vw\,1200\.00px\)\] {
    max-width: clamp(460px, 62.5vw, 1200px) !important;
  }

  .md\:max-w-\[clamp\(529\.00px\,71\.88vw\,1380\.00px\)\] {
    max-width: clamp(529px, 71.88vw, 1380px) !important;
  }

  .md\:max-w-\[clamp\(536\.67px\,72\.92vw\,1400\.00px\)\] {
    max-width: clamp(536.67px, 72.92vw, 1400px) !important;
  }

  .md\:max-w-\[clamp\(591\.76px\,80\.40vw\,1280\.00px\)\] {
    max-width: clamp(591.76px, 80.4vw, 1280px) !important;
  }

  .md\:max-w-\[clamp\(681\.38px\,92\.58vw\,1185\.00px\)\] {
    max-width: clamp(681.38px, 92.58vw, 1185px) !important;
  }

  .md\:max-w-\[clamp\(736\.00px\,100\.00vw\,1920\.00px\)\] {
    max-width: clamp(736px, 100vw, 1920px) !important;
  }

  .md\:max-w-\[clamp\(1104\.00px\,150\.00vw\,1920\.00px\)\] {
    max-width: clamp(1104px, 150vw, 1920px) !important;
  }

  .md\:max-w-full {
    max-width: 100% !important;
  }

  .md\:min-w-\[305px\] {
    min-width: 305px !important;
  }

  .md\:min-w-\[330px\] {
    min-width: 330px !important;
  }

  .md\:shrink-1 {
    flex-shrink: 1 !important;
  }

  .md\:scale-85 {
    --tw-scale-x: 85% !important;
    --tw-scale-y: 85% !important;
    --tw-scale-z: 85% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }

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

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

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

  .md\:grid-cols-\[296px_296px\] {
    grid-template-columns: 296px 296px !important;
  }

  .md\:grid-cols-\[352px_296px\] {
    grid-template-columns: 352px 296px !important;
  }

  .md\:grid-cols-\[660px_603px\] {
    grid-template-columns: 660px 603px !important;
  }

  .md\:grid-cols-\[clamp\(136\.84px\,18\.59vw\,296\.00px\)_clamp\(136\.84px\,18\.59vw\,296\.00px\)\] {
    grid-template-columns: clamp(136.84px, 18.59vw, 296px) clamp(136.84px,
        18.59vw,
        296px) !important;
  }

  .md\:grid-cols-\[clamp\(162\.73px\,22\.11vw\,352\.00px\)_clamp\(136\.84px\,18\.59vw\,296\.00px\)\] {
    grid-template-columns: clamp(162.73px, 22.11vw, 352px) clamp(136.84px,
        18.59vw,
        296px) !important;
  }

  .md\:grid-cols-\[clamp\(255\.20px\,34\.67vw\,552\.00px\)_clamp\(344\.88px\,44\.8vw\,716\.00px\)\] {
    grid-template-columns: clamp(255.2px, 34.67vw, 552px) clamp(344.88px,
        44.8vw,
        716px) !important;
  }

  .md\:grid-cols-\[clamp\(305\.13px\,41\.46vw\,660\.00px\)_clamp\(278\.77px\,37\.88vw\,603\.00px\)\] {
    grid-template-columns: clamp(305.13px, 41.46vw, 660px) clamp(278.77px,
        37.88vw,
        603px) !important;
  }

  .md\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
  }

  .md\:grid-rows-\[clamp\(166\.43px\,22\.61vw\,360\.00px\)_clamp\(63\.80px\,8\.67vw\,138\.00px\)\] {
    grid-template-rows: clamp(166.43px, 22.61vw, 360px) clamp(63.8px,
        8.67vw,
        138px) !important;
  }

  .md\:flex-col {
    flex-direction: column !important;
  }

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

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

  .md\:items-end {
    align-items: flex-end !important;
  }

  .md\:justify-center {
    justify-content: center !important;
  }

  .md\:justify-end {
    justify-content: flex-end !important;
  }

  .md\:gap-0 {
    gap: calc(var(--spacing) * 0) !important;
  }

  .md\:gap-2 {
    gap: calc(var(--spacing) * 2) !important;
  }

  .md\:gap-6 {
    gap: calc(var(--spacing) * 6) !important;
  }

  .md\:gap-8 {
    gap: calc(var(--spacing) * 8) !important;
  }

  .md\:gap-20 {
    gap: calc(var(--spacing) * 20) !important;
  }

  .md\:gap-\[5px\] {
    gap: 5px !important;
  }

  .md\:gap-\[8px\] {
    gap: 8px !important;
  }

  .md\:gap-\[10px\] {
    gap: 10px !important;
  }

  .md\:gap-\[12px\] {
    gap: 12px !important;
  }

  .md\:gap-\[15px\] {
    gap: 15px !important;
  }

  .md\:gap-\[18px\] {
    gap: 18px !important;
  }

  .md\:gap-\[20px\] {
    gap: 20px !important;
  }

  .md\:gap-\[22\.5px\] {
    gap: 22.5px !important;
  }

  .md\:gap-\[24px\] {
    gap: 24px !important;
  }

  .md\:gap-\[60px\] {
    gap: 60px !important;
  }

  .md\:gap-\[75px\] {
    gap: 75px !important;
  }

  .md\:gap-\[80px\] {
    gap: 80px !important;
  }

  .md\:gap-\[clamp\(0\.00px\,0\.00vw\,0\.00px\)\] {
    gap: clamp(0px, 0vw, 0px) !important;
  }

  .md\:gap-\[clamp\(3\.83px\,0\.52vw\,10\.00px\)\] {
    gap: clamp(3.83px, 0.52vw, 10px) !important;
  }

  .md\:gap-\[clamp\(6\.13px\,0\.83vw\,16\.00px\)\] {
    gap: clamp(6.13px, 0.83vw, 16px) !important;
  }

  .md\:gap-\[clamp\(8\.43px\,1\.15vw\,22\.00px\)\] {
    gap: clamp(8.43px, 1.15vw, 22px) !important;
  }

  .md\:gap-\[clamp\(9\.20px\,1\.25vw\,24\.00px\)\] {
    gap: clamp(9.2px, 1.25vw, 24px) !important;
  }

  .md\:gap-\[clamp\(18\.40px\,2\.50vw\,48\.00px\)\] {
    gap: clamp(18.4px, 2.5vw, 48px) !important;
  }

  .md\:gap-\[clamp\(19\.17px\,2\.60vw\,50\.00px\)\] {
    gap: clamp(19.17px, 2.6vw, 50px) !important;
  }

  .md\:gap-\[clamp\(26\.83px\,3\.65vw\,70\.00px\)\] {
    gap: clamp(26.83px, 3.65vw, 70px) !important;
  }

  .md\:gap-\[clamp\(27\.60px\,3\.75vw\,72\.00px\)\] {
    gap: clamp(27.6px, 3.75vw, 72px) !important;
  }

  .md\:gap-\[clamp\(30\.67px\,4\.17vw\,80\.00px\)\] {
    gap: clamp(30.67px, 4.17vw, 80px) !important;
  }

  .md\:gap-\[clamp\(46\.00px\,6\.25vw\,120\.00px\)\] {
    gap: clamp(46px, 6.25vw, 120px) !important;
  }

  .md\:gap-\[clamp\(59\.42px\,8\.07vw\,155\.00px\)\] {
    gap: clamp(59.42px, 8.07vw, 155px) !important;
  }

  .md\:gap-x-\[clamp\(7\.67px\,1\.04vw\,20\.00px\)\] {
    column-gap: clamp(7.67px, 1.04vw, 20px) !important;
  }

  .md\:gap-y-\[clamp\(6\.90px\,0\.94vw\,18\.00px\)\] {
    row-gap: clamp(6.9px, 0.94vw, 18px) !important;
  }

  .md\:place-self-stretch {
    place-self: stretch stretch !important;
  }

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

  .md\:rounded-\[12px\] {
    border-radius: 12px !important;
  }

  .md\:rounded-\[39px\] {
    border-radius: 39px !important;
  }

  .md\:rounded-\[50px\] {
    border-radius: 50px !important;
  }

  .md\:rounded-\[109px\] {
    border-radius: 109px !important;
  }

  .md\:rounded-none {
    border-radius: 0 !important;
  }

  .md\:border {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }

  .md\:border-white\/90 {
    border-color: #ffffffe6 !important;
  }

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

  .md\:bg-transparent {
    background-color: #0000 !important;
  }

  .md\:mask-x-from-\[100\%\] {
    -webkit-mask-image:
      var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic) !important;
    mask-image:
      var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic) !important;
    --tw-mask-linear:
      var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom),
      var(--tw-mask-top) !important;
    --tw-mask-right: linear-gradient(to right,
        var(--tw-mask-right-from-color) var(--tw-mask-right-from-position),
        var(--tw-mask-right-to-color) var(--tw-mask-right-to-position)) !important;
    --tw-mask-right-from-position: 100% !important;
    --tw-mask-left: linear-gradient(to left,
        var(--tw-mask-left-from-color) var(--tw-mask-left-from-position),
        var(--tw-mask-left-to-color) var(--tw-mask-left-to-position)) !important;
    --tw-mask-left-from-position: 100% !important;
    -webkit-mask-composite: source-in !important;
    mask-composite: intersect !important;
  }

  .md\:mask-x-to-\[100\%\] {
    -webkit-mask-image:
      var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic) !important;
    mask-image:
      var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic) !important;
    --tw-mask-linear:
      var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom),
      var(--tw-mask-top) !important;
    --tw-mask-right: linear-gradient(to right,
        var(--tw-mask-right-from-color) var(--tw-mask-right-from-position),
        var(--tw-mask-right-to-color) var(--tw-mask-right-to-position)) !important;
    --tw-mask-right-to-position: 100% !important;
    --tw-mask-left: linear-gradient(to left,
        var(--tw-mask-left-from-color) var(--tw-mask-left-from-position),
        var(--tw-mask-left-to-color) var(--tw-mask-left-to-position)) !important;
    --tw-mask-left-to-position: 100% !important;
    -webkit-mask-composite: source-in !important;
    mask-composite: intersect !important;
  }

  .md\:object-cover {
    object-fit: cover !important;
  }

  .md\:p-\[15px\] {
    padding: 15px !important;
  }

  .md\:p-\[16px\] {
    padding: 16px !important;
  }

  .md\:p-\[30px\] {
    padding: 30px !important;
  }

  .md\:p-\[90px\] {
    padding: 90px !important;
  }

  .md\:p-\[clamp\(2\.31px\,0\.31vw\,5\.00px\)\] {
    padding: clamp(2.31px, 0.31vw, 5px) !important;
  }

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

  .md\:px-2 {
    padding-inline: calc(var(--spacing) * 2) !important;
  }

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

  .md\:px-\[2em\] {
    padding-inline: 2em !important;
  }

  .md\:px-\[10px\] {
    padding-inline: 10px !important;
  }

  .md\:px-\[12px\] {
    padding-inline: 12px !important;
  }

  .md\:px-\[20px\] {
    padding-inline: 20px !important;
  }

  .md\:px-\[30px\] {
    padding-inline: 30px !important;
  }

  .md\:px-\[35px\] {
    padding-inline: 35px !important;
  }

  .md\:px-\[clamp\(5\.71px\,5\.71vw\,42\.00px\)\] {
    padding-inline: clamp(5.71px, 5.71vw, 42px) !important;
  }

  .md\:px-\[clamp\(11\.88px\,1\.61vw\,31\.00px\)\] {
    padding-inline: clamp(11.88px, 1.61vw, 31px) !important;
  }

  .md\:px-\[clamp\(23\.00px\,3\.13vw\,40\.00px\)\] {
    padding-inline: clamp(23px, 3.13vw, 40px) !important;
  }

  .md\:py-9 {
    padding-block: calc(var(--spacing) * 9) !important;
  }

  .md\:py-\[10px\] {
    padding-block: 10px !important;
  }

  .md\:py-\[24px\] {
    padding-block: 24px !important;
  }

  .md\:py-\[50px\] {
    padding-block: 50px !important;
  }

  .md\:py-\[80px\] {
    padding-block: 80px !important;
  }

  .md\:py-\[100px\] {
    padding-block: 100px !important;
  }

  .md\:py-\[150px\] {
    padding-block: 150px !important;
  }

  .md\:py-\[clamp\(4\.60px\,0\.63vw\,12\.00px\)\] {
    padding-block: clamp(4.6px, 0.63vw, 12px) !important;
  }

  .md\:py-\[clamp\(39\.25px\,5\.33vw\,80\.00px\)\] {
    padding-block: clamp(39.25px, 5.33vw, 80px) !important;
  }

  .md\:pt-0 {
    padding-top: calc(var(--spacing) * 0) !important;
  }

  .md\:pt-\[3em\] {
    padding-top: 3em !important;
  }

  .md\:pt-\[80px\] {
    padding-top: 80px !important;
  }

  .md\:pt-\[clamp\(26\.83px\,3\.65vw\,70\.00px\)\] {
    padding-top: clamp(26.83px, 3.65vw, 70px) !important;
  }

  .md\:pr-\[clamp\(3\.24px\,0\.44vw\,7\.00px\)\] {
    padding-right: clamp(3.24px, 0.44vw, 7px) !important;
  }

  .md\:pb-0 {
    padding-bottom: calc(var(--spacing) * 0) !important;
  }

  .md\:pb-\[40px\] {
    padding-bottom: 40px !important;
  }

  .md\:pb-\[50px\] {
    padding-bottom: 50px !important;
  }

  .md\:pb-\[80px\] {
    padding-bottom: 80px !important;
  }

  .md\:pb-\[100px\] {
    padding-bottom: 100px !important;
  }

  .md\:pl-\[clamp\(3\.24px\,0\.44vw\,7\.00px\)\] {
    padding-left: clamp(3.24px, 0.44vw, 7px) !important;
  }

  .md\:text-center {
    text-align: center !important;
  }

  .md\:text-left {
    text-align: left !important;
  }

  .md\:text-\[18\.5px\]\/\[1\.3\] {
    font-size: 18.5px !important;
    line-height: 1.3 !important;
  }

  .md\:text-\[22px\]\/\[1\.3\] {
    font-size: 22px !important;
    line-height: 1.3 !important;
  }

  .md\:text-\[32px\]\/\[1\.3\] {
    font-size: 32px !important;
    line-height: 1.3 !important;
  }

  .md\:text-\[15px\] {
    font-size: 15px !important;
  }

  .md\:text-\[16\.5px\] {
    font-size: 16.5px !important;
  }

  .md\:text-\[16px\] {
    font-size: 16px !important;
  }

  .md\:text-\[20px\] {
    font-size: 20px !important;
  }

  .md\:text-\[21px\] {
    font-size: 21px !important;
  }

  .md\:text-\[22\.5px\] {
    font-size: 22.5px !important;
  }

  .md\:text-\[22px\] {
    font-size: 22px !important;
  }

  .md\:text-\[24px\] {
    font-size: 24px !important;
  }

  .md\:text-\[28px\] {
    font-size: 28px !important;
  }

  .md\:text-\[32px\] {
    font-size: 32px !important;
  }

  .md\:text-\[40px\] {
    font-size: 40px !important;
  }

  .md\:text-\[42px\] {
    font-size: 42px !important;
  }

  .md\:text-\[50px\] {
    font-size: 50px !important;
  }

  .md\:text-\[52px\] {
    font-size: 52px !important;
  }

  .md\:text-\[150px\] {
    font-size: 150px !important;
  }

  .md\:text-\[clamp\(6\.01px\,0\.82vw\,13\.00px\)\] {
    font-size: clamp(6.01px, 0.82vw, 13px) !important;
  }

  .md\:text-\[clamp\(6\.13px\,0\.83vw\,16\.00px\)\] {
    font-size: clamp(6.13px, 0.83vw, 16px) !important;
  }

  .md\:text-\[clamp\(7\.67px\,1\.04vw\,20\.00px\)\] {
    font-size: clamp(7.67px, 1.04vw, 20px) !important;
  }

  .md\:text-\[clamp\(8\.43px\,1\.15vw\,22\.00px\)\] {
    font-size: clamp(8.43px, 1.15vw, 22px) !important;
  }

  .md\:text-\[clamp\(9\.20px\,1\.25vw\,24\.00px\)\] {
    font-size: clamp(9.2px, 1.25vw, 24px) !important;
  }

  .md\:text-\[clamp\(9\.25px\,1\.26vw\,20\.00px\)\] {
    font-size: clamp(9.25px, 1.26vw, 20px) !important;
  }

  .md\:text-\[clamp\(10\.30px\,1\.40vw\,21\.00px\)\] {
    font-size: clamp(10.3px, 1.4vw, 21px) !important;
  }

  .md\:text-\[clamp\(10\.73px\,1\.46vw\,28\.00px\)\] {
    font-size: clamp(10.73px, 1.46vw, 28px) !important;
  }

  .md\:text-\[clamp\(10\.79px\,1\.47vw\,22\.00px\)\] {
    font-size: clamp(10.79px, 1.47vw, 22px) !important;
  }

  .md\:text-\[clamp\(12\.07px\,1\.64vw\,21\.00px\)\] {
    font-size: clamp(12.07px, 1.64vw, 21px) !important;
  }

  .md\:text-\[clamp\(12\.94px\,1\.76vw\,28\.00px\)\] {
    font-size: clamp(12.94px, 1.76vw, 28px) !important;
  }

  .md\:text-\[clamp\(16\.10px\,2\.19vw\,42\.00px\)\] {
    font-size: clamp(16.1px, 2.19vw, 42px) !important;
  }

  .md\:text-\[clamp\(17\.66px\,2\.40vw\,36\.00px\)\] {
    font-size: clamp(17.66px, 2.4vw, 36px) !important;
  }

  .md\:text-\[clamp\(23\.55px\,3\.20vw\,48\.00px\)\] {
    font-size: clamp(23.55px, 3.2vw, 48px) !important;
  }

  .md\:text-\[clamp\(27\.48px\,3\.73vw\,56\.00px\)\] {
    font-size: clamp(27.48px, 3.73vw, 56px) !important;
  }

  .md\:leading-\[1\.7\] {
    --tw-leading: 1.7 !important;
    line-height: 1.7 !important;
  }

  .md\:leading-\[36px\] {
    --tw-leading: 36px !important;
    line-height: 36px !important;
  }

  .md\:leading-\[48px\] {
    --tw-leading: 48px !important;
    line-height: 48px !important;
  }

  .md\:leading-\[50px\] {
    --tw-leading: 50px !important;
    line-height: 50px !important;
  }

  .md\:leading-\[60px\] {
    --tw-leading: 60px !important;
    line-height: 60px !important;
  }

  .md\:leading-\[180px\] {
    --tw-leading: 180px !important;
    line-height: 180px !important;
  }

  .md\:leading-normal {
    --tw-leading: var(--leading-normal) !important;
    line-height: var(--leading-normal) !important;
  }

  .md\:font-bold {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }

  .md\:font-light {
    --tw-font-weight: var(--font-weight-light) !important;
    font-weight: var(--font-weight-light) !important;
  }

  .md\:font-medium {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }

  .md\:font-normal {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }

  .md\:font-thin {
    --tw-font-weight: var(--font-weight-thin) !important;
    font-weight: var(--font-weight-thin) !important;
  }

  .md\:text-nowrap {
    text-wrap: nowrap !important;
  }

  .md\:text-gray-200\/80 {
    color: #e5e7ebcc !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .md\:text-gray-200\/80 {
      color: color-mix(in oklab,
          var(--color-gray-200) 80%,
          transparent) !important;
    }
  }

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

  .md\:text-white\/90 {
    color: #ffffffe6 !important;
  }

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

  .md\:invert {
    --tw-invert: invert(100%) !important;
    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, ) !important;
  }
}

@media (min-width: 40rem) {
  .sm\:right-\[\.5em\] {
    right: 0.5em !important;
  }

  .sm\:bottom-\[100px\] {
    bottom: 100px !important;
  }

  .sm\:left-auto {
    left: auto !important;
  }

  .sm\:mt-0 {
    margin-top: calc(var(--spacing) * 0) !important;
  }

  .sm\:mt-3 {
    margin-top: calc(var(--spacing) * 3) !important;
  }

  .sm\:mt-4 {
    margin-top: calc(var(--spacing) * 4) !important;
  }

  .sm\:mt-\[-150px\] {
    margin-top: -150px !important;
  }

  .sm\:mt-\[75px\] {
    margin-top: 75px !important;
  }

  .sm\:mr-\[6px\] {
    margin-right: 6px !important;
  }

  .sm\:mb-8 {
    margin-bottom: calc(var(--spacing) * 8) !important;
  }

  .sm\:mb-12 {
    margin-bottom: calc(var(--spacing) * 12) !important;
  }

  .sm\:flex {
    display: flex !important;
  }

  .sm\:hidden {
    display: none !important;
  }

  .sm\:h-16 {
    height: calc(var(--spacing) * 16) !important;
  }

  .sm\:h-80 {
    height: calc(var(--spacing) * 80) !important;
  }

  .sm\:h-\[6px\] {
    height: 6px !important;
  }

  .sm\:h-\[21px\] {
    height: 21px !important;
  }

  .sm\:h-\[28px\] {
    height: 28px !important;
  }

  .sm\:h-\[37px\] {
    height: 37px !important;
  }

  .sm\:h-\[45px\] {
    height: 45px !important;
  }

  .sm\:h-\[55px\] {
    height: 55px !important;
  }

  .sm\:h-\[69px\] {
    height: 69px !important;
  }

  .sm\:h-\[75px\] {
    height: 75px !important;
  }

  .sm\:h-\[104px\] {
    height: 104px !important;
  }

  .sm\:h-\[575px\] {
    height: 575px !important;
  }

  .sm\:h-\[610px\] {
    height: 610px !important;
  }

  .sm\:h-\[620px\] {
    height: 620px !important;
  }

  .sm\:h-\[920px\] {
    height: 920px !important;
  }

  .sm\:max-h-\[75px\] {
    max-height: 75px !important;
  }

  .sm\:max-h-\[950px\] {
    max-height: 950px !important;
  }

  .sm\:max-h-full {
    max-height: 100% !important;
  }

  .sm\:min-h-\[65px\] {
    min-height: 65px !important;
  }

  .sm\:min-h-\[400px\] {
    min-height: 400px !important;
  }

  .sm\:min-h-\[630px\] {
    min-height: 630px !important;
  }

  .sm\:w-1\/2 {
    width: 50% !important;
  }

  .sm\:w-20 {
    width: calc(var(--spacing) * 20) !important;
  }

  .sm\:w-80 {
    width: calc(var(--spacing) * 80) !important;
  }

  .sm\:w-100 {
    width: calc(var(--spacing) * 100) !important;
  }

  .sm\:w-120 {
    width: calc(var(--spacing) * 120) !important;
  }

  .sm\:w-\[6px\] {
    width: 6px !important;
  }

  .sm\:w-\[21px\] {
    width: 21px !important;
  }

  .sm\:w-\[28px\] {
    width: 28px !important;
  }

  .sm\:w-\[49px\] {
    width: 49px !important;
  }

  .sm\:w-\[69px\] {
    width: 69px !important;
  }

  .sm\:w-\[100\%\] {
    width: 100% !important;
  }

  .sm\:w-\[106px\] {
    width: 106px !important;
  }

  .sm\:w-\[130px\] {
    width: 130px !important;
  }

  .sm\:w-\[520px\] {
    width: 520px !important;
  }

  .sm\:w-auto {
    width: auto !important;
  }

  .sm\:max-w-\[50vw\] {
    max-width: 50vw !important;
  }

  .sm\:max-w-\[80\%\] {
    max-width: 80% !important;
  }

  .sm\:max-w-\[120px\] {
    max-width: 120px !important;
  }

  .sm\:max-w-\[140px\] {
    max-width: 140px !important;
  }

  .sm\:max-w-\[500px\] {
    max-width: 500px !important;
  }

  .sm\:max-w-\[667px\] {
    max-width: 667px !important;
  }

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

  .sm\:flex-col-reverse {
    flex-direction: column-reverse !important;
  }

  .sm\:flex-row {
    flex-direction: row !important;
  }

  .sm\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }

  .sm\:items-center {
    align-items: center !important;
  }

  .sm\:gap-2 {
    gap: calc(var(--spacing) * 2) !important;
  }

  .sm\:gap-4 {
    gap: calc(var(--spacing) * 4) !important;
  }

  .sm\:gap-5 {
    gap: calc(var(--spacing) * 5) !important;
  }

  .sm\:gap-6 {
    gap: calc(var(--spacing) * 6) !important;
  }

  .sm\:gap-8 {
    gap: calc(var(--spacing) * 8) !important;
  }

  .sm\:gap-9 {
    gap: calc(var(--spacing) * 9) !important;
  }

  .sm\:gap-10 {
    gap: calc(var(--spacing) * 10) !important;
  }

  .sm\:gap-11 {
    gap: calc(var(--spacing) * 11) !important;
  }

  .sm\:gap-12 {
    gap: calc(var(--spacing) * 12) !important;
  }

  .sm\:gap-15 {
    gap: calc(var(--spacing) * 15) !important;
  }

  .sm\:gap-20 {
    gap: calc(var(--spacing) * 20) !important;
  }

  .sm\:gap-\[15px\] {
    gap: 15px !important;
  }

  .sm\:gap-\[150px\] {
    gap: 150px !important;
  }

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

  .sm\:p-4 {
    padding: calc(var(--spacing) * 4) !important;
  }

  .sm\:p-\[75px\] {
    padding: 75px !important;
  }

  .sm\:px-6 {
    padding-inline: calc(var(--spacing) * 6) !important;
  }

  .sm\:px-8 {
    padding-inline: calc(var(--spacing) * 8) !important;
  }

  .sm\:px-\[30px\] {
    padding-inline: 30px !important;
  }

  .sm\:px-\[35px\] {
    padding-inline: 35px !important;
  }

  .sm\:px-\[45px\] {
    padding-inline: 45px !important;
  }

  .sm\:py-4 {
    padding-block: calc(var(--spacing) * 4) !important;
  }

  .sm\:py-6 {
    padding-block: calc(var(--spacing) * 6) !important;
  }

  .sm\:py-7 {
    padding-block: calc(var(--spacing) * 7) !important;
  }

  .sm\:py-\[5px\] {
    padding-block: 5px !important;
  }

  .sm\:py-\[21\.5px\] {
    padding-block: 21.5px !important;
  }

  .sm\:py-\[70px\] {
    padding-block: 70px !important;
  }

  .sm\:py-\[120px\] {
    padding-block: 120px !important;
  }

  .sm\:py-\[155px\] {
    padding-block: 155px !important;
  }

  .sm\:pt-10 {
    padding-top: calc(var(--spacing) * 10) !important;
  }

  .sm\:pt-\[10em\] {
    padding-top: 10em !important;
  }

  .sm\:pr-4 {
    padding-right: calc(var(--spacing) * 4) !important;
  }

  .sm\:pr-\[24px\] {
    padding-right: 24px !important;
  }

  .sm\:pb-\[30px\] {
    padding-bottom: 30px !important;
  }

  .sm\:pb-\[75px\] {
    padding-bottom: 75px !important;
  }

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

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

  .sm\:text-\[18px\]\/\[27px\] {
    font-size: 18px !important;
    line-height: 27px !important;
  }

  .sm\:text-\[20px\]\/\[20px\] {
    font-size: 20px !important;
    line-height: 20px !important;
  }

  .sm\:text-\[27px\]\/\[27px\] {
    font-size: 27px !important;
    line-height: 27px !important;
  }

  .sm\:text-\[36px\]\/\[45px\] {
    font-size: 36px !important;
    line-height: 45px !important;
  }

  .sm\:text-\[54px\]\/\[72px\] {
    font-size: 54px !important;
    line-height: 72px !important;
  }

  .sm\:text-\[60px\]\/\[75px\] {
    font-size: 60px !important;
    line-height: 75px !important;
  }

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

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

  .sm\:text-\[15px\] {
    font-size: 15px !important;
  }

  .sm\:text-\[16px\] {
    font-size: 16px !important;
  }

  .sm\:text-\[18px\] {
    font-size: 18px !important;
  }

  .sm\:text-\[20px\] {
    font-size: 20px !important;
  }

  .sm\:text-\[21px\] {
    font-size: 21px !important;
  }

  .sm\:text-\[22px\] {
    font-size: 22px !important;
  }

  .sm\:text-\[24px\] {
    font-size: 24px !important;
  }

  .sm\:text-\[27\.5px\] {
    font-size: 27.5px !important;
  }

  .sm\:text-\[27px\] {
    font-size: 27px !important;
  }

  .sm\:text-\[29px\] {
    font-size: 29px !important;
  }

  .sm\:text-\[34\.5px\] {
    font-size: 34.5px !important;
  }

  .sm\:text-\[35px\] {
    font-size: 35px !important;
  }

  .sm\:text-\[36px\] {
    font-size: 36px !important;
  }

  .sm\:text-\[42px\] {
    font-size: 42px !important;
  }

  .sm\:text-\[50px\] {
    font-size: 50px !important;
  }

  .sm\:text-\[57\.5px\] {
    font-size: 57.5px !important;
  }

  .sm\:text-\[150px\] {
    font-size: 150px !important;
  }

  .sm\:leading-8 {
    --tw-leading: calc(var(--spacing) * 8) !important;
    line-height: calc(var(--spacing) * 8) !important;
  }

  .sm\:leading-\[22\.5px\] {
    --tw-leading: 22.5px !important;
    line-height: 22.5px !important;
  }

  .sm\:leading-\[37px\] {
    --tw-leading: 37px !important;
    line-height: 37px !important;
  }

  .sm\:leading-\[55px\] {
    --tw-leading: 55px !important;
    line-height: 55px !important;
  }

  .sm\:leading-\[60px\] {
    --tw-leading: 60px !important;
    line-height: 60px !important;
  }

  .sm\:leading-\[69px\] {
    --tw-leading: 69px !important;
    line-height: 69px !important;
  }

  .sm\:leading-\[160px\] {
    --tw-leading: 160px !important;
    line-height: 160px !important;
  }
}

@media (min-width: 64rem) {
  .lg\:mx-\[7em\] {
    margin-inline: 7em !important;
  }

  .lg\:mx-auto {
    margin-inline: auto !important;
  }

  .lg\:mt-1 {
    margin-top: calc(var(--spacing) * 1) !important;
  }

  .lg\:mt-\[3vw\] {
    margin-top: 3vw !important;
  }

  .lg\:mt-\[6em\] {
    margin-top: 6em !important;
  }

  .lg\:mb-0 {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }

  .lg\:ml-\[11em\] {
    margin-left: 11em !important;
  }

  .lg\:block {
    display: block !important;
  }

  .lg\:h-\[72px\] {
    height: 72px !important;
  }

  .lg\:h-\[105px\] {
    height: 105px !important;
  }

  .lg\:h-auto {
    height: auto !important;
  }

  .lg\:min-h-\[468px\] {
    min-height: 468px !important;
  }

  .lg\:w-\[28rem\] {
    width: 28rem !important;
  }

  .lg\:w-\[74px\] {
    width: 74px !important;
  }

  .lg\:w-\[90\%\] {
    width: 90% !important;
  }

  .lg\:w-\[105px\] {
    width: 105px !important;
  }

  .lg\:w-\[762px\] {
    width: 762px !important;
  }

  .lg\:w-full {
    width: 100% !important;
  }

  .lg\:max-w-\[300px\] {
    max-width: 300px !important;
  }

  .lg\:max-w-\[1170px\] {
    max-width: 1170px !important;
  }

  .lg\:max-w-\[1200px\] {
    max-width: 1200px !important;
  }

  .lg\:max-w-full {
    max-width: 100% !important;
  }

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

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .lg\:flex-col {
    flex-direction: column !important;
  }

  .lg\:flex-row {
    flex-direction: row !important;
  }

  .lg\:items-end {
    align-items: flex-end !important;
  }

  .lg\:justify-end {
    justify-content: flex-end !important;
  }

  .lg\:gap-6 {
    gap: calc(var(--spacing) * 6) !important;
  }

  .lg\:gap-\[1em\] {
    gap: 1em !important;
  }

  .lg\:gap-\[5px\] {
    gap: 5px !important;
  }

  .lg\:px-3 {
    padding-inline: calc(var(--spacing) * 3) !important;
  }

  .lg\:px-\[3em\] {
    padding-inline: 3em !important;
  }

  .lg\:px-\[30px\] {
    padding-inline: 30px !important;
  }

  .lg\:py-\[3em\] {
    padding-block: 3em !important;
  }

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

  .lg\:text-\[26px\]\/\[1\.25\] {
    font-size: 26px !important;
    line-height: 1.25 !important;
  }

  .lg\:text-\[36px\]\/\[1\.3\] {
    font-size: 36px !important;
    line-height: 1.3 !important;
  }

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

  .lg\:text-\[13px\] {
    font-size: 13px !important;
  }

  .lg\:text-\[18px\] {
    font-size: 18px !important;
  }

  .lg\:text-\[36px\] {
    font-size: 36px !important;
  }
}

@media (min-width: 80rem) {
  .xl\:mt-8 {
    margin-top: calc(var(--spacing) * 8) !important;
  }

  .xl\:mt-\[5vw\] {
    margin-top: 5vw !important;
  }

  .xl\:h-\[240px\] {
    height: 240px !important;
  }

  .xl\:h-\[440px\] {
    height: 440px !important;
  }

  .xl\:max-h-\[58px\] {
    max-height: 58px !important;
  }

  .xl\:w-\[240px\] {
    width: 240px !important;
  }

  .xl\:w-\[375px\] {
    width: 375px !important;
  }

  .xl\:max-w-\[130px\] {
    max-width: 130px !important;
  }

  .xl\:max-w-\[375px\] {
    max-width: 375px !important;
  }

  .xl\:-translate-x-\[150\%\] {
    --tw-translate-x: -150% !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .xl\:translate-x-\[150\%\] {
    --tw-translate-x: 150% !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .xl\:flex-row {
    flex-direction: row !important;
  }

  .xl\:flex-nowrap {
    flex-wrap: nowrap !important;
  }

  .xl\:px-0 {
    padding-inline: calc(var(--spacing) * 0) !important;
  }

  .xl\:px-\[20px\] {
    padding-inline: 20px !important;
  }

  .xl\:pt-3 {
    padding-top: calc(var(--spacing) * 3) !important;
  }

  .xl\:pb-8 {
    padding-bottom: calc(var(--spacing) * 8) !important;
  }

  .xl\:text-\[20px\] {
    font-size: 20px !important;
  }
}

.\[\&_\.swiper-pagination-bullet\]\:h-\[clamp\(3\.02px\,0\.82vw\,6px\)\] .swiper-pagination-bullet {
  height: clamp(3.02px, 0.82vw, 6px) !important;
}

.\[\&_\.swiper-pagination-bullet\]\:w-\[clamp\(31\.17px\,8\.42vw\,62px\)\] .swiper-pagination-bullet {
  width: clamp(31.17px, 8.42vw, 62px) !important;
}

.\[\&_\.swiper-pagination-bullet\]\:rounded-\[clamp\(4\.62px\,0\.63vw\,10px\)\] .swiper-pagination-bullet {
  border-radius: clamp(4.62px, 0.63vw, 10px) !important;
}

.\[\&_\.swiper-pagination-bullet\]\:bg-\[\#c1c1c1\] .swiper-pagination-bullet {
  background-color: #c1c1c1 !important;
}

@media (min-width: 736px) {
  .md\:\[\&_\.swiper-pagination-bullet\]\:h-\[clamp\(3\.24px\,0\.44vw\,7px\)\] .swiper-pagination-bullet {
    height: clamp(3.24px, 0.44vw, 7px) !important;
  }

  .md\:\[\&_\.swiper-pagination-bullet\]\:w-\[clamp\(26\.81px\,3\.64vw\,58px\)\] .swiper-pagination-bullet {
    width: clamp(26.81px, 3.64vw, 58px) !important;
  }
}

.\[\&_\.swiper-pagination-bullet-active\]\:bg-\[\#005eac\] .swiper-pagination-bullet-active {
  background-color: #005eac !important;
}

.\[\&_div\]\:gap-\[clamp\(1\.36px\,1\.36vw\,10\.00px\)\] div {
  gap: clamp(1.36px, 1.36vw, 10px) !important;
}

.\[\&_div\]\:rounded-\[clamp\(1\.36px\,1\.36vw\,10\.00px\)\] div {
  border-radius: clamp(1.36px, 1.36vw, 10px) !important;
}

.\[\&_div\]\:bg-\[\#d9d9d7\] div {
  background-color: #d9d9d7 !important;
}

.\[\&_div\>img\]\:h-\[clamp\(4\.08px\,4\.08vw\,30\.00px\)\] div>img {
  height: clamp(4.08px, 4.08vw, 30px) !important;
}

@media (min-width: 736px) {
  .md\:\[\&_div\>img\]\:h-\[clamp\(6\.79px\,6\.79vw\,50\.00px\)\] div>img {
    height: clamp(6.79px, 6.79vw, 50px) !important;
  }
}

.\[\&_div\>p\]\:text-\[clamp\(1\.77px\,1\.77vw\,13\.00px\)\] div>p {
  font-size: clamp(1.77px, 1.77vw, 13px) !important;
}

.\[\&_div\>p\]\:font-medium div>p {
  --tw-font-weight: var(--font-weight-medium) !important;
  font-weight: var(--font-weight-medium) !important;
}

@media (min-width: 736px) {
  .md\:\[\&_div\>p\]\:text-\[clamp\(1\.36px\,1\.36vw\,10\.00px\)\] div>p {
    font-size: clamp(1.36px, 1.36vw, 10px) !important;
  }
}

.\[\&_h3\]\:top-\[clamp\(2\.99px\,2\.99vw\,22\.00px\)\] h3 {
  top: clamp(2.99px, 2.99vw, 22px) !important;
}

.\[\&_h3\]\:bottom-\[clamp\(5\.03px\,1\.36vw\,10\.00px\)\] h3 {
  bottom: clamp(5.03px, 1.36vw, 10px) !important;
}

.\[\&_h3\]\:left-\[clamp\(2\.99px\,2\.99vw\,22\.00px\)\] h3 {
  left: clamp(2.99px, 2.99vw, 22px) !important;
}

.\[\&_h3\]\:left-\[clamp\(11\.06px\,2\.99vw\,22\.00px\)\] h3 {
  left: clamp(11.06px, 2.99vw, 22px) !important;
}

.\[\&_h3\]\:text-left h3 {
  text-align: left !important;
}

.\[\&_h3\]\:text-\[clamp\(3\.53px\,3\.53vw\,26\.00px\)\] h3 {
  font-size: clamp(3.53px, 3.53vw, 26px) !important;
}

.\[\&_h3\]\:text-\[clamp\(11\.06px\,2\.99vw\,22\.00px\)\] h3 {
  font-size: clamp(11.06px, 2.99vw, 22px) !important;
}

.\[\&_h3\]\:font-medium h3 {
  --tw-font-weight: var(--font-weight-medium) !important;
  font-weight: var(--font-weight-medium) !important;
}

.\[\&_h3\]\:font-semibold h3 {
  --tw-font-weight: var(--font-weight-semibold) !important;
  font-weight: var(--font-weight-semibold) !important;
}

.\[\&_h3\]\:text-white h3 {
  color: var(--color-white) !important;
}

@media (min-width: 736px) {
  .\[\&_h3\]\:md\:bottom-\[clamp\(5\.55px\,0\.75vw\,12\.00px\)\] h3 {
    bottom: clamp(5.55px, 0.75vw, 12px) !important;
  }

  .\[\&_h3\]\:md\:left-\[clamp\(10\.17px\,1\.38vw\,22\.00px\)\] h3 {
    left: clamp(10.17px, 1.38vw, 22px) !important;
  }

  .md\:\[\&_h3\]\:left-\[clamp\(18\.49px\,2\.51vw\,40\.00px\)\] h3 {
    left: clamp(18.49px, 2.51vw, 40px) !important;
  }

  .\[\&_h3\]\:md\:text-\[clamp\(10\.17px\,1\.38vw\,22\.00px\)\] h3 {
    font-size: clamp(10.17px, 1.38vw, 22px) !important;
  }

  .md\:\[\&_h3\]\:text-\[clamp\(12\.94px\,1\.76vw\,28\.00px\)\] h3 {
    font-size: clamp(12.94px, 1.76vw, 28px) !important;
  }

  .md\:\[\&_h3\]\:font-light h3 {
    --tw-font-weight: var(--font-weight-light) !important;
    font-weight: var(--font-weight-light) !important;
  }
}

.\[\&_p\]\:absolute p {
  position: absolute !important;
}

.\[\&_p\]\:w-\[80\%\] p {
  width: 80% !important;
}

.\[\&_p\]\:text-center p {
  text-align: center !important;
}

.\[\&_p\]\:text-\[clamp\(1\.90px\,1\.90vw\,14\.00px\)\] p {
  font-size: clamp(1.9px, 1.9vw, 14px) !important;
}

.\[\&_p\]\:text-\[clamp\(2\.17px\,2\.17vw\,16\.00px\)\] p {
  font-size: clamp(2.17px, 2.17vw, 16px) !important;
}

.\[\&_p\]\:text-\[clamp\(2\.45px\,2\.45vw\,18\.00px\)\] p {
  font-size: clamp(2.45px, 2.45vw, 18px) !important;
}

.\[\&_p\]\:text-\[clamp\(2\.72px\,2\.72vw\,20\.00px\)\] p {
  font-size: clamp(2.72px, 2.72vw, 20px) !important;
}

.\[\&_p\]\:text-\[clamp\(2\.85px\,2\.85vw\,21\.00px\)\] p {
  font-size: clamp(2.85px, 2.85vw, 21px) !important;
}

.\[\&_p\]\:text-\[clamp\(3\.40px\,3\.40vw\,25\.00px\)\] p {
  font-size: clamp(3.4px, 3.4vw, 25px) !important;
}

.\[\&_p\]\:font-light p {
  --tw-font-weight: var(--font-weight-light) !important;
  font-weight: var(--font-weight-light) !important;
}

.\[\&_p\]\:font-medium p {
  --tw-font-weight: var(--font-weight-medium) !important;
  font-weight: var(--font-weight-medium) !important;
}

.\[\&_p\]\:font-normal p {
  --tw-font-weight: var(--font-weight-normal) !important;
  font-weight: var(--font-weight-normal) !important;
}

.\[\&_p\]\:text-nowrap p {
  text-wrap: nowrap !important;
}

.\[\&_p\]\:text-white p {
  color: var(--color-white) !important;
}

.\[\&_p\]\:text-white\/80 p {
  color: #fffc !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .\[\&_p\]\:text-white\/80 p {
    color: color-mix(in oklab, var(--color-white) 80%, transparent) !important;
  }
}

.\[\&_p\]\:text-white\/90 p {
  color: #ffffffe6 !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .\[\&_p\]\:text-white\/90 p {
    color: color-mix(in oklab, var(--color-white) 90%, transparent) !important;
  }
}

@media (min-width: 736px) {
  .md\:\[\&_p\]\:text-left p {
    text-align: left !important;
  }

  .\[\&_p\]\:md\:text-\[clamp\(4\.60px\,0\.63vw\,8\.00px\)\] p {
    font-size: clamp(4.6px, 0.63vw, 8px) !important;
  }

  .\[\&_p\]\:md\:text-\[clamp\(8\.43px\,1\.15vw\,22\.00px\)\] p {
    font-size: clamp(8.43px, 1.15vw, 22px) !important;
  }

  .\[\&_p\]\:md\:text-\[clamp\(9\.20px\,1\.25vw\,24\.00px\)\] p {
    font-size: clamp(9.2px, 1.25vw, 24px) !important;
  }

  .\[\&_p\]\:md\:text-\[clamp\(11\.50px\,1\.56vw\,30\.00px\)\] p {
    font-size: clamp(11.5px, 1.56vw, 30px) !important;
  }

  .md\:\[\&_p\]\:text-\[clamp\(7\.67px\,1\.04vw\,20\.00px\)\] p {
    font-size: clamp(7.67px, 1.04vw, 20px) !important;
  }

  .md\:\[\&_p\]\:text-\[clamp\(9\.20px\,1\.25vw\,24\.00px\)\] p {
    font-size: clamp(9.2px, 1.25vw, 24px) !important;
  }

  .md\:\[\&_p\]\:text-\[clamp\(9\.25px\,1\.26vw\,20\.00px\)\] p {
    font-size: clamp(9.25px, 1.26vw, 20px) !important;
  }

  .md\:\[\&_p\]\:font-light p {
    --tw-font-weight: var(--font-weight-light) !important;
    font-weight: var(--font-weight-light) !important;
  }

  .md\:\[\&_p\]\:font-medium p {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }

  .\[\&_p\]\:md\:text-nowrap p {
    text-wrap: nowrap !important;
  }
}

@media (min-width: 80rem) {
  .\[\&_p\]\:xl\:text-\[clamp\(6\.13px\,0\.83vw\,16\.00px\)\] p {
    font-size: clamp(6.13px, 0.83vw, 16px) !important;
  }
}

.\[\&\.active\]\:text-\[\#2353BD\].active {
  color: #2353bd !important;
}

.\[\&\.disabled\]\:cursor-default.disabled {
  cursor: default !important;
}

.\[\&\.disabled\]\:opacity-30.disabled {
  opacity: 0.3 !important;
}

.\[\&\.open\]\:text-black.open,
.\[\&\.selected\]\:text-black.selected {
  color: var(--color-black) !important;
}

.open .\[\.open_\&\]\:rotate-180 {
  rotate: 180deg !important;
}

.selected .\[\.selected_\&\]\:visible {
  visibility: visible !important;
}

.selected .\[\.selected_\&\]\:rotate-180 {
  rotate: 180deg !important;
}

@media (min-width: 1600px) {
  .\[\@media_\(min-width\:1600px\)\]\:text-\[24px\] {
    font-size: 24px !important;
  }

  .\[\@media_\(min-width\:1600px\)\]\:text-\[50px\] {
    font-size: 50px !important;
  }

  .\[\@media_\(min-width\:1600px\)\]\:leading-\[60px\] {
    --tw-leading: 60px !important;
    line-height: 60px !important;
  }
}

@media (min-width: 1920px) {
  .\[\@media_\(min-width\:1920px\)\]\:mt-26 {
    margin-top: calc(var(--spacing) * 26) !important;
  }
}

.tapo-dl130-container {
  color: #fff;
  text-align: center;
  font-size: 56px;
  font-weight: 800;
  line-height: normal;
  overflow-x: hidden;
}

.tapo-dl130-container h1 {
  letter-spacing: 0.05em;
  font-size: clamp(7.34px, 7.34vw, 54px);
  font-weight: 600;
  line-height: 1.3;
}

.tapo-dl130-container h2 {
  font-size: clamp(4.62px, 4.62vw, 34px);
  font-weight: 800;
  line-height: normal;
}

.tapo-dl130-container h3 {
  letter-spacing: 0.05em;
  font-size: clamp(4.08px, 4.08vw, 30px);
  font-weight: 600;
  line-height: 1.3;
}

@media (min-width: 737px) {
  .tapo-dl130-container h1 {
    letter-spacing: 0.05em;
    font-size: clamp(19.17px, 2.6vw, 50px);
    font-weight: 600;
    line-height: 1.3;
  }

  .tapo-dl130-container h2 {
    font-size: clamp(13.23px, 1.8vw, 34.5px);
  }

  .tapo-dl130-container h3 {
    font-size: clamp(9.2px, 1.25vw, 24px);
    font-weight: 500;
  }

  .tapo-dl130-container h4 {
    font-size: 21px;
    font-weight: 500;
  }

  .tapo-dl130-container h5 {
    font-size: 16.5px;
  }

  .tapo-dl130-container h6 {
    font-size: 15.75px;
  }

  .tapo-dl130-container p {
    font-size: 15px;
  }
}

.tapo-dl130-container .swiper-button-next:after,
.tapo-dl130-container .swiper-button-prev:after {
  content: "";
  display: none;
}

@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-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

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

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

@media (max-width: 736px) {
  .video-hero-section {
    height: auto !important;
    min-height: 0 !important;
  }

  .video-hero-section astro-island,
  .video-hero-section astro-island>div {
    height: auto !important;
  }

  .video-hero-section astro-island h1 {
    display: none !important;
  }

  .video-hero-section astro-island>div>div {
    margin-top: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
  }

  .video-hero-section video {
    display: block;
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
  }

  .locked-in-section {
    height: clamp(168.63px, 168.63vw, 1241px) !important;
    overflow: hidden;
  }

  .locked-in-section .locked-in-bg {
    display: block;
    top: clamp(42px, 28vw, 206px) !important;
    bottom: auto !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 736 / 1035;
    max-width: none !important;
  }

  .locked-in-section .locked-in-bg img {
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
  }

  .powered-section .powered-content {
    gap: clamp(8px, 2.2vw, 16px) !important;
    padding-top: 20px !important;
    padding-bottom: 36px !important;
  }

  .powered-section .powered-title {
    margin-top: 0 !important;
  }

  .powered-section .powered-feature-list {
    margin-top: 0 !important;
  }

  .powered-section .powered-feature-list>img {
    width: clamp(9.48px, 9.48vw, 69.8px) !important;
    object-fit: contain;
    visibility: hidden;
  }

  .powered-section .powered-feature-list p {
    position: relative;
  }

  .powered-section .powered-feature-list p::before {
    content: "";
    position: absolute;
    top: 0;
    left: clamp(-75.1px, -10.2vw, -10.2px);
    width: clamp(8.5px, 8.5vw, 62.6px);
    background-image: url("https://static-product-no-cdn.tp-link.com/tapo-dl130_v1/img/1780945116845_1780348622472_powered-icons.png");
    background-repeat: no-repeat;
    background-size: clamp(8.5px, 8.5vw, 62.6px) auto;
    opacity: 0.7;
  }

  .powered-section .powered-feature-list p:nth-child(1)::before {
    height: clamp(7.75px, 7.75vw, 57px);
    background-position: 50% 0;
  }

  .powered-section .powered-feature-list p:nth-child(2)::before {
    height: clamp(9.79px, 9.79vw, 72.1px);
    background-position: 50% clamp(-106px, -14.42vw, -14.42px);
  }

  .powered-section .powered-feature-list p:nth-child(3)::before {
    height: clamp(6.99px, 6.99vw, 51.5px);
    background-position: 50% clamp(-226.7px, -30.77vw, -30.77px);
  }

  .powered-section .powered-battery-labels {
    top: clamp(94.5px, 93.5vw, 696px) !important;
    left: clamp(15px, 15vw, 110px) !important;
    width: clamp(108px, 34vw, 250px);
  }

  .powered-section .powered-battery-labels p {
    width: 100%;
    white-space: nowrap;
  }
}

@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-pan-x {
  syntax: "*";
  inherits: false;
}

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

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

@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}

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

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

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

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

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

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-mask-linear {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}

@property --tw-mask-radial {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}

@property --tw-mask-conic {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}

@property --tw-mask-left {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}

@property --tw-mask-right {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}

@property --tw-mask-bottom {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}

@property --tw-mask-top {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}

@property --tw-mask-right-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}

@property --tw-mask-right-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}

@property --tw-mask-right-from-color {
  syntax: "*";
  inherits: false;
  initial-value: black;
}

@property --tw-mask-right-to-color {
  syntax: "*";
  inherits: false;
  initial-value: transparent;
}

@property --tw-mask-left-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}

@property --tw-mask-left-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}

@property --tw-mask-left-from-color {
  syntax: "*";
  inherits: false;
  initial-value: black;
}

@property --tw-mask-left-to-color {
  syntax: "*";
  inherits: false;
  initial-value: transparent;
}

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

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

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

@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-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;
}

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

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

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

astro-island,
astro-slot,
astro-static-slot {
  display: contents;
}

/* Compatibility utilities for classes present in index.html */
.justify-left {
  justify-content: flex-start !important;
}

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

.text-normal {
  font-weight: 400 !important;
}

.color-white {
  color: #fff !important;
}

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

.border-collapse {
  border-collapse: collapse !important;
}

.border-b-2 {
  border-bottom-width: 2px !important;
}

.px-auto {
  padding-inline: 0 !important;
}

.space-y-0> :not([hidden])~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(0px * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-block-end: calc(0px * var(--tw-space-y-reverse)) !important;
}

.max-h-0 {
  max-height: 0 !important;
}

.line-height-\[1\.3\] {
  line-height: 1.3 !important;
}

@media (width >=48rem) {
  .md\:line-height-\[1\.3\] {
    line-height: 1.3 !important;
  }
}

.custom-passcode-options p {
  width: 80%;
  font-size: clamp(3.59px, 3.59vw, 26.4px) !important;
  line-height: 1.25;
  font-weight: 500 !important;
  text-align: center;
}

@media (min-width: 737px) {
  .custom-passcode-options p {
    font-size: clamp(10.12px, 1.38vw, 26.4px) !important;
    line-height: 1.3;
  }
}

.custom-passcode-options>div {
  min-width: 0;
}

.custom-passcode-options img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto !important;
  aspect-ratio: 585 / 580;
  object-fit: cover;
}

.custom-passcode-section {
  padding-top: 70px !important;
}

.custom-passcode-title {
  line-height: 1.18 !important;
  letter-spacing: 0;
}

@media (min-width: 737px) {
  .custom-passcode-section {
    padding-top: clamp(82px, 11.2vw, 90px) !important;
  }

  .custom-passcode-inner {
    width: min(calc(100% - 84px), 686px) !important;
    max-width: min(calc(100% - 84px), 686px) !important;
  }

  .custom-passcode-title {
    font-size: clamp(42px, 6vw, 48px) !important;
    line-height: 1.14 !important;
    white-space: nowrap;
  }

  .custom-passcode-options {
    margin-top: clamp(38px, 5.2vw, 44px) !important;
    column-gap: 10px !important;
  }

  .custom-passcode-options>div {
    flex: 0 0 calc((100% - 20px) / 3) !important;
    gap: clamp(32px, 4.43vw, 34px) !important;
  }

  .custom-passcode-options img {
    border-radius: 12px;
  }

  .custom-passcode-options p {
    width: 100% !important;
    font-size: clamp(22px, 3.13vw, 24px) !important;
    line-height: 1.32;
  }
}

.tapo-dl130-container p.text-\[clamp\(2\.99px\,2\.99vw\,22\.00px\)\] {
  font-size: clamp(3.59px, 3.59vw, 26.4px) !important;
}

@media (min-width: 736px) {
  .tapo-dl130-container p.md\:text-\[clamp\(8\.43px\,1\.15vw\,22\.00px\)\] {
    font-size: clamp(10.12px, 1.38vw, 26.4px) !important;
  }

  .tapo-dl130-container p.md\:text-\[clamp\(12\.07px\,1\.64vw\,21\.00px\)\] {
    font-size: clamp(14.48px, 1.97vw, 25.2px) !important;
  }
}

.hero-product-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box;
  min-width: clamp(130px, 12.3vw, 140px) !important;
  min-height: clamp(32px, 3.1vw, 35px) !important;
  padding: clamp(8px, 0.8vw, 9px) clamp(20px, 2.1vw, 24px) !important;
  border-color: rgba(0, 0, 0, 0.95) !important;
  color: #000 !important;
  text-align: center !important;
  white-space: nowrap;
  font-size: clamp(15px, 1.4vw, 16px) !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

@media (min-width: 736px) {
  .hero-product-pill {
    margin-top: clamp(16px, 1vw, 20px) !important;
    border-width: 1px !important;
    border-color: rgba(255, 255, 255, 0.95) !important;
    color: #fff !important;
  }
}

.compare-section {
  background: #ececef;
  padding: 56px clamp(10px, 2vw, 22px) 82px;
}

.compare-wrap {
  width: min(calc(100% - clamp(28px, 4vw, 56px)), 1500px);
  max-width: 1500px;
  margin: 0 auto;
}

#find-smart-lock .compare-title {
  margin: 0 0 clamp(50px, 5vw, 80px);
  text-align: center;
  font-size: clamp(5.16px, 5.16vw, 38px);
  line-height: 1.3;
  font-weight: 400;
  color: #000;
}

@media (min-width: 737px) {
  #find-smart-lock .compare-title {
    font-size: clamp(19.17px, 2.6vw, 50px);
  }
}

.compare-table-shell {
  position: relative;
  padding: clamp(8px, 1vw, 12px);
  border-radius: clamp(18px, 2.5vw, 28px);
  overflow: visible;
  background: #f4f4f4;
  box-shadow: inset 0 0 0 1px #dedede;
}

.compare-featured-highlight {
  position: absolute;
  top: calc(-1 * clamp(8px, 1vw, 12px));
  bottom: calc(-1 * clamp(8px, 1vw, 12px));
  left: calc(24% + clamp(8px, 1vw, 12px));
  width: calc(25.3333% - clamp(8px, 1vw, 12px));
  border-radius: clamp(16px, 2vw, 22px);
  background: #bcc3cf;
  z-index: 0;
  pointer-events: none;
}

.compare-table {
  position: relative;
  z-index: 1;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.compare-table th,
.compare-table td {
  border-bottom: 1px solid #dddddf;
}

.compare-table tbody tr:last-child th,
.compare-table tbody tr:last-child td {
  border-bottom: none;
}

.compare-table .label-col,
.compare-table .row-head {
  width: 24%;
}

.compare-table .product-col,
.compare-table td {
  width: 25.3333%;
}

.compare-head-row th {
  vertical-align: top;
  background: #f4f4f4;
  padding: clamp(14px, 2vw, 24px) clamp(14px, 2vw, 22px) clamp(10px, 1.5vw, 14px);
}

.compare-head-row .product-col {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

.compare-table .featured-col {
  background: transparent;
}

.compare-pill {
  --compare-pill-tracking: clamp(1.5px, 0.3vw, 3.2px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: clamp(92px, 15vw, 122px);
  height: clamp(24px, 3vw, 26px);
  border: clamp(1px, 0.2vw, 1.5px) solid #0a67b6;
  border-radius: 999px;
  background: transparent;
  color: #0a67b6;
  letter-spacing: var(--compare-pill-tracking);
  font-size: clamp(11px, 1.5vw, 12px);
  font-weight: 500;
  margin-bottom: 0;
  text-indent: var(--compare-pill-tracking);
  white-space: nowrap;
}

.compare-pill.active {
  background: #0a67b6;
  color: #fff;
}

.product-image {
  display: block;
  position: static;
  left: auto;
  width: clamp(160px, 14vw, 240px);
  height: auto;
  max-width: none;
  object-fit: contain;
  transform: none;
  margin: clamp(22px, 2.2vw, 34px) auto clamp(24px, 2.6vw, 42px);
}

.product-name {
  margin: 0;
  text-align: center;
  font-size: clamp(12px, 2vw, 38px);
  line-height: 1.2;
  font-weight: 600;
  color: #4d4d50;
}

.row-head {
  text-align: left;
  padding: clamp(10px, 1.5vw, 14px) clamp(14px, 2vw, 22px);
  color: #505054;
  font-size: clamp(9px, 2vw, 22px);
  line-height: 1.25;
  font-weight: 500;
  background: #f4f4f4;
}

.row-head.strong {
  font-weight: 700;
}

#find-smart-lock .row-head.bullet {
  padding-left: clamp(78px, 5.4vw, 96px);
  position: relative;
}

#find-smart-lock .row-head.bullet::before {
  content: "";
  position: absolute;
  left: clamp(52px, 4vw, 62px);
  top: clamp(16px, 2vw, 20px);
  width: clamp(3px, 0.5vw, 4px);
  height: clamp(3px, 0.5vw, 4px);
  border-radius: 50%;
  background: currentColor;
}

.center {
  text-align: center;
  color: #4f4f52;
  font-size: clamp(10px, 1.8vw, 18px);
  line-height: 1.3;
  font-weight: 500;
  padding: clamp(10px, 1.5vw, 14px) clamp(8px, 1vw, 12px);
}

.check-dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #0a67b6;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.buy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 108px;
  height: 30px;
  border-radius: 999px;
  background: #0a67b6;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  line-height: 1;
  gap: 6px;
}

.faq-section {
  background: #ececef;
  padding: 58px clamp(5.71px, 3vw, 30px) 84px;
}

.faq-wrap {
  width: min(calc(100% - clamp(28px, 4vw, 56px)), 1500px);
  max-width: 1500px;
  margin: 0 auto;
}

#faq-section .faq-title {
  margin: 0 0 clamp(20px, 2vw, 28px);
  text-align: center;
  color: #000;
  font-size: clamp(5.16px, 5.16vw, 38px);
  font-weight: 400;
  line-height: 1.3;
}

@media (min-width: 737px) {
  #faq-section .faq-title {
    font-size: clamp(19.17px, 2.6vw, 50px);
  }
}

.faq-card {
  background: #f4f4f4;
  border-radius: clamp(18px, 2.5vw, 28px);
  padding: clamp(16px, 2vw, 24px) clamp(20px, 3vw, 46px);
  text-align: left;
}

.faq-row {
  border-bottom: 1px solid #d0d0d2;
  padding: clamp(28px, 2.4vw, 34px) 0 clamp(28px, 2.4vw, 34px);
}

.faq-row.no-border {
  border-bottom: none;
}

.faq-question-line {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.faq-question-line h3 {
  margin: 0;
  color: #000;
  font-family: "Aktiv Grotesk", var(--default-font-family), sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  word-wrap: break-word;
}

.faq-caret {
  display: none;
}

.faq-question-line::after {
  content: "";
  display: block;
  box-sizing: border-box;
  flex: 0 0 14px;
  width: 14px;
  height: 8px;
  margin-top: 13px;
  margin-right: 0;
  background: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 1.5L7 6.5L12 1.5' stroke='%237F8083' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px 8px no-repeat;
  border: 0;
  transform: none;
  transform-origin: center;
}

.faq-row.is-open .faq-question-line::after {
  transform: rotate(180deg);
}

.faq-row p {
  margin: 24px 0 0;
  color: #000;
  font-family: "Aktiv Grotesk", var(--default-font-family), sans-serif;
  font-size: 17px;
  line-height: 23.8px;
  font-weight: 400;
  text-align: left;
  word-wrap: break-word;
}

.faq-row.is-closed p {
  display: none;
}

.faq-row.is-open {
  padding-bottom: clamp(18px, 1.7vw, 22px);
}

@media (max-width: 736px) {

  html,
  body,
  .overview-content {
    max-width: 100%;
    overflow-x: hidden;
  }

  .compare-wrap,
  .faq-wrap {
    width: calc(100% - 24px);
    max-width: none;
  }

  #find-smart-lock .compare-title {
    margin-bottom: clamp(16px, 2vw, 20px);
    font-size: clamp(5.16px, 5.16vw, 38px);
    line-height: 1.18;
  }

  .compare-section {
    padding: 42px 0 60px;
    overflow-x: clip;
  }

  .compare-table-shell {
    padding: 0;
    margin-inline: 0;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    border-radius: 14px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
  }

  .compare-featured-highlight {
    display: none;
  }

  .compare-table .featured-col {
    background: #d0d5de;
  }

  .compare-table-shell::-webkit-scrollbar {
    display: none;
  }

  .compare-table {
    min-width: 610px;
    width: 610px;
  }

  .compare-head-row th {
    padding: 16px 8px 12px;
  }

  .compare-table .label-col,
  .compare-table .row-head {
    width: 168px;
  }

  .compare-table .product-col,
  .compare-table td {
    width: 147px;
  }

  .compare-pill {
    --compare-pill-tracking: 2px;
    min-width: 92px;
    height: 24px;
    margin-bottom: 0;
    border-width: 1px;
    font-size: 11px;
    letter-spacing: var(--compare-pill-tracking);
  }

  .product-image {
    position: relative;
    left: 50%;
    width: clamp(160px, 42vw, 205px);
    height: auto;
    max-width: none;
    margin: 28px auto 28px;
    object-fit: contain;
    transform: translateX(-50%);
  }

  .product-name {
    font-size: 11px;
    line-height: 1.25;
  }

  .row-head {
    padding: 12px 16px;
    font-size: 9px;
    line-height: 1.25;
  }

  #find-smart-lock .row-head.bullet {
    padding-left: 68px;
  }

  #find-smart-lock .row-head.bullet::before {
    left: 50px;
    top: 16px;
    width: 3px;
    height: 3px;
  }

  .center {
    padding: 12px 8px;
    font-size: 10px;
    line-height: 1.35;
  }

  .check-dot {
    width: 18px;
    height: 18px;
    font-size: 11px;
  }

  .buy-btn {
    min-width: 96px;
    height: 28px;
    gap: 5px;
    font-size: 10px;
  }

  .faq-section {
    padding: 46px 0 70px;
    overflow-x: clip;
  }

  #find-smart-lock .compare-title {
    margin-bottom: clamp(34px, 4vw, 56px);
  }

  @media (max-width: 736px) {
    #find-smart-lock .compare-title {
      margin-bottom: clamp(34px, 7vw, 52px);
    }
  }

  #faq-section .faq-title {
    margin-bottom: clamp(16px, 2vw, 20px);
    text-align: center;
    font-size: clamp(5.16px, 5.16vw, 38px);
    line-height: 1.18;
  }

  .faq-card {
    border-radius: 14px;
    padding: 8px 16px;
  }

  .faq-row {
    padding: 24px 0;
  }

  .faq-question-line {
    align-items: flex-start;
    gap: 10px;
  }

  .faq-question-line h3 {
    flex: 1;
    color: #000;
    font-family: "Aktiv Grotesk", var(--default-font-family), sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    text-align: left;
    word-wrap: break-word;
  }

  .faq-caret {
    display: none;
  }

  .faq-question-line::after {
    content: "";
    display: block;
    box-sizing: border-box;
    flex: 0 0 12px;
    width: 12px;
    height: 7px;
    margin-top: 6px;
    margin-right: 0;
    background: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.7 1.25L6 5.55L10.3 1.25' stroke='%238E8E93' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px 7px no-repeat;
    border: 0;
    transform: none;
    transform-origin: center;
  }

  .faq-row.is-open .faq-question-line::after {
    transform: rotate(180deg);
  }

  .faq-row p {
    margin-top: 20px;
    color: #000;
    font-family: "Aktiv Grotesk", var(--default-font-family), sans-serif;
    font-size: 17px;
    line-height: 23.8px;
    font-weight: 400;
    letter-spacing: 0;
    text-align: left;
    word-wrap: break-word;
  }

  .faq-row.is-closed p {
    display: none;
  }
}

.unlock-ways-section {
  text-align: center;
}

.unlock-slide-subtitle {
  margin-top: clamp(10px, 1.4vw, 18px);
  margin-left: 0;
  color: #111111;
  font-size: clamp(18px, 3vw, 32px);
  line-height: 1.15;
}

.unlock-carousel-heading {
  margin-bottom: clamp(8px, 1.1vw, 16px);
}

.unlock-carousel-heading.is-unlock-app #unlock-carousel-title {
  font-weight: 600;
  letter-spacing: -0.02em;
}

.unlock-carousel-heading.is-unlock-app #unlock-carousel-subtitle {
  font-size: clamp(18px, 2.1vw, 30px);
  font-weight: 600;
  line-height: 1.2;
}

.unlock-carousel-heading.is-unlock-strength #unlock-carousel-title {
  font-weight: 600;
  letter-spacing: -0.02em;
}

.unlock-carousel-heading.is-unlock-strength #unlock-carousel-subtitle {
  font-size: clamp(18px, 2.1vw, 30px);
  font-weight: 600;
  line-height: 1.2;
}

.strength-card-title {
  color: #ffffff;
  font-weight: 400;
  line-height: 1.18;
  letter-spacing: -0.015em;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);
}

.strength-card-title-light {
  color: #ffffff;
  font-weight: 500;
}

.strength-card-bio .strength-card-title,
.strength-card-bio .strength-card-title span,
.strength-card-battery .strength-card-title {
  font-weight: 600 !important;
}

.strength-card-copy {
  color: rgba(255, 255, 255, 0.96);
  font-weight: 400;
  line-height: 1.12;
  letter-spacing: -0.01em;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
}

.strength-card-copy-dark {
  color: rgba(255, 255, 255, 0.92);
}


.app-slide-copy {
  color: #111111;
  font-weight: 500;
  line-height: 1.18;
  letter-spacing: -0.015em;
}

.app-slide-copy-large {
  line-height: 1.08;
}

.app-slide-feature-grid>div>p {
  color: #222222;
  font-weight: 500;
  line-height: 1.16;
}

.unlock-card {
  position: relative;
  isolation: isolate;
}

.unlock-card-title {
  z-index: 2;
  color: #ffffff;
  font-size: clamp(15px, 2.2vw, 21px);
  font-weight: 500;
  line-height: 1.18;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
}

.unlock-card-badge {
  position: absolute;
  top: clamp(10px, 1.1vw, 18px);
  left: clamp(10px, 1.1vw, 18px);
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(28px, 2.2vw, 40px);
  height: clamp(28px, 2.2vw, 40px);
  border-radius: 999px;
  background: #000000;
  color: #ffffff;
  font-size: clamp(14px, 1vw, 18px);
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18);
}

@media (max-width: 736px) {
  .unlock-ways-section {
    padding-top: 50px !important;
    padding-bottom: 56px !important;
  }

  .unlock-ways-section .swiper-slide>div.mx-auto {
    margin-top: 18px !important;
  }

  .unlock-slide-subtitle {
    font-size: clamp(12px, 5vw, 18px);
    line-height: 1.2;
  }

  .unlock-carousel-heading.is-unlock-app #unlock-carousel-title {
    font-size: clamp(22px, 7.4vw, 34px);
    line-height: 1.15;
  }

  .unlock-carousel-heading.is-unlock-app #unlock-carousel-subtitle {
    margin-top: 12px;
    font-size: clamp(11px, 4.7vw, 18px);
    line-height: 1.18;
  }

  .unlock-carousel-heading.is-unlock-strength #unlock-carousel-title {
    font-size: clamp(22px, 7.2vw, 34px);
    line-height: 1.15;
  }

  .unlock-carousel-heading.is-unlock-strength #unlock-carousel-subtitle {
    margin-top: 12px;
    font-size: clamp(11px, 4.7vw, 18px);
    line-height: 1.18;
  }

  .strength-card-title {
    font-size: clamp(8px, 4.6vw, 16px);
    line-height: 1.12;
  }

  .strength-card-copy {
    font-size: clamp(7px, 3.5vw, 13px);
    line-height: 1.08;
  }

  .app-slide-copy {
    font-size: clamp(7px, 4.2vw, 15px);
    line-height: 1.14;
  }

  .app-slide-copy-large {
    font-size: clamp(8px, 4.7vw, 16px);
    line-height: 1.08;
  }

  .app-slide-feature-grid>div>p {
    font-size: clamp(7px, 2.6vw, 10px);
    line-height: 1.15;
  }

  .unlock-card-title {
    font-size: clamp(8px, 3.8vw, 14px);
    line-height: 1.16;
  }

  .unlock-card-badge {
    top: 10px;
    left: 10px;
    width: 30px;
    height: 30px;
    font-size: 15px;
  }
}