.elementor-848 .elementor-element.elementor-element-6ac05dae{--display:flex;--padding-top:080px;--padding-bottom:060px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-848 .elementor-element.elementor-element-96b7337{text-align:center;}.elementor-848 .elementor-element.elementor-element-96b7337 .elementor-heading-title{font-family:"Public Sans", Sans-serif;font-size:36px;font-weight:600;color:#0A0A0A;}.elementor-848 .elementor-element.elementor-element-79f062d{text-align:center;}.elementor-848 .elementor-element.elementor-element-79f062d .elementor-heading-title{font-family:"Public Sans", Sans-serif;font-size:16px;font-weight:400;color:#6A7282;}.elementor-848 .elementor-element.elementor-element-abbdbf3{--display:flex;}@media(max-width:767px){.elementor-848 .elementor-element.elementor-element-96b7337 .elementor-heading-title{font-size:20px;}}/* Start custom CSS for html, class: .elementor-element-6a968fe */@import url('https://fonts.googleapis.com/css2?family=Allura&family=Dancing+Script:wght@400..700&family=Great+Vibes&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Public+Sans:ital,wght@0,100..900;1,100..900&family=Satisfy&family=Sofia&display=swap');

@layer base;
@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

@custom-variant dark (&:where(.dark, .dark *));

@theme {
  --color-background: hsl(var(--background));
  --color-foreground: hsl(var(--foreground));
  --color-card: hsl(var(--card));
  --color-card-foreground: hsl(var(--card-foreground));
  --color-popover: hsl(var(--popover));
  --color-popover-foreground: hsl(var(--popover-foreground));
  --color-primary-100: #f2f0ff;
  --color-primary-200: #dcd9fe;
  --color-primary-300: #bbb4fd;
  --color-primary-400: #988efc;
  --color-primary-500: #7668fb;
  --color-primary-600: #584ebc;
  --color-primary-700: #3b347d;
  --color-primary-800: #1d1a3f;
  --color-primary: hsl(var(--primary));
  --color-primary-foreground: hsl(var(--primary-foreground));
  --color-secondary: hsl(var(--secondary));
  --color-secondary-foreground: hsl(var(--secondary-foreground));
  --color-muted: hsl(var(--muted));
  --color-muted-dark: hsl(var(--muted-dark));
  --color-muted-foreground: hsl(var(--muted-foreground));
  --color-accent: hsl(var(--accent));
  --color-accent-foreground: hsl(var(--accent-foreground));
  --color-destructive: hsl(var(--destructive));
  --color-destructive-foreground: hsl(var(--destructive-foreground));
  --color-border: hsl(var(--border));
  --color-input: hsl(var(--input));
  --color-ring: hsl(var(--ring));
  --color-badge: hsl(var(--badge));
  --color-switch: hsl(var(--switch));
  --color-disabled: hsl(var(--disabled));
  --color-table-border: hsl(var(--table-border));
  --color-chart-1: hsl(var(--chart-1));
  --color-chart-2: hsl(var(--chart-2));
  --color-chart-3: hsl(var(--chart-3));
  --color-chart-4: hsl(var(--chart-4));
  --color-chart-5: hsl(var(--chart-5));
  --color-sidebar: hsl(var(--sidebar-background));
  --color-sidebar-foreground: hsl(var(--sidebar-foreground));
  --color-sidebar-primary: hsl(var(--sidebar-primary));
  --color-sidebar-primary-foreground: hsl(var(--sidebar-primary-foreground));
  --color-sidebar-accent: hsl(var(--sidebar-accent));
  --color-sidebar-accent-foreground: hsl(var(--sidebar-accent-foreground));
  --color-sidebar-border: hsl(var(--sidebar-border));
  --color-sidebar-ring: hsl(var(--sidebar-ring));
  --color-grey-50: #fbfbfb;
  --color-grey-100: #f6f6f6;
  --color-grey-200: #f1f1f1;
  --color-grey-300: #e5e5e5;
  --color-grey-400: #c3c3c3;
  --color-grey-500: #a5a5a5;
  --color-grey-600: #7b7b7b;
  --color-grey-700: #676767;
  --color-grey-800: #484848;
  --color-grey-900: #262626;
  --color-grey-darker: #d9d9d9;
  --color-green-100: #ecf8e6;
  --color-green-200: #ceebbf;
  --color-green-300: #9dd880;
  --color-green-400: #76c84d;
  --color-green-500: #3ab000;
  --color-green-600: #297b00;
  --color-green-700: #1d5800;
  --color-green-800: #0f2c00;
  --color-stroke-green: #3ed37a;
  --color-feature-list-bg-gray: #f8f8f8;
  --color-feature-list-gradient-from: #ffffff17;
  --color-feature-list-gradient-to: #e2e2e2;
  --color-error: #ee0004;
  --color-warning: #e4b000;
  --color-info: #07afff;
  --font-sans: Public Sans, Helvetica, Arial, sans-serif;
  --font-inter: Inter, Helvetica, Arial, sans-serif;
  --font-allura: Allura, cursive;
  --font-dancing-script: Dancing Script, cursive;
  --font-great-vibes: Great Vibes, cursive;
  --font-satisfy: Satisfy, cursive;
  --font-sofia: Sofia, cursive;
  --font-geist-sans: Geist Sans, Helvetica, Arial, sans-serif;
  --font-geist-mono: Geist Mono, Helvetica, Arial, sans-serif;
  --text-sml: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-h4: 18px;
  --text-h3: 20px;
  --text-h2: 22px;
  --text-h1: 24px;
  --text-d1: var(--d1);
  --leading-d1: var(--d1h);
  --text-hw2: var(--hw2);
  --leading-hw2: var(--h2h);
  --text-hw3: var(--hw3);
  --leading-hw3: var(--h3h);
  --text-tb2: var(--tb2);
  --leading-tb2: var(--tb2h);
  --text-tb1: var(--tb1);
  --leading-tb1: var(--tb1h);
  --text-br1: var(--br1);
  --leading-br1: var(--br1h);
  --leading-h4: 25.2px;
  --radius-lg: var(--radius);
  --radius-md: calc(var(--radius) - 2px);
  --radius-sm: calc(var(--radius) - 4px);
  --animate-accordion-down: accordion-down 0.2s ease-out;
  --animate-accordion-up: accordion-up 0.2s ease-out;
}

@layer base {
  :root {
    --background: 0 0% 98%;
    --foreground: 0 0% 3.9%;
    --card: 0 0% 98%;
    --card-foreground: 0 0% 3.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 0 0% 3.9%;
    --primary: 246 95% 70%;
    --primary-muted: 246, 95%, 70%, 0.1;
    --primary-foreground: 0 0% 98%;
    --secondary: 0 0% 96.1%;
    --secondary-foreground: 0 0% 9%;
    --muted: 246 100% 96.1%;
    --muted-dark: 0 0% 40%;
    --muted-foreground: 0 0% 46%;
    --accent: 246 95% 70%;
    --accent-foreground: 0 0% 98%;
    --destructive: 359, 100%, 47%;
    --destructive-foreground: 0 0% 98%;
    --border: 220 13% 91%;
    --badge: 0 0% 98%;
    --switch: 0 0% 75%;
    --input: 0 0% 89.8%;
    --ring: 0 0% 3.9%;
    --disabled: 0 0% 86%;
    --table-border: 0 0% 90%;
    --chart-1: 246, 95%, 70%;
    --chart-2: 40, 96%, 53%;
    --chart-3: 197 37% 24%;
    --chart-4: 43 74% 66%;
    --chart-5: 27 87% 67%;
    --radius: 0.5rem;
    --sidebar-background: 0 0% 100%;
    --sidebar-foreground: 0 0% 2%;
    --sidebar-primary: 246 95% 70%;
    --sidebar-primary-foreground: 0 0% 98%;
    --sidebar-accent: 246 95% 70%;
    --sidebar-accent-foreground: 0 0% 98%;
    --sidebar-border: 220 13% 91%;
    --sidebar-ring: 217.2 91.2% 59.8%;
    --color-border-grey: #e5e7eb;
    --shadow-card: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --d1: 64px;
    --d1h: 76.8px;
    --d1w: 800;
    --hw2: 36px;
    --h2h: 43.2px;
    --h2w: 700px;
    --hw3: 24px;
    --h3h: 28.8px;
    --h3w: 600;
    --tb2: 18px;
    --tb2h: 24px;
    --tb1: 18px;
    --tb1h: 24px;
    --br1: 16px;
    --br1h: 25.6px;
    --br1w: 400;
  }
  body {
    font-family: var(--font-sans);
  }
  .dark {
    --background: 270 4% 10%;
    --foreground: 0 0% 100%;
    --card: 255 6% 14%;
    --card-foreground: 0 0% 98%;
    --popover: 255 6% 14%;
    --popover-foreground: 0 0% 98%;
    --primary: 246 95% 70%;
    --primary-foreground: 0 0% 98%;
    --secondary: 0 0% 14.9%;
    --secondary-foreground: 0 0% 98%;
    --muted: 246 100% 96.1%;
    --muted-dark: 240 1% 83%;
    --muted-foreground: 0 0% 100%;
    --accent: 246 95% 70%;
    --accent-foreground: 0 0% 98%;
    --destructive: 359 100% 47%;
    --destructive-foreground: 0 0% 98%;
    --border: 260 3% 23%;
    --badge: 255 4% 18%;
    --switch: 260 2% 31%;
    --input: 0 0% 14.9%;
    --ring: 260 2% 31%;
    --disabled: 260 1% 48%;
    --table-border: 260 3% 23%;
    --chart-1: 220 70% 50%;
    --chart-2: 160 60% 45%;
    --chart-3: 30 80% 55%;
    --chart-4: 280 65% 60%;
    --chart-5: 340 75% 55%;
    --sidebar-background: 255 6% 14%;
    --sidebar-foreground: 240 4.8% 95.9%;
    --sidebar-primary: 246 95% 70%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 240 3.7% 15.9%;
    --sidebar-accent-foreground: 240 4.8% 95.9%;
    --sidebar-border: 260 3% 23%;
    --sidebar-ring: 217.2 91.2% 59.8%;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1920px) {
  :root {
    --d1: 64px;
    --d1h: 76.8px;
    --d1w: 800;
    --hw2: 36px;
    --h2h: 43.2px;
    --h2w: 700px;
    --hw3: 24px;
    --h3h: 28.8px;
    --h3w: 600;
    --tb2: 18px;
    --tb2h: 24px;
    --tb1: 18px;
    --tb1h: 24px;
    --br1: 16px;
    --br1h: 25.6px;
    --br1w: 400;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  :root {
    --d1: 56px;
    --d1h: 67.2px;
    --d1w: 800;
    --hw2: 32px;
    --h2h: 38.4px;
    --h2w: 700px;
    --hw3: 24px;
    --h3h: 28.8px;
    --h3w: 600;
    --tb2: 18px;
    --tb2h: 24px;
    --tb1: 18px;
    --tb1h: 24px;
    --br1: 16px;
    --br1h: 25.6px;
    --br1w: 400;
  }
}

@media screen and (max-width: 768px) {
  :root {
    --d1: 36px;
    --d1h: 43.2px;
    --d1w: 800;
    --hw2: 24px;
    --h2h: 28.8px;
    --h2w: 700px;
    --hw3: 24px;
    --h3h: 28.8px;
    --h3w: 600;
    --tb2: 16px;
    --tb2h: 25.6px;
    --tb1: 14px;
    --tb1h: 24px;
    --br1: 14px;
    --br1h: 22.4px;
    --br1w: 400;
  }
}

/* Tailwind Utility Translations for This Page */
.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}

.md-px-16 {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  .md-px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

.mt-12 {
  margin-top: 3rem;
}

.mb-24 {
  margin-bottom: 6rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.text-center {
  text-align: center;
}

.font-bold {
  font-weight: 700;
}

.font-semibold {
  font-weight: 600;
}

.font-extrabold {
  font-weight: 800;
}

.text-hw2 {
  font-size: var(--text-hw2);
  line-height: var(--leading-hw2);
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-gray-500 {
  color: var(--color-grey-500);
}

.text-gray-700 {
  color: var(--color-grey-700);
}

.text-gray-800 {
  color: var(--color-grey-800);
}

.text-black {
  color: #000;
}

.leading-relaxed {
  line-height: 1.625;
}

.list-disc {
  list-style-type: disc;
}

.list-decimal {
  list-style-type: decimal;
}

.pl-8 {
  padding-left: 2rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.underline {
  text-decoration: underline;
}

.space-y-2 > * + * {
  margin-top: 0.5rem;
}

.flex {
  display: flex;
}

.flex-row {
  flex-direction: row;
}

.flex-col {
  flex-direction: column;
}

.gap-2 {
  gap: 0.5rem;
}

/* Ensure articles and headers inherit properly */
article {
  line-height: 1.6;
}

h1, h2, h3 {
  line-height: 1.2;
}

ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.25rem;
}

li {
  margin-bottom: 0.25rem;
}/* End custom CSS */