/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
/*!
Theme Name: hfi
Theme URI: https://underscoretw.com/
Description: A custom theme based on _tw
Version: 0.1.0
Author: underscoretw.com
Author URI: https://underscoretw.com/
Text Domain: hfi
Requires at least: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

hfi is based on _tw https://underscoretw.com/, (C) 2021-2025 Greg Sullivan
_tw is distributed under the terms of the GNU GPL v2 or later.

_tw is based on Underscores https://underscores.me/ and Varia https://github.com/Automattic/themes/tree/master/varia, (C) 2012-2025 Automattic, Inc.
Underscores and Varia are distributed under the terms of the GNU GPL v2 or later.
*/
@layer properties;
: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-neutral-900: oklch(20.5% 0 0);
  --color-black: #000;
  --color-white: #fff;
  --spacing: 0.25rem;
  --breakpoint-xl: 80rem;
  --container-7xl: 80rem;
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --text-3xl: 1.875rem;
  --text-3xl--line-height: calc(2.25 / 1.875);
  --text-4xl: 2.25rem;
  --text-4xl--line-height: calc(2.5 / 2.25);
  --text-5xl: 3rem;
  --text-5xl--line-height: 1;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --animate-spin: spin 1s linear infinite;
  --default-transition-duration: 150ms;
  --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-background: var(--wp--preset--color--background);
  --color-foreground: var(--wp--preset--color--foreground);
  --color-primary: var(--wp--preset--color--primary);
  --color-secondary: var(--wp--preset--color--secondary);
  --color-tertiary: var(--wp--preset--color--tertiary);
  --container-content: var(--wp--style--global--content-size);
  --font-lexend-deca: "Lexend Deca", sans-serif;
  --font-heebo: "Heebo", sans-serif;
}
:where(.not-prose) *,:where(.not-prose) ::after,:where(.not-prose) ::before,:where(.not-prose) ::backdrop,:where(.not-prose) ::file-selector-button {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 solid;
}
:where(.not-prose) html,:where(.not-prose) :host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  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;
}
:where(.not-prose) hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
:where(.not-prose) abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
:where(.not-prose) h1,:where(.not-prose) h2,:where(.not-prose) h3,:where(.not-prose) h4,:where(.not-prose) h5,:where(.not-prose) h6 {
  font-size: inherit;
  font-weight: inherit;
}
:where(.not-prose) a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}
:where(.not-prose) b,:where(.not-prose) strong {
  font-weight: bolder;
}
:where(.not-prose) code,:where(.not-prose) kbd,:where(.not-prose) samp,:where(.not-prose) 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;
}
:where(.not-prose) small {
  font-size: 80%;
}
:where(.not-prose) sub,:where(.not-prose) sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
:where(.not-prose) sub {
  bottom: -0.25em;
}
:where(.not-prose) sup {
  top: -0.5em;
}
:where(.not-prose) table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
:where(.not-prose) :-moz-focusring {
  outline: auto;
}
:where(.not-prose) progress {
  vertical-align: baseline;
}
:where(.not-prose) summary {
  display: list-item;
}
:where(.not-prose) ol,:where(.not-prose) ul,:where(.not-prose) menu {
  list-style: none;
}
:where(.not-prose) img,:where(.not-prose) svg,:where(.not-prose) video,:where(.not-prose) canvas,:where(.not-prose) audio,:where(.not-prose) iframe,:where(.not-prose) embed,:where(.not-prose) object {
  display: block;
  vertical-align: middle;
}
:where(.not-prose) img,:where(.not-prose) video {
  max-width: 100%;
  height: auto;
}
:where(.not-prose) button,:where(.not-prose) input,:where(.not-prose) select,:where(.not-prose) optgroup,:where(.not-prose) textarea,:where(.not-prose) ::file-selector-button {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  border-radius: 0;
  background-color: transparent;
  opacity: 1;
}
:where(.not-prose) :where(select:is([multiple],[size])) optgroup {
  font-weight: bolder;
}
:where(.not-prose) :where(select:is([multiple],[size])) optgroup option {
  padding-inline-start: 20px;
}
:where(.not-prose) ::file-selector-button {
  margin-inline-end: 4px;
}
:where(.not-prose) ::placeholder {
  opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
  :where(.not-prose) ::placeholder {
    color: currentcolor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where(.not-prose) ::placeholder {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
}
:where(.not-prose) textarea {
  resize: vertical;
}
:where(.not-prose) ::-webkit-search-decoration {
  -webkit-appearance: none;
}
:where(.not-prose) ::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit;
}
:where(.not-prose) ::-webkit-datetime-edit {
  display: inline-flex;
}
:where(.not-prose) ::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
:where(.not-prose) ::-webkit-datetime-edit,:where(.not-prose) ::-webkit-datetime-edit-year-field,:where(.not-prose) ::-webkit-datetime-edit-month-field,:where(.not-prose) ::-webkit-datetime-edit-day-field,:where(.not-prose) ::-webkit-datetime-edit-hour-field,:where(.not-prose) ::-webkit-datetime-edit-minute-field,:where(.not-prose) ::-webkit-datetime-edit-second-field,:where(.not-prose) ::-webkit-datetime-edit-millisecond-field,:where(.not-prose) ::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}
:where(.not-prose) ::-webkit-calendar-picker-indicator {
  line-height: 1;
}
:where(.not-prose) :-moz-ui-invalid {
  box-shadow: none;
}
:where(.not-prose) button,:where(.not-prose) input:where([type='button'],[type='reset'],[type='submit']),:where(.not-prose) ::file-selector-button {
  appearance: button;
}
:where(.not-prose) ::-webkit-inner-spin-button,:where(.not-prose) ::-webkit-outer-spin-button {
  height: auto;
}
:where(.not-prose) [hidden]:where(:not([hidden='until-found'])) {
  display: none !important;
}
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
}
p {
  margin: 0;
  padding: 0;
  line-height: 1.5em;
}
ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
a {
  color: inherit;
  text-decoration: none;
  background-color: transparent;
}
body {
  background-color: var(--color-background);
  font-family: var(--font-lexend-deca);
  color: var(--color-foreground);
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heebo);
}
h3 {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
#cmplz-document, .post-3 {
  padding: calc(var(--spacing) * 5);
}
@media (width >= 48rem) {
  #cmplz-document, .post-3 {
    margin-inline: auto;
  }
}
@media (width >= 48rem) {
  #cmplz-document, .post-3 {
    max-width: var(--container-7xl);
  }
}
@media (width >= 48rem) {
  #cmplz-document, .post-3 {
    padding-inline: 100px;
  }
}
@media (width >= 48rem) {
  #cmplz-document, .post-3 {
    padding-block: calc(var(--spacing) * 10);
  }
}
.desktop-top-menu li:hover {
  text-decoration-line: underline;
}
.desktop-top-menu li.current-menu-item a {
  color: var(--color-primary);
  text-decoration-line: underline;
}
#secondary-nav li a:hover {
  border-top-style: var(--tw-border-style);
  border-top-width: 1.5px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1.5px;
  border-color: var(--color-secondary);
  background-color: var(--color-secondary);
}
#secondary-nav li a {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
  border-color: var(--color-white);
  background-color: var(--color-primary);
  padding-inline: calc(var(--spacing) * 5);
  padding-block: 10px;
}
#secondary-nav li.current-menu-item a {
  border-top-style: var(--tw-border-style);
  border-top-width: 1.5px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1.5px;
  border-color: var(--color-secondary);
  background-color: var(--color-secondary);
}
#secondary-nav li:last-child a {
  border-right-style: var(--tw-border-style);
  border-right-width: 0px;
  padding-right: 30px;
}
.content ul {
  list-style-type: disc;
  padding-left: calc(var(--spacing) * 5);
}
.content ol {
  list-style-type: decimal;
  padding-left: calc(var(--spacing) * 5);
}
#secondary-nav .service-open a::after {
  content: url('../../hfi/theme/img/white-right.svg');
  margin-left: 10px;
  display: inline-block;
}
.wpcf7-form {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select {
  width: 100%;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: #E9E9E9;
  background-color: #F9F9F9;
  padding-inline: calc(var(--spacing) * 5);
  padding-block: 15px;
  font-family: var(--font-lexend-deca);
}
.wpcf7-form input[type="submit"] {
  width: fit-content;
  cursor: pointer;
  border-radius: 5px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  --tw-border-style: solid;
  border-style: solid;
  border-color: var(--color-primary);
  background-color: var(--color-primary);
  padding-inline: calc(var(--spacing) * 5);
  padding-block: 10px;
  font-family: var(--font-lexend-deca);
  color: var(--color-white);
}
@media (hover: hover) {
  :is(.wpcf7-form input[type="submit"]):hover {
    background-color: var(--color-white);
  }
}
@media (hover: hover) {
  :is(.wpcf7-form input[type="submit"]):hover {
    color: var(--color-primary);
  }
}
#primary-nav-mobile {
  height: 100vh;
}
#primary-nav-mobile li {
  padding-inline: 50px;
  padding-block: calc(var(--spacing) * 5);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
#primary-nav-mobile li.blue {
  background-color: var(--color-secondary);
  padding-block: 10px;
}
#primary-nav-mobile li.blue a {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#primary-nav-mobile li.blue.first-blue {
  padding-top: 50px;
}
#primary-nav-mobile li.blue.last-blue {
  padding-bottom: 50px;
}
#primary-nav-mobile li.service-open-mob {
  background-color: var(--color-primary);
}
#primary-nav-mobile li.service-open-mob a {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#primary-nav-mobile li.service-open-mob .sub-menu {
  max-height: calc(var(--spacing) * 0);
  overflow: hidden;
  opacity: 0%;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
#primary-nav-mobile li.service-open-mob .sub-menu.active {
  max-height: calc(var(--spacing) * 96);
  padding-top: calc(var(--spacing) * 5);
  opacity: 100%;
}
#primary-nav-mobile li.service-open-mob a:after {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
#primary-nav-mobile li.service-open-mob.menu-open a:after {
  rotate: 270deg;
}
#primary-nav-mobile li.service-open-mob .sub-menu li {
  padding-inline: calc(var(--spacing) * 0);
  padding-block: 10px;
}
#primary-nav-mobile li.blue a:after {
  content: url('../../hfi/theme/img/white-right.svg');
  margin-left: 10px;
  display: inline-block;
}
#primary-nav-mobile li.service-open-mob a:after {
  content: url('../../hfi/theme/img/white-right.svg');
  margin-left: 10px;
  display: inline-block;
  rotate: 90deg;
}
#primary-nav-mobile li.service-open-mob .sub-menu li a:after {
  content: none;
}
@media (max-width: 768px) {
  #site-navigation .scale-75 {
    top: 15px;
    padding: calc(var(--spacing) * 0);
  }
  #site-navigation .wrapper {
    max-height: calc(100vh - 80px);
    overflow: auto;
  }
  #site-navigation .mob-logo {
    left: calc(var(--spacing) * 5) !important;
  }
  .testimonials .swiper-slide {
    min-height: 600px;
  }
}
.testimonials .swiper-slide ul {
  list-style: none !important;
  padding-left: 0 !important;
}
.testimonials .swiper-slide ul li {
  list-style: none !important;
}
.testimonials .swiper-slide a {
  color: inherit !important;
  text-decoration: none !important;
}
.testimonials .swiper-slide a:hover {
  color: inherit !important;
  text-decoration: none !important;
}
.testimonials .swiper-pagination-bullet {
  background: #ccc !important;
  opacity: 0.5 !important;
}
.testimonials .swiper-pagination-bullet-active {
  background: #333 !important;
  opacity: 1 !important;
}
.page-title, .entry-title {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing) * 6);
  max-width: var(--container-content);
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  color: var(--color-neutral-900);
}
.visible {
  visibility: visible;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
}
.\!relative {
  position: relative !important;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: calc(var(--spacing) * 0);
}
.-top-5 {
  top: calc(var(--spacing) * -5);
}
.top-0 {
  top: calc(var(--spacing) * 0);
}
.top-\[15px\] {
  top: 15px;
}
.right-5 {
  right: calc(var(--spacing) * 5);
}
.right-\[15px\] {
  right: 15px;
}
.left-0 {
  left: calc(var(--spacing) * 0);
}
.z-0 {
  z-index: 0;
}
.z-5 {
  z-index: 5;
}
.z-10 {
  z-index: 10;
}
.z-50 {
  z-index: 50;
}
.m-0 {
  margin: calc(var(--spacing) * 0);
}
.m-5 {
  margin: calc(var(--spacing) * 5);
}
.mx-auto {
  margin-inline: auto;
}
.mt-4 {
  margin-top: calc(var(--spacing) * 4);
}
.mt-8 {
  margin-top: calc(var(--spacing) * 8);
}
.mt-\[10px\] {
  margin-top: 10px;
}
.mb-auto {
  margin-bottom: auto;
}
.\!flex {
  display: flex !important;
}
.block {
  display: block;
}
.contents {
  display: contents;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.inline-block {
  display: inline-block;
}
.size-8 {
  width: calc(var(--spacing) * 8);
  height: calc(var(--spacing) * 8);
}
.size-56 {
  width: calc(var(--spacing) * 56);
  height: calc(var(--spacing) * 56);
}
.h-8 {
  height: calc(var(--spacing) * 8);
}
.h-20 {
  height: calc(var(--spacing) * 20);
}
.h-\[250px\] {
  height: 250px;
}
.h-\[435px\] {
  height: 435px;
}
.h-\[600px\] {
  height: 600px;
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.max-h-\[50px\] {
  max-height: 50px;
}
.max-h-\[90vh\] {
  max-height: 90vh;
}
.max-h-\[220px\] {
  max-height: 220px;
}
.min-h-50 {
  min-height: calc(var(--spacing) * 50);
}
.w-8 {
  width: calc(var(--spacing) * 8);
}
.w-9 {
  width: calc(var(--spacing) * 9);
}
.w-fit {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.max-w-40 {
  max-width: calc(var(--spacing) * 40);
}
.max-w-\[200px\] {
  max-width: 200px;
}
.flex-1 {
  flex: 1;
}
.scale-75 {
  --tw-scale-x: 75%;
  --tw-scale-y: 75%;
  --tw-scale-z: 75%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.animate-spin {
  animation: var(--animate-spin);
}
.cursor-pointer {
  cursor: pointer;
}
.list-none {
  list-style-type: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.items-center {
  align-items: center;
}
.items-end {
  align-items: flex-end;
}
.items-start {
  align-items: flex-start;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.gap-3 {
  gap: calc(var(--spacing) * 3);
}
.gap-4 {
  gap: calc(var(--spacing) * 4);
}
.gap-5 {
  gap: calc(var(--spacing) * 5);
}
.gap-10 {
  gap: calc(var(--spacing) * 10);
}
.gap-\[5px\] {
  gap: 5px;
}
.gap-\[10px\] {
  gap: 10px;
}
.gap-\[15px\] {
  gap: 15px;
}
.gap-\[25px\] {
  gap: 25px;
}
.gap-\[30px\] {
  gap: 30px;
}
.gap-\[35px\] {
  gap: 35px;
}
.gap-\[50px\] {
  gap: 50px;
}
.gap-\[60px\] {
  gap: 60px;
}
.overflow-y-auto {
  overflow-y: auto;
}
.rounded-\[3px\] {
  border-radius: 3px;
}
.rounded-\[5px\] {
  border-radius: 5px;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-full {
  border-radius: calc(infinity * 1px);
}
.rounded-none {
  border-radius: 0;
}
.rounded-br-\[20px\] {
  border-bottom-right-radius: 20px;
}
.rounded-bl-\[20px\] {
  border-bottom-left-radius: 20px;
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
}
.border-none {
  --tw-border-style: none;
  border-style: none;
}
.border-primary {
  border-color: var(--color-primary);
}
.border-tertiary {
  border-color: var(--color-tertiary);
}
.border-white {
  border-color: var(--color-white);
}
.bg-\[\#595959\] {
  background-color: #595959;
}
.bg-black\/50 {
  background-color: color-mix(in srgb, #000 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-black\/50 {
    background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
  }
}
.bg-primary {
  background-color: var(--color-primary);
}
.bg-secondary {
  background-color: var(--color-secondary);
}
.bg-tertiary {
  background-color: var(--color-tertiary);
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  background-color: var(--color-white);
}
.bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,0\.00\)_42\.95\%\,rgba\(0\,0\,0\,0\.7\)_73\.8\%\)\] {
  background-image: linear-gradient(180deg,rgba(0,0,0,0.00) 42.95%,rgba(0,0,0,0.7) 73.8%);
}
.bg-\[linear-gradient\(270deg\,rgba\(0\,0\,0\,0\.00\)_41\.91\%\,rgba\(0\,0\,0\,0\.6\)_74\.3\%\)\] {
  background-image: linear-gradient(270deg,rgba(0,0,0,0.00) 41.91%,rgba(0,0,0,0.6) 74.3%);
}
.object-cover {
  object-fit: cover;
}
.p-0 {
  padding: calc(var(--spacing) * 0);
}
.p-5 {
  padding: calc(var(--spacing) * 5);
}
.p-\[10px\] {
  padding: 10px;
}
.\!px-3 {
  padding-inline: calc(var(--spacing) * 3) !important;
}
.px-5 {
  padding-inline: calc(var(--spacing) * 5);
}
.px-\[30px\] {
  padding-inline: 30px;
}
.py-5 {
  padding-block: calc(var(--spacing) * 5);
}
.py-10 {
  padding-block: calc(var(--spacing) * 10);
}
.py-20 {
  padding-block: calc(var(--spacing) * 20);
}
.py-\[10px\] {
  padding-block: 10px;
}
.py-\[30px\] {
  padding-block: 30px;
}
.pt-5 {
  padding-top: calc(var(--spacing) * 5);
}
.pt-\[25px\] {
  padding-top: 25px;
}
.pb-10 {
  padding-bottom: calc(var(--spacing) * 10);
}
.pb-\[25px\] {
  padding-bottom: 25px;
}
.pb-\[60px\] {
  padding-bottom: 60px;
}
.text-center {
  text-align: center;
}
.font-heebo {
  font-family: var(--font-heebo);
}
.text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.text-base {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
.text-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-xl {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[32px\] {
  font-size: 32px;
}
.text-\[40px\] {
  font-size: 40px;
}
.leading-13 {
  --tw-leading: calc(var(--spacing) * 13);
  line-height: calc(var(--spacing) * 13);
}
.leading-\[32px\] {
  --tw-leading: 32px;
  line-height: 32px;
}
.leading-\[44px\] {
  --tw-leading: 44px;
  line-height: 44px;
}
.leading-\[50px\] {
  --tw-leading: 50px;
  line-height: 50px;
}
.leading-\[normal\] {
  --tw-leading: normal;
  line-height: normal;
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.tracking-\[2\.6px\] {
  --tw-tracking: 2.6px;
  letter-spacing: 2.6px;
}
.\!text-primary {
  color: var(--color-primary) !important;
}
.\!text-white {
  color: var(--color-white) !important;
}
.text-\[\#595959\] {
  color: #595959;
}
.text-\[\#969696\] {
  color: #969696;
}
.text-black {
  color: var(--color-black);
}
.text-primary {
  color: var(--color-primary);
}
.text-white {
  color: var(--color-white);
}
.uppercase {
  text-transform: uppercase;
}
.underline {
  text-decoration-line: underline;
}
.shadow-\[0_4px_10px_0_rgba\(0\,0\,0\,0\.04\)\] {
  --tw-shadow: 0 4px 10px 0 var(--tw-shadow-color, rgba(0,0,0,0.04));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-colors {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-300 {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.duration-1000 {
  --tw-duration: 1000ms;
  transition-duration: 1000ms;
}
.content-none {
  --tw-content: none;
  content: none;
}
@media (hover: hover) {
  .group-hover\:text-\[\#595959\]:is(:where(.group):hover *) {
    color: #595959;
  }
}
@media (hover: hover) {
  .group-hover\:text-black:is(:where(.group):hover *) {
    color: var(--color-black);
  }
}
@media (hover: hover) {
  .hover\:border:hover {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
}
@media (hover: hover) {
  .hover\:border-\[\#D1E9FE\]:hover {
    border-color: #D1E9FE;
  }
}
@media (hover: hover) {
  .hover\:bg-primary:hover {
    background-color: var(--color-primary);
  }
}
@media (hover: hover) {
  .hover\:bg-white:hover {
    background-color: var(--color-white);
  }
}
@media (hover: hover) {
  .hover\:bg-\[linear-gradient\(129deg\,rgba\(247\,251\,255\)_15\.35\%\,rgba\(132\,198\,255\)_94\.36\%\)\]:hover {
    background-image: linear-gradient(129deg,rgba(247,251,255) 15.35%,rgba(132,198,255) 94.36%);
  }
}
@media (hover: hover) {
  .hover\:\!text-primary:hover {
    color: var(--color-primary) !important;
  }
}
@media (hover: hover) {
  .hover\:\!text-white:hover {
    color: var(--color-white) !important;
  }
}
@media (hover: hover) {
  .hover\:text-white:hover {
    color: var(--color-white);
  }
}
.focus\:outline-none:focus {
  --tw-outline-style: none;
  outline-style: none;
}
@media (width >= 48rem) {
  .md\:-top-\[5px\] {
    top: calc(5px * -1);
  }
}
@media (width >= 48rem) {
  .md\:left-10 {
    left: calc(var(--spacing) * 10);
  }
}
@media (width >= 48rem) {
  .md\:mx-auto {
    margin-inline: auto;
  }
}
@media (width >= 48rem) {
  .md\:my-0 {
    margin-block: calc(var(--spacing) * 0);
  }
}
@media (width >= 48rem) {
  .md\:mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
}
@media (width >= 48rem) {
  .md\:block {
    display: block;
  }
}
@media (width >= 48rem) {
  .md\:flex {
    display: flex;
  }
}
@media (width >= 48rem) {
  .md\:hidden {
    display: none;
  }
}
@media (width >= 48rem) {
  .md\:h-\[100px\] {
    height: 100px;
  }
}
@media (width >= 48rem) {
  .md\:h-auto {
    height: auto;
  }
}
@media (width >= 48rem) {
  .md\:max-h-\[248px\] {
    max-height: 248px;
  }
}
@media (width >= 48rem) {
  .md\:max-h-\[350px\] {
    max-height: 350px;
  }
}
@media (width >= 48rem) {
  .md\:w-1\/2 {
    width: calc(1/2 * 100%);
  }
}
@media (width >= 48rem) {
  .md\:w-1\/3 {
    width: calc(1/3 * 100%);
  }
}
@media (width >= 48rem) {
  .md\:w-2\/5 {
    width: calc(2/5 * 100%);
  }
}
@media (width >= 48rem) {
  .md\:w-3\/5 {
    width: calc(3/5 * 100%);
  }
}
@media (width >= 48rem) {
  .md\:w-fit {
    width: fit-content;
  }
}
@media (width >= 48rem) {
  .md\:w-full {
    width: 100%;
  }
}
@media (width >= 48rem) {
  .md\:max-w-3\/5 {
    max-width: calc(3/5 * 100%);
  }
}
@media (width >= 48rem) {
  .md\:max-w-7xl {
    max-width: var(--container-7xl);
  }
}
@media (width >= 48rem) {
  .md\:max-w-\[224px\] {
    max-width: 224px;
  }
}
@media (width >= 48rem) {
  .md\:max-w-\[250px\] {
    max-width: 250px;
  }
}
@media (width >= 48rem) {
  .md\:max-w-\[525px\] {
    max-width: 525px;
  }
}
@media (width >= 48rem) {
  .md\:max-w-\[572px\] {
    max-width: 572px;
  }
}
@media (width >= 48rem) {
  .md\:max-w-\[675px\] {
    max-width: 675px;
  }
}
@media (width >= 48rem) {
  .md\:max-w-\[700px\] {
    max-width: 700px;
  }
}
@media (width >= 48rem) {
  .md\:max-w-\[728px\] {
    max-width: 728px;
  }
}
@media (width >= 48rem) {
  .md\:max-w-\[800px\] {
    max-width: 800px;
  }
}
@media (width >= 48rem) {
  .md\:max-w-\[1600px\] {
    max-width: 1600px;
  }
}
@media (width >= 48rem) {
  .md\:max-w-screen-xl {
    max-width: var(--breakpoint-xl);
  }
}
@media (width >= 48rem) {
  .md\:scale-85 {
    --tw-scale-x: 85%;
    --tw-scale-y: 85%;
    --tw-scale-z: 85%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
@media (width >= 48rem) {
  .md\:scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
@media (width >= 48rem) {
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (width >= 48rem) {
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (width >= 48rem) {
  .md\:flex-col {
    flex-direction: column;
  }
}
@media (width >= 48rem) {
  .md\:flex-row {
    flex-direction: row;
  }
}
@media (width >= 48rem) {
  .md\:flex-row-reverse {
    flex-direction: row-reverse;
  }
}
@media (width >= 48rem) {
  .md\:flex-wrap {
    flex-wrap: wrap;
  }
}
@media (width >= 48rem) {
  .md\:items-end {
    align-items: flex-end;
  }
}
@media (width >= 48rem) {
  .md\:justify-between {
    justify-content: space-between;
  }
}
@media (width >= 48rem) {
  .md\:justify-end {
    justify-content: flex-end;
  }
}
@media (width >= 48rem) {
  .md\:gap-0 {
    gap: calc(var(--spacing) * 0);
  }
}
@media (width >= 48rem) {
  .md\:gap-20 {
    gap: calc(var(--spacing) * 20);
  }
}
@media (width >= 48rem) {
  .md\:gap-22 {
    gap: calc(var(--spacing) * 22);
  }
}
@media (width >= 48rem) {
  .md\:gap-\[30px\] {
    gap: 30px;
  }
}
@media (width >= 48rem) {
  .md\:gap-\[50px\] {
    gap: 50px;
  }
}
@media (width >= 48rem) {
  .md\:gap-\[100px\] {
    gap: 100px;
  }
}
@media (width >= 48rem) {
  .md\:rounded-b-\[15px\] {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
  }
}
@media (width >= 48rem) {
  .md\:bg-primary {
    background-color: var(--color-primary);
  }
}
@media (width >= 48rem) {
  .md\:bg-transparent {
    background-color: transparent;
  }
}
@media (width >= 48rem) {
  .md\:bg-white {
    background-color: var(--color-white);
  }
}
@media (width >= 48rem) {
  .md\:p-0 {
    padding: calc(var(--spacing) * 0);
  }
}
@media (width >= 48rem) {
  .md\:p-5 {
    padding: calc(var(--spacing) * 5);
  }
}
@media (width >= 48rem) {
  .md\:\!px-0 {
    padding-inline: calc(var(--spacing) * 0) !important;
  }
}
@media (width >= 48rem) {
  .md\:px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
}
@media (width >= 48rem) {
  .md\:px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
}
@media (width >= 48rem) {
  .md\:px-20 {
    padding-inline: calc(var(--spacing) * 20);
  }
}
@media (width >= 48rem) {
  .md\:px-40 {
    padding-inline: calc(var(--spacing) * 40);
  }
}
@media (width >= 48rem) {
  .md\:px-\[30px\] {
    padding-inline: 30px;
  }
}
@media (width >= 48rem) {
  .md\:px-\[60px\] {
    padding-inline: 60px;
  }
}
@media (width >= 48rem) {
  .md\:px-\[120px\] {
    padding-inline: 120px;
  }
}
@media (width >= 48rem) {
  .md\:py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
}
@media (width >= 48rem) {
  .md\:py-\[15px\] {
    padding-block: 15px;
  }
}
@media (width >= 48rem) {
  .md\:py-\[50px\] {
    padding-block: 50px;
  }
}
@media (width >= 48rem) {
  .md\:py-\[60px\] {
    padding-block: 60px;
  }
}
@media (width >= 48rem) {
  .md\:py-\[150px\] {
    padding-block: 150px;
  }
}
@media (width >= 48rem) {
  .md\:pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
}
@media (width >= 48rem) {
  .md\:pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }
}
@media (width >= 48rem) {
  .md\:pt-\[50px\] {
    padding-top: 50px;
  }
}
@media (width >= 48rem) {
  .md\:pr-0 {
    padding-right: calc(var(--spacing) * 0);
  }
}
@media (width >= 48rem) {
  .md\:pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
}
@media (width >= 48rem) {
  .md\:\!pb-10 {
    padding-bottom: calc(var(--spacing) * 10) !important;
  }
}
@media (width >= 48rem) {
  .md\:pb-\[30px\] {
    padding-bottom: 30px;
  }
}
@media (width >= 48rem) {
  .md\:pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }
}
@media (width >= 48rem) {
  .md\:text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
}
@media (width >= 48rem) {
  .md\:text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
}
@media (width >= 48rem) {
  .md\:text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
@media (width >= 48rem) {
  .md\:text-\[13px\] {
    font-size: 13px;
  }
}
@media (width >= 48rem) {
  .md\:text-black {
    color: var(--color-black);
  }
}
@media (width >= 48rem) {
  .md\:text-white {
    color: var(--color-white);
  }
}
@media (width >= 48rem) {
  .md\:shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
@media (width >= 64rem) {
  .lg\:left-\[60px\] {
    left: 60px;
  }
}
@media (width >= 64rem) {
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (width >= 64rem) {
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (width >= 64rem) {
  .lg\:flex-row {
    flex-direction: row;
  }
}
@media (width >= 64rem) {
  .lg\:gap-0 {
    gap: calc(var(--spacing) * 0);
  }
}
: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: translate3d(0px, 0, 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-3d .swiper-slide,.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-css-mode  > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
:is(.swiper-css-mode > .swiper-wrapper)::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode  > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal  > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical  > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode  > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode  > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered  > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered  > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal  > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal  > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical  > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical  > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.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;
}
:is(.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(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
: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:is(.swiper-button-prev,.swiper-button-next) {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-hidden:is(.swiper-button-prev,.swiper-button-next) {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next) {
  display: none !important;
}
:is(.swiper-button-prev,.swiper-button-next) 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-button-prev .swiper-navigation-icon {
  transform: rotate(180deg);
}
.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal  ~ .swiper-button-prev,.swiper-horizontal  ~ .swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  margin-left: 0;
}
.swiper-horizontal .swiper-button-prev,.swiper-horizontal ~ .swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl ~ .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
}
.swiper-horizontal .swiper-button-next,.swiper-horizontal ~ .swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl ~ .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal ~ .swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl ~ .swiper-button-next) .swiper-navigation-icon {
  transform: rotate(180deg);
}
:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl ~ .swiper-button-prev) .swiper-navigation-icon {
  transform: rotate(0deg);
}
.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical  ~ .swiper-button-prev,.swiper-vertical  ~ .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-vertical .swiper-button-prev,.swiper-vertical  ~ .swiper-button-prev {
  top: var(--swiper-navigation-sides-offset, 4px);
  bottom: auto;
}
:is(.swiper-vertical .swiper-button-prev,.swiper-vertical ~ .swiper-button-prev) .swiper-navigation-icon {
  transform: rotate(-90deg);
}
.swiper-vertical .swiper-button-next,.swiper-vertical  ~ .swiper-button-next {
  bottom: var(--swiper-navigation-sides-offset, 4px);
  top: auto;
}
:is(.swiper-vertical .swiper-button-next,.swiper-vertical ~ .swiper-button-next) .swiper-navigation-icon {
  transform: rotate(90deg);
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,.swiper-pagination.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-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .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.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet: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(0px, -50%, 0);
}
:is(.swiper-vertical > .swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-pagination-bullets-dynamic:is(.swiper-vertical > .swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-pagination-bullets-dynamic:is(.swiper-vertical > .swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
:is(.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:is(.swiper-horizontal > .swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-pagination-bullets-dynamic:is(.swiper-horizontal > .swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms 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 .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 .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.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,.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,.swiper-scrollbar.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,.swiper-scrollbar.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;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@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;
}
@property --tw-leading {
  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: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-font-weight: initial;
      --tw-border-style: solid;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-leading: 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;
    }
  }
}