diff --git a/src/components/IntegratedStrategy.tsx b/src/components/IntegratedStrategy.tsx
index 225c5ce..9a59c28 100644
--- a/src/components/IntegratedStrategy.tsx
+++ b/src/components/IntegratedStrategy.tsx
@@ -337,7 +337,7 @@ const IntegratedStrategy = () => {
         <div className="flex items-center gap-2">
           <div className={`w-2 h-5 ${category.highlight} rounded`}></div>
 
-          <span className="font-medium text-lg text-[#2B2D3B]">{category.name}</span>
+          <span className="font-semibold text-lg text-[#2B2D3B]">{category.name}</span>
           <span className="text-[#2B2D3B] text-lg font-semibold bg-white py-[1px] px-[10px] rounded-full">{category.count}</span>
         </div>
       </div>
diff --git a/src/components/Strategy/RoadmapSidebar.tsx b/src/components/Strategy/RoadmapSidebar.tsx
index f35ae7a..5cc5c7d 100644
--- a/src/components/Strategy/RoadmapSidebar.tsx
+++ b/src/components/Strategy/RoadmapSidebar.tsx
@@ -24,7 +24,7 @@ const RoadmapSidebar = ({
     ]
 
     return (
-        <div className="lg:w-80 w-[96%] mb-3 lg:mb-0 h-[100%] bg-white border border-gray-200 rounded-lg">
+        <div className="lg:w-80 w-[96%] mb-3 lg:mb-0 h-[100%] bg-white border border-gray-200 rounded-lg shadow-md">
             {mode ?
                 null
                 :
@@ -66,7 +66,7 @@ const RoadmapSidebar = ({
                                     <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
   <path d="M9.79395 2.05469C10.8674 2.05469 11.8712 2.25835 12.8096 2.66309C13.7575 3.07196 14.5758 3.62411 15.2695 4.31836C15.9635 5.01287 16.5158 5.83158 16.9258 6.7793C17.3313 7.71663 17.5347 8.71943 17.5332 9.79297V9.87109L16.8818 9.6709C16.8536 7.75376 16.1674 6.10878 14.8232 4.76465C13.4504 3.39187 11.7638 2.70215 9.79395 2.70215C7.82405 2.70217 6.13746 3.39184 4.76465 4.76465C3.39184 6.13746 2.70217 7.82405 2.70215 9.79395C2.70215 11.7638 3.39187 13.4504 4.76465 14.8232C6.10878 16.1674 7.75376 16.8536 9.6709 16.8818L9.87109 17.5332H9.79395C8.71942 17.5332 7.71633 17.3294 6.7793 16.9248C5.83235 16.5159 5.01341 15.964 4.31836 15.2695C3.6235 14.5752 3.07137 13.7569 2.66309 12.8096C2.25888 11.8717 2.05523 10.8681 2.05469 9.79395C2.05417 8.72012 2.258 7.71688 2.66309 6.7793C3.07254 5.8317 3.62445 5.01281 4.31836 4.31836C5.01206 3.62414 5.83046 3.07195 6.77832 2.66309C7.7167 2.25836 8.72049 2.0547 9.79395 2.05469ZM16.3711 12.2891L14.7656 12.8213L13.9961 13.0762L17.7383 16.8184L16.8184 17.7383L13.0762 13.9961L12.8213 14.7656L12.2891 16.3711L10.5391 10.5391L16.3711 12.2891ZM9.79395 5.35059C10.9995 5.35059 12.0153 5.75553 12.8682 6.57129C13.5433 7.21715 13.9662 7.97246 14.1455 8.84863L13.4121 8.63086C13.1826 7.90877 12.7672 7.30069 12.167 6.81934C11.4847 6.27219 10.6861 5.99867 9.79395 5.99805C8.75399 5.99806 7.8517 6.37486 7.11328 7.11328C6.37486 7.8517 5.99806 8.75399 5.99805 9.79395C5.99805 10.6864 6.27148 11.4846 6.81934 12.167C7.30108 12.7671 7.90911 13.1826 8.63086 13.4121L8.84863 14.1455C7.97246 13.9662 7.21715 13.5433 6.57129 12.8682C5.75553 12.0153 5.35059 10.9995 5.35059 9.79395C5.3506 8.55185 5.7791 7.51191 6.64551 6.64551C7.51191 5.7791 8.55185 5.3506 9.79395 5.35059Z" fill="#65677D" stroke="#787B91"/>
 </svg>
-                                    <span className="text-md text-gray-700 font-bold">{keyword}</span>
+                                    <span className="text-md text-gray-700 font-semibold">{keyword}</span>
                                     </>
 
                             }
diff --git a/src/components/shared/Footer.tsx b/src/components/shared/Footer.tsx
index 042a1b5..914b212 100644
--- a/src/components/shared/Footer.tsx
+++ b/src/components/shared/Footer.tsx
@@ -6,12 +6,12 @@ const Footer = () => {
       <div className="container px-6">
         {/* Navigation Links */}
         <nav className="flex flex-wrap items-center space-x-8 mb-4">
-          <Link to="#" className="text-gray-600 hover:text-gray-800 font-medium m-0">Home</Link>
-          <Link to="#" className="text-gray-600 hover:text-gray-800 font-medium m-0">About</Link>
-          <Link to="#" className="text-gray-600 hover:text-gray-800 font-medium m-0">Journal</Link>
-          <Link to="#" className="text-gray-600 hover:text-gray-800 font-medium m-0">SEO Tools</Link>
-          <Link to="#" className="text-gray-600 hover:text-gray-800 font-medium m-0">Backlinks</Link>
-          <Link to="#" className="text-gray-600 hover:text-gray-800 font-medium m-0">Help Desk</Link>
+          <Link to="#" className="text-[#2B2D3B] hover:text-gray-800 font-normal m-0">Home</Link>
+          <Link to="#" className="text-[#2B2D3B] hover:text-gray-800 font-normal m-0">About</Link>
+          <Link to="#" className="text-[#2B2D3B] hover:text-gray-800 font-normal m-0">Journal</Link>
+          <Link to="#" className="text-[#2B2D3B] hover:text-gray-800 font-normal m-0">SEO Tools</Link>
+          <Link to="#" className="text-[#2B2D3B] hover:text-gray-800 font-normal m-0">Backlinks</Link>
+          <Link to="#" className="text-[#2B2D3B] hover:text-gray-800 font-normal m-0">Help Desk</Link>
         </nav>
 
         {/* Copyright and Legal */}
@@ -20,9 +20,9 @@ const Footer = () => {
           <span className="mx-2">|</span>
           <span>30745 Pacific Coast Hwy Ste 21 Malibu, CA 90265</span>
           <span className="mx-2">|</span>
-          <Link to="#" className="hover:text-gray-800">Terms of Service</Link>
+          <Link to="#" className="hover:text-gray-800 text-black">Terms of Service</Link>
           <span className="mx-2">|</span>
-          <Link to="#" className="hover:text-gray-800">Privacy Policy</Link>
+          <Link to="#" className="hover:text-gray-800 text-black">Privacy Policy</Link>
         </div>
       </div>
     </footer>
diff --git a/src/components/shared/scrollableComponent.css b/src/components/shared/scrollableComponent.css
index d37ae01..e39bf7c 100644
--- a/src/components/shared/scrollableComponent.css
+++ b/src/components/shared/scrollableComponent.css
@@ -40,5 +40,4 @@
 /* ==== Firefox ==== */
 .custom-scrollbar {
   scrollbar-width: thin;
-  scrollbar-color: #999 #eee;
 }
diff --git a/src/pages/Portfolio.tsx b/src/pages/Portfolio.tsx
index 6b885e6..51b2143 100644
--- a/src/pages/Portfolio.tsx
+++ b/src/pages/Portfolio.tsx
@@ -81,14 +81,14 @@ function Portfolio() {
                     <div className='flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4 mb-4'>
                         <div className='flex flex-col items-start gap-2'>
                             <span className='text-xl sm:text-2xl font-bold '>CPA Los Angeles</span>
-                            <span className='text-gray-500 rounded-md text-sm sm:text-md font-medium'>
+                            <span className='text-gray-500  rounded-md text-sm sm:text-md font-normal'>
                                 <span className='font-bold pr-2 sm:pr-3 text-[#2B2D3B]'>Links:</span>
-                                Indexed  <b className='font-bold bg-[#e2eff7] text-[#004A74] px-2 py-1 border-[#B8D8EB] border-2 rounded-md mx-1 mr-3 sm:mr-5 text-xs sm:text-sm'>32%</b>
+                                Indexed  <b className='font-bold bg-[#e2eff7] text-[#004A74] px-2 py-1 border-[#B8D8EB] border-2 rounded-xl mx-1 mr-3 sm:mr-5 text-xs sm:text-sm'>32%</b>
                                 
-                                Interlinked <b className='font-bold bg-[#e2eff7] text-[#004A74] border-[#B8D8EB] px-2 py-1 rounded-md mx-1 text-xs sm:text-sm'>4%</b>
+                                Interlinked <b className='font-bold bg-[#e2eff7] text-[#004A74] px-2 py-1 border-[#B8D8EB] border-2 rounded-xl mx-1 text-xs sm:text-sm'>4%</b>
                             </span>
-                            <span className='flex items-center font-normal gap-2 text-[#787B91]  sm:text-md'>Content Publishing
-                                <span className='bg-[#f9eaef] text-[#8B0E3A] px-2 py-0 rounded-md font-bold border border-[#F7D2DF] text-xs sm:text-sm'>Locked</span>
+                            <span className='flex items-center font-normal   gap-2 text-[#787B91]  sm:text-md'>Content Publishing
+                                <span className='bg-[#f9eaef] text-[#8B0E3A] px-2 py-1 rounded-xl font-bold border-2 border-[#F7D2DF] text-xs sm:text-sm'>Locked</span>
                             </span>
                         </div>
                         <div className='flex flex-wrap items-center gap-2 sm:gap-3'>