UI styling update

2025-08-21 10:21:32 +05:30
parent 04a9f5689b
commit 92a935f753
36 changed files with 501 additions and 402 deletions
--- a/app/health/rare-disorders/components/ClinicalAreasGrid.jsx
+++ b/app/health/rare-disorders/components/ClinicalAreasGrid.jsx
@ -21,8 +21,8 @@ export default function ClinicalAreasGrid() {
  ];

  return (
-    <section className="mx-auto px-10 pt-12">
-      <h2 className="text-3xl font-bold text-gray-700 text-left pb-2 mb-4">Clinical Areas</h2>
+    <section className="mx-auto px-8 pt-8">
+      <h2 className="text-3xl font-bold text-teal-700 pb-2 mb-4">Clinical Areas</h2>
      <div className="grid sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
        {areas.map((area, idx) => (
          <div