diff --git a/src/app/globals.css b/src/app/globals.css
index 362211f..831fd38 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -15476,7 +15476,7 @@ h4.service-details__dynamic-content-erp {
 .hero-1 .slider-category-title {
   padding-top: 15px;
   text-align: center;
-  font-size: 16px;
+  font-size: 14px;
   font-weight: 900;
   color: #1a1f2b;
 }
@@ -15698,7 +15698,7 @@ h4.service-details__dynamic-content-erp {
   .hero-1 .slider-category-title {
     padding-top: 15px;
     text-align: center;
-    font-size: 15px;
+    font-size: 12px;
     font-weight: 900;
     color: #1a1f2b;
   }
@@ -16423,6 +16423,10 @@ h4.service-details__dynamic-content-erp {
   .sec-title__title {
     font-size: 26px;
   }
+
+    .hero-1 .slider-category-title {
+    font-size: 11px !important;
+  }
 }
 
 /* 1200px */
@@ -16441,6 +16445,7 @@ h4.service-details__dynamic-content-erp {
 
   .hero-1 .slider-category-title {
     font-size: 11px !important;
+    line-height: 15px;
   }
 
   .testimonial-btn {
diff --git a/src/components/careers/WorkProcessSection.tsx b/src/components/careers/WorkProcessSection.tsx
index c881ae9..78b43bd 100644
--- a/src/components/careers/WorkProcessSection.tsx
+++ b/src/components/careers/WorkProcessSection.tsx
@@ -4,7 +4,7 @@ import React, { useEffect, useRef, useState } from "react";
 
 const WorkProcessSection2 = () => {
     const sectionRef = useRef<HTMLDivElement>(null);
-    const [activeCardId, setActiveCardId] = useState<number | null>(null);
+    const [activeCardId, setActiveCardId] = useState<number | null>(1);
 
     useEffect(() => {
         const observer = new IntersectionObserver(
@@ -88,7 +88,7 @@ const WorkProcessSection2 = () => {
                         <img src="/assets/images/services/journey/element-2.webp" alt="digital transformation journey" />
                     </div>
 
-                    <div className="row justify-content-center">
+                    <div className="row justify-content-center mb-30">
                         <div className="col-lg-8 text-center">
                             <div className="sec-title-wrapper wow" data-wow-delay="0.3s" style={{ visibility: "hidden" }}>
                                 <div className="sec-title">
diff --git a/src/components/home/home-1/BlogSection.tsx b/src/components/home/home-1/BlogSection.tsx
index 406aace..130a87d 100644
--- a/src/components/home/home-1/BlogSection.tsx
+++ b/src/components/home/home-1/BlogSection.tsx
@@ -134,6 +134,15 @@ const BlogSection = ({
     return (
         <section className={`blog-section-one section-space ${isPaginated ? "pb-0 pt-0" : ""}`}>
             <div className={`small-container ${isSlider ? "blog-slider-active" : ""}`}>
+                    <div className="row justify-content-center mb-30 text-center">
+                        <div className="col-lg-8">
+                            <div className="sec-title text-center">
+                                <div className="sec-title__shape"></div>
+                                <h6 className="sec-title__tagline">OUR BLOGS</h6>
+                                <h3 className="sec-title__title">Latest Blogs Post</h3>
+                            </div>
+                        </div>
+                    </div>
                 {isSlider ? (
                     <Slider {...sliderSettings} className="blog-slider-inner">
                         {currentBlogs.map((blog) => (