diff --git a/apps/web/frontend/src/components/LandingPage/Components/HeroSection/HeroSection.css b/apps/web/frontend/src/components/LandingPage/Components/HeroSection/HeroSection.css
index 60ac2c9..108012d 100644
--- a/apps/web/frontend/src/components/LandingPage/Components/HeroSection/HeroSection.css
+++ b/apps/web/frontend/src/components/LandingPage/Components/HeroSection/HeroSection.css
@@ -10,18 +10,26 @@
 }
 
 .hero-section h1 {
-  color: var(--dark-color);
+  color: #B2DDF7;
   font-size: 48px;
   font-weight: 900;
 }
 
 .hero-section h4 {
-  color: var(--dark-color);
+  color: #B2DDF7;
   font-size: 22px;
   font-weight: 300;
   text-align: center;
   padding: 0px 14rem;
 }
+.hero-section h1::selection {
+  color: #f39c12; 
+  background-color: transparent;
+}
+.hero-section h4::selection {
+  color: #f39c12; 
+  background-color: transparent;
+}
 
 .hero-section button {
   padding: 0.7rem 2rem;
diff --git a/apps/web/frontend/src/components/LandingPage/Components/NavBar/NavBar.css b/apps/web/frontend/src/components/LandingPage/Components/NavBar/NavBar.css
index cb8e400..10867e7 100644
--- a/apps/web/frontend/src/components/LandingPage/Components/NavBar/NavBar.css
+++ b/apps/web/frontend/src/components/LandingPage/Components/NavBar/NavBar.css
@@ -35,6 +35,10 @@
   color: var(--primary-color);
   font-size: 30px;
 }
+.logo-text:hover {
+  color: #f39c12; 
+  background-color: transparent;
+}
 .logo-img {
   width: 100%;
   height: 2.4rem;
@@ -81,6 +85,16 @@
   margin-right: 1rem;
   margin-bottom: 1.5rem;
 }
+
+.list a {
+  color: #ffffff; 
+  text-decoration: none; 
+  transition: color 0.3s ease; 
+}
+
+.list a:hover {
+  color: #f39c12; 
+}
 .list:last-of-type {
   margin-bottom: 0;
 }