diff --git a/preview-src/docs-ndl.adoc b/preview-src/docs-ndl.adoc
index 2189fe90..c1e318df 100644
--- a/preview-src/docs-ndl.adoc
+++ b/preview-src/docs-ndl.adoc
@@ -184,14 +184,16 @@ xref:tutorials:index.adoc[All tutorials]
 image:icons/ndl/ga-home.png[]
 
 --
-[.caption]
+[.caption3]
 GraphAcademy courses
 
 [.list2]
 * link:{docs-home}/genai/tutorials/embeddings-vector-indexes/[Embedding & Vector Indexes Tutorial]
-* link:{docs-home}/getting-started/appendix/tutorials/guide-import-relational-and-etl/[Import data from a relational database into Neo4j]
-* link:{docs-home}/getting-started/appendix/tutorials/guide-build-a-recommendation-engine/[Build a Cypher recommendation engine]
+* xref:{docs-home}/getting-started/tutorials/import-relational/[Import data from a relational database into Neo4j]
+* xref:{docs-home}/getting-started/tutorials/recommendation-engine/[Build a Cypher recommendation engine]
 * link:{docs-home}/operations-manual/current/tutorial/tutorial-composite-database/[Set up and use a composite database]
+* link:{docs-home}/cdc/current/procedures/query-examples/[Capture and track changes in real-time]
+* link:{docs-home}/graph-data-science-client/current/tutorials/centrality-algorithms/[Apply centrality algorithms to your graph]
 
 [.footer-link]
 xref:tutorials:index.adoc[All tutorials]
diff --git a/src/css/docs-ndl.css b/src/css/docs-ndl.css
index c3e7ddaf..3725159f 100644
--- a/src/css/docs-ndl.css
+++ b/src/css/docs-ndl.css
@@ -224,9 +224,9 @@ body.docs-ndl .widget3 .sectionbody {
   background: rgba(var(--colors-neutral-10));
   border-radius: 1rem;
   border: none;
-  padding: 1rem;
+  padding: 1rem 0 1rem;
   row-gap: 0;
-  column-gap: 0;
+  column-gap: 3rem;
 }
 
 body.docs-ndl.sub .widget .sectionbody {
@@ -304,7 +304,7 @@ body.docs-ndl .next-steps .sectionbody ol li:last-of-type {
 
 body.docs-ndl .next-steps .sectionbody ol li p {
   margin: 0 0 0 1rem;
-}dd
+}
 
 body.docs-ndl .next-steps .sectionbody ol li div.paragraph {
   margin: 0;
@@ -385,8 +385,7 @@ body.docs-ndl.explainer .sect1 {
   flex-wrap: wrap;
 }
 
-body.docs-ndl .paragraph.caption,
-body.docs-ndl .paragraph.footer-link {
+body.docs-ndl .paragraph.caption {
   display: flex;
   width: 100%;
   padding: 1rem;
@@ -394,18 +393,25 @@ body.docs-ndl .paragraph.footer-link {
   color: var(--neutral-color);
 }
 
+body.docs-ndl .paragraph.footer-link {
+  display: flex;
+  width: 100%;
+  padding: 0;
+  margin: 0;
+  color: var(--neutral-color);
+}
+
 body.docs-ndl .paragraph.caption {
   font-family: var(--header-font-family);
   font-size: var(--doc-font-size-h2);
   font-weight: var(--font-weight-normal);
 }
 
-body.docs-ndl .paragraph.caption2,
-body.docs-ndl .paragraph.footer-link {
+body.docs-ndl .paragraph.caption2 {
   display: flex;
   width: 100%;
-  padding: 12px 0 0;
-  margin: 0;
+  padding: 0;
+  margin: 12px 24px 0;
   color: var(--color-white);
 }
 
@@ -415,6 +421,20 @@ body.docs-ndl .paragraph.caption2 {
   font-weight: var(--font-weight-normal);
 }
 
+body.docs-ndl .paragraph.caption3 {
+  display: flex;
+  width: 100%;
+  padding: 12px 30px 12px;
+  margin: 0;
+  color: var(--neutral-color);
+}
+
+body.docs-ndl .paragraph.caption3 {
+  font-family: var(--header-font-family);
+  font-size: var(--doc-font-size-h2);
+  font-weight: var(--font-weight-normal);
+}
+
 body.docs-ndl .paragraph.footer-link {
   justify-content: flex-end;
   padding-right: 0;
@@ -481,7 +501,7 @@ body.docs-ndl .banner .button {
 .banner .button:hover {
   background: rgba(var(--banner-background-color));
   color: var(--colors-baltic-25);
-  }
+}
 
 .description2 {
   color: var(--color-white);
@@ -534,7 +554,7 @@ body.docs-ndl .highlights .list ul li {
 }
 
 body.docs-ndl .highlights .list2 {
-  padding-left: 1rem;
+  padding: 0;
 }
 
 body.docs-ndl .highlights .list2 ul li {
@@ -937,7 +957,6 @@ body.docs-ndl .cards .sect2 .ulist ul li {
     flex: 0 0 48%;
   }
 
-
   body.docs-ndl .lists .sectionbody > div.sect2 > * {
     /* margin: 0 auto; */
   }
diff --git a/src/css/vars.css b/src/css/vars.css
index 4ad075e1..5337986d 100644
--- a/src/css/vars.css
+++ b/src/css/vars.css
@@ -153,7 +153,7 @@
   --color-pink-700: #b83280;
   --color-pink-800: #97266d;
   --color-pink-900: #702459;
-  --color-baltic-20: #8FE3E8; 
+  --color-baltic-20: #8fe3e8;
 
   /* theme accent colors */
   --color-developer: rgba(var(--colors-forest-45));