diff --git a/app/assets/images/ecosystems-logo-white.svg b/app/assets/images/ecosystems-logo-white.svg
new file mode 100644
index 00000000..2864529d
--- /dev/null
+++ b/app/assets/images/ecosystems-logo-white.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 984 200">
+  <defs>
+    <style>
+      .cls-1 {
+        clip-path: url(#clippath-1);
+      }
+
+      .cls-2 {
+        clip-path: url(#clippath-2);
+      }
+
+      .cls-3 {
+        fill: #fff;
+      }
+
+      .cls-4 {
+        clip-path: url(#clippath);
+      }
+    </style>
+    <clipPath id="clippath">
+      <path class="cls-3" d="M34.4,3.06S2.4,21.98,1.29,27.51s21.69,56.56,27.59,57.96c5.9,1.4,52.44-24.24,54.21-26.6s-5.87-35.51-9.73-37.48c-3.86-1.97-33.72-17.48-38.96-18.34Z"/>
+    </clipPath>
+    <clipPath id="clippath-1">
+      <path class="cls-3" d="M21.13,84.26c-3.3.43-7.11,9.24-7.28,12.24s3.87,26.78,6.91,29.25c3.04,2.47,17.49,6.85,20.63,6.1,3.14-.76,28.8-20.93,26.61-26.61-2.06-5.36-10.49-10.86-16.24-13.27-4.04-1.69-23.92-8.57-30.63-7.71Z"/>
+    </clipPath>
+    <clipPath id="clippath-2">
+      <path class="cls-3" d="M51.33,136.57c8.89,7.62,6.23,12.27,3.4,17-2.83,4.73-14.07,20.47-22.46,17.2-6.64-2.59-12.72-12.97-12.59-19.48.08-4.22,11.64-20.61,19.48-19.77,5.25.56,7.36.93,12.17,5.05Z"/>
+    </clipPath>
+  </defs>
+  <g>
+    <path class="cls-3" d="M132.78,164.5c-8.21,0-15.3-1.63-21.25-4.89-5.96-3.26-10.52-7.92-13.69-13.97-3.17-6.05-4.75-13.28-4.75-21.68s1.58-15.15,4.75-21.25c3.17-6.1,7.66-10.85,13.48-14.25,5.82-3.4,12.67-5.1,20.55-5.1,5.54,0,10.62.87,15.24,2.6,4.62,1.74,8.63,4.3,12.04,7.71,3.4,3.4,6.03,7.59,7.88,12.56,1.85,4.97,2.78,10.72,2.78,17.24v6.19h-67.99v-14.29h56.3l-11.47,3.38c0-3.66-.55-6.8-1.65-9.43-1.1-2.63-2.73-4.65-4.89-6.05-2.16-1.41-4.83-2.11-8.02-2.11s-5.89.72-8.09,2.15c-2.21,1.43-3.88,3.43-5.03,5.98-1.15,2.56-1.72,5.55-1.72,8.97v10.28c0,4.04.67,7.4,2.01,10.1,1.34,2.7,3.2,4.72,5.6,6.05s5.18,2.01,8.38,2.01c2.21,0,4.21-.3,6.02-.92,1.81-.61,3.35-1.52,4.65-2.75,1.29-1.22,2.26-2.7,2.92-4.43l21.89,3.59c-1.31,4.5-3.58,8.43-6.79,11.79-3.21,3.36-7.27,5.95-12.18,7.78-4.9,1.83-10.55,2.74-16.93,2.74Z"/>
+    <path class="cls-3" d="M217.3,164.5c-8.21,0-15.27-1.7-21.18-5.1-5.91-3.4-10.45-8.14-13.62-14.22-3.17-6.08-4.75-13.15-4.75-21.22s1.58-15.21,4.75-21.29c3.17-6.08,7.71-10.81,13.62-14.22,5.91-3.4,12.97-5.1,21.18-5.1,5.02,0,9.62.66,13.79,1.97,4.18,1.31,7.84,3.18,10.98,5.6,3.14,2.42,5.69,5.35,7.64,8.8,1.95,3.45,3.23,7.31,3.84,11.58l-22.66,3.8c-.38-2.06-.95-3.89-1.72-5.49-.77-1.59-1.71-2.96-2.82-4.08-1.1-1.13-2.39-1.97-3.87-2.53-1.48-.56-3.11-.84-4.89-.84-3.14,0-5.82.86-8.02,2.57-2.21,1.71-3.88,4.2-5.03,7.46-1.15,3.26-1.72,7.14-1.72,11.65s.57,8.4,1.72,11.68c1.15,3.28,2.83,5.81,5.03,7.57,2.2,1.76,4.88,2.64,8.02,2.64,1.83,0,3.47-.29,4.93-.88,1.45-.59,2.76-1.45,3.91-2.6,1.15-1.15,2.11-2.56,2.89-4.22.77-1.67,1.33-3.55,1.65-5.67l22.66,3.66c-.61,4.41-1.89,8.36-3.84,11.86-1.95,3.5-4.49,6.49-7.64,8.97-3.14,2.49-6.82,4.39-11.01,5.7-4.2,1.31-8.81,1.97-13.83,1.97Z"/>
+    <path class="cls-3" d="M300.29,164.5c-8.21,0-15.27-1.7-21.18-5.1-5.91-3.4-10.45-8.14-13.62-14.22-3.17-6.08-4.75-13.15-4.75-21.22s1.58-15.21,4.75-21.29c3.17-6.08,7.71-10.81,13.62-14.22,5.91-3.4,12.97-5.1,21.18-5.1s15.27,1.7,21.18,5.1c5.91,3.4,10.44,8.14,13.58,14.22,3.14,6.08,4.72,13.17,4.72,21.29s-1.57,15.14-4.72,21.22c-3.14,6.08-7.67,10.82-13.58,14.22-5.91,3.4-12.97,5.1-21.18,5.1ZM300.29,145.71c3.14,0,5.79-.92,7.95-2.75,2.16-1.83,3.79-4.39,4.89-7.67,1.1-3.28,1.65-7.11,1.65-11.47s-.55-8.17-1.65-11.44c-1.1-3.26-2.73-5.78-4.89-7.57-2.16-1.78-4.81-2.67-7.95-2.67s-5.8.89-7.95,2.67c-2.16,1.78-3.79,4.31-4.89,7.57-1.1,3.26-1.65,7.07-1.65,11.44s.55,8.19,1.65,11.47c1.1,3.28,2.73,5.84,4.89,7.67,2.16,1.83,4.81,2.75,7.95,2.75Z"/>
+    <path class="cls-3" d="M383.18,164.5c-6.71,0-12.65-.95-17.81-2.85-5.16-1.9-9.36-4.65-12.6-8.23-3.24-3.59-5.33-7.89-6.26-12.92l22.8-3.59c.99,3.43,2.65,6.01,5,7.74,2.35,1.74,5.61,2.6,9.78,2.6,3.42,0,6.12-.6,8.09-1.79,1.97-1.2,2.96-2.78,2.96-4.75,0-1.83-.79-3.3-2.36-4.4-1.57-1.1-4-1.98-7.28-2.64l-13.72-2.67c-7.79-1.5-13.62-4.14-17.49-7.92-3.87-3.78-5.81-8.69-5.81-14.75,0-5.25,1.42-9.74,4.26-13.44,2.84-3.71,6.85-6.56,12.04-8.55,5.18-1.99,11.3-2.99,18.33-2.99,6.57,0,12.28.88,17.14,2.64,4.86,1.76,8.77,4.27,11.75,7.53,2.98,3.26,4.91,7.14,5.81,11.65l-21.68,3.45c-.7-2.63-2.15-4.68-4.33-6.16-2.18-1.48-4.94-2.22-8.27-2.22-2.96,0-5.45.6-7.5,1.79s-3.06,2.8-3.06,4.82c0,1.6.63,2.99,1.9,4.19,1.27,1.2,3.59,2.12,6.97,2.78l15.06,2.82c7.79,1.5,13.59,3.99,17.42,7.46,3.82,3.47,5.74,8.07,5.74,13.79,0,5.4-1.58,10.09-4.75,14.08-3.17,3.99-7.52,7.07-13.06,9.25-5.54,2.18-11.89,3.27-19.07,3.27Z"/>
+    <path class="cls-3" d="M427.59,190.61l5.49-17.95,3.1.84c2.96.75,5.55.96,7.78.63,2.23-.33,3.94-1.15,5.14-2.46,1.2-1.31,1.72-3.05,1.58-5.21l-.07-3.31-29.35-78.83h25.9l11.75,38.5c1.59,5.26,2.85,10.53,3.77,15.84.92,5.3,2.01,11,3.27,17.1h-5.07c1.27-6.1,2.53-11.82,3.8-17.17,1.27-5.35,2.72-10.6,4.36-15.77l12.6-38.5h25.62l-33.01,86.99c-1.6,4.22-3.68,7.96-6.26,11.23-2.58,3.26-5.88,5.82-9.89,7.67-4.01,1.85-8.97,2.78-14.89,2.78-3,0-5.9-.22-8.69-.67-2.79-.45-5.1-1.02-6.93-1.72Z"/>
+    <path class="cls-3" d="M545.35,164.5c-6.71,0-12.65-.95-17.81-2.85-5.16-1.9-9.36-4.65-12.6-8.23-3.24-3.59-5.33-7.89-6.26-12.92l22.8-3.59c.99,3.43,2.65,6.01,5,7.74,2.35,1.74,5.61,2.6,9.78,2.6,3.42,0,6.12-.6,8.09-1.79,1.97-1.2,2.96-2.78,2.96-4.75,0-1.83-.79-3.3-2.36-4.4-1.57-1.1-4-1.98-7.28-2.64l-13.72-2.67c-7.79-1.5-13.62-4.14-17.49-7.92-3.87-3.78-5.81-8.69-5.81-14.75,0-5.25,1.42-9.74,4.26-13.44,2.84-3.71,6.85-6.56,12.03-8.55,5.18-1.99,11.3-2.99,18.33-2.99,6.57,0,12.28.88,17.14,2.64,4.86,1.76,8.77,4.27,11.75,7.53,2.98,3.26,4.91,7.14,5.81,11.65l-21.68,3.45c-.7-2.63-2.15-4.68-4.33-6.16-2.18-1.48-4.94-2.22-8.27-2.22-2.96,0-5.45.6-7.5,1.79s-3.06,2.8-3.06,4.82c0,1.6.63,2.99,1.9,4.19,1.27,1.2,3.59,2.12,6.97,2.78l15.06,2.82c7.79,1.5,13.59,3.99,17.42,7.46s5.74,8.07,5.74,13.79c0,5.4-1.58,10.09-4.75,14.08-3.17,3.99-7.52,7.07-13.06,9.25-5.54,2.18-11.89,3.27-19.07,3.27Z"/>
+    <path class="cls-3" d="M635.97,84.34v18.23h-49.13v-18.23h49.13ZM597.26,65.62h24.56v73.34c0,2.07.49,3.6,1.48,4.61.99,1.01,2.58,1.51,4.79,1.51.84,0,2.03-.09,3.55-.28,1.52-.19,2.61-.38,3.27-.56l3.17,17.88c-2.77.8-5.44,1.34-8.02,1.62-2.58.28-5.02.42-7.32.42-8.35,0-14.69-1.96-19-5.88-4.32-3.92-6.47-9.63-6.47-17.14v-75.52Z"/>
+    <path class="cls-3" d="M682.18,164.5c-8.21,0-15.3-1.63-21.25-4.89-5.96-3.26-10.52-7.92-13.69-13.97s-4.75-13.28-4.75-21.68,1.58-15.15,4.75-21.25c3.17-6.1,7.66-10.85,13.48-14.25,5.82-3.4,12.67-5.1,20.55-5.1,5.54,0,10.62.87,15.24,2.6,4.62,1.74,8.63,4.3,12.04,7.71,3.4,3.4,6.03,7.59,7.88,12.56,1.85,4.97,2.78,10.72,2.78,17.24v6.19h-67.99v-14.29h56.3l-11.47,3.38c0-3.66-.55-6.8-1.65-9.43-1.1-2.63-2.73-4.65-4.89-6.05s-4.83-2.11-8.02-2.11-5.89.72-8.09,2.15c-2.21,1.43-3.88,3.43-5.03,5.98-1.15,2.56-1.72,5.55-1.72,8.97v10.28c0,4.04.67,7.4,2,10.1,1.34,2.7,3.2,4.72,5.6,6.05,2.39,1.34,5.18,2.01,8.38,2.01,2.21,0,4.21-.3,6.02-.92,1.81-.61,3.35-1.52,4.65-2.75,1.29-1.22,2.26-2.7,2.92-4.43l21.89,3.59c-1.31,4.5-3.58,8.43-6.79,11.79-3.21,3.36-7.27,5.95-12.18,7.78-4.9,1.83-10.55,2.74-16.93,2.74Z"/>
+    <path class="cls-3" d="M743.63,164.5c-3.75,0-6.91-1.26-9.47-3.76-2.56-2.51-3.84-5.64-3.84-9.4s1.28-6.81,3.84-9.33c2.56-2.51,5.71-3.76,9.47-3.76s6.91,1.25,9.47,3.76c2.56,2.51,3.84,5.62,3.84,9.33s-1.28,6.89-3.84,9.4c-2.56,2.51-5.71,3.76-9.47,3.76Z"/>
+    <path class="cls-3" d="M773.24,163.03v-78.69h22.59l1.41,20.41h-1.69c1.22-5.11,3.04-9.24,5.45-12.39,2.42-3.14,5.23-5.44,8.45-6.9,3.21-1.45,6.6-2.18,10.17-2.18,5.63,0,10.17,1.81,13.62,5.42,3.45,3.61,6.11,9.53,7.99,17.74h-2.74c1.27-5.49,3.26-9.95,5.98-13.37,2.72-3.42,5.91-5.91,9.57-7.46,3.66-1.55,7.46-2.32,11.4-2.32,4.93,0,9.28,1.07,13.06,3.2,3.78,2.14,6.74,5.19,8.9,9.15,2.16,3.97,3.24,8.74,3.24,14.32v53.07h-24.49v-47.51c0-3.99-1.04-7.01-3.13-9.08-2.09-2.06-4.75-3.1-7.99-3.1-2.3,0-4.31.52-6.02,1.55-1.71,1.03-3.02,2.47-3.91,4.33-.89,1.85-1.34,4.05-1.34,6.58v47.23h-23.58v-47.86c0-3.61-1.01-6.49-3.03-8.62-2.02-2.13-4.67-3.2-7.95-3.2-2.25,0-4.23.52-5.95,1.55-1.71,1.03-3.05,2.5-4.01,4.4-.96,1.9-1.44,4.23-1.44,7v46.73h-24.56Z"/>
+    <path class="cls-3" d="M937.61,164.5c-6.71,0-12.65-.95-17.81-2.85-5.16-1.9-9.36-4.65-12.6-8.23-3.24-3.59-5.33-7.89-6.26-12.92l22.8-3.59c.99,3.43,2.65,6.01,5,7.74,2.35,1.74,5.61,2.6,9.78,2.6,3.42,0,6.12-.6,8.09-1.79,1.97-1.2,2.96-2.78,2.96-4.75,0-1.83-.79-3.3-2.36-4.4-1.57-1.1-4-1.98-7.28-2.64l-13.72-2.67c-7.79-1.5-13.62-4.14-17.49-7.92-3.87-3.78-5.81-8.69-5.81-14.75,0-5.25,1.42-9.74,4.26-13.44,2.84-3.71,6.85-6.56,12.04-8.55,5.18-1.99,11.3-2.99,18.33-2.99,6.57,0,12.28.88,17.14,2.64s8.77,4.27,11.75,7.53c2.98,3.26,4.92,7.14,5.81,11.65l-21.68,3.45c-.7-2.63-2.15-4.68-4.33-6.16-2.18-1.48-4.94-2.22-8.27-2.22-2.96,0-5.45.6-7.5,1.79s-3.06,2.8-3.06,4.82c0,1.6.63,2.99,1.9,4.19,1.27,1.2,3.59,2.12,6.97,2.78l15.06,2.82c7.79,1.5,13.59,3.99,17.42,7.46s5.74,8.07,5.74,13.79c0,5.4-1.58,10.09-4.75,14.08-3.17,3.99-7.52,7.07-13.06,9.25-5.54,2.18-11.89,3.27-19.07,3.27Z"/>
+  </g>
+  <g>
+    <path class="cls-3" d="M34.4,3.06S2.4,21.98,1.29,27.51s21.69,56.56,27.59,57.96c5.9,1.4,52.44-24.24,54.21-26.6s-5.87-35.51-9.73-37.48c-3.86-1.97-33.72-17.48-38.96-18.34Z"/>
+    <g class="cls-4">
+      <path class="cls-3" d="M73.36,21.41c-.11,8.65-10.78,24.63-15.94,29.62s-28.54,34.45-28.54,34.45l34.87,4.52,40.96-31.47-31.36-37.12"/>
+    </g>
+  </g>
+  <g>
+    <path class="cls-3" d="M21.13,84.26c-3.3.43-7.11,9.24-7.28,12.24s3.87,26.78,6.91,29.25c3.04,2.47,17.49,6.85,20.63,6.1,3.14-.76,28.8-20.93,26.61-26.61-2.06-5.36-10.49-10.86-16.24-13.27-4.04-1.69-23.92-8.57-30.63-7.71Z"/>
+    <g class="cls-1">
+      <path class="cls-3" d="M25.98,118.5c7.41-2.01,19.46-2.56,28.8-4.37,9.33-1.81,26.64-14.63,31.3-19.41,4.66-4.78,7.26,2.01,7.26,2.01l1.02,29.03-17.36,8-57.29-1.5,6.26-13.76"/>
+      <polygon class="cls-3" points="7.28 72.75 -5.78 84.3 16.84 137.46 25.88 118.58 7.28 72.75"/>
+    </g>
+  </g>
+  <g>
+    <path class="cls-3" d="M51.33,136.57c8.89,7.62,6.23,12.27,3.4,17-2.83,4.73-14.07,20.47-22.46,17.2-6.64-2.59-12.72-12.97-12.59-19.48.08-4.22,11.64-20.61,19.48-19.77,5.25.56,7.36.93,12.17,5.05Z"/>
+    <g class="cls-2">
+      <path class="cls-3" d="M19.67,162.93s10.27,3.37,22.6-1.5c12.34-4.87,17.98-14.25,17.98-14.25l-2.83,15.24-2.66,20.48-30.97-1-4.12-18.99Z"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index 97214fe1..d4251b36 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -1,290 +1,7 @@
-/* Variables */
-
-/* Colors */
-$color-purple: #7878EF;
-$color-purple-light: #BBBBFF;
-$color-purple-dark: #5C5CCF;
-
-$color-orange: #FF807D;
-$color-orange-light: #FEBDB9;
-$color-orange-dark: #DE5858;
-
-$color-green: #45E56E;
-$color-green-light: #87F5AA;
-$color-green-dark: #2EAF6B;
-$color-green-darker: #189654;
-
-$color-black: #1D1D28;
-$color-white: #FFFFFF;
-$color-grey-light: #F5F5FF;
-$color-grey: #DCDCE0;
-$color-grey-dark: #4C4C61;
-
-/* Tokens to override bootstrap colours */
-$bootstrap-primary: $color-purple;
-$bootstrap-secondary: $color-grey;
-$bootstrap-success: $color-green;
-$bootstrap-info: $color-purple-light;
-$bootstrap-warning: $color-orange;
-$bootstrap-danger: $color-orange-dark;
-$bootstrap-light: $color-grey-light;
-$bootstrap-dark: $color-black;
-
-/* Bootstrap SCSS colour variables */
-$theme-colors: (
-  "primary":    $bootstrap-primary,
-  "secondary":  $bootstrap-secondary,
-  "success":    $bootstrap-success,
-  "info":       $bootstrap-info,
-  "warning":    $bootstrap-warning,
-  "danger":     $bootstrap-danger,
-  "light":      $bootstrap-light,
-  "dark":       $bootstrap-dark
-);
-
-/* Bootstrap CSS colour variables */
-:root {
-  --bs-primary: $bootstrap-primary;
-  --bs-success: $bootstrap-success;
-  --bs-danger:  $bootstrap-danger;
-  --bs-warning: $bootstrap-warning;
-  --bs-info:    $bootstrap-info;
-  --bs-light:   $bootstrap-light;
-  --bs-dark:    $bootstrap-dark;
-}
-
-/* Typography */
-$font-family-base: "Inter", sans-serif;
-$font-size-base: 1.125rem; //18px
-$font-size-small: 0.88889rem; //16px
-
-$line-height-base: 1.3334;
-$headings-line-height: 1.25;
-
-$h1-font-size: 2.9375rem; //47px
-$h2-font-size: 2.1875rem; //35px
-$h3-font-size: 1.625rem; //26px
-$h4-font-size: 1.25rem; //20px
-
-$body-font-weight: 400;
-$headings-font-weight: 700;
-$display-font-weight: 900;
-$lead-font-weight: 400;
-
-$transition-collapse: height .35s ease;
-
-$btn-padding-y: 0.5em;
-$btn-padding-x: 1em;
-$btn-font-weight: 600;
-$btn-color: $color-white;
-
 @import "bootstrap"; 
+@import "ecosystems"; 
 
-@mixin spesh-link (
-  $text-color: $color-black, 
-  $hover-color: $color-green, 
-  $transition-duration: 250ms
-  ) {
-    color: $text-color;
-    text-decoration: none !important;
-    box-shadow: inset 0 -0.3em 0 $hover-color;
-    transition: $transition-duration;
-
-  &:hover,
-  &:active,
-  &:focus {
-    box-shadow: inset 0 -1em 0 $hover-color;
-    color: $text-color;
-  }
-}
-
-/* Global selection style */
-::selection {
-  background-color: $color-purple-light;
-}
-
-::-moz-selection {
-  background-color: $color-purple-light;
-}
-
-[data-bs-toggle="tooltip"] {
-  cursor: pointer;
-}
-
-.btn-primary {
-  background: linear-gradient(180deg, $color-purple 0%, $color-purple-dark 100%);
-  color: $color-white;
-  &:hover,
-  &:active,
-  &:focus {
-    color: $color-white;
-    background: linear-gradient(180deg, $color-purple 0%, $color-purple-dark 33%);
-  }
-}
-
-.btn-secondary {
-  background: linear-gradient(180deg, $color-grey-light 0%, $color-grey 100%);
-  &:hover,
-  &:active,
-  &:focus {
-    background: linear-gradient(180deg, $color-grey-light 0%, $color-grey 33%);
-  }
-}
-
-.btn-success {
-  background: linear-gradient(180deg, $color-green-dark 0%, $color-green-darker 100%);
-  color: $color-white;
-  &:hover,
-  &:active,
-  &:focus {
-    color: $color-white;
-    background: linear-gradient(180deg, $color-green-dark 0%, $color-green-darker 33%);
-  }
-}
-
-.btn-danger {
-  background: linear-gradient(180deg, $color-orange 0%, $color-orange-dark 100%);
-  color: $color-white;
-  &:hover,
-  &:active,
-  &:focus {
-    color: $color-white;
-    background: linear-gradient(180deg, $color-orange 0%, $color-orange-dark 33%);
-  }
-}
-
-.btn-warning {
-  background: linear-gradient(180deg, $color-orange-light 0%, $color-orange 100%);
-  &:hover,
-  &:active,
-  &:focus {
-    background: linear-gradient(180deg, $color-orange-light 0%, $color-orange 33%);
-
-  }
-}
-
-.btn-info {
-  background: linear-gradient(180deg, $color-grey-light 0%, $color-purple-light 100%);
-  &:hover,
-  &:active,
-  &:focus {
-    background: linear-gradient(180deg, $color-grey-light 0%, $color-purple-light 33%);
-  }
-}
-
-.btn-light {
-  background: linear-gradient(180deg, $color-grey-light 0%, $color-grey 100%);
-  &:hover,
-  &:active,
-  &:focus {
-    background: linear-gradient(180deg, $color-grey-light 0%, $color-grey 33%);
-  }
-}
-
-.btn-dark {
-  background: linear-gradient(180deg, $color-grey-dark 0%, $color-black 100%);
-  &:hover,
-  &:active,
-  &:focus {
-    background: linear-gradient(180deg, $color-grey-dark 0%, $color-black 33%);
-  }
-}
-
-.btn-primary,
-.btn-secondary,
-.btn-success,
-.btn-danger,
-.btn-warning,
-.btn-info,
-.btn-light,
-.btn-dark {
-  border: 0;
-  &:focus {
-    outline: 3px solid $color-orange;
-  }
-}
-
-.alert {
-  border: 0;
-}
-
-.alert-primary {
-  background-color: lighten($color-purple-light, 4%);
-  color: $color-black;
-}
-
-.alert-secondary {
-  background-color: $color-grey-light;
-  color: $color-black;
-}
-
-.alert-success {
-  background-color: lighten($color-green-light, 8%);
-  color: darken( $color-green-dark, 25%);
-}
-
-.alert-danger {
-  background-color: lighten($color-orange-light, 4%);
-  color: darken( $color-orange-dark, 45%);
-}
-
-.alert-warning {
-  background-color: lighten($color-orange-light, 12%);
-  color: darken( $color-orange-dark, 23%);
-}
-
-.alert-info {
-  background-color: lighten($color-purple-light, 12%);
-  color: darken( $color-purple-dark, 33%);
-}
-
-.alert-light {
-  background-color: $color-grey-light;
-  color: lighten( $color-black, 33%);
-}
-
-.alert-dark {
-  background-color: $color-grey-dark;
-  color: $color-white;
-}
-
-hr {
-  border-top: 3px solid $color-purple-light;
-}
-
-.no-border {
-	border: 0 !important;
-}
-
-.color-green-dark {
-	color: $color-green-dark;
-}
-
-.container {
-  @include media-breakpoint-down(md) {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-  }
-}
-
-.text-decoration-hover {
-  text-decoration: none;
-  &:hover{
-    text-decoration: underline;
-  }
-}
-
-body {
-  font-optical-sizing: auto;
-}
-
-.header {
-  h1 {
-    font-size: 1em;
-    line-height: 1;
-  }
-}
-
+/* START Remove this when global header is merged */
 .navigation-bar {
   a {
     @include spesh-link();
@@ -319,68 +36,7 @@ body {
 .site-logo--white {
   background-image: asset-url('eco-systems-funds-logo-white.svg');
 }
-
-
-.dark-section {
-  background-color: $color-purple-dark;
-  color: $color-white;
-  a {
-    color: $color-white;
-    &:hover,
-    &:active,
-    &:focus, 
-    &:visited {
-      color: $color-white;
-    }
-    
-  }
-}
-.extra-bold {
-  font-weight: 900;
-}
-
-.extra-small {
-  @include font-size(0.778rem);
-}
-
-.table a {
-  @include spesh-link();
-}
-
-/*  Header */
-.header {
-  padding: 2em 0;
-}
-
-/*  Footer */
-.footer {
-  padding: 2em 0;
-  margin-top: 4em;
-}
-
-.footer-links {
-  margin-top: 1rem;
-  @include media-breakpoint-up(md) {
-    text-align: right;
-  }
-  a {
-    text-decoration: none;
-  }
-  li {
-    margin-bottom: 0.25rem;
-  }
-}
-
-.footer-icons {
-  margin-top: 1em;
-  a {
-    margin: 0 0.5em;
-    text-decoration: none;
-  }
-}
-.lead {
-  @include font-size(1.625rem);
-}
+/* END Remove this when global header is merged */
 
 /* Hero */
 .hero {
@@ -403,15 +59,6 @@ body {
   box-shadow: 0px 7px 24px $color-purple-light;
 }
 
-.spesh-link {
-  @include spesh-link();
-}
-
-.spesh-link--hover-only {
-  box-shadow: inset 0 -0.3em 0 transparentize($color-green, 1);
-}
-
-
 .fund-card {
   border: 0;
   border-radius: 1.5rem;
@@ -423,11 +70,6 @@ body {
   }
 }
 
-.label {
-  display: block;
-  @include font-size(0.875rem);
-}
-
 .fund-card--small {
   padding-bottom: 1.5rem;
   border-radius: 1rem;
@@ -450,10 +92,6 @@ body {
   }
 }
 
-.grey-grad-bg  {
-  background: linear-gradient(180deg, #FFFFFF 0%, #F5F5FF 100%);
-}
-
 /* all the nasty code for the homepage funds section */
 .fund-promo-section {
   position: relative;
@@ -487,43 +125,6 @@ body {
   }
 }
 
-.block-link {
-  /* class to make cards fully clickable */
-  text-decoration: none;
-}
-
-.block-link--spesh {
-  .spesh-link {
-    display: inline-block;
-  }
-  /* if we have a .spesh-link in here, we need to attach the hover styles */
-  &:hover,
-  &:active,
-  &:focus {
-    .spesh-link {
-      box-shadow: inset 0 -1em 0 $color-green;
-    }
-  }
-}
-
-.stat-card {
-  display: inline-block;
-  margin-right: 1.3334rem;
-}
-
-.stat-card-title {
-  display: block;
-}
-
-.stat-card-text {
-  display: inline-block
-}
-
-.stat-card-title {
-  @include font-size(2.1875rem);
-  font-weight: 800;
-}
-
 .fund-stat-bar--allocation-stat-bar {
   .stat-card {
     @include media-breakpoint-up(xl) {
@@ -562,122 +163,6 @@ body {
   }
 }
 
-.badge {
-  background-color: $color-purple-light;
-  font-weight: normal;
-  color: $color-black;
-}
-
-.well {
-  background-color: $color-grey-light;
-  border-radius: $border-radius;
-}
-
-.page-content {
-  h2, h3, h4, h5 {
-    margin-top: 2rem;
-    margin-bottom: 0.6667rem;
-  }
-
-a {
-  @include spesh-link();
-}
-  
-}
-
-.page-content__title {
-  margin-bottom: 3rem;
-  
-}
-
-.page-content__title + .lead {
-  margin-top: -1rem;
-  margin-bottom: 1rem;
-}
-
-.ecosystems-pattern {
-  background-color: lighten($color-purple-light, 8%);
-  background-image: asset-url('ecosystems-pattern.svg');
-  background-repeat: repeat;
-  background-size: calc(696px/2) calc(238px/2);
-  background-attachment: fixed;
-}
-
-.purple-grad-bg  {
-  background-color: $color-purple-dark;
-  background: linear-gradient(0deg, $color-purple-dark 50%, $color-purple 100%);
-  color: $color-white;
-}
-
-
-/* Error pages */
-.error-bg {
-  margin-bottom: -4em;
-}
-
-.error {
-  padding: 4rem 0;
-}
-
-.error--has-background {
-  padding-top: 480px;
-  background-size: 440px;
-  background-position: center top;
-  background-repeat: no-repeat;
-  min-height: 440px;
-  @include media-breakpoint-up(lg) {
-    background-size: 660px;
-    min-height: 700px;
-    position: relative;
-    background-position: left top;
-  }
-}
-
-.error--404 {
-  background-image: asset-url('error-missing.png');
-}
-
-.error--409,
-.error--422,
-.error--429,
-.error--500 {
-  background-image: asset-url('error-breaking.png');
-}
-
-.error--400,
-.error--401,
-.error--403, 
-.error--503 {
-  background-image: asset-url('error-broken.png');
-}
-
-.error--has-background .error__content {
-  @include media-breakpoint-up(lg) {
-    position: absolute;
-    right: 90px;
-    top: 180px;
-  }
-}
-
-.error__content {
-  text-align: center;
-}
-
-.error__code {
-  font-size: clamp(16px, 20vw, 256px);
-  font-weight: 800;
-  box-shadow: inset 0 -0.1em 0 $color-green;
-  line-height: 1;
-  display: inline-block;
-  margin-bottom: 1.5rem;
-}
-
-.error__description {
-  max-width: 30em;
-  margin-left: auto;
-  margin-right: auto;
-}
-
 .row-rejected {
   background-color: #f8f9fa; 
   color: #6c757d; 
@@ -711,86 +196,8 @@ a {
   }
 }
 
-.dark-shadow {
-  box-shadow: 0px 7px 24px rgba(56, 56, 192, 0.6);
-}
-
-.table-wrapper {
-  /* Add a shadow to indicate there's more to see if you scroll */
-  background: 
-    linear-gradient(90deg, $color-white 20%, rgba(255, 255, 255, 0)),
-    linear-gradient(90deg, rgba(255, 255, 255, 0), $color-white 80%) 
-                    100% 0,
-    radial-gradient(farthest-side at 0 0%, $color-grey, rgba(0, 0, 0, 0)),
-    radial-gradient(farthest-side at 100% 0%, $color-grey, rgba(0, 0, 0, 0))
-                    100% 0;
-  background-repeat: no-repeat;
-  background-size: 20% 200%, 20% 200%, 8% 400%, 8% 400%;
-  background-attachment: local, local, scroll, scroll;
-  table {
-    --bs-table-bg: transparent;
-  }
-}
-
-.invitation-status{
+.invitation-status {
   border-radius: 5px;
   color: $color-white;
   padding: 0.25rem 0.5rem;
-}
-
-.label-rejected{
-  background-color: $color-orange-dark; 
-}
-
-.label-accepted{
-  background-color: $color-green-dark; 
-}
-
-.label-pending{
-  background-color: $color-grey;
-}
-
-.label-deleted{
-  background-color: $color-grey-dark;
-}
-
-.label-info{
-  background-color: $color-purple-light;
-}
-
-.tooltip {
-  max-width: 400px !important;
-  white-space: normal; 
-}
-
-.tooltip-inner {
-  max-width: 400px !important; 
-  text-align: left; 
-}
-
-.logo-grid {
-	img {
-		max-height: 60px; 
-  		width: auto;
-  		object-fit: contain;
-	}
-}
-
-.logo-grid {
-  display: flex;
-	justify-content: space-around;
-	align-items: center; /* Align logos vertically */
-	flex-wrap: wrap;
-  gap: 2rem 2rem;
-  @include media-breakpoint-up(xl) { 
-    flex-wrap: nowrap;
-    justify-content: space-between; 
-  }
-  a {
-    display: block;
-  }
-}
-
-.logo-grid__logo {
-  max-width: 150px;
 }
\ No newline at end of file
diff --git a/app/assets/stylesheets/ecosystems.scss b/app/assets/stylesheets/ecosystems.scss
new file mode 100644
index 00000000..426accae
--- /dev/null
+++ b/app/assets/stylesheets/ecosystems.scss
@@ -0,0 +1,744 @@
+/* Variables */
+
+/* Colors */
+$color-purple: #7878EF;
+$color-purple-light: #BBBBFF;
+$color-purple-dark: #5C5CCF;
+
+$color-orange: #FF807D;
+$color-orange-light: #FEBDB9;
+$color-orange-dark: #DE5858;
+
+$color-green: #45E56E;
+$color-green-light: #87F5AA;
+$color-green-dark: #2EAF6B;
+$color-green-darker: #189654;
+
+$color-black: #1D1D28;
+$color-white: #FFFFFF;
+$color-grey-light: #F5F5FF;
+$color-grey: #DCDCE0;
+$color-grey-dark: #4C4C61;
+
+/* Tokens to override bootstrap colours */
+$bootstrap-primary: $color-purple;
+$bootstrap-secondary: $color-grey;
+$bootstrap-success: $color-green;
+$bootstrap-info: $color-purple-light;
+$bootstrap-warning: $color-orange-light;
+$bootstrap-danger: $color-orange-dark;
+$bootstrap-light: $color-grey-light;
+$bootstrap-dark: $color-black;
+
+/* Bootstrap SCSS colour variables */
+$theme-colors: (
+  "primary":    $bootstrap-primary,
+  "secondary":  $bootstrap-secondary,
+  "success":    $bootstrap-success,
+  "info":       $bootstrap-info,
+  "warning":    $bootstrap-warning,
+  "danger":     $bootstrap-danger,
+  "light":      $bootstrap-light,
+  "dark":       $bootstrap-dark
+);
+
+/* Bootstrap CSS colour variables */
+:root {
+  --bs-primary: $bootstrap-primary;
+  --bs-success: $bootstrap-success;
+  --bs-danger:  $bootstrap-danger;
+  --bs-warning: $bootstrap-warning;
+  --bs-info:    $bootstrap-info;
+  --bs-light:   $bootstrap-light;
+  --bs-dark:    $bootstrap-dark;
+  --bs-list-group-border-color: $color-purple-light;
+  --bs-pagination-color: $color-purple-dark;
+}
+
+/* Typography */
+$font-family-base: "Inter", sans-serif;
+$font-size-base: 1.125rem; //18px
+$font-size-small: 0.88889rem; //16px
+
+$line-height-base: 1.3334;
+$headings-line-height: 1.25;
+
+$h1-font-size: 2.9375rem; //47px
+$h2-font-size: 2.1875rem; //35px
+$h3-font-size: 1.625rem; //26px
+$h4-font-size: 1.25rem; //20px
+
+$body-font-weight: 400;
+$headings-font-weight: 700;
+$display-font-weight: 900;
+$lead-font-weight: 400;
+
+$transition-collapse: height .35s ease;
+
+$btn-padding-y: 0.5em;
+$btn-padding-x: 1em;
+$btn-font-weight: 600;
+$btn-color: $color-white;
+
+@import "bootstrap"; 
+
+@mixin spesh-link (
+  $text-color: $color-black, 
+  $hover-color: $color-green, 
+  $transition-duration: 250ms
+  ) {
+    color: $text-color;
+    text-decoration: none !important;
+    box-shadow: inset 0 -0.3em 0 $hover-color;
+    transition: $transition-duration;
+
+  &:hover,
+  &:active,
+  &:focus {
+    box-shadow: inset 0 -1em 0 $hover-color;
+    color: $text-color;
+  }
+}
+
+/* Global selection style */
+::selection {
+  background-color: $color-purple-light;
+}
+
+::-moz-selection {
+  background-color: $color-purple-light;
+}
+
+[data-bs-toggle="tooltip"] {
+  cursor: pointer;
+}
+
+.btn-primary {
+  background: linear-gradient(180deg, $color-purple 0%, $color-purple-dark 100%);
+  color: $color-white;
+  &:hover,
+  &:active,
+  &:focus {
+    color: $color-white;
+    background: linear-gradient(180deg, $color-purple 0%, $color-purple-dark 33%);
+  }
+}
+
+.btn-secondary {
+  background: linear-gradient(180deg, $color-grey-light 0%, $color-grey 100%);
+  &:hover,
+  &:active,
+  &:focus {
+    background: linear-gradient(180deg, $color-grey-light 0%, $color-grey 33%);
+  }
+}
+
+.btn-success {
+  background: linear-gradient(180deg, $color-green-dark 0%, $color-green-darker 100%);
+  color: $color-white;
+  &:hover,
+  &:active,
+  &:focus {
+    color: $color-white;
+    background: linear-gradient(180deg, $color-green-dark 0%, $color-green-darker 33%);
+  }
+}
+
+.btn-danger {
+  background: linear-gradient(180deg, $color-orange 0%, $color-orange-dark 100%);
+  color: $color-white;
+  &:hover,
+  &:active,
+  &:focus {
+    color: $color-white;
+    background: linear-gradient(180deg, $color-orange 0%, $color-orange-dark 33%);
+  }
+}
+
+.btn-warning {
+  background: linear-gradient(180deg, $color-orange-light 0%, $color-orange 100%);
+  &:hover,
+  &:active,
+  &:focus {
+    background: linear-gradient(180deg, $color-orange-light 0%, $color-orange 33%);
+
+  }
+}
+
+.btn-info {
+  background: linear-gradient(180deg, $color-grey-light 0%, $color-purple-light 100%);
+  &:hover,
+  &:active,
+  &:focus {
+    background: linear-gradient(180deg, $color-grey-light 0%, $color-purple-light 33%);
+  }
+}
+
+.btn-light {
+  background: linear-gradient(180deg, $color-grey-light 0%, $color-grey 100%);
+  &:hover,
+  &:active,
+  &:focus {
+    background: linear-gradient(180deg, $color-grey-light 0%, $color-grey 33%);
+  }
+}
+
+.btn-dark {
+  background: linear-gradient(180deg, $color-grey-dark 0%, $color-black 100%);
+  &:hover,
+  &:active,
+  &:focus {
+    background: linear-gradient(180deg, $color-grey-dark 0%, $color-black 33%);
+  }
+}
+
+.btn-primary,
+.btn-secondary,
+.btn-success,
+.btn-danger,
+.btn-warning,
+.btn-info,
+.btn-light,
+.btn-dark {
+  border: 0;
+  &:focus {
+    outline: 3px solid $color-orange;
+  }
+}
+
+.alert {
+  border: 0;
+}
+
+.alert-primary {
+  background-color: lighten($color-purple-light, 4%);
+  color: $color-black;
+}
+
+.alert-secondary {
+  background-color: $color-grey-light;
+  color: $color-black;
+}
+
+.alert-success {
+  background-color: lighten($color-green-light, 8%);
+  color: darken( $color-green-dark, 25%);
+}
+
+.alert-danger {
+  background-color: lighten($color-orange-light, 4%);
+  color: darken( $color-orange-dark, 45%);
+}
+
+.alert-warning {
+  background-color: lighten($color-orange-light, 12%);
+  color: darken( $color-orange-dark, 23%);
+}
+
+.alert-info {
+  background-color: lighten($color-purple-light, 12%);
+  color: darken( $color-purple-dark, 33%);
+}
+
+.alert-light {
+  background-color: $color-grey-light;
+  color: lighten( $color-black, 33%);
+}
+
+.alert-dark {
+  background-color: $color-grey-dark;
+  color: $color-white;
+}
+
+hr {
+  border-top: 3px solid $color-purple-light;
+}
+
+.container {
+  @include media-breakpoint-down(md) {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+}
+
+.text-decoration-hover {
+  text-decoration: none;
+  &:hover{
+    text-decoration: underline;
+  }
+}
+
+body {
+  font-optical-sizing: auto;
+}
+
+
+.header__global {
+  width: 100%;
+}
+
+.header__global__site-logo-wrapper {
+  h1 {
+    font-size: 0;
+    line-height: 0;
+    margin: 0;
+  }
+}
+
+.site-logo {
+  font-size: 0;
+  line-height: 0;
+  color: transparent;
+
+  background-image: asset-url('ecosystems-logo.svg');
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: contain;
+  display: inline-block;
+
+  width: 155px;
+  height: 30px;
+}
+
+.site-logo--white {
+	background-image: asset-url('ecosystems-logo-white.svg');
+  width: 246px;
+  height: 50px;
+}
+
+.site-name {
+  line-height: 50px;
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 40px;
+  font-weight: 400;
+  color: $color-purple;
+  padding-top: 70px;
+}
+
+.header__global__menu-link {
+  @include spesh-link();
+  @include font-size(1rem);
+  .bi {
+    display: inline-block;
+    transition: transform 0.35s ease-out; //same time as bootstrap's animation
+    transform-origin: center;
+  }
+}
+
+.header__global__menu-link[aria-expanded="true"] {
+  .bi {
+    transform: rotateX(180deg);
+  }
+}
+
+.header__global__menu__category {
+  margin-bottom: 0.5rem;
+}
+
+.header__global__menu__category-title {
+  display: inline;
+  @include font-size(1rem);
+}
+
+.header__global__menu__category-links {
+  @include font-size(1rem);
+  display: inline;
+  padding-left: 1rem;
+  li {
+    display: inline;
+    margin-right: 1rem;
+  }
+  a {
+    color: $color-black;
+    &:hover,
+    &:active,
+    &:focus {
+      color: $color-purple-dark;
+    }
+    &.active {
+      text-decoration: none;
+      color: $color-purple-dark;
+    }
+  }
+}
+
+.header__local {
+  border-top: 1px solid $color-grey;
+  margin-top: 2rem;
+}
+
+.header__local__sitename {
+  color: $color-purple-dark;
+}
+
+.header__local__homelink {
+  color: $color-purple-dark;
+  text-decoration: none;
+  &:hover,
+  &:active,
+  &:focus {
+    color: $color-black;
+  }
+}
+
+.header__local__description {
+  @include font-size(1rem);
+}
+
+.header__local__navigation {
+  margin-left: -1rem;
+  @include media-breakpoint-up(lg) {
+    margin-left: 0;
+  }
+  a {
+    @include spesh-link();
+    padding: 0;
+  }
+  li {
+    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
+  }
+}
+
+.nav {
+  @include media-breakpoint-up(lg) {
+    justify-content: end;
+  }
+}
+
+.dark-section {
+  background-color: $color-purple-dark;
+  color: $color-white;
+  a {
+    color: $color-white;
+    &:hover,
+    &:active,
+    &:focus, 
+    &:visited {
+      color: $color-white;
+    }
+    
+  }
+}
+.extra-bold {
+  font-weight: 900;
+}
+
+.extra-small {
+  @include font-size(0.778rem);
+}
+
+.table a {
+  @include spesh-link();
+}
+
+/*  Header */
+.header {
+  padding: 2em 0;
+}
+
+/*  Footer */
+.footer {
+  padding: 2em 0;
+  margin-top: 4em;
+}
+
+.footer-links {
+  margin-top: 1rem;
+  @include media-breakpoint-up(md) {
+    text-align: right;
+  }
+  a {
+    text-decoration: none;
+  }
+  li {
+    margin-bottom: 0.25rem;
+  }
+}
+
+.footer-icons {
+  margin-top: 1em;
+  a {
+    margin: 0 0.5em;
+    text-decoration: none;
+  }
+}
+.lead {
+  @include font-size(1.625rem);
+}
+
+/* Hero */
+.hero {
+  .lead {
+    max-width: 42rem;
+    margin: 0 auto;
+  }
+}
+
+.spesh-link {
+  @include spesh-link();
+}
+
+.spesh-link--hover-only {
+  box-shadow: inset 0 -0.3em 0 transparentize($color-green, 1);
+}
+
+.label {
+  display: block;
+  @include font-size(0.875rem);
+}
+
+.grey-grad-bg  {
+  background: linear-gradient(180deg, #FFFFFF 0%, #F5F5FF 100%);
+}
+
+.block-link {
+  /* class to make cards fully clickable */
+  text-decoration: none;
+}
+
+.block-link--spesh {
+  .spesh-link {
+    display: inline-block;
+  }
+  /* if we have a .spesh-link in here, we need to attach the hover styles */
+  &:hover,
+  &:active,
+  &:focus {
+    .spesh-link {
+      box-shadow: inset 0 -1em 0 $color-green;
+    }
+  }
+}
+
+.stat-card {
+  display: inline-block;
+  margin-right: 1.3334rem;
+}
+
+.stat-card-title {
+  display: block;
+}
+
+.stat-card-text {
+  display: inline-block
+}
+
+.stat-card-title {
+  @include font-size(2.1875rem);
+  font-weight: 800;
+}
+
+.badge {
+  background-color: $color-purple-light;
+  font-weight: normal;
+  color: $color-black;
+}
+
+.well {
+  background-color: $color-grey-light;
+  border-radius: $border-radius;
+}
+
+.page-content {
+  h2, h3, h4, h5 {
+    margin-top: 2rem;
+    margin-bottom: 0.6667rem;
+  }
+
+	a {
+	@include spesh-link();
+	}
+}
+
+.page-content__title {
+  margin-bottom: 3rem;
+  
+}
+
+.page-content__title + .lead {
+  margin-top: -1rem;
+  margin-bottom: 1rem;
+}
+
+.ecosystems-pattern {
+  background-color: lighten($color-purple-light, 8%);
+  background-image: asset-url('ecosystems-pattern.svg');
+  background-repeat: repeat;
+  background-size: calc(696px/2) calc(238px/2);
+  background-attachment: fixed;
+}
+
+.purple-grad-bg  {
+  background-color: $color-purple-dark;
+  background: linear-gradient(0deg, $color-purple-dark 50%, $color-purple 100%);
+  color: $color-white;
+}
+
+
+/* Error pages */
+.error-bg {
+  margin-bottom: -4em;
+}
+
+.error {
+  padding: 4rem 0;
+}
+
+.error--has-background {
+  padding-top: 480px;
+  background-size: 440px;
+  background-position: center top;
+  background-repeat: no-repeat;
+  min-height: 440px;
+  @include media-breakpoint-up(lg) {
+    background-size: 660px;
+    min-height: 700px;
+    position: relative;
+    background-position: left top;
+  }
+}
+
+.error--404 {
+  background-image: asset-url('error-missing.png');
+}
+
+.error--409,
+.error--422,
+.error--429,
+.error--500 {
+  background-image: asset-url('error-breaking.png');
+}
+
+.error--400,
+.error--401,
+.error--403, 
+.error--503 {
+  background-image: asset-url('error-broken.png');
+}
+
+.error--has-background .error__content {
+  @include media-breakpoint-up(lg) {
+    position: absolute;
+    right: 90px;
+    top: 180px;
+  }
+}
+
+.error__content {
+  text-align: center;
+}
+
+.error__code {
+  font-size: clamp(16px, 20vw, 256px);
+  font-weight: 800;
+  box-shadow: inset 0 -0.1em 0 $color-green;
+  line-height: 1;
+  display: inline-block;
+  margin-bottom: 1.5rem;
+}
+
+.error__description {
+  max-width: 30em;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.table-wrapper {
+  /* Add a shadow to indicate there's more to see if you scroll */
+  background: 
+    linear-gradient(90deg, $color-white 20%, rgba(255, 255, 255, 0)),
+    linear-gradient(90deg, rgba(255, 255, 255, 0), $color-white 80%) 
+                    100% 0,
+    radial-gradient(farthest-side at 0 0%, $color-grey, rgba(0, 0, 0, 0)),
+    radial-gradient(farthest-side at 100% 0%, $color-grey, rgba(0, 0, 0, 0))
+                    100% 0;
+  background-repeat: no-repeat;
+  background-size: 20% 200%, 20% 200%, 8% 400%, 8% 400%;
+  background-attachment: local, local, scroll, scroll;
+  table {
+    --bs-table-bg: transparent;
+  }
+}
+
+.label-rejected {
+  background-color: $color-orange-dark; 
+}
+
+.label-accepted {
+  background-color: $color-green-dark; 
+}
+
+.label-pending {
+  background-color: $color-grey-dark
+}
+
+.tooltip {
+	max-width: 400px !important;
+	white-space: normal; 
+}
+  
+.tooltip-inner {
+	max-width: 400px !important; 
+	text-align: left; 
+}
+  
+.logo-grid {
+  img {
+    max-height: 60px; 
+    width: auto;
+    object-fit: contain;
+  }
+}
+  
+.logo-grid {
+	display: flex;
+	justify-content: space-around;
+	align-items: center; /* Align logos vertically */
+	flex-wrap: wrap;
+	gap: 2rem 2rem;
+	@include media-breakpoint-up(xl) { 
+	  flex-wrap: nowrap;
+	  justify-content: space-between; 
+	}
+	a {
+	  display: block;
+	}
+}
+  
+.logo-grid__logo {
+	max-width: 150px;
+}
+
+
+//pagination 
+.page-link {
+	color: $color-purple-dark;
+	border-color: $color-grey;
+	&:hover {
+	  color: $color-purple;
+	}
+  }
+  .page-link.active, .active > .page-link {
+	background-color: $color-purple-dark;
+	border-color: $color-purple-dark;
+  }
+
+  .badge-warning {
+	background-color: $bootstrap-warning;
+  }
+  
+  .badge-danger {
+	background-color: $bootstrap-danger;
+	color: $color-white;
+  }
+  
+  .badge-dark {
+	background-color: $color-black;
+	color: $color-white;
+  }
+  
+  .badge-light {
+	background-color: $color-grey-light;
+  }
+  
\ No newline at end of file