diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index dbecd3a..5f11290 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -5,6 +5,12 @@
   justify-content: center;
   align-items: center;
 }
+.font_black{
+  color: black;
+}
+.font_red{
+  color: red;
+}
 .appie-loader {
   opacity: 0;
 }
diff --git a/src/components/HomeOne/RecentJobsOne.js b/src/components/HomeOne/RecentJobsOne.js
index 00d3eee..2083293 100644
--- a/src/components/HomeOne/RecentJobsOne.js
+++ b/src/components/HomeOne/RecentJobsOne.js
@@ -48,7 +48,7 @@ async componentDidMount(){
 
                                     return (<div className="col-lg-3 col-md-6">
                                         <div
-                                            className="appie-blog-item mt-30 wow animated fadeInUp"
+                                            className="appie-single-service mt-30 wow animated fadeInUp"
                                             data-wow-duration="3000ms"
                                             data-wow-delay="200ms"
                                         >
@@ -57,13 +57,13 @@ async componentDidMount(){
 
                                                 <h3 className="title">
                                                     <a href={dashUrl}>
-                                                        {i.title}
+                                                     <span className='font_black'>{i.title} </span>   
                                                     </a>
                                                 </h3>
                                                 <div className="blog-meta">
                                                     <ul>
                                                         <li className="expire">
-                                                            <a href={dashUrl}>Expires : {postDt}</a>
+                                                            <a href={dashUrl}><span className='font_red'> Expires : {postDt} </span></a>
                                                         </li>
                                                     </ul>
                                                 </div>
@@ -72,6 +72,13 @@ async componentDidMount(){
                                                 </a>
                                             </div>
                                         </div>
+
+
+                   
+                        
+                  
+
+
                                     </div>)