@import url('https://cdn.jsdelivr.net/npm/@fontsource-variable/nunito@latest/index.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource-variable/recursive@latest/index.css');

.font-691357aca9a8b9802bef56c9 {
  font-family: 'Recursive Variable', sans-serif !important;
  font-weight: 900 !important;
  font-style: normal !important;
  font-display: swap;
}

:root {
  --background: hsl(0 0% 100%);
  --foreground: hsl(220 14.3000% 4.3000%);
  --card: hsl(0 0% 100%);
  --card-foreground: hsl(220 14.3000% 4.3000%);
  --popover: hsl(0 0% 100%);
  --popover-foreground: hsl(220 14.3000% 4.3000%);
  --primary: hsl(330 80% 45%);
  --primary-foreground: hsl(0 0% 98%);
  --secondary: hsl(24 76% 55.0000%);
  --secondary-foreground: hsl(0 0% 98%);
  --muted: hsl(220 14.3000% 95.9000%);
  --muted-foreground: hsl(220 8.9000% 46.1000%);
  --accent: hsl(330 80% 95%);
  --accent-foreground: hsl(330 80% 30%);
  --destructive: hsl(0 84.2000% 60.2000%);
  --destructive-foreground: hsl(0 0% 98%);
  --border: hsl(220 13% 91%);
  --input: hsl(220 13% 91%);
  --ring: hsl(330 80% 45%);
  --chart-1: hsl(350 80% 55.0000%);
  --chart-2: hsl(30 80% 55.0000%);
  --chart-3: hsl(200 80% 55.0000%);
  --chart-4: hsl(100 80% 55.0000%);
  --chart-5: hsl(270 80% 55.0000%);
  --sidebar: hsl(350 100% 98%);
  --sidebar-foreground: hsl(220 14.3000% 4.3000%);
  --sidebar-primary: hsl(330 80% 45%);
  --sidebar-primary-foreground: hsl(0 0% 98%);
  --sidebar-accent: hsl(24 76% 90%);
  --sidebar-accent-foreground: hsl(24 76% 40%);
  --sidebar-border: hsl(350 100% 95%);
  --sidebar-ring: hsl(330 80% 45%);
  --font-sans: serif;
  --font-serif: serif;
  --font-mono: monospace;
  --radius: 0.5rem;
  --shadow-x: 0px;
  --shadow-y: 5px;
  --shadow-blur: 10px;
  --shadow-spread: 0px;
  --shadow-opacity: 0.1;
  --shadow-color: 0 0 0;
  --shadow-2xs: 0px 5px 10px 0px hsl(0 0 0 / 0.05);
  --shadow-xs: 0px 5px 10px 0px hsl(0 0 0 / 0.05);
  --shadow-sm: 0px 5px 10px 0px hsl(0 0 0 / 0.10), 0px 1px 2px -1px hsl(0 0 0 / 0.10);
  --shadow: 0px 5px 10px 0px hsl(0 0 0 / 0.10), 0px 1px 2px -1px hsl(0 0 0 / 0.10);
  --shadow-md: 0px 5px 10px 0px hsl(0 0 0 / 0.10), 0px 2px 4px -1px hsl(0 0 0 / 0.10);
  --shadow-lg: 0px 5px 10px 0px hsl(0 0 0 / 0.10), 0px 4px 6px -1px hsl(0 0 0 / 0.10);
  --shadow-xl: 0px 5px 10px 0px hsl(0 0 0 / 0.10), 0px 8px 10px -1px hsl(0 0 0 / 0.10);
  --shadow-2xl: 0px 5px 10px 0px hsl(0 0 0 / 0.25);
  --tracking-normal: 0.01em;
  --spacing: 0.25rem;
}

.dark {
  --background: hsl(220 14.3000% 4.3000%);
  --foreground: hsl(0 0% 98%);
  --card: hsl(220 14.3000% 4.3000%);
  --card-foreground: hsl(0 0% 98%);
  --popover: hsl(220 14.3000% 4.3000%);
  --popover-foreground: hsl(0 0% 98%);
  --primary: hsl(330 80% 45%);
  --primary-foreground: hsl(0 0% 98%);
  --secondary: hsl(24 76% 55.0000%);
  --secondary-foreground: hsl(0 0% 98%);
  --muted: hsl(215 27.9000% 16.9000%);
  --muted-foreground: hsl(217.2000 32.6000% 60.6000%);
  --accent: hsl(330 80% 15%);
  --accent-foreground: hsl(330 80% 75%);
  --destructive: hsl(0 72.2000% 50.6000%);
  --destructive-foreground: hsl(0 0% 98%);
  --border: hsl(215 27.9000% 16.9000%);
  --input: hsl(215 27.9000% 16.9000%);
  --ring: hsl(330 80% 45%);
  --chart-1: hsl(350 80% 65%);
  --chart-2: hsl(30 80% 65%);
  --chart-3: hsl(200 80% 65%);
  --chart-4: hsl(100 80% 65%);
  --chart-5: hsl(270 80% 65%);
  --sidebar: hsl(220 15% 8%);
  --sidebar-foreground: hsl(0 0% 98%);
  --sidebar-primary: hsl(330 80% 45%);
  --sidebar-primary-foreground: hsl(0 0% 98%);
  --sidebar-accent: hsl(24 76% 20%);
  --sidebar-accent-foreground: hsl(24 76% 70%);
  --sidebar-border: hsl(220 15% 15%);
  --sidebar-ring: hsl(330 80% 45%);
  --font-sans: serif;
  --font-serif: serif;
  --font-mono: monospace;
  --radius: 0.5rem;
  --shadow-x: 0px;
  --shadow-y: 5px;
  --shadow-blur: 10px;
  --shadow-spread: 0px;
  --shadow-opacity: 0.5;
  --shadow-color: 0 0 0;
  --shadow-2xs: 0px 5px 10px 0px hsl(0 0 0 / 0.25);
  --shadow-xs: 0px 5px 10px 0px hsl(0 0 0 / 0.25);
  --shadow-sm: 0px 5px 10px 0px hsl(0 0 0 / 0.50), 0px 1px 2px -1px hsl(0 0 0 / 0.50);
  --shadow: 0px 5px 10px 0px hsl(0 0 0 / 0.50), 0px 1px 2px -1px hsl(0 0 0 / 0.50);
  --shadow-md: 0px 5px 10px 0px hsl(0 0 0 / 0.50), 0px 2px 4px -1px hsl(0 0 0 / 0.50);
  --shadow-lg: 0px 5px 10px 0px hsl(0 0 0 / 0.50), 0px 4px 6px -1px hsl(0 0 0 / 0.50);
  --shadow-xl: 0px 5px 10px 0px hsl(0 0 0 / 0.50), 0px 8px 10px -1px hsl(0 0 0 / 0.50);
  --shadow-2xl: 0px 5px 10px 0px hsl(0 0 0 / 1.25);
}

@layer theme {
  :root, :host {
    --leading-relaxed: 1.625;
  }
}
@layer utilities {
  .text-prett-leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .text-prett-text-pretty {
    text-wrap: pretty;
  }
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@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-leading: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
  }
}
@layer utilities {
  .text-2xl-text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
}

@layer theme {
  :root, :host {
    --spacing: 0.25rem;
  }
}
@layer utilities {
  .padding-6-p-6 {
    padding: calc(var(--spacing) * 6);
  }
}

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

@layer theme {
  :root, :host {
    --radius-2xl: 1rem;
  }
}
@layer utilities {
  .about-bord-rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .about-bord-border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .about-bord-border-primary\/10 {
    border-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }
  .about-bord-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);
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@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-border-style: solid;
      --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-shadow: 0 0 #0000;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-offset-shadow: 0 0 #0000;
    }
  }
}

@layer theme {
  :root, :host {
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
  }
}
@layer utilities {
  .text-large-text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
}

@layer utilities {
  .text-prima-text-primary {
    color: var(--primary);
  }
}

@layer theme {
  :root, :host {
    --spacing: 0.25rem;
  }
}
@layer utilities {
  .about-padd-pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .about-padd-sm\:pt-12 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 12);
    }
  }
  .about-padd-md\:pt-16 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 16);
    }
  }
}

@layer theme {
  :root, :host {
    --spacing: 0.25rem;
  }
}
@layer utilities {
  .margin-top-lg\:mt-28 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 28);
    }
  }
}

@layer theme {
  :root, :host {
    --spacing: 0.25rem;
  }
}
@layer utilities {
  .about-grid-h-80 {
    height: calc(var(--spacing) * 80);
  }
  .about-grid-lg\:h-96 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 96);
    }
  }
}

@layer utilities {
  .object-cov-object-cover {
    object-fit: cover;
  }
}

@layer theme {
  :root, :host {
    --radius-2xl: 1rem;
  }
}
@layer utilities {
  .about-shih-overflow-hidden {
    overflow: hidden;
  }
  .about-shih-rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .about-shih-shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
@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-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@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-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-shadow: 0 0 #0000;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-offset-shadow: 0 0 #0000;
    }
  }
}

@layer theme {
  :root, :host {
    --spacing: 0.25rem;
  }
}
@layer utilities {
  .about-grid-mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }
  .about-grid-items-center {
    align-items: center;
  }
  .about-grid-lg\:mb-24 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 24);
    }
  }
}

@layer theme {
  :root, :host {
    --spacing: 0.25rem;
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-bold: 700;
  }
}
@layer utilities {
  .about-titl-mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .about-titl-text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .about-titl-font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .about-titl-text-balance {
    text-wrap: balance;
  }
  .about-titl-sm\:text-5xl {
    @media (width >= 40rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .about-titl-lg\:text-6xl {
    @media (width >= 64rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@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;
    }
  }
}

@layer utilities {
  .tab-center-flex {
    display: flex;
  }
  .tab-center-justify-center {
    justify-content: center;
  }
}

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

@layer theme {
  :root, :host {
    --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;
    --tracking-tight: -0.025em;
  }
}
@layer utilities {
  .cta-title-text-center {
    text-align: center;
  }
  .cta-title-text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .cta-title-font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .cta-title-tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .cta-title-break-words {
    overflow-wrap: break-word;
  }
  .cta-title-hyphens-auto {
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  .cta-title-text-foreground {
    color: var(--foreground);
  }
  .cta-title-sm\:text-left {
    @media (width >= 40rem) {
      text-align: left;
    }
  }
  .cta-title-sm\:text-3xl {
    @media (width >= 40rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .cta-title-md\:text-4xl {
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .cta-title-lg\:text-5xl {
    @media (width >= 64rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@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-tracking: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --spacing: 0.25rem;
  }
}
@layer utilities {
  .spacer-space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@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-space-y-reverse: 0;
    }
  }
}

@layer theme {
  :root, :host {
    --spacing: 0.25rem;
  }
}
@layer utilities {
  .gap-4-gap-4 {
    gap: calc(var(--spacing) * 4);
  }
}

@layer utilities {
  .w2-header--w-\[220px\] {
    width: 220px;
  }
}

@layer utilities {
  .w1-header--w-\[120px\] {
    width: 120px;
  }
}

@layer theme {
  :root, :host {
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-bold: 700;
    --tracking-tight: -0.025em;
  }
}
@layer utilities {
  .hero-title-text-center {
    text-align: center;
  }
  .hero-title-text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .hero-title-font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .hero-title-tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .hero-title-break-words {
    overflow-wrap: break-word;
  }
  .hero-title-hyphens-auto {
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  .hero-title-text-foreground {
    color: var(--foreground);
  }
  .hero-title-sm\:text-left {
    @media (width >= 40rem) {
      text-align: left;
    }
  }
  .hero-title-sm\:text-4xl {
    @media (width >= 40rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .hero-title-md\:text-5xl {
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .hero-title-lg\:text-6xl {
    @media (width >= 64rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@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-tracking: initial;
    }
  }
}

@layer utilities {
  .full-scree-h-\[calc\(100vh-56px\)\] {
    height: calc(100vh - 56px);
  }
  .full-scree-md\:h-\[calc\(100vh-64px\)\] {
    @media (width >= 48rem) {
      height: calc(100vh - 64px);
    }
  }
  .full-scree-lg\:h-\[calc\(100vh-80px\)\] {
    @media (width >= 64rem) {
      height: calc(100vh - 80px);
    }
  }
}

@layer theme {
  :root, :host {
    --spacing: 0.25rem;
  }
}
@layer utilities {
  .hero-butto-flex {
    display: flex;
  }
  .hero-butto-w-full {
    width: 100%;
  }
  .hero-butto-flex-col {
    flex-direction: column;
  }
  .hero-butto-gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .hero-butto-md\:w-auto {
    @media (width >= 48rem) {
      width: auto;
    }
  }
  .hero-butto-md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .hero-butto-md\:gap-4 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
}

@layer utilities {
  .no-shadow-shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
@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-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@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-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-shadow: 0 0 #0000;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-offset-shadow: 0 0 #0000;
    }
  }
}

@layer theme {
  :root, :host {
    --spacing: 0.25rem;
  }
}
@layer utilities {
  .tab-list-h-auto {
    height: auto;
  }
  .tab-list-flex-wrap {
    flex-wrap: wrap;
  }
  .tab-list-justify-center {
    justify-content: center;
  }
  .tab-list-gap-2 {
    gap: calc(var(--spacing) * 2);
  }
}

@layer theme {
  :root, :host {
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
  }
}
@layer utilities {
  .card-title-text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
}

@layer theme {
  :root, :host {
    --spacing: 0.25rem;
  }
}
@layer utilities {
  .margin-bot-mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
}

@layer theme {
  :root, :host {
    --spacing: 0.25rem;
  }
}
@layer utilities {
  .padding-y8-py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
}

@layer utilities {
  .text-cente-text-center {
    text-align: center;
  }
}

@layer theme {
  :root, :host {
    --spacing: 0.25rem;
  }
}
@layer utilities {
  .margin-top-mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
}

@layer theme {
  :root, :host {
    --spacing: 0.25rem;
  }
}
@layer utilities {
  .margin-top-mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
}

@layer theme {
  :root, :host {
    --spacing: 0.25rem;
  }
}
@layer utilities {
  .padding-to-pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
}

@layer theme {
  :root, :host {
    --spacing: 0.25rem;
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --font-weight-bold: 700;
  }
}
@layer utilities {
  .simple-her-border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .simple-her-py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .simple-her-text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .simple-her-font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@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-border-style: solid;
      --tw-font-weight: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --spacing: 0.25rem;
  }
}
@layer utilities {
  .container-container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .container-mx-auto {
    margin-inline: auto;
  }
  .container-px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
}

@layer theme {
  :root, :host {
    --spacing: 0.25rem;
  }
}
@layer utilities {
  .last-modif-my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
}

@layer theme {
  :root, :host {
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
}
@layer utilities {
  .link-text-primary {
    color: var(--primary);
  }
  .link-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));
  }
  .link-hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
}

@layer theme {
  :root, :host {
    --spacing: 0.25rem;
  }
}
@layer utilities {
  .my-4-sm-0-my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-4-sm-0-sm\:my-0 {
    @media (width >= 40rem) {
      margin-block: calc(var(--spacing) * 0);
    }
  }
}

@layer theme {
  :root, :host {
    --spacing: 0.25rem;
    --container-2xl: 42rem;
    --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);
  }
}
@layer utilities {
  .hero-conte-mx-auto {
    margin-inline: auto;
  }
  .hero-conte-max-w-2xl {
    max-width: var(--container-2xl);
  }
  .hero-conte-text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .hero-conte-break-words {
    overflow-wrap: break-word;
  }
  .hero-conte-text-muted-foreground {
    color: var(--muted-foreground);
  }
  .hero-conte-sm\:text-base {
    @media (width >= 40rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .hero-conte-md\:mx-0 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .hero-conte-md\:text-lg {
    @media (width >= 48rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .hero-conte-lg\:text-xl {
    @media (width >= 64rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
}

@layer utilities {
  .no-backgro-bg-transparent {
    background-color: transparent;
  }
}

@layer utilities {
  .border-0-border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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-border-style: solid;
    }
  }
}

@layer theme {
  :root, :host {
    --spacing: 0.25rem;
  }
}
@layer utilities {
  .logo-heade-h-10 {
    height: calc(var(--spacing) * 10);
  }
  .logo-heade-object-contain {
    object-fit: contain;
  }
  .logo-heade-md\:h-12 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 12);
    }
  }
}