:root {
    --font-family: Tajawal, sans-serif;

    /* Base */
    --background: #050505;
    --foreground: #f1d38a;

    /* Main Brand Colors */
    --primary: #c99a4b;
    --primary-foreground: #0b0b0b;

    --secondary: #111111;
    --secondary-foreground: #e8c983;

    /* UI */
    --muted: #8e7a58;
    --accent: #e0b96d;

    --border: rgba(201, 154, 75, 0.25);
    --input: #151515;
    --ring: #c99a4b;

    /* Extra optional shades */
    --gold-light: #f3d27a;
    --gold-medium: #c99a4b;
    --gold-dark: #8a6330;

    /* Radius + Layout */
    --radius: 10px;

    --cols-mobile: 1;
    --cols-desktop: 4;
}

.prose {
    /* Light Mode */
    --tw-prose-body: #d8c08a;
    --tw-prose-headings: #f3d27a;
    --tw-prose-lead: #c7aa68;

    --tw-prose-links: #f3d27a;
    --tw-prose-bold: #ffe3a1;

    --tw-prose-counters: #b8924f;
    --tw-prose-bullets: #8a6330;

    --tw-prose-hr: rgba(201, 154, 75, 0.2);

    --tw-prose-quotes: #f3d27a;
    --tw-prose-quote-borders: rgba(243, 210, 122, 0.3);

    --tw-prose-captions: #a88a58;

    --tw-prose-kbd: #f5d98c;
    --tw-prose-kbd-shadows: rgba(243, 210, 122, 0.15);

    --tw-prose-code: #ffd98f;

    --tw-prose-pre-code: #f5deb0;
    --tw-prose-pre-bg: #0d0d0d;

    --tw-prose-th-borders: rgba(243, 210, 122, 0.25);
    --tw-prose-td-borders: rgba(201, 154, 75, 0.18);

    /* Dark / Invert */
    --tw-prose-invert-body: #d8c08a;

    --tw-prose-invert-headings: #f3d27a;
    --tw-prose-invert-lead: #c7aa68;

    --tw-prose-invert-links: #ffd98f;
    --tw-prose-invert-bold: #fff1c7;

    --tw-prose-invert-counters: #b8924f;
    --tw-prose-invert-bullets: #8a6330;

    --tw-prose-invert-hr: rgba(201, 154, 75, 0.2);

    --tw-prose-invert-quotes: #ffe7b3;
    --tw-prose-invert-quote-borders: rgba(243, 210, 122, 0.25);

    --tw-prose-invert-captions: #a88a58;

    --tw-prose-invert-kbd: #fff3cf;
    --tw-prose-invert-kbd-shadows: rgba(255, 255, 255, 0.08);

    --tw-prose-invert-code: #ffd98f;

    --tw-prose-invert-pre-code: #f5deb0;
    --tw-prose-invert-pre-bg: rgba(0, 0, 0, 0.75);

    --tw-prose-invert-th-borders: rgba(243, 210, 122, 0.22);
    --tw-prose-invert-td-borders: rgba(201, 154, 75, 0.15);

    font-size: 1rem;
    line-height: 1.9;
}

.grid.grid-cols-2.gap-4.text-center.lg\:grid-cols-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 992px) {
    .embla__slide {
        min-height: 175px !important;
    }
  .section-benefits .grid {
    grid-template-columns: auto !important;
    gap: 40px;
}
}

  footer {
    text-align: center;
}
footer  .flex.gap-3 {
    justify-content: center;
}
footer    justify-content: center;
}
footer  .flex.flex-wrap.items-center.gap-x-2 {
    justify-content: center;
}
footer  img.block.md\:hidden {
    margin: auto;
}
 footer .grid.grid-cols-1.gap-8.md\:grid-cols-\[repeat\(auto-fit\,minmax\(250px\,1fr\)\)\] :where(.space-y-4>:not(:last-child)) {
    margin: auto;
    margin-top: 20px;
}

@media (min-width: 48rem) {
    .md\:grid-cols-\[repeat\(auto-fit\,minmax\(250px\,1fr\)\)\] {
        grid-template-columns: auto ;
    }
}

h3.text-foreground.text-sm.font-medium {
    display: none;
}