diff --git a/src/components/Blog/newss.jsx b/src/components/Blog/newss.jsx
index 56bfcdc..7f5f348 100644
--- a/src/components/Blog/newss.jsx
+++ b/src/components/Blog/newss.jsx
@@ -124,7 +124,7 @@ useEffect(()=>{
         {/* <h1>Trending Food and Health News</h1> */}
         <div className="p-4 flex flex-col justify-center items-center gap-y-4 w-[100%]">
         <div className="text-5xl font-extrabold text-center">
-          <span className="bg-clip-text text-transparent bg-gradient-to-r from-black to-yellow-400">
+          <span className="bg-clip-text text-green-500">
           Trending Food and Health News
           </span>
         </div>
diff --git a/src/pages/News.jsx b/src/pages/News.jsx
index f6ff088..1757fa8 100644
--- a/src/pages/News.jsx
+++ b/src/pages/News.jsx
@@ -43,7 +43,7 @@ function News() {
           (
             <div className="text-gray-900 min-h-screen">
               <Navbar />
-              <h1 className="text-3xl font-bold text-center mt-20 text-white p-6 dark:text-slate-900">
+              <h1 className="text-3xl font-bold text-center text-green-500 p-6">
                 Trending Food and Health News
               </h1>
               <main className="mt-10 p-4">