diff --git a/_tabs/3_Assessment.md b/_tabs/3_Assessment.md
index e5689c4..664ceba 100644
--- a/_tabs/3_Assessment.md
+++ b/_tabs/3_Assessment.md
@@ -111,7 +111,7 @@ permalink: /assessment/
                 <br>
                 <!-- Card 1: Duration -->
                 <div class="team-card leadership">
-                    <div class="card-header">
+                    <div class="assessment-card-header">
                         <i class="far fa-calendar"></i>
                         <div class="role">Duration</div>
                     </div>
@@ -119,7 +119,7 @@ permalink: /assessment/
                 </div>
                 <!-- Card 2: Key Phases -->
                 <div class="team-card leadership">
-                    <div class="card-header">
+                    <div class="assessment-card-header">
                         <i class="fas fa-arrow-right"></i>
                         <div class="role">Key Phases</div>
                     </div>
@@ -141,7 +141,7 @@ permalink: /assessment/
                 <br>
                 <!-- Card 1: Assessment Lead -->
                 <div class="team-card leadership">
-                    <div class="card-header">
+                    <div class="assessment-card-header">
                         <i class="fas fa-user"></i>
                         <div class="role">Assessment Lead</div>
                     </div>
@@ -155,7 +155,7 @@ permalink: /assessment/
                 </div>
                 <!-- Card 2: Team Member -->
                 <div class="team-card">
-                    <div class="card-header">
+                    <div class="assessment-card-header">
                         <i class="fas fa-users"></i>
                         <div class="role">Team Member</div>
                     </div>
@@ -169,7 +169,7 @@ permalink: /assessment/
                 </div>
                 <!-- Card 3: Subject Matter Expert-->
                 <div class="team-card">
-                    <div class="card-header">
+                    <div class="assessment-card-header">
                         <i class="fas fa-star"></i>
                         <div class="role">Subject Matter Expert</div>
                     </div>
@@ -183,7 +183,7 @@ permalink: /assessment/
                 </div>
                 <!-- Card 4: Agency Representative-->
                 <div class="team-card">
-                    <div class="card-header">
+                    <div class="assessment-card-header">
                         <i class="fas fa-building"></i>
                         <div class="role">Agency Representative</div>
                     </div>
@@ -202,7 +202,7 @@ permalink: /assessment/
             <div class="role">Assessment Tools</div>
                 <!-- Card 1: Asana -->
                 <div class="card">
-                    <div class="card-header" onclick="toggleCard(this)">
+                    <div class="assessment-card-header" onclick="toggleCard(this)">
                         <i class="fas fa-tasks"></i>
                         <div class="role">Asana</div>
                         <i class="fas fa-chevron-down chevron ml-auto"></i>
@@ -241,7 +241,7 @@ permalink: /assessment/
                 </div>
                 <!-- Card 2: RGT -->
                 <div class="card">
-                    <div class="card-header" onclick="toggleCard(this)">
+                    <div class="assessment-card-header" onclick="toggleCard(this)">
                         <i class="fas fa-file-alt"></i>
                         <div class="role">Report Generation Tool (RGT)</div>
                         <i class="fas fa-chevron-down chevron ml-auto"></i>
@@ -285,7 +285,7 @@ permalink: /assessment/
                     <br>
                     <!-- Card 1: Agency Interviews -->
                     <div class="card">
-                        <div class="card-header" onclick="toggleCard(this)">
+                        <div class="assessment-card-header" onclick="toggleCard(this)">
                             <i class="fas fa-comments"></i>
                             <div class="role">Agency Interviews</div>
                             <i class="fas fa-chevron-down chevron ml-auto"></i>
@@ -347,7 +347,7 @@ permalink: /assessment/
                     </div>
                     <!-- Card 2: Solution Development -->
                     <div class="card">
-                        <div class="card-header" onclick="toggleCard(this)">
+                        <div class="assessment-card-header" onclick="toggleCard(this)">
                             <i class="fas fa-lightbulb"></i>
                             <div class="role">Solution Development</div>
                             <i class="fas fa-chevron-down chevron ml-auto"></i>   
@@ -388,7 +388,7 @@ permalink: /assessment/
                 </div>
                 <!-- Card 3: Report Writing -->
                 <div class="card">
-                    <div class="card-header" onclick="toggleCard(this)">
+                    <div class="assessment-card-header" onclick="toggleCard(this)">
                         <i class="fas fa-file-alt"></i>
                         <div class="role">Report Writing</div>
                         <i class="fas fa-chevron-down chevron ml-auto"></i>   
@@ -449,20 +449,24 @@ function toggleCard(button) {
 }
 
 // Add event listeners to close cards on outside click
-document.addEventListener('click', (e) => {
-    if (!e.target.closest('.card-header')) {
-        document.querySelectorAll('.card-header').forEach(header => {
-            header.classList.remove('active');
-            const content = header.nextElementSibling;
-            if (content) {
-                content.classList.remove('show');
-            }
-            const chevron = header.querySelector('.chevron');
-            if (chevron) {
-                chevron.style.transform = '';
-            }
-        });
-    }
+document.addEventListener('DOMContentLoaded', function() {
+    // Add event listeners to close assessment cards on outside click
+    document.addEventListener('click', (e) => {
+        if (!e.target.closest('.assessment-assessment-card-header')) { // Make selector more specific
+            document.querySelectorAll('.assessment-assessment-card-header').forEach(header => {
+                header.classList.remove('active');
+                const content = header.nextElementSibling;
+                if (content) {
+                    content.classList.remove('show');
+                }
+                const chevron = header.querySelector('.chevron');
+                if (chevron) {
+                    chevron.style.transform = '';
+                }
+            });
+        }
+        e.stopPropagation(); // Prevent event from bubbling up
+    }, true);
 });
 </script>
 
@@ -566,7 +570,7 @@ document.addEventListener('click', (e) => {
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 }
 
-.card-header {
+.assessment-card-header {
     display: flex;
     align-items: center;
     gap: 0.75rem;
@@ -582,7 +586,7 @@ document.addEventListener('click', (e) => {
     transition: transform 0.3s ease;
 }
 
-.card-header.active .chevron {
+.assessment-card-header.active .chevron {
     transform: rotate(180deg);
 }
 
@@ -592,7 +596,7 @@ document.addEventListener('click', (e) => {
     transition: all 0.3s ease;
 }
 
-.card-header.active + .card-content {
+.assessment-card-header.active + .card-content {
     display: block;
 }
 
@@ -984,7 +988,7 @@ body {
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 }
 
-.card-header {
+.assessment-card-header {
     padding: 1rem;
     cursor: pointer;
     display: flex;
@@ -995,11 +999,11 @@ body {
     transition: all 0.2s ease;
 }
 
-.card-header:hover {
+.assessment-card-header:hover {
     background: #f9fafb;
 }
 
-.card-header h3 {
+.assessment-card-header h3 {
     margin: 0;
     font-size: 1rem;
     color: #2c3e50;
@@ -1012,7 +1016,7 @@ body {
     color: #64748b;
 }
 
-.card-header.active .chevron {
+.assessment-card-header.active .chevron {
     transform: rotate(180deg);
 }
 
@@ -1123,7 +1127,7 @@ ul li {
         page-break-inside: avoid;
     }
     
-    .card-header {
+    .assessment-card-header {
         background: none;
     }