diff --git a/src/assets/styles/Header.css b/src/assets/styles/Header.css
index e076075..ecf2a71 100644
--- a/src/assets/styles/Header.css
+++ b/src/assets/styles/Header.css
@@ -6,7 +6,7 @@
     width: 100%;
     align-items: center;
     padding: 10px;
-    color: #000000;
+    color: black;
     background-color: #fff;
     box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); 
     position: relative; /* Ensure relative positioning */
@@ -88,4 +88,4 @@
     margin: 0 10px;
     cursor: pointer;
   }
-  
\ No newline at end of file
+  
diff --git a/src/index.css b/src/index.css
index 6ab4693..0c01611 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,22 +1,70 @@
+body {
+    background: linear-gradient(to bottom right, #87CEEB, #ffffff);
+    font-family: 'Segoe UI', sans-serif;
+}
 
+.custom-navbar {
+    background-color: rgba(255, 255, 255, 0.95);
+}
 
+.hero-section {
+    background: linear-gradient(to right, #87CEEB, #ffffff);
+    padding: 80px 0;
+}
 
-@import "slick-carousel/slick/slick.css";
-@import "slick-carousel/slick/slick-theme.css";
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+.custom-hero-btn {
+    background-color: #0066cc;
+    color: #fff;
+    border: none;
+}
 
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
+.custom-outline-btn {
+    border: 2px solid #0066cc;
+    color: #0066cc;
+}
+
+.custom-quote-btn {
+    background-color: #28a745;
+    border: none;
+}
+
+.feature-card {
+    background-color: #ffffff;
+    border-left: 5px solid #87CEEB;
+}
+
+.feature-icon {
+    color: #0066cc;
+}
+
+.card-title-dark {
+    color: #0066cc;
+}
+
+.quote-card {
+    background-color: #f8f9fa;
+    border: 1px solid #ddd;
+}
+
+.cta-section {
+    background: linear-gradient(to right, #0066cc, #004080);
+}
+
+.custom-outline-cta {
+    border: 2px solid #ffffff;
+    color: #ffffff;
+}
+
+.custom-footer {
+    background-color: #ffffff;
+    color: #000;
+}
+
+.footer-link {
+    color: #0066cc;
+    text-decoration: none;
 }
 
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
+.footer-link:hover {
+    text-decoration: underline;
 }