diff --git a/src/layouts/index.html b/src/layouts/index.html
index 5fc3965..465fc94 100644
--- a/src/layouts/index.html
+++ b/src/layouts/index.html
@@ -86,69 +86,76 @@
     </div>
   <hr>
   <div class="container package-grid">
+    <div class="vl">
+    <style>
+      .vl {
+        border-left: 2px solid #949494;
+        border-right: 2px solid #949494;
+        height: 100%;
+      }
+    </style>
 
     <!-- Start Package Grid -->
 
-    <div class="packages-container">
-      <div class="row mb-4 gx-4">
-        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-          {{- partial "package-thumbnail.html" . -}}
-        </div>
-        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-          {{- partial "package-thumbnail.html" . -}}
-        </div>
-        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-          {{- partial "package-thumbnail.html" . -}}
-        </div>
-        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-          {{- partial "package-thumbnail.html" . -}}
-        </div>
+    <div class="row mb-4 gx-4">
+      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+        {{- partial "package-thumbnail.html" . -}}
       </div>
+      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+        {{- partial "package-thumbnail.html" . -}}
+      </div>
+      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+        {{- partial "package-thumbnail.html" . -}}
+      </div>
+      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+        {{- partial "package-thumbnail.html" . -}}
+      </div>
+    </div>
 
-      <div class="row mb-4 gx-4">
-        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-          {{- partial "package-thumbnail.html" . -}}
-        </div>
-        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-          {{- partial "package-thumbnail.html" . -}}
-        </div>
-        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-          {{- partial "package-thumbnail.html" . -}}
-        </div>
-        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-          {{- partial "package-thumbnail.html" . -}}
-        </div>
+    <div class="row mb-4 gx-4">
+      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+        {{- partial "package-thumbnail.html" . -}}
       </div>
+      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+        {{- partial "package-thumbnail.html" . -}}
+      </div>
+      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+        {{- partial "package-thumbnail.html" . -}}
+      </div>
+      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+        {{- partial "package-thumbnail.html" . -}}
+      </div>
+    </div>
 
-      <div class="row mb-4 gx-4">
-        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-          {{- partial "package-thumbnail.html" . -}}
-        </div>
-        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-          {{- partial "package-thumbnail.html" . -}}
-        </div>
-        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-          {{- partial "package-thumbnail.html" . -}}
-        </div>
-        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-          {{- partial "package-thumbnail.html" . -}}
-        </div>
+    <div class="row mb-4 gx-4">
+      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+        {{- partial "package-thumbnail.html" . -}}
       </div>
+      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+        {{- partial "package-thumbnail.html" . -}}
+      </div>
+      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+        {{- partial "package-thumbnail.html" . -}}
+      </div>
+      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+        {{- partial "package-thumbnail.html" . -}}
+      </div>
+    </div>
 
-      <div class="row mb-4 gx-4">
-        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-          {{- partial "package-thumbnail.html" . -}}
-        </div>
-        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-          {{- partial "package-thumbnail.html" . -}}
-        </div>
-        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-          {{- partial "package-thumbnail.html" . -}}
-        </div>
-        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-          {{- partial "package-thumbnail.html" . -}}
-        </div>
+    <div class="row mb-4 gx-4">
+      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+        {{- partial "package-thumbnail.html" . -}}
       </div>
+      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+        {{- partial "package-thumbnail.html" . -}}
+      </div>
+      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+        {{- partial "package-thumbnail.html" . -}}
+      </div>
+      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+        {{- partial "package-thumbnail.html" . -}}
+      </div>
+    </div>
     </div>
   </div>
 </section>
diff --git a/src/static/css/style.css b/src/static/css/style.css
index 628de57..8a046a2 100644
--- a/src/static/css/style.css
+++ b/src/static/css/style.css
@@ -282,6 +282,10 @@ hr{
   float:right;
 }
 
+.package-grid{
+  padding-top: 0px !important;
+}
+
 /* Footer Styling */
 
 .footer-email{