diff --git a/public/assets/css/main.css b/public/assets/css/main.css
index c3a7ba64ce8a76d063504865ff03579e927cd61c..cb417522ab408d2c0b202b12df3237f94f9fb5d5 100644
--- a/public/assets/css/main.css
+++ b/public/assets/css/main.css
@@ -19,8 +19,8 @@
 /* Colors */
 :root {
   --color-default: #2b180d;
-  --color-primary: #013E7B;
-  --color-secondary: #1b2f45;
+  --color-primary: #BF0A30;
+  --color-secondary: #002868;
 }
 
 /* Smooth scroll behavior */
@@ -43,7 +43,7 @@ a {
 }
 
 a:hover {
-  color: #82cbed;
+  color: #002868;
   text-decoration: none;
 }
 
@@ -602,7 +602,7 @@ section {
 }
 
 .hero .btn-watch-video:hover i {
-  color: #82cbed;
+  color: #002868;
 }
 
 @media (max-width: 640px) {
diff --git a/public/assets/img/nLogo.png b/public/assets/img/nLogo.png
new file mode 100644
index 0000000000000000000000000000000000000000..1daa167175f3582973665e31e5ae2dd0d888aed6
Binary files /dev/null and b/public/assets/img/nLogo.png differ
diff --git a/public/index.html b/public/index.html
index 1ea06f7a23d3c531cb8bc630c65872a84a74ae80..c1ec65547a05b215a32140c6e86bfe86b8b3e50f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -10,7 +10,7 @@
   <meta content="" name="keywords">
 
   <!-- Favicons -->
-  <link href="./assets/img/logo.png" rel="icon">
+  <link href="./assets/img/nLogo.png" rel="icon">
   <link href="./assets/img/apple-touch-icon.png" rel="apple-touch-icon">
 
   <!-- Google Fonts -->
diff --git a/src/Components/Footer.js b/src/Components/Footer.js
index 9aeaf5f7bc5278b9405cea5f1fffb770b47bba42..36abad5af9b0efc4adf1bfd3ea6bed5c9367ec8c 100644
--- a/src/Components/Footer.js
+++ b/src/Components/Footer.js
@@ -10,8 +10,8 @@ export default function Footer() {
                     <div className="row gy-4">
                         <div className="col-lg-5 col-md-12 footer-info">
                             <a href="index.html" className="logo d-flex align-items-center">
-                                <img src="assets/img/logo.png" alt="Novisync" />
-                                <span>Novisync</span>
+                                <img src="assets/img/nLogo.png" alt="Novisync" />
+                                <span style={{color: '#BF0A30'}}>Novisync</span>
                             </a>
                             <p>An Industry Leader in Data Center, Cloud and Systems Integration.</p>
                             <div className="social-links d-flex  mt-3">
diff --git a/src/Components/TopNav.js b/src/Components/TopNav.js
index dc6372837c7d4d6f72505569919a648f8a2fd7ad..2060d3d5232240938f49db80c80f769ab2dda947 100644
--- a/src/Components/TopNav.js
+++ b/src/Components/TopNav.js
@@ -10,8 +10,8 @@ export default function TopNav() {
                 <div className="container-fluid container-xl d-flex align-items-center justify-content-between">
 
                     <Link to="/" className="logo d-flex align-items-center">
-                        <img src="assets/img/logo.png" alt="Novisync" />
-                        <h1 className="d-flex align-items-center" style={{ color: '#013E7B' }}>Novisync</h1>
+                        <img src="assets/img/nLogo.png" alt="Novisync" />
+                        <h1 className="d-flex align-items-center" style={{ color: '#BF0A30' }}>Novisync</h1>
                     </Link>
 
                     <i style={{ color: '#013E7B' }} className="mobile-nav-toggle mobile-nav-show bi bi-list"></i>
diff --git a/src/Screens/blog.js b/src/Screens/blog.js
index d1575833c14a22e3a36180f14d28da03cd0fbe02..72b426b88968c10aaf6b8c83a605111cbe6ff998 100644
--- a/src/Screens/blog.js
+++ b/src/Screens/blog.js
@@ -1,4 +1,3 @@
-/* eslint-disable jsx-a11y/iframe-has-title */
 import React from "react";
 import Footer from "../Components/Footer";
 import TopNav from "../Components/TopNav";