/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --spacing: 1px;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base--line-height: calc(1.5 / 1);
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-6xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --radius-md: 0.375rem;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
  }
}
.relative {
  position: relative;
}
.mt-10 {
  margin-top: calc(var(--spacing) * 10);
}
.mt-20 {
  margin-top: calc(var(--spacing) * 20);
}
.mt-30 {
  margin-top: calc(var(--spacing) * 30);
}
.mb-0 {
  margin-bottom: calc(var(--spacing) * 0);
}
.mb-5 {
  margin-bottom: calc(var(--spacing) * 5);
}
.mb-10 {
  margin-bottom: calc(var(--spacing) * 10);
}
.mb-20 {
  margin-bottom: calc(var(--spacing) * 20);
}
.mb-30 {
  margin-bottom: calc(var(--spacing) * 30);
}
.mb-40 {
  margin-bottom: calc(var(--spacing) * 40);
}
.mb-50 {
  margin-bottom: calc(var(--spacing) * 50);
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.size-full {
  width: 100%;
  height: 100%;
}
.h-10 {
  height: calc(var(--spacing) * 10);
}
.h-full {
  height: 100%;
}
.w-auto {
  width: auto;
}
.w-full {
  width: 100%;
}
.cursor-pointer {
  cursor: pointer;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.flex-row {
  flex-direction: row;
}
.items-center {
  align-items: center;
}
.items-start {
  align-items: flex-start;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.gap-4 {
  gap: calc(var(--spacing) * 4);
}
.gap-5 {
  gap: calc(var(--spacing) * 5);
}
.gap-10 {
  gap: calc(var(--spacing) * 10);
}
.gap-20 {
  gap: calc(var(--spacing) * 20);
}
.gap-30 {
  gap: calc(var(--spacing) * 30);
}
.gap-40 {
  gap: calc(var(--spacing) * 40);
}
.gap-50 {
  gap: calc(var(--spacing) * 50);
}
.gap-60 {
  gap: calc(var(--spacing) * 60);
}
.gap-80 {
  gap: calc(var(--spacing) * 80);
}
.overflow-hidden {
  overflow: hidden;
}
.rounded-full {
  border-radius: calc(infinity * 1px);
}
.rounded-md {
  border-radius: var(--radius-md);
}
.bg-black {
  background-color: #000;
}
.bg-clifford {
  background-color: #da373d;
}
.bg-white {
  background-color: #ffffff;
}
.p-5 {
  padding: calc(var(--spacing) * 5);
}
.p-20 {
  padding: calc(var(--spacing) * 20);
}
.pb-20 {
  padding-bottom: calc(var(--spacing) * 20);
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-base {
  font-size: 1rem;
  line-height: var(--tw-leading, var(--text-base--line-height));
}
.text-lg {
  font-size: 1.125rem;
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-sm {
  font-size: 0.75rem;
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xl {
  font-size: 1.375rem;
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.font-light {
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
}
.font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.font-normal {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
.text-black {
  color: #000;
}
.text-white {
  color: #ffffff;
}
.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);
}
.shadow-sm {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px 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);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px 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);
}
.inset-shadow-2xs {
  --tw-inset-shadow: inset 0 1px var(--tw-inset-shadow-color, rgb(0 0 0 / 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.duration-300 {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.ease-in {
  --tw-ease: var(--ease-in);
  transition-timing-function: var(--ease-in);
}
.hover\:bg-white {
  &:hover {
    @media (hover: hover) {
      background-color: #ffffff;
    }
  }
}
.hover\:text-sm {
  &:hover {
    @media (hover: hover) {
      font-size: 0.75rem;
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
}
.hover\:shadow-lg {
  &:hover {
    @media (hover: hover) {
      --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);
    }
  }
}
.sm\:block {
  @media (width >= 640px) {
    display: block;
  }
}
.md\:col-span-2 {
  @media (width >= 768px) {
    grid-column: span 2 / span 2;
  }
}
.md\:col-span-3 {
  @media (width >= 768px) {
    grid-column: span 3 / span 3;
  }
}
.md\:block {
  @media (width >= 768px) {
    display: block;
  }
}
.md\:flex {
  @media (width >= 768px) {
    display: flex;
  }
}
.md\:grid-cols-2 {
  @media (width >= 768px) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.md\:grid-cols-3 {
  @media (width >= 768px) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.md\:grid-cols-4 {
  @media (width >= 768px) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.md\:grid-cols-5 {
  @media (width >= 768px) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.md\:grid-cols-6 {
  @media (width >= 768px) {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.md\:gap-80 {
  @media (width >= 768px) {
    gap: calc(var(--spacing) * 80);
  }
}
.md\:text-base {
  @media (width >= 768px) {
    font-size: 1rem;
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
}
.md\:text-sm {
  @media (width >= 768px) {
    font-size: 0.75rem;
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
.lg\:flex {
  @media (width >= 992px) {
    display: flex;
  }
}
.font-1 {
  font-size: 0.625rem;
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
.font-2 {
  font-size: 0.75rem;
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.font-3 {
  font-size: 1rem;
  line-height: var(--tw-leading, var(--text-base--line-height));
}
.font-4 {
  font-size: 1.125rem;
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.font-5 {
  font-size: 1.125rem;
  line-height: var(--tw-leading, var(--text-lg--line-height));
  @media (width >= 992px) {
    font-size: 1.375rem;
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
}
.font-6 {
  font-size: 1.5rem;
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.font-7 {
  font-size: 2rem;
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.font-8 {
  font-size: 1.5rem;
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  @media (width >= 992px) {
    font-size: 2rem;
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  @media (width >= 1279px) {
    font-size: 2rem;
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  @media (width >= 1500px) {
    font-size: 2.5rem;
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
}
.font-9 {
  font-size: 2.5rem;
  line-height: var(--tw-leading, var(--text-4xl--line-height));
  --tw-leading: 1.15;
  line-height: 1.15;
}
.font-10 {
  font-size: 4.5rem;
  line-height: var(--tw-leading, var(--text-6xl--line-height));
}
@property --tw-font-weight {
  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;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@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-font-weight: 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-duration: initial;
      --tw-ease: initial;
      --tw-leading: initial;
    }
  }
}