/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *,
    :before,
    :after,
    ::backdrop {
      --tw-border-style: solid;
      --tw-leading: initial;
    }
  }
}
@layer theme {
  :root,
  :host {
    --spacing: 0.25rem;
    --leading-tight: 1.25;
  }
}
@layer base,components;
@layer utilities {
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .w-\[95\%\] {
    width: 95%;
  }
  .max-w-\[45rem\] {
    max-width: 45rem;
  }
  .max-w-\[47rem\] {
    max-width: 47rem;
  }
  .list-disc {
    list-style-type: disc;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .fill-background {
    fill: var(--background);
  }
  .px-4\.5 {
    padding-inline: calc(var(--spacing) * 4.5);
  }
  .px-7\.5 {
    padding-inline: calc(var(--spacing) * 7.5);
  }
  .py-4\.5 {
    padding-block: calc(var(--spacing) * 4.5);
  }
  .text-\[1\.375rem\] {
    font-size: 1.375rem;
  }
  .text-\[1rem\]\! {
    font-size: 1rem !important;
  }
  .leading-tight\! {
    --tw-leading: var(--leading-tight) !important;
    line-height: var(--leading-tight) !important;
  }
  .text-foreground\! {
    color: var(--foreground) !important;
  }
  .text-primary\! {
    color: var(--primary) !important;
  }
  @media (min-width: 40rem) {
    .sm\:w-7\/12 {
      width: 58.3333%;
    }
    .sm\:items-center {
      align-items: center;
    }
  }
  @media (min-width: 48rem) {
    .md\:mt-7 {
      margin-top: calc(var(--spacing) * 7);
    }
    .md\:h-auto {
      height: auto;
    }
    .md\:justify-start {
      justify-content: flex-start;
    }
    .md\:gap-y-4 {
      row-gap: calc(var(--spacing) * 4);
    }
    .md\:pt-12 {
      padding-top: calc(var(--spacing) * 12);
    }
    .md\:pr-4 {
      padding-right: calc(var(--spacing) * 4);
    }
    .md\:pl-56 {
      padding-left: calc(var(--spacing) * 56);
    }
  }
  @media (min-width: 64rem) {
    .lg\:justify-end {
      justify-content: flex-end;
    }
    .lg\:gap-x-6 {
      column-gap: calc(var(--spacing) * 6);
    }
  }
  @media (min-width: 80rem) {
    .xl\:gap-15 {
      gap: calc(var(--spacing) * 15);
    }
    .xl\:gap-20 {
      gap: calc(var(--spacing) * 20);
    }
    .xl\:gap-23 {
      gap: calc(var(--spacing) * 23);
    }
    .xl\:gap-24 {
      gap: calc(var(--spacing) * 24);
    }
    .xl\:gap-x-15 {
      column-gap: calc(var(--spacing) * 15);
    }
    .xl\:gap-y-6 {
      row-gap: calc(var(--spacing) * 6);
    }
    .xl\:px-15 {
      padding-inline: calc(var(--spacing) * 15);
    }
    .xl\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }
    .xl\:px-17 {
      padding-inline: calc(var(--spacing) * 17);
    }
    .xl\:px-22 {
      padding-inline: calc(var(--spacing) * 22);
    }
    .xl\:pt-15 {
      padding-top: calc(var(--spacing) * 15);
    }
    .xl\:pt-24 {
      padding-top: calc(var(--spacing) * 24);
    }
  }
  .\[\&\>svg\]\:size-5\! > svg {
    width: calc(var(--spacing) * 5) !important;
    height: calc(var(--spacing) * 5) !important;
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
