diff --git a/app/assets/stylesheets/application.css.erb b/app/assets/stylesheets/application.css.erb
index a5a9f90..ee553d8 100644
--- a/app/assets/stylesheets/application.css.erb
+++ b/app/assets/stylesheets/application.css.erb
@@ -68,6 +68,7 @@ body {
   width: 100%;
   margin-bottom:4rem!important;
 }
+
 /*go to top button css */
 #back-to-top {
   position: fixed;
@@ -101,16 +102,17 @@ body {
 
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');
 
-<%# search chapters Input css %>
 .search-container {
   display: flex;
   justify-content: flex-end;
   padding: 20px;
 }
+
 .search-wrapper {
   position: relative;
   width: 250px;
 }
+
 #searchInput {
   width: 100%;
   padding: 10px 15px 10px 40px;
@@ -121,6 +123,7 @@ body {
   outline: none;
   transition: border-color 0.3s ease;
 }
+
 #searchInput:focus {
   border-color: #2980b9;
 }
@@ -132,8 +135,7 @@ body {
   transform: translateY(-50%);
   color: #7f8c8d;
 }
- 
-<%# chapters css  %>
+
 .chapters-row {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
@@ -158,17 +160,20 @@ body {
   transform: translateY(-5px);
   box-shadow: 0 15px 30px rgba(0,0,0,0.1);
 }
+
 .chapter-img-container {
   position: relative;
   overflow: hidden;
   height: 200px;
 }
+
 .chapter-img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform 0.5s ease;
 }
+
 .chapter-card:hover .chapter-img {
   transform: scale(1.1);
 }
@@ -179,6 +184,7 @@ body {
   display: flex;
   flex-direction: column;
 }
+
 .card-title {
   font-family: 'Montserrat', sans-serif;
   font-size: 20px;
@@ -220,16 +226,12 @@ body {
 .chapter-inactive {
   background-image: radial-gradient(circle, rgba(255,102,102,0.1), rgba(255,102,102,0.6));
 }
-.chapter-active .chapter-status {
-  background-color: #2ecc71;
-  color: white;
+
 .chapter-active .chapter-status {
   background-color: #2ecc71;
   color: white;
 }
-.chapter-inactive .chapter-status {
-  background-color: #e74c3c;
-  color: white;
+
 .chapter-inactive .chapter-status {
   background-color: #e74c3c;
   color: white;
@@ -243,16 +245,17 @@ body {
   padding-top: 15px;
   border-top: 1px solid #ecf0f1;
 }
-<%# events css  %>
+
 .event-count {
   display: flex;
   align-items: center;
 }
+
 .event-icon {
   margin-right: 5px;
   font-size: 16px;
 }
-<%# learn more css  %>
+
 .learn-more {
   background-color: #3498db;
   color: white;
@@ -263,16 +266,17 @@ body {
   font-weight: 600;
   transition: background-color 0.3s ease;
 }
+
 .learn-more:hover {
   background-color: #2980b9;
 }
 
-<%# upcoming events css  %>
 .upcoming-events {
   display: flex;
   margin-top: 10px;
   margin-bottom: 10px;
 }
+
 .upcoming-events .event-icon {
   margin-right: 8px;
 }
@@ -280,11 +284,6 @@ body {
   color: #6c757d;
 }
 
-
-
-
-
-
 /* Autocomplete JS */
 .autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
 .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }