diff --git a/Faq.html b/Faq.html
index f1ec348..36d15e1 100644
--- a/Faq.html
+++ b/Faq.html
@@ -21,7 +21,7 @@
     <!-- Animation on Scroll -->
     <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
     <!-- menu icon link -->
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"  />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" />
 
     <style>
         /* Styling for the "Was this helpful?" buttons */
@@ -86,6 +86,9 @@
                     <li class="navbar-item">
                         <a href="Faq.html" class="navbar-link title-sm" data-nav-link>FAQ</a>
                     </li>
+                    <li class="navbar-item">
+                        <a href="/careers.html" class="navbar-link title-sm" data-nav-link>Careers</a>
+                    </li>
                 </ul>
             </nav>
 
@@ -93,24 +96,30 @@
 
             <button class="nav-open-btn" aria-label="open menu" data-nav-toggler>
                 <i class="fa-solid fa-bars"></i>
-              </button>
+            </button>
 
             <div class="overlay" data-overlay data-nav-toggler></div>
         </div>
     </header>
 
-    <section class="section hero has-bg-image" aria-labelledby="hero-label" style="display: flex; justify-content: center; align-items: center; height: 100vh;">
+    <section class="section hero has-bg-image" aria-labelledby="hero-label"
+        style="display: flex; justify-content: center; align-items: center; height: 100vh;">
         <div class="container" style="margin: 10rem auto 0; width:80%">
             <div class="hero-content" style="max-width: 600px;">
                 <h1 class="headline-lg" id="hero-label" data-aos="zoom-in">
                     Frequently <span class="span">Asked</span> Questions
                 </h1>
                 <p class="title-md has-before" data-aos="fade-right">
-                  
-                   <p> <b>Welcome to SkillWise’s Learning Hub!</b></p>
-                   
-                   <p> At SkillWise, we’re committed to delivering an exceptional learning experience tailored to your goals. Whether you’re exploring new courses, seeking flexible payment options, or curious about certifications, our FAQ section has you covered. We’ve crafted it to ensure you find clear, helpful answers that guide you every step of the way. Your success is our priority, and we’re here to make your journey enriching, seamless, and empowering—so you can focus on what truly matters: achieving your full potential.
-                   </p>               
+
+                <p> <b>Welcome to SkillWise’s Learning Hub!</b></p>
+
+                <p> At SkillWise, we’re committed to delivering an exceptional learning experience tailored to your
+                    goals. Whether you’re exploring new courses, seeking flexible payment options, or curious about
+                    certifications, our FAQ section has you covered. We’ve crafted it to ensure you find clear, helpful
+                    answers that guide you every step of the way. Your success is our priority, and we’re here to make
+                    your journey enriching, seamless, and empowering—so you can focus on what truly matters: achieving
+                    your full potential.
+                </p>
                 </p>
             </div>
 
@@ -126,7 +135,8 @@ <h1 data-aos="zoom-in">
         </h1>
         <br>
         <div class="search-box" style="text-align: center; margin-bottom: 20px;">
-            <input type="text" id="searchInput" placeholder="Search FAQs..." onkeyup="filterFAQs()" style="width: 80%; padding: 10px; font-size: 16px;">
+            <input type="text" id="searchInput" placeholder="Search FAQs..." onkeyup="filterFAQs()"
+                style="width: 80%; padding: 10px; font-size: 16px;">
         </div>
 
         <div class="accordian">
@@ -134,7 +144,10 @@ <h1 data-aos="zoom-in">
             <div class="item" data-aos="fade-down">
                 <div class="FAQ-title">
                     <p class="faqQuestion">1. What type of courses does SkillWise offer?</p>
-                    <span class="expandToggle"><p class="expand">+</p><p class="revert">-</p></span>
+                    <span class="expandToggle">
+                        <p class="expand">+</p>
+                        <p class="revert">-</p>
+                    </span>
                 </div>
                 <div class="FAQ-content">
                     <p>SkillWise offers a wide range of courses across various categories, including Data Science, UI/UX
@@ -153,7 +166,10 @@ <h1 data-aos="zoom-in">
             <div class="item" data-aos="fade-down">
                 <div class="FAQ-title">
                     <p class="faqQuestion">2. What payment methods are accepted?</p>
-                    <span class="expandToggle"><p class="expand">+</p><p class="revert">-</p></span>
+                    <span class="expandToggle">
+                        <p class="expand">+</p>
+                        <p class="revert">-</p>
+                    </span>
                 </div>
                 <div class="FAQ-content">
                     <p>We accept a variety of payment methods including credit/debit cards, PayPal, and other online
@@ -171,7 +187,10 @@ <h1 data-aos="zoom-in">
             <div class="item" data-aos="fade-down">
                 <div class="FAQ-title">
                     <p class="faqQuestion">3. Will I receive a certificate after completing a course?</p>
-                    <span class="expandToggle"><p class="expand">+</p><p class="revert">-</p></span>
+                    <span class="expandToggle">
+                        <p class="expand">+</p>
+                        <p class="revert">-</p>
+                    </span>
                 </div>
                 <div class="FAQ-content">
                     <p>Yes! All courses provide a certificate of completion that can be downloaded and added to your
@@ -189,7 +208,10 @@ <h1 data-aos="zoom-in">
             <div class="item" data-aos="fade-down">
                 <div class="FAQ-title">
                     <p class="faqQuestion">4. What should I do if I encounter issues with the course videos?</p>
-                    <span class="expandToggle"><p class="expand">+</p><p class="revert">-</p></span>
+                    <span class="expandToggle">
+                        <p class="expand">+</p>
+                        <p class="revert">-</p>
+                    </span>
                 </div>
                 <div class="FAQ-content">
                     <p>If you're experiencing problems with video playback or course content, try refreshing your
@@ -208,7 +230,10 @@ <h1 data-aos="zoom-in">
             <div class="item" data-aos="fade-down">
                 <div class="FAQ-title">
                     <p class="faqQuestion">5. Can I get a refund if I'm not satisfied with a course?</p>
-                    <span class="expandToggle"><p class="expand">+</p><p class="revert">-</p></span>
+                    <span class="expandToggle">
+                        <p class="expand">+</p>
+                        <p class="revert">-</p>
+                    </span>
                 </div>
                 <div class="FAQ-content">
                     <p>Yes, we have a refund policy in place. Please refer to our Refund Policy section for more details
@@ -226,7 +251,10 @@ <h1 data-aos="zoom-in">
             <div class="item" data-aos="fade-down">
                 <div class="FAQ-title">
                     <p class="faqQuestion">6. How long do I have access to a course after purchasing it?</p>
-                    <span class="expandToggle"><p class="expand">+</p><p class="revert">-</p></span>
+                    <span class="expandToggle">
+                        <p class="expand">+</p>
+                        <p class="revert">-</p>
+                    </span>
                 </div>
                 <div class="FAQ-content">
                     <p>Once you purchase a course, you get lifetime access, allowing you to learn at your own pace.</p>
@@ -256,7 +284,7 @@ <h1 data-aos="zoom-in">
     <script>
         function handleHelpful(button, response) {
             const resultText = button.parentElement.querySelector(".helpful-result");
-            
+
             // Disable the buttons after one selection
             const buttons = button.parentElement.querySelectorAll("button");
             buttons.forEach(btn => {
@@ -275,4 +303,4 @@ <h1 data-aos="zoom-in">
     </script>
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/assets/css/career.css b/assets/css/career.css
index bcf52dd..ae4eb2c 100644
--- a/assets/css/career.css
+++ b/assets/css/career.css
@@ -1,40 +1,90 @@
-* {
-    font-size: large;
+.section {
+    color: black;
+    margin: 0;
 }
 
-body {
-    margin-top: 180px;
+#position {
+    font-size: 1.2rem;
+    padding: 10px;
+}
+
+.text-center {
+    text-align: center !important;
+}
+
+.my-3 {
+    margin-top: 1rem !important;
+    margin-bottom: 1rem !important;
+}
+
+.mb-3 {
+    margin-bottom: 1rem !important;
+}
+
+.mt-3 {
+    margin-top: 1rem !important;
+}
+
+.mb-4 {
+    margin-bottom: 1.5rem !important;
+}
+
+.mb-5 {
+    margin-bottom: 3rem !important;
+}
+
+.p-5 {
+    padding: 3rem;
 }
 
 .application-form {
     display: flex;
     align-items: center;
     justify-content: center;
-    margin-left: 500px;
+    color: #000;
 }
 
-.helpful-buttons {
-    margin-top: 10px;
-    display: flex;
-    align-items: center;
-    gap: 10px;
+.fw-bold {
+    font-weight: bold !important;
+}
+
+.form-select {
+    border: 1px solid #ced4da;
+    border-radius: 0.3rem;
+}
+
+.form-select:focus {
+    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
 }
 
-.helpful-btn {
-    padding: 5px 10px;
-    border: none;
-    background-color: #007bff;
+.submit-button {
+    background-color: hsl(357, 100%, 75%);
     color: white;
-    cursor: pointer;
-    border-radius: 4px;
-    transition: background-color 0.3s ease;
+    text-align: center !important;
+    display: inline-block;
+    font-weight: 400;
+    vertical-align: middle;
+    border: 1px solid transparent;
+    padding: 1rem;
+    border-radius: 0.25rem;
+
+}
+
+.w-100 {
+    width: 100% !important;
+}
+
+.submit-button:hover {
+    background-color: hsl(357, 72%, 67%);
+
 }
 
-.helpful-btn:hover {
-    background-color: #0056b3;
+.form-group input {
+    background-color: #fff;
 }
 
-.helpful-result {
-    margin-left: 10px;
-    font-weight: bold;
+.internship-form {
+    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
+    border-radius: 45px;
+    padding: 2%;
 }
\ No newline at end of file
diff --git a/careers.html b/careers.html
index ff9e5ed..8614310 100644
--- a/careers.html
+++ b/careers.html
@@ -6,110 +6,87 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>SkillWise Internship Opportunities</title>
   <link rel="shortcut icon" href="./favicon.svg" type="image/svg+xml">
+
+  <!-- Custom font link -->
   <link rel="stylesheet" href="./assets/font/font.css">
+
+  <!-- Custom CSS link -->
   <link rel="stylesheet" href="./assets/css/style.css">
-  <link rel="preload" as="image" href="./assets/images/faq.png">
+  <link rel="stylesheet" href="./assets/css/career.css">
+
+  <!-- Preload images -->
   <link rel="preload" as="image" href="./assets/images/hero-bg.png">
-  <link rel="stylesheet" href="https://unpkg.com/aos@2.3.1/dist/aos.css">
+
+  <!-- Animation on Scroll -->
+  <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
+  <!-- menu icon link -->
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" />
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
-  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
-    integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
-    integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
-    crossorigin="anonymous"></script>
-  <style>
-    * {
-      font-size: large;
-    }
-
-    body {
-      margin-top: 180px;
-    }
-
-    .application-form {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-
-    #position {
-      font-size: 1.2rem;
-      padding: 10px;
-    }
-    .form-select {
-      border: 1px solid #ced4da;
-      border-radius: 0.3rem;
-    }
-
-    .form-select:focus {
-      box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-    }
-    .submit-button{
-      background-color: hsl(357, 100%, 75%);
-      color:white;
-
-    }
-    .submit-button:hover{
-      background-color: hsl(357, 72%, 67%);
-      
-
-    }
-    .form-group input{
-      background-color: #fff;
-    }
-
-  </style>
+
 </head>
 
-<body
-  style="background-image: url('./assets/images/hero-bg.png'); background-size: cover; background-repeat: no-repeat;">
+<body style="background-image: url('./assets/images/hero-bg.png');">
+  <!-- Navbar -->
   <header class="header" data-header>
     <div class="container">
       <a href="./index.html">
-        <img src="./assets/images/Skillwise_logo.jpg" width="100" height="20" alt="SkillWise home">
+        <img src="./assets/images/Skillwise_logo.jpg" width="50" height="10" alt="SkillWise home">
       </a>
+
       <nav class="navbar" data-navbar>
         <div class="navbar-top">
-          <a href="./index.html">
-            <img src="./assets/images/Skillwise_logo.jpg" width="100" height="20" alt="SkillWise home">
+          <a>
+            <img src="./assets/images/Skillwise_logo.jpg" width="50" height="10" alt="SkillWise home">
           </a>
           <button class="nav-close-btn" aria-label="close menu" data-nav-toggler>
-            <ion-icon name="close-outline" aria-hidden="true"></ion-icon>
+            <i class="fa-solid fa-xmark"></i>
           </button>
         </div>
+
         <ul class="navbar-list">
-          <li class="navbar-item"><a href="./index.html" class="navbar-link title-sm">Home</a></li>
-          <li class="navbar-item"><a href="./index.html#courses" class="navbar-link title-sm">Courses</a></li>
-          <li class="navbar-item"><a href="./index.html#blog" class="navbar-link title-sm">Blog</a></li>
-          <li class="navbar-item"><a href="./index.html#contact" class="navbar-link title-sm">Contacts</a></li>
-          <li class="navbar-item"><a href="Faq.html" class="navbar-link title-sm">FAQ</a></li>
-          <li class="navbar-item"></li>
-          <a href="/careers.html" class="navbar-link title-sm" data-nav-link>Careers</a>
+          <li class="navbar-item">
+            <a href="./index.html" class="navbar-link title-sm" data-nav-link>Home</a>
+          </li>
+          <li class="navbar-item">
+            <a href="./index.html#courses" class="navbar-link title-sm" data-nav-link>Courses</a>
+          </li>
+          <li class="navbar-item">
+            <a href="./index.html#blog" class="navbar-link title-sm" data-nav-link>Blog</a>
+          </li>
+          <li class="navbar-item">
+            <a href="./index.html#contact" class="navbar-link title-sm" data-nav-link>Contacts</a>
+          </li>
+          <li class="navbar-item">
+            <a href="/Faq.html" class="navbar-link title-sm" data-nav-link>FAQ</a>
+          </li>
+          <li class="navbar-item">
+            <a href="/careers.html" class="navbar-link title-sm" data-nav-link>Careers</a>
           </li>
-
         </ul>
       </nav>
-      <a href="./signin.html"
-        style="padding: 10px 15px; background-color: black; font-size: large; border-radius: 10px;"
-        class="btn btn-secondary">Start Free Trial</a>
+
+      <a href="./signin.html" class="btn btn-secondary">Start Free Trial</a>
 
       <button class="nav-open-btn" aria-label="open menu" data-nav-toggler>
-        <ion-icon name="menu-outline" aria-hidden="true"></ion-icon>
+        <i class="fa-solid fa-bars"></i>
       </button>
+
       <div class="overlay" data-overlay data-nav-toggler></div>
     </div>
   </header>
-  <main class="main">
-    <section class="internship-info">
+  <!-- Main Section -->
+  <main class="section">
+    <section class="internship-info mb-5">
       <div class="container">
         <h1 class="headline-md mb-5 text-center" data-aos="zoom-in">Internship Opportunities at SkillWise</h1>
-        <h2>Gain Valuable Experience with Skillwise</h2>
-        <p>At Skillwise, we're committed to fostering the next generation of talent. We invite motivated individuals to
-          join our dynamic team and contribute to our ongoing success story. Our internship program offers a unique
-          opportunity to gain hands-on experience in a collaborative, innovative environment that prioritizes personal
+        <h2 class="mt-3">Gain Valuable Experience with Skillwise</h2>
+        <p>At Skillwise, we're committed to fostering the next generation of talent. We invite motivated individuals
+          to
+          join our dynamic team and contribute to our ongoing success story. Our internship program offers a
+          unique
+          opportunity to gain hands-on experience in a collaborative, innovative environment that prioritizes
+          personal
           and professional growth.</p>
-        <h2>What We Offer:</h2>
+        <h2 class="mt-3">What We Offer:</h2>
         <ul>
           <li>Immersive learning experience in a fast-paced, industry-leading company</li>
           <li>Mentorship from experienced professionals</li>
@@ -117,18 +94,21 @@ <h2>What We Offer:</h2>
           <li>Opportunity to build a professional network</li>
           <li>Certificate of completion upon successful fulfillment of the internship</li>
         </ul>
-        <h2>What We're Looking For:</h2>
+        <h2 class="mt-3">What We're Looking For:</h2>
         <ul>
           <li>Passionate and driven individuals eager to learn and contribute</li>
           <li>Strong academic background in relevant fields</li>
           <li>Excellent communication and teamwork skills</li>
           <li>Innovative mindset and problem-solving abilities</li>
         </ul>
-        <p><strong>Note:</strong> This is an unpaid internship focused on educational and professional development.</p>
-        <p>Join us at Skillwise and take the first step towards a promising career. Apply now to be part of our journey
+        <p><strong>Note:</strong> This is an unpaid internship focused on educational and professional development.
+        </p>
+        <p>Join us at Skillwise and take the first step towards a promising career. Apply now to be part of our
+          journey
           towards unprecedented success.</p>
       </div>
     </section>
+    <!-- Apply Form -->
     <section class="application-form" data-aos="zoom-in">
       <div class="internship-form rounded shadow-lg border p-5">
         <div class="container">
@@ -172,7 +152,8 @@ <h2 class="text-center mb-5 fw-bold">Apply for Internship</h2>
               <input type="url" id="cv-linkedin" name="cv-linkedin">
             </div>
             <div class="mt-5 mb-3">
-              <button  style="font-size: 18px;" type="submit" class="btn submit-button w-100">Apply <i class="fa fa-paper-plane" aria-hidden="true"></i></button>
+              <button style="font-size: 18px;" type="submit" class="btn submit-button w-100">Apply <i
+                  class="fa fa-paper-plane" aria-hidden="true"></i></button>
             </div>
           </form>
           <p id="form-submission-message" style="display: none;">Thank you! We'll be in touch.</p>
@@ -186,10 +167,14 @@ <h2 class="text-center mb-5 fw-bold">Apply for Internship</h2>
           <br>
           Made with ♥ by Priya Ghosal
         </p>
-    
+
       </div>
     </div>
   </main>
+
+<!-- scripts -->
+  <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+  <script src="assets/js/script.js"></script>
   <script src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js" type="module"></script>
   <script src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js" nomodule></script>
   <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>