diff --git a/public/assets/icons/icons-dark-bg_magnify.svg b/public/assets/icons/icons-dark-bg_magnify.svg
new file mode 100644
index 00000000..cd3b8072
--- /dev/null
+++ b/public/assets/icons/icons-dark-bg_magnify.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient);
+      }
+
+      .st2 {
+        fill: none;
+        stroke: #fff;
+        stroke-linecap: round;
+        stroke-linejoin: round;
+        stroke-width: 3px;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="-320" y1="449.5" x2="-303.7" y2="449.5" gradientTransform="translate(373.2 -367.3) rotate(6.9)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".3" stop-color="#6aa88c"/>
+      <stop offset=".6" stop-color="#a0c692"/>
+      <stop offset=".9" stop-color="#c1d996"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="-316" y1="427.3" x2="-274.2" y2="427.3" xlink:href="#linear-gradient"/>
+  </defs>
+  <path class="st1" d="M1.6,48.5h0c-1.5-1.5-1.5-4,0-5.5l10.7-10.4,5.5,5.6-10.7,10.4c-1.5,1.5-4,1.5-5.5,0Z"/>
+  <path class="st0" d="M26,42c-11.5-1.4-19.6-11.8-18.2-23.3C9.2,7.3,19.6-.9,31.1.5c11.5,1.4,19.6,11.8,18.2,23.3-1.4,11.5-11.8,19.6-23.3,18.2ZM30.4,6.2c-8.3-1-15.8,4.9-16.8,13.2-1,8.3,4.9,15.8,13.2,16.8,8.3,1,15.8-4.9,16.8-13.2s-4.9-15.8-13.2-16.8Z"/>
+  <path class="st2" d="M18.2,20c.7-5.7,5.9-9.8,11.6-9.1s9.8,5.9,9.1,11.6c-.2,1.2-.5,2.4-1.1,3.5"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_arrow-exchange-API.svg b/public/assets/icons/icons-light-bg_arrow-exchange-API.svg
new file mode 100644
index 00000000..193564d9
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_arrow-exchange-API.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient2);
+      }
+
+      .st1 {
+        stroke: #fff;
+      }
+
+      .st1, .st2 {
+        fill: none;
+        stroke-miterlimit: 10;
+        stroke-width: 6px;
+      }
+
+      .st3 {
+        fill: url(#linear-gradient);
+      }
+
+      .st2 {
+        stroke: url(#linear-gradient1);
+      }
+
+      .st4 {
+        fill: #fff;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="25" y1="47" x2="25" y2="3" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".2" stop-color="#529b89"/>
+      <stop offset=".6" stop-color="#94c091"/>
+      <stop offset=".9" stop-color="#bed796"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="8" y1="15.1" x2="42" y2="15.1" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#006d68"/>
+      <stop offset="1" stop-color="#003834"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient2" x1="8" y1="15.1" x2="42" y2="15.1" xlink:href="#linear-gradient1"/>
+  </defs>
+  <rect class="st3" x="3" y="3" width="44" height="44" rx="5.3" ry="5.3"/>
+  <g>
+    <g>
+      <line class="st2" x1="8" y1="15.1" x2="29.1" y2="15.1"/>
+      <polygon class="st0" points="26.5 24 42 15.1 26.5 6.1 26.5 24"/>
+    </g>
+    <g>
+      <line class="st1" x1="20.9" y1="34.9" x2="42" y2="34.9"/>
+      <polygon class="st4" points="23.5 43.9 8 34.9 23.5 26 23.5 43.9"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_arrow-target.svg b/public/assets/icons/icons-light-bg_arrow-target.svg
new file mode 100644
index 00000000..2bb2e94c
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_arrow-target.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient3);
+      }
+
+      .st2 {
+        fill: url(#linear-gradient);
+      }
+
+      .st3 {
+        fill: none;
+        stroke: url(#linear-gradient2);
+        stroke-miterlimit: 10;
+        stroke-width: 6px;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="25" y1="37" x2="25" y2="13" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#cee098"/>
+      <stop offset="0" stop-color="#bdd696"/>
+      <stop offset=".4" stop-color="#82b58f"/>
+      <stop offset=".7" stop-color="#579e8a"/>
+      <stop offset=".9" stop-color="#3c8f87"/>
+      <stop offset="1" stop-color="#338a86"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" y1="49" x2="25" y2="1" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient2" x1="5.9" y1="37.8" x2="27.7" y2="37.8" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#003834"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient3" x1="5.9" y1="33.1" x2="27.7" y2="33.1" xlink:href="#linear-gradient2"/>
+  </defs>
+  <path class="st2" d="M25,13c-6.6,0-12,5.4-12,12s5.4,12,12,12,12-5.4,12-12-5.4-12-12-12h0Z"/>
+  <path class="st0" d="M25,7c9.9,0,18,8.1,18,18s-8.1,18-18,18S7,34.9,7,25,15.1,7,25,7M25,1C11.7,1,1,11.7,1,25s10.7,24,24,24,24-10.7,24-24S38.3,1,25,1h0Z"/>
+  <g>
+    <line class="st3" x1="8.1" y1="42" x2="16.5" y2="33.6"/>
+    <polygon class="st1" points="21 41.8 25.6 24.5 8.3 29.1 21 41.8"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_business-portfolio-bag.svg b/public/assets/icons/icons-light-bg_business-portfolio-bag.svg
new file mode 100644
index 00000000..ff21434e
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_business-portfolio-bag.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: none;
+        stroke: #003834;
+        stroke-miterlimit: 10;
+        stroke-width: 4px;
+      }
+
+      .st1 {
+        fill: url(#linear-gradient);
+      }
+
+      .st2 {
+        fill: #fff;
+      }
+
+      .st3 {
+        fill: #003834;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="25" y1="29.8" x2="25" y2="7" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".2" stop-color="#529b89"/>
+      <stop offset=".6" stop-color="#94c091"/>
+      <stop offset=".9" stop-color="#bed796"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+  </defs>
+  <path class="st0" d="M15.9,7.1v-1.7c0-1.9,1.5-3.4,3.4-3.4h11.3c1.9,0,3.4,1.5,3.4,3.4v1.7"/>
+  <g>
+    <rect class="st3" x="3" y="8" width="44" height="42" rx="5.3" ry="5.3"/>
+    <rect class="st1" x="3" y="7" width="44" height="22.8" rx="5.3" ry="5.3"/>
+    <g>
+      <rect class="st2" x="8" y="27.3" width="9.3" height="4.7" transform="translate(-17 42.3) rotate(-90)"/>
+      <rect class="st2" x="32.7" y="27.3" width="9.3" height="4.7" transform="translate(7.7 67) rotate(-90)"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_calendar.svg b/public/assets/icons/icons-light-bg_calendar.svg
new file mode 100644
index 00000000..f65a6dcc
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_calendar.svg
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st1 {
+        stroke: url(#linear-gradient2);
+      }
+
+      .st1, .st2 {
+        stroke-linejoin: round;
+        stroke-width: 6px;
+      }
+
+      .st1, .st2, .st3 {
+        fill: none;
+        stroke-linecap: round;
+      }
+
+      .st2 {
+        stroke: url(#linear-gradient3);
+      }
+
+      .st4 {
+        fill: url(#linear-gradient);
+      }
+
+      .st3 {
+        stroke: #fff;
+        stroke-linejoin: bevel;
+        stroke-width: 3px;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="0" y1="56.6" x2="38.7" y2="17.9" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".1" stop-color="#3c8f87"/>
+      <stop offset=".3" stop-color="#579e8a"/>
+      <stop offset=".6" stop-color="#82b58f"/>
+      <stop offset=".9" stop-color="#bdd696"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="25" y1="24.3" x2="25" y2="12.3" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#006d68"/>
+      <stop offset="1" stop-color="#003834"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient2" x1="9" y1="15" x2="9" y2="0" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#cee098"/>
+      <stop offset="0" stop-color="#bdd696"/>
+      <stop offset=".4" stop-color="#82b58f"/>
+      <stop offset=".7" stop-color="#579e8a"/>
+      <stop offset=".9" stop-color="#3c8f87"/>
+      <stop offset="1" stop-color="#338a86"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient3" x1="41" x2="41" xlink:href="#linear-gradient2"/>
+  </defs>
+  <path class="st4" d="M0,18h50v24c0,4.4-3.6,8-8,8H8c-4.4,0-8-3.6-8-8v-24h0Z"/>
+  <rect class="st0" y="8" width="50" height="12"/>
+  <g>
+    <line class="st1" x1="9" y1="3" x2="9" y2="12"/>
+    <line class="st2" x1="41" y1="3" x2="41" y2="12"/>
+  </g>
+  <g>
+    <line class="st3" x1="6.5" y1="27" x2="43.5" y2="27"/>
+    <line class="st3" x1="6.5" y1="37" x2="43.5" y2="37"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_carbon-creen-offcet.svg b/public/assets/icons/icons-light-bg_carbon-creen-offcet.svg
new file mode 100644
index 00000000..3742e43d
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_carbon-creen-offcet.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient);
+      }
+
+      .st2 {
+        fill: #fff;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="30.2" y1="47.9" x2="30.2" y2="2.1" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#cee098"/>
+      <stop offset="0" stop-color="#bdd696"/>
+      <stop offset=".4" stop-color="#82b58f"/>
+      <stop offset=".7" stop-color="#579e8a"/>
+      <stop offset=".9" stop-color="#3c8f87"/>
+      <stop offset="1" stop-color="#338a86"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="19.8" y1="47.9" x2="19.8" y2="2.1" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#003834"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+  </defs>
+  <polygon class="st1" points="30.1 47.9 10.3 36.4 10.3 13.6 30.1 2.1 30.2 2.1 50 13.6 50 36.4 30.2 47.9 30.1 47.9"/>
+  <polygon class="st0" points="39.6 36.4 39.6 13.6 19.8 2.1 0 13.6 0 36.4 19.8 47.9 39.6 36.4"/>
+  <path class="st2" d="M19.7,12.1s-9.6,9.1-9.5,14.4c0,4.8,3.6,8.8,8.2,9.4v-10.9c-.1-.8.6-1.5,1.4-1.5.8,0,1.5.7,1.5,1.5v10.9c4.7-.8,8.2-4.8,8.1-9.6,0-5.3-9.8-14.2-9.8-14.2Z"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_carbon-energy.svg b/public/assets/icons/icons-light-bg_carbon-energy.svg
new file mode 100644
index 00000000..fb285ade
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_carbon-energy.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient);
+      }
+
+      .st2 {
+        fill: #fff;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="30.2" y1="47.9" x2="30.2" y2="2.1" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#cee098"/>
+      <stop offset="0" stop-color="#bdd696"/>
+      <stop offset=".4" stop-color="#82b58f"/>
+      <stop offset=".7" stop-color="#579e8a"/>
+      <stop offset=".9" stop-color="#3c8f87"/>
+      <stop offset="1" stop-color="#338a86"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="19.8" y1="47.9" x2="19.8" y2="2.1" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#003834"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+  </defs>
+  <polygon class="st1" points="30.1 47.9 10.3 36.4 10.3 13.6 30.1 2.1 30.2 2.1 50 13.6 50 36.4 30.2 47.9 30.1 47.9"/>
+  <polygon class="st0" points="39.6 36.4 39.6 13.6 19.8 2.1 0 13.6 0 36.4 19.8 47.9 39.6 36.4"/>
+  <polygon class="st2" points="29.9 21.5 19.8 21.5 24 10.5 15.1 10.5 11.7 26.9 19.7 26.9 13.5 41.5 29.9 21.5"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_carbon.svg b/public/assets/icons/icons-light-bg_carbon.svg
new file mode 100644
index 00000000..c6cc6c3d
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_carbon.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient);
+      }
+
+      .st2 {
+        fill: #fff;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="30.2" y1="47.9" x2="30.2" y2="2.1" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#003834"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="19.8" y1="47.9" x2="19.8" y2="2.1" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#cee098"/>
+      <stop offset="0" stop-color="#bdd696"/>
+      <stop offset=".4" stop-color="#82b58f"/>
+      <stop offset=".7" stop-color="#579e8a"/>
+      <stop offset=".9" stop-color="#3c8f87"/>
+      <stop offset="1" stop-color="#338a86"/>
+    </linearGradient>
+  </defs>
+  <polygon class="st1" points="30.1 47.9 10.3 36.4 10.3 13.6 30.1 2.1 30.2 2.1 50 13.6 50 36.4 30.2 47.9 30.1 47.9"/>
+  <polygon class="st0" points="39.6 36.4 39.6 13.6 19.8 2.1 0 13.6 0 36.4 19.8 47.9 39.6 36.4"/>
+  <polygon class="st2" points="29.8 30.8 29.8 19.2 19.8 13.5 9.8 19.2 9.8 30.8 19.8 36.5 29.8 30.8"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_checkmark-yes.svg b/public/assets/icons/icons-light-bg_checkmark-yes.svg
new file mode 100644
index 00000000..6aebea59
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_checkmark-yes.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient);
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="25" y1="47" x2="25" y2="3" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".2" stop-color="#529b89"/>
+      <stop offset=".6" stop-color="#94c091"/>
+      <stop offset=".9" stop-color="#bed796"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="25" y1="39.8" x2="25" y2="10.2" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#003834"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+  </defs>
+  <rect class="st1" x="3" y="3" width="44" height="44" rx="5.3" ry="5.3"/>
+  <path class="st0" d="M24.6,39.8c-1.1,0-2.1-.4-3-1.1l-12.2-10.3c-2-1.7-2.2-4.6-.6-6.6,1.7-2,4.6-2.2,6.6-.6l8.2,6.9,10.3-15.9c1.4-2.2,4.3-2.8,6.4-1.4,2.2,1.4,2.8,4.3,1.4,6.4l-13.1,20.3c-.7,1.1-1.9,1.9-3.2,2.1-.2,0-.5,0-.7,0Z"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_cloud-data.svg b/public/assets/icons/icons-light-bg_cloud-data.svg
new file mode 100644
index 00000000..23cee390
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_cloud-data.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st1 {
+        fill: none;
+        stroke: #006d68;
+        stroke-linecap: round;
+        stroke-linejoin: round;
+        stroke-width: 4px;
+      }
+
+      .st2 {
+        fill: url(#linear-gradient);
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="25" y1="28.5" x2="25" y2="0" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#006d68"/>
+      <stop offset="1" stop-color="#003834"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="25" y1="35.7" x2="25" y2="7.2" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".1" stop-color="#3c8f87"/>
+      <stop offset=".3" stop-color="#579e8a"/>
+      <stop offset=".6" stop-color="#82b58f"/>
+      <stop offset=".9" stop-color="#bdd696"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+  </defs>
+  <g>
+    <line class="st1" x1="15.2" y1="32" x2="15.2" y2="44"/>
+    <line class="st1" x1="34.8" y1="32" x2="34.8" y2="44"/>
+  </g>
+  <line class="st1" x1="25" y1="32" x2="25" y2="48"/>
+  <g>
+    <path class="st2" d="M11,7c1.3,0,2.6.2,3.8.7C16,3.3,20.1,0,25,0c4.9,0,9,3.3,10.3,7.7,1.2-.4,2.4-.7,3.8-.7,5.9,0,10.7,4.8,10.7,10.7,0,5.9-4.8,10.7-10.7,10.7-2.7,0-11.4,0-14,0-2.7,0-11.4,0-14,0-5.9,0-10.7-4.8-10.7-10.7,0-5.9,4.8-10.7,10.7-10.7Z"/>
+    <path class="st0" d="M11,14.2c1.3,0,2.6.2,3.8.7,1.3-4.5,5.4-7.7,10.3-7.7,4.9,0,9,3.3,10.3,7.7,1.2-.4,2.4-.7,3.8-.7,5.9,0,10.7,4.8,10.7,10.7,0,5.9-4.8,10.7-10.7,10.7-2.7,0-11.4,0-14,0-2.7,0-11.4,0-14,0-5.9,0-10.7-4.8-10.7-10.7,0-5.9,4.8-10.7,10.7-10.7Z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_cloud-process-data.svg b/public/assets/icons/icons-light-bg_cloud-process-data.svg
new file mode 100644
index 00000000..1409776b
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_cloud-process-data.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient);
+      }
+
+      .st2 {
+        fill: none;
+        stroke: #fff;
+        stroke-linecap: round;
+        stroke-linejoin: round;
+        stroke-width: 2.4px;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="25" y1="33.6" x2="25" y2="5.2" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#006d68"/>
+      <stop offset="1" stop-color="#003834"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="25" y1="44.8" x2="25" y2="16.4" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".1" stop-color="#3c8f87"/>
+      <stop offset=".3" stop-color="#579e8a"/>
+      <stop offset=".6" stop-color="#82b58f"/>
+      <stop offset=".9" stop-color="#bdd696"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+  </defs>
+  <path class="st1" d="M11,12.2c1.3,0,2.6.2,3.8.7,1.3-4.5,5.4-7.7,10.3-7.7,4.9,0,9,3.3,10.3,7.7,1.2-.4,2.4-.7,3.8-.7,5.9,0,10.7,4.8,10.7,10.7,0,5.9-4.8,10.7-10.7,10.7-2.7,0-11.4,0-14,0-2.7,0-11.4,0-14,0-5.9,0-10.7-4.8-10.7-10.7,0-5.9,4.8-10.7,10.7-10.7Z"/>
+  <g>
+    <path class="st0" d="M11,23.4c1.3,0,2.6.2,3.8.7,1.3-4.5,5.4-7.7,10.3-7.7,4.9,0,9,3.3,10.3,7.7,1.2-.4,2.4-.7,3.8-.7,5.9,0,10.7,4.8,10.7,10.7,0,5.9-4.8,10.7-10.7,10.7-2.7,0-11.4,0-14,0-2.7,0-11.4,0-14,0-5.9,0-10.7-4.8-10.7-10.7,0-5.9,4.8-10.7,10.7-10.7Z"/>
+    <path class="st2" d="M32.5,31.9c0,4.1-3.3,7.5-7.5,7.5s-7.5-3.3-7.5-7.5,3.3-7.5,7.5-7.5"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_cog-settings.svg b/public/assets/icons/icons-light-bg_cog-settings.svg
new file mode 100644
index 00000000..47b1bc40
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_cog-settings.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient);
+      }
+
+      .st2 {
+        fill: #fff;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="-366.7" y1="44.3" x2="-366.7" y2="-3.7" gradientTransform="translate(298.7 269.9) rotate(45)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".2" stop-color="#529b89"/>
+      <stop offset=".6" stop-color="#94c091"/>
+      <stop offset=".9" stop-color="#bed796"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="13.5" y1="25" x2="36.5" y2="25" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#003834"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+  </defs>
+  <path class="st1" d="M39,44.9l6-6-5.3-5.3c.8-1.4,1.5-2.9,1.9-4.5h7.5v-8.4h-7.5c-.4-1.6-1-3.1-1.9-4.5l5.3-5.3-6-6-5.3,5.3c-1.4-.8-2.9-1.5-4.5-1.9V1h-8.4s0,7.5,0,7.5c-1.6.4-3.1,1-4.5,1.9l-5.3-5.3-6,6,5.3,5.3c-.8,1.4-1.5,2.9-1.9,4.5H1v8.4s7.5,0,7.5,0c.4,1.6,1,3.1,1.9,4.5l-5.3,5.3,6,6,5.3-5.3c1.4.8,2.9,1.5,4.5,1.9v7.5h8.4v-7.5c1.6-.4,3.1-1,4.5-1.9l5.3,5.3Z"/>
+  <g>
+    <circle class="st2" cx="25" cy="25" r="11.5"/>
+    <path class="st0" d="M25,19.5c1.5,0,2.9.6,3.9,1.6,2.1,2.1,2.1,5.6,0,7.8-1,1-2.4,1.6-3.9,1.6s-2.9-.6-3.9-1.6c-2.1-2.1-2.1-5.6,0-7.8,1-1,2.4-1.6,3.9-1.6M25,13.5c-2.9,0-5.9,1.1-8.1,3.4-4.5,4.5-4.5,11.8,0,16.3,2.2,2.2,5.2,3.4,8.1,3.4s5.9-1.1,8.1-3.4c4.5-4.5,4.5-11.8,0-16.3-2.2-2.2-5.2-3.4-8.1-3.4h0Z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_crosss-no.svg b/public/assets/icons/icons-light-bg_crosss-no.svg
new file mode 100644
index 00000000..bda1668c
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_crosss-no.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient);
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="25" y1="47" x2="25" y2="3" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".2" stop-color="#529b89"/>
+      <stop offset=".6" stop-color="#94c091"/>
+      <stop offset=".9" stop-color="#bed796"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="25" y1="41.7" x2="25" y2="8.3" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#003834"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+  </defs>
+  <rect class="st1" x="3" y="3" width="44" height="44" rx="5.3" ry="5.3"/>
+  <path class="st0" d="M40.6,40.6c1.6-1.9,1.5-4.7-.3-6.5l-5.6-5.6c-1.9-1.9-1.9-5,0-6.9l5.6-5.6c1.8-1.8,1.9-4.6.3-6.5-1.9-1.6-4.7-1.5-6.5.3l-5.6,5.6c-1.9,1.9-5,1.9-6.9,0l-5.6-5.6c-1.8-1.8-4.6-1.9-6.5-.3-1.6,1.9-1.5,4.7.3,6.5l5.6,5.6c1.9,1.9,1.9,5,0,6.9l-5.6,5.6c-1.8,1.8-1.9,4.6-.3,6.5,1.9,1.6,4.7,1.5,6.5-.3l5.6-5.6c1.9-1.9,5-1.9,6.9,0l5.6,5.6c1.8,1.8,4.6,1.9,6.5.3Z"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_cube-frame.svg b/public/assets/icons/icons-light-bg_cube-frame.svg
new file mode 100644
index 00000000..ccb26054
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_cube-frame.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        stroke: url(#linear-gradient2);
+      }
+
+      .st0, .st1, .st2 {
+        fill: none;
+        stroke-linejoin: round;
+        stroke-width: 6px;
+      }
+
+      .st0, .st2 {
+        stroke-linecap: round;
+      }
+
+      .st1 {
+        stroke: url(#linear-gradient1);
+      }
+
+      .st2 {
+        stroke: url(#linear-gradient);
+      }
+
+      .st3 {
+        fill: #003834;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="25" y1="49.5" x2="25" y2="22" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#cee098"/>
+      <stop offset=".1" stop-color="#c9dd97"/>
+      <stop offset=".3" stop-color="#bad595"/>
+      <stop offset=".5" stop-color="#a2c892"/>
+      <stop offset=".7" stop-color="#81b58f"/>
+      <stop offset=".9" stop-color="#579e8a"/>
+      <stop offset="1" stop-color="#338a86"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="3.4" y1="25" x2="46.6" y2="25" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#cee098"/>
+      <stop offset="0" stop-color="#bdd696"/>
+      <stop offset=".4" stop-color="#82b58f"/>
+      <stop offset=".7" stop-color="#579e8a"/>
+      <stop offset=".9" stop-color="#3c8f87"/>
+      <stop offset="1" stop-color="#338a86"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient2" x1="3.4" y1="14.2" x2="46.6" y2="14.2" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#cee098"/>
+      <stop offset="0" stop-color="#bdd696"/>
+      <stop offset=".4" stop-color="#82b58f"/>
+      <stop offset=".7" stop-color="#579e8a"/>
+      <stop offset=".9" stop-color="#3c8f87"/>
+      <stop offset="1" stop-color="#338a86"/>
+    </linearGradient>
+  </defs>
+  <g>
+    <line class="st2" x1="25" y1="46.5" x2="25" y2="25"/>
+    <polygon class="st1" points="43.6 35.7 43.6 14.3 25 3.5 6.4 14.3 6.4 35.7 25 46.5 43.6 35.7"/>
+    <polygon class="st0" points="25 25 6.4 14.3 25 3.5 43.6 14.3 25 25"/>
+  </g>
+  <circle class="st3" cx="25" cy="25" r="4.1"/>
+  <g>
+    <circle class="st3" cx="6.8" cy="14.8" r="4.1"/>
+    <circle class="st3" cx="43.2" cy="14.8" r="4.1"/>
+  </g>
+  <circle class="st3" cx="25" cy="45.9" r="4.1"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_cube-puzzle.svg b/public/assets/icons/icons-light-bg_cube-puzzle.svg
new file mode 100644
index 00000000..04040668
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_cube-puzzle.svg
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient2);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st2 {
+        fill: url(#linear-gradient3);
+      }
+
+      .st3 {
+        fill: url(#linear-gradient5);
+      }
+
+      .st4 {
+        fill: url(#linear-gradient4);
+      }
+
+      .st5 {
+        fill: url(#linear-gradient);
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="28" y1="23.5" x2="21.6" y2="1.4" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".1" stop-color="#3c8f87"/>
+      <stop offset=".3" stop-color="#579e8a"/>
+      <stop offset=".6" stop-color="#82b58f"/>
+      <stop offset=".9" stop-color="#bdd696"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="23.8" y1="24.5" x2="25.4" y2="12.7" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#003834"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient2" x1="5.3" y1="39.3" x2="22.4" y2="22.2" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset="0" stop-color="#409187"/>
+      <stop offset=".2" stop-color="#6ba98c"/>
+      <stop offset=".4" stop-color="#8fbd90"/>
+      <stop offset=".5" stop-color="#aacc93"/>
+      <stop offset=".7" stop-color="#bed796"/>
+      <stop offset=".8" stop-color="#cadd97"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient3" x1="19.2" y1="37" x2="19.2" y2="18.2" xlink:href="#linear-gradient1"/>
+    <linearGradient id="linear-gradient4" x1="-1073.5" y1="45.5" x2="-1103.1" y2="16" gradientTransform="translate(-1052.8262) scale(-1 1)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".4" stop-color="#76af8d"/>
+      <stop offset=".8" stop-color="#b5d295"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient5" x1="-1085.7" y1="32.3" x2="-1080.1" y2="22.9" gradientTransform="translate(-1052.8262) scale(-1 1)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#006d68"/>
+      <stop offset="1" stop-color="#003834"/>
+    </linearGradient>
+  </defs>
+  <polygon class="st5" points="24.6 24.5 3 12 24.6 .5 46.3 12 24.6 24.5"/>
+  <polygon class="st1" points="24.6 24.6 13.8 18.4 24.6 12.6 35.5 18.4 24.6 24.6"/>
+  <polygon class="st0" points="24.6 24.5 3 12 3 37 24.6 49.5 24.6 24.5"/>
+  <polygon class="st2" points="24.6 24.5 13.8 18.2 13.8 30.7 24.6 37 24.6 24.5"/>
+  <polygon class="st4" points="24.6 24.5 46.3 12 46.3 37 24.6 49.5 24.6 24.5"/>
+  <polygon class="st3" points="24.6 24.5 35.5 18.2 35.5 30.7 24.6 37 24.6 24.5"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_data-hadware-drive.svg b/public/assets/icons/icons-light-bg_data-hadware-drive.svg
new file mode 100644
index 00000000..2544eab7
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_data-hadware-drive.svg
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient2);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st2 {
+        fill: url(#linear-gradient3);
+      }
+
+      .st3 {
+        fill: url(#linear-gradient6);
+      }
+
+      .st4 {
+        fill: url(#linear-gradient8);
+      }
+
+      .st5 {
+        fill: url(#linear-gradient7);
+      }
+
+      .st6 {
+        fill: url(#linear-gradient5);
+      }
+
+      .st7 {
+        fill: url(#linear-gradient4);
+      }
+
+      .st8 {
+        fill: url(#linear-gradient);
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="3.4" y1="42.5" x2="46.6" y2="42.5" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".1" stop-color="#3c8f87"/>
+      <stop offset=".3" stop-color="#579e8a"/>
+      <stop offset=".6" stop-color="#82b58f"/>
+      <stop offset=".9" stop-color="#bdd696"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="35.2" y1="42.5" x2="42.5" y2="42.5" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#006d68"/>
+      <stop offset="1" stop-color="#003834"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient2" x1="18.8" y1="42.5" x2="31.9" y2="42.5" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#003834"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient3" y1="25" y2="25" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient4" y1="25" y2="25" xlink:href="#linear-gradient1"/>
+    <linearGradient id="linear-gradient5" y1="25" y2="25" xlink:href="#linear-gradient2"/>
+    <linearGradient id="linear-gradient6" y1="7.5" y2="7.5" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient7" y1="7.5" y2="7.5" xlink:href="#linear-gradient1"/>
+    <linearGradient id="linear-gradient8" y1="7.5" y2="7.5" xlink:href="#linear-gradient2"/>
+  </defs>
+  <g>
+    <rect class="st8" x="3.4" y="35.2" width="43.3" height="14.6"/>
+    <rect class="st1" x="35.2" y="40.4" width="7.4" height="4.2"/>
+    <rect class="st0" x="18.8" y="40.4" width="13.1" height="4.2"/>
+  </g>
+  <g>
+    <rect class="st2" x="3.4" y="17.7" width="43.3" height="14.6"/>
+    <rect class="st7" x="35.2" y="22.9" width="7.4" height="4.2"/>
+    <rect class="st6" x="18.8" y="22.9" width="13.1" height="4.2"/>
+  </g>
+  <g>
+    <rect class="st3" x="3.4" y=".2" width="43.3" height="14.6"/>
+    <rect class="st5" x="35.2" y="5.4" width="7.4" height="4.2"/>
+    <rect class="st4" x="18.8" y="5.4" width="13.1" height="4.2"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_diagram-stats.svg b/public/assets/icons/icons-light-bg_diagram-stats.svg
new file mode 100644
index 00000000..600c98e7
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_diagram-stats.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient);
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="7.3" y1="42.7" x2="42.7" y2="7.3" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".2" stop-color="#529b89"/>
+      <stop offset=".6" stop-color="#94c091"/>
+      <stop offset=".9" stop-color="#bed796"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="25" y1="12.5" x2="50" y2="12.5" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#003834"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+  </defs>
+  <path class="st1" d="M25,0C11.2,0,0,11.2,0,25s11.2,25,25,25,25-11.2,25-25S38.8,0,25,0ZM25,35.5c-5.8,0-10.5-4.7-10.5-10.5s4.7-10.5,10.5-10.5,10.5,4.7,10.5,10.5-4.7,10.5-10.5,10.5Z"/>
+  <path class="st0" d="M49.9,23.4C49.2,11.3,39.9,1.6,28,.2,27,0,25,0,25,0v14.5c5.8,0,10.5,4.7,10.5,10.5h14.5s0-1.1,0-1.6Z"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_doc.svg b/public/assets/icons/icons-light-bg_doc.svg
new file mode 100644
index 00000000..9555186d
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_doc.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient);
+      }
+
+      .st2 {
+        fill: none;
+        stroke: #fff;
+        stroke-linecap: round;
+        stroke-linejoin: bevel;
+        stroke-width: 3px;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="-6.4" y1="49.2" x2="34.6" y2="8.2" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#003834"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="3.6" y1="53.7" x2="44.5" y2="12.7" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".1" stop-color="#3c8f87"/>
+      <stop offset=".3" stop-color="#579e8a"/>
+      <stop offset=".6" stop-color="#82b58f"/>
+      <stop offset=".9" stop-color="#bdd696"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+  </defs>
+  <rect class="st1" x="1.8" width="36.4" height="45.5"/>
+  <rect class="st0" x="11.8" y="4.5" width="36.4" height="45.5"/>
+  <g>
+    <line class="st2" x1="19" y1="27.3" x2="40.9" y2="27.3"/>
+    <line class="st2" x1="19" y1="13.7" x2="40.9" y2="13.7"/>
+    <line class="st2" x1="19" y1="40.8" x2="40.9" y2="40.8"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_earth-time.svg b/public/assets/icons/icons-light-bg_earth-time.svg
new file mode 100644
index 00000000..d8e1c0a4
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_earth-time.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0, .st1 {
+        fill: none;
+      }
+
+      .st2 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st3 {
+        fill: url(#linear-gradient);
+      }
+
+      .st1 {
+        stroke: #fff;
+        stroke-linecap: round;
+        stroke-linejoin: round;
+        stroke-width: 3px;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="23" y1="55.8" x2="23" y2="9.8" gradientTransform="translate(0 0)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".1" stop-color="#3c8f87"/>
+      <stop offset=".3" stop-color="#579e8a"/>
+      <stop offset=".6" stop-color="#82b58f"/>
+      <stop offset=".9" stop-color="#bdd696"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="-2783.4" y1="7389.7" x2="-2757.4" y2="7389.7" gradientTransform="translate(7426.6641 2804.4813) rotate(90)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#006d68"/>
+      <stop offset="1" stop-color="#003834"/>
+    </linearGradient>
+  </defs>
+  <rect class="st0" y="0" width="50" height="50"/>
+  <path class="st3" d="M0,23C0,10.3,10.3,0,23,0c12.7,0,23,10.3,23,23,0,12.7-10.3,23-23,23C10.3,46,0,35.7,0,23Z"/>
+  <path class="st2" d="M37,24c7.2,0,13,5.8,13,13,0,7.2-5.8,13-13,13s-13-5.8-13-13c0-7.2,5.8-13,13-13Z"/>
+  <line class="st1" x1="37" y1="37" x2="37" y2="27.5"/>
+  <line class="st1" x1="37" y1="37" x2="42.5" y2="40.5"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_education-hat-book.svg b/public/assets/icons/icons-light-bg_education-hat-book.svg
new file mode 100644
index 00000000..0555ffea
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_education-hat-book.svg
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient2);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st2 {
+        fill: url(#linear-gradient);
+      }
+
+      .st3 {
+        fill: #fff;
+      }
+
+      .st4 {
+        fill: #006d68;
+      }
+
+      .st5 {
+        fill: none;
+        stroke: #006d68;
+        stroke-miterlimit: 10;
+        stroke-width: 2px;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="2.7" y1="42.9" x2="47.3" y2="42.9" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".1" stop-color="#3c8f87"/>
+      <stop offset=".3" stop-color="#579e8a"/>
+      <stop offset=".6" stop-color="#82b58f"/>
+      <stop offset=".9" stop-color="#bdd696"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="25" y1="34.2" x2="25" y2="11.3" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#006d68"/>
+      <stop offset=".4" stop-color="#00504b"/>
+      <stop offset=".7" stop-color="#003e3a"/>
+      <stop offset="1" stop-color="#003834"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient2" x1="25" y1="21.8" x2="25" y2="0" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#cee098"/>
+      <stop offset="0" stop-color="#bdd696"/>
+      <stop offset=".4" stop-color="#82b58f"/>
+      <stop offset=".7" stop-color="#579e8a"/>
+      <stop offset=".9" stop-color="#3c8f87"/>
+      <stop offset="1" stop-color="#338a86"/>
+    </linearGradient>
+  </defs>
+  <path class="st2" d="M6.7,35.9h40.6v14.1H6.7c-2.2,0-4-1.8-4-4v-6c0-2.2,1.8-4,4-4Z"/>
+  <path class="st3" d="M8,39.2h39.3v7.6H8c-1.4,0-2.6-1.2-2.6-2.6v-2.3c0-1.4,1.2-2.6,2.6-2.6Z"/>
+  <g>
+    <line class="st5" x1="46.5" y1="29.1" x2="46.5" y2="10.3"/>
+    <circle class="st4" cx="46.5" cy="29" r="3.5"/>
+  </g>
+  <path class="st1" d="M40.9,11.9l-31.7-.6s0,17.5,0,17.7c0,1.9,7.1,5.2,15.9,5.2s15.9-3.3,15.9-5.2,0-17.1,0-17.1Z"/>
+  <path class="st0" d="M22.7,21.3L.7,12c-.9-.4-.9-1.8,0-2.2L22.7.5c1.5-.6,3.1-.6,4.5,0l22,9.3c.9.4.9,1.8,0,2.2l-22,9.3c-1.5.6-3.1.6-4.5,0Z"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_envelop.svg b/public/assets/icons/icons-light-bg_envelop.svg
new file mode 100644
index 00000000..29609b43
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_envelop.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient);
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="25" y1="57.2" x2="25" y2="26.1" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#6fafac"/>
+      <stop offset=".3" stop-color="#479793"/>
+      <stop offset=".8" stop-color="#137874"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="25" y1="24.3" x2="25" y2="7.6" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".3" stop-color="#6aa88c"/>
+      <stop offset=".6" stop-color="#a0c692"/>
+      <stop offset=".9" stop-color="#c1d996"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+  </defs>
+  <polygon class="st1" points="25 34.5 1 17.8 1 48.9 49 48.9 49 17.8 25 34.5"/>
+  <polygon class="st0" points="25 1.1 49 17.8 1 17.8 25 1.1"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_folders.svg b/public/assets/icons/icons-light-bg_folders.svg
new file mode 100644
index 00000000..f8877140
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_folders.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient);
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="20.6" y1="39.9" x2="20.6" y2="0" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#003834"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="29.4" y1="50" x2="29.4" y2="10.1" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".3" stop-color="#6aa88c"/>
+      <stop offset=".6" stop-color="#a0c692"/>
+      <stop offset=".9" stop-color="#c1d996"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+  </defs>
+  <path class="st1" d="M19.1,2v1.2c0,1.1-.9,2-2,2H1.7c-1.1,0-2,.9-2,2v30.9c0,1.1.9,2,2,2h37.8c1.1,0,2-.9,2-2V2c0-1.1-.9-2-2-2h-18.5c-1.1,0-2,.9-2,2Z"/>
+  <path class="st0" d="M27.8,12.1v1.2c0,1.1-.9,2-2,2h-15.4c-1.1,0-2,.9-2,2v30.9c0,1.1.9,2,2,2h37.8c1.1,0,2-.9,2-2V12.1c0-1.1-.9-2-2-2h-18.5c-1.1,0-2,.9-2,2Z"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_hardware-cpu-carbon.svg b/public/assets/icons/icons-light-bg_hardware-cpu-carbon.svg
new file mode 100644
index 00000000..661c8505
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_hardware-cpu-carbon.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient);
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="25" y1="49.4" x2="25" y2=".6" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".1" stop-color="#3c8f87"/>
+      <stop offset=".3" stop-color="#579e8a"/>
+      <stop offset=".6" stop-color="#82b58f"/>
+      <stop offset=".9" stop-color="#bdd696"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="25" y1="36.5" x2="25" y2="13.5" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#006d68"/>
+      <stop offset="1" stop-color="#003834"/>
+    </linearGradient>
+  </defs>
+  <path class="st1" d="M41.3,26.5h6.7c.8,0,1.4-.6,1.4-1.4s-.6-1.4-1.4-1.4h-6.7v-4.7h6.7c.8,0,1.4-.6,1.4-1.4s-.6-1.4-1.4-1.4h-6.7v-.6c0-3.7-3-6.8-6.8-6.8h-.6V2c0-.8-.6-1.4-1.4-1.4s-1.4.6-1.4,1.4v6.7h-4.5V2c0-.8-.6-1.4-1.4-1.4s-1.4.6-1.4,1.4v6.7h-4.7V2c0-.8-.6-1.4-1.4-1.4s-1.4.6-1.4,1.4v6.7h-.6c-1.9,0-3.6.8-4.8,2-1.2,1.2-2,2.9-2,4.8v.6H2c-.8,0-1.4.6-1.4,1.4s.6,1.4,1.4,1.4h6.7v4.7H2c-.8,0-1.4.6-1.4,1.4s.6,1.4,1.4,1.4h6.7v4.5H2c-.8,0-1.4.6-1.4,1.4s.6,1.4,1.4,1.4h6.7v.6c0,3.7,3,6.8,6.8,6.8h.6v6.7c0,.8.6,1.4,1.4,1.4s1.4-.6,1.4-1.4v-6.7h4.7v6.7c0,.8.6,1.4,1.4,1.4s1.4-.6,1.4-1.4v-6.7h4.5v6.7c0,.8.6,1.4,1.4,1.4s1.4-.6,1.4-1.4v-6.7h.6c3.7,0,6.8-3,6.8-6.8v-.6h6.7c.8,0,1.4-.6,1.4-1.4s-.6-1.4-1.4-1.4h-6.7v-4.5Z"/>
+  <polygon class="st0" points="35 30.8 35 19.2 25 13.5 15 19.2 15 30.8 25 36.5 35 30.8"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_hourglass-time.svg b/public/assets/icons/icons-light-bg_hourglass-time.svg
new file mode 100644
index 00000000..e5db168d
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_hourglass-time.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: #cee098;
+      }
+
+      .st1 {
+        fill: url(#linear-gradient);
+      }
+
+      .st2 {
+        fill: #fff;
+      }
+
+      .st3 {
+        fill: #003834;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="25" y1="47.9" x2="25" y2="2.1" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#cee098"/>
+      <stop offset="0" stop-color="#bdd696"/>
+      <stop offset=".4" stop-color="#82b58f"/>
+      <stop offset=".7" stop-color="#579e8a"/>
+      <stop offset=".9" stop-color="#3c8f87"/>
+      <stop offset="1" stop-color="#338a86"/>
+    </linearGradient>
+  </defs>
+  <circle class="st1" cx="25" cy="25" r="22.9"/>
+  <g>
+    <path class="st2" d="M34.3,15V3.7H15.7v11.3c0,3.4,2.1,6.3,5,7.6.9.4,1.5,1.3,1.5,2.2h0c0,1-.6,1.9-1.5,2.2-2.9,1.3-5,4.2-5,7.6v11.3h18.6v-11.3c0-3.4-2.1-6.3-5-7.6s-1.5-1.3-1.5-2.2h0c0-1,.6-1.9,1.5-2.2,2.9-1.3,5-4.2,5-7.6Z"/>
+    <rect class="st3" x="12.5" y="45.7" width="24.9" height="4.3" rx="1.9" ry="1.9"/>
+    <rect class="st3" x="12.5" y="0" width="24.9" height="4.3" rx="1.9" ry="1.9"/>
+  </g>
+  <circle class="st0" cx="25" cy="38.7" r="3.8"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_human.svg b/public/assets/icons/icons-light-bg_human.svg
new file mode 100644
index 00000000..75dd0122
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_human.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient2);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient3);
+      }
+
+      .st2 {
+        fill: url(#linear-gradient);
+      }
+
+      .st3 {
+        fill: none;
+        stroke: url(#linear-gradient1);
+        stroke-miterlimit: 10;
+        stroke-width: 3px;
+      }
+
+      .st4 {
+        fill: #003834;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="25" y1="55" x2="25" y2="29.6" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".1" stop-color="#3c8f87"/>
+      <stop offset=".3" stop-color="#579e8a"/>
+      <stop offset=".6" stop-color="#82b58f"/>
+      <stop offset=".9" stop-color="#bdd696"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" y1="37.4" y2="10.1" gradientTransform="translate(10.8 -7.7) rotate(22.2)" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient2" x1="5796.1" y1="4835.1" x2="5796.1" y2="4813.5" gradientTransform="translate(5821.1598 4835.1436) rotate(-180)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#6fafac"/>
+      <stop offset=".3" stop-color="#479793"/>
+      <stop offset=".8" stop-color="#137874"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient3" x1="5801.7" y1="4834.7" x2="5791.5" y2="4815.6" xlink:href="#linear-gradient2"/>
+  </defs>
+  <path class="st2" d="M41,40.6c0-8.8-7.2-16-16-16h0c-6,0-11.2,3.3-14,8.2-1.3,2.3-2,5-2,7.8l.2,6.1c1.1,1.9,7.8,3.3,15.8,3.3s14.7-1.4,15.8-3.3l.2-6.1Z"/>
+  <ellipse class="st3" cx="25" cy="23.8" rx="24.7" ry="8.4" transform="translate(-7.1 11.2) rotate(-22.2)"/>
+  <circle class="st0" cx="25" cy="10.9" r="10.8"/>
+  <circle class="st1" cx="25" cy="10.9" r="10.8"/>
+  <path class="st4" d="M31.5,2.2C28.5-.1,24.1-.7,20.4.9c-5.3,2.4-7.7,8.7-5.3,14,.3.8.8,1.4,1.3,2.1.7,0,1.3-.1,1.9-.6.5-.4.9-.7,1.2-1.2,0-.2.6-1.6.6-1.6-2.6.6-2.7-3.6-1.8-5,.6-.9,1.9-1.1,2.5,0,.1.2.3.5.5.7.5-.9.9-2,1.6-2.7,1.6-1.7,4.3-3.3,6.5-3.9.6-.2,1.5-.3,2.1-.4Z"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_human1.svg b/public/assets/icons/icons-light-bg_human1.svg
new file mode 100644
index 00000000..c071d047
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_human1.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient2);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st2 {
+        fill: url(#linear-gradient);
+      }
+
+      .st3 {
+        fill: #003834;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="25" y1="55" x2="25" y2="29.6" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".1" stop-color="#3c8f87"/>
+      <stop offset=".3" stop-color="#579e8a"/>
+      <stop offset=".6" stop-color="#82b58f"/>
+      <stop offset=".9" stop-color="#bdd696"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="5596.1" y1="4835.1" x2="5596.1" y2="4813.5" gradientTransform="translate(5621.1598 4835.1436) rotate(-180)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#6fafac"/>
+      <stop offset=".3" stop-color="#479793"/>
+      <stop offset=".8" stop-color="#137874"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient2" x1="5601.7" y1="4834.7" x2="5591.5" y2="4815.6" xlink:href="#linear-gradient1"/>
+  </defs>
+  <path class="st2" d="M41,40.6c0-8.8-7.2-16-16-16h0c-6,0-11.2,3.3-14,8.2-1.3,2.3-2,5-2,7.8l.2,6.1c1.1,1.9,7.8,3.3,15.8,3.3s14.7-1.4,15.8-3.3l.2-6.1Z"/>
+  <circle class="st1" cx="25" cy="10.9" r="10.8"/>
+  <circle class="st0" cx="25" cy="10.9" r="10.8"/>
+  <path class="st3" d="M31.5,2.2C28.5-.1,24.1-.7,20.4.9c-5.3,2.4-7.7,8.7-5.3,14,.3.8.8,1.4,1.3,2.1.7,0,1.3-.1,1.9-.6.5-.4.9-.7,1.2-1.2,0-.2.6-1.6.6-1.6-2.6.6-2.7-3.6-1.8-5,.6-.9,1.9-1.1,2.5,0,.1.2.3.5.5.7.5-.9.9-2,1.6-2.7,1.6-1.7,4.3-3.3,6.5-3.9.6-.2,1.5-.3,2.1-.4Z"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_key.svg b/public/assets/icons/icons-light-bg_key.svg
new file mode 100644
index 00000000..afab78dc
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_key.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient2);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st2 {
+        fill: url(#linear-gradient3);
+      }
+
+      .st3 {
+        fill: url(#linear-gradient);
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="40.4" y1="46.2" x2="40.4" y2="2.8" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#6fafac"/>
+      <stop offset=".3" stop-color="#479793"/>
+      <stop offset=".8" stop-color="#137874"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="9.6" y1="49.5" x2="9.6" y2="4.3" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient2" x1="22" y1="49.5" x2="22" y2="4.3" gradientTransform="translate(44 94) rotate(-180)" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient3" x1="22" y1="49.5" x2="22" y2="4.3" xlink:href="#linear-gradient"/>
+  </defs>
+  <path class="st3" d="M43.6,24.5V0h-6.4v6.4h-6.4v6.4h6.4v11.7h-6.4v25.5h19.1v-25.5h-6.4ZM43.6,37.5v6.1h-6.4v-12.8h6.4v6.6Z"/>
+  <g>
+    <path class="st1" d="M12.8,0H0v25.5h6.4v24.5h6.4v-6.4h6.4v-6.4h-6.4v-11.7h6.4V0h-6.4ZM12.8,13v6.1h-6.4V6.4h6.4v6.6Z"/>
+    <rect class="st0" x="19" y="44" width="6" height="6" transform="translate(44 94) rotate(-180)"/>
+    <rect class="st2" x="19" y="31" width="6" height="6"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_leaf-battery-energy.svg b/public/assets/icons/icons-light-bg_leaf-battery-energy.svg
new file mode 100644
index 00000000..36e1b9e2
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_leaf-battery-energy.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient2);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st2 {
+        fill: url(#linear-gradient);
+      }
+
+      .st3 {
+        fill: #fff;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="30.5" y1="49.3" x2="30.5" y2="7.9" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#cee098"/>
+      <stop offset="0" stop-color="#bdd696"/>
+      <stop offset=".4" stop-color="#82b58f"/>
+      <stop offset=".7" stop-color="#579e8a"/>
+      <stop offset=".9" stop-color="#3c8f87"/>
+      <stop offset="1" stop-color="#338a86"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="30.5" y1="8" x2="30.5" y2=".7" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#006d68"/>
+      <stop offset="1" stop-color="#003834"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient2" x1="1.4" y1="26.7" x2="30.5" y2="26.7" xlink:href="#linear-gradient1"/>
+  </defs>
+  <rect class="st2" x="13.5" y="7.9" width="34.1" height="41.4"/>
+  <rect class="st1" x="22.3" y=".7" width="16.5" height="7.3"/>
+  <g>
+    <rect class="st3" x="19.2" y="13.5" width="24.8" height="5.8"/>
+    <rect class="st3" x="19.2" y="25.9" width="24.8" height="5.8"/>
+    <rect class="st3" x="19.2" y="38.4" width="24.8" height="5.8"/>
+  </g>
+  <path class="st0" d="M15.8,8.7S1.3,22.4,1.4,30.5c0,7.3,5.4,13.2,12.4,14.3v-16.5c-.2-1.3.9-2.3,2.1-2.3,1.2,0,2.3,1,2.3,2.2v16.5c7.1-1.1,12.4-7.2,12.3-14.5,0-8-14.7-21.5-14.7-21.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_leaf.svg b/public/assets/icons/icons-light-bg_leaf.svg
new file mode 100644
index 00000000..efb3e6cd
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_leaf.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient);
+      }
+
+      .st1 {
+        fill: none;
+        stroke: #fff;
+        stroke-linecap: round;
+        stroke-linejoin: round;
+        stroke-width: 3px;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="5114.1" y1="11132.7" x2="5114.1" y2="11082.7" gradientTransform="translate(5139.1441 11122.013) rotate(-180)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#cee098"/>
+      <stop offset=".1" stop-color="#c1d996"/>
+      <stop offset=".4" stop-color="#a0c692"/>
+      <stop offset=".7" stop-color="#6aa88c"/>
+      <stop offset="1" stop-color="#338a86"/>
+    </linearGradient>
+  </defs>
+  <path class="st0" d="M50,25c0,13.8-11.2,25-25,25C11.2,50,0,38.8,0,25,0,11.2,11.2,0,25,0c13.8,0,25,11.2,25,25Z"/>
+  <g>
+    <path class="st1" d="M35.7,25.3c0,5.9-4.7,10.8-10.6,10.8-5.9,0-10.8-4.7-10.8-10.6,0-5.9,10.6-16,10.6-16,0,0,10.8,9.9,10.9,15.8Z"/>
+    <line class="st1" x1="25" y1="22.6" x2="25.1" y2="40.5"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_legislation-gavel-law.svg b/public/assets/icons/icons-light-bg_legislation-gavel-law.svg
new file mode 100644
index 00000000..241a122b
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_legislation-gavel-law.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient2);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st2 {
+        fill: url(#linear-gradient3);
+      }
+
+      .st3 {
+        fill: url(#linear-gradient5);
+      }
+
+      .st4 {
+        fill: url(#linear-gradient4);
+      }
+
+      .st5 {
+        fill: url(#linear-gradient);
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="0" y1="46.9" x2="41.4" y2="46.9" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".1" stop-color="#409187"/>
+      <stop offset=".4" stop-color="#64a58b"/>
+      <stop offset=".7" stop-color="#9ec592"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="6.2" y1="40.7" x2="35.2" y2="40.7" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient2" x1="13.3" y1="210.6" x2="47.3" y2="210.6" gradientTransform="translate(2.2 -198) scale(1.1 1)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#003834"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient3" x1="24" y1="210.6" x2="40.2" y2="210.6" gradientTransform="translate(-15.3 -188.8)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#003834"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient4" x1="21.3" y1="200.7" x2="43.2" y2="200.7" gradientTransform="translate(-20 -187.6)" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient5" x1="21.3" y1="220.3" x2="43.2" y2="220.3" gradientTransform="translate(-10.7 -190)" xlink:href="#linear-gradient"/>
+  </defs>
+  <rect class="st5" x="0" y="43.8" width="41.4" height="6.2" rx="3" ry="3"/>
+  <rect class="st1" x="6.2" y="37.5" width="29" height="6.2" rx="2.5" ry="2.5"/>
+  <g>
+    <rect class="st0" x="15.8" y="9.8" width="35.8" height="5.6" rx="2.3" ry="2.3" transform="translate(-2 17.4) rotate(-28.2)"/>
+    <rect class="st2" x="8.5" y="12.7" width="16.2" height="18.2" transform="translate(-8.3 10.4) rotate(-28.2)"/>
+    <g>
+      <rect class="st4" x="1" y="10.3" width="21.9" height="5.6" rx="2.8" ry="2.8" transform="translate(-4.8 7.2) rotate(-28.2)"/>
+      <rect class="st3" x="10.3" y="27.6" width="21.9" height="5.6" rx="2.8" ry="2.8" transform="translate(-11.8 13.7) rotate(-28.2)"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_legislation-scales-law.svg b/public/assets/icons/icons-light-bg_legislation-scales-law.svg
new file mode 100644
index 00000000..903660ab
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_legislation-scales-law.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient2);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st2 {
+        fill: url(#linear-gradient3);
+      }
+
+      .st3 {
+        fill: url(#linear-gradient);
+      }
+
+      .st4 {
+        stroke-width: 2px;
+      }
+
+      .st4, .st5 {
+        fill: none;
+        stroke: #003834;
+        stroke-linecap: round;
+        stroke-miterlimit: 10;
+      }
+
+      .st5 {
+        stroke-width: 3px;
+      }
+
+      .st6 {
+        fill: #003834;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="35.9" y1="467.2" x2="35.9" y2="456.1" gradientTransform="translate(74.9 473.5) rotate(-180)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".1" stop-color="#409187"/>
+      <stop offset=".4" stop-color="#64a58b"/>
+      <stop offset=".7" stop-color="#9ec592"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="64" x2="64" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient2" x1="25" y1="43.8" x2="25" y2="29" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#006d68"/>
+      <stop offset="1" stop-color="#003834"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient3" x1="4.3" y1="46.9" x2="45.7" y2="46.9" gradientTransform="matrix(1,0,0,1,0,0)" xlink:href="#linear-gradient"/>
+  </defs>
+  <line class="st4" x1="9.9" y1="18.5" x2="40.1" y2="18.5"/>
+  <path class="st3" d="M39.1,17.3c5.6,0,10.2-5,10.2-11.1h-20.5c0,6.1,4.6,11.1,10.2,11.1Z"/>
+  <path class="st1" d="M10.9,17.3c5.6,0,10.2-5,10.2-11.1H.7c0,6.1,4.6,11.1,10.2,11.1Z"/>
+  <line class="st5" x1="25" y1="18.4" x2="25" y2="41.7"/>
+  <path class="st0" d="M28.7,34.6v-1.9c0-2-1.6-3.7-3.7-3.7h0c-2,0-3.7,1.6-3.7,3.7v1.9c0,1.8-1.5,3.3-3.3,3.3h-4.5c-1.8,0-3.3,1.5-3.3,3.3v2.7h29.4v-2.7c0-1.8-1.5-3.3-3.3-3.3h-4.5c-1.8,0-3.3-1.5-3.3-3.3Z"/>
+  <rect class="st2" x="4.3" y="43.8" width="41.4" height="6.2" rx="3" ry="3"/>
+  <circle class="st6" cx="25" cy="18.9" r="3.2"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_lication-pin.svg b/public/assets/icons/icons-light-bg_lication-pin.svg
new file mode 100644
index 00000000..dcd23cdc
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_lication-pin.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 45.8 49.7">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient);
+      }
+
+      .st2 {
+        fill: #fff;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="-2452" y1="866.5" x2="-2452" y2="912.3" gradientTransform="translate(-2429.1 -866.4898) scale(-1 1)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#cee098"/>
+      <stop offset="0" stop-color="#bdd696"/>
+      <stop offset=".4" stop-color="#82b58f"/>
+      <stop offset=".7" stop-color="#579e8a"/>
+      <stop offset=".9" stop-color="#3c8f87"/>
+      <stop offset="1" stop-color="#338a86"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="8" y1="-769.4" x2="38.3" y2="-769.4" gradientTransform="translate(0 -742.5) scale(1 -1)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#003834"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+  </defs>
+  <circle class="st1" cx="22.9" cy="22.9" r="22.9"/>
+  <g>
+    <path class="st0" d="M38.3,19.4c0-1.1,0-2.1-.3-3.1-1.4-7-7.6-12.3-15.1-12.3s-12,4-14.3,9.5-.5,1.4-.7,2.2c-.5,1.9-.4,2.8-.4,3.7,0,1.9.2,3.2.5,4.3.3,1.1.7,1.7,1.2,2.7,1.1,2.1,11.2,21.8,11.2,21.8,1,2,3.9,2,5,0,0,0,11-21.5,11.2-21.8.6-1.2,1.1-2.5,1.4-3.8s.3-2.1.3-3.2Z"/>
+    <circle class="st2" cx="22.9" cy="19.4" r="7"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_lightbulb-idea.svg b/public/assets/icons/icons-light-bg_lightbulb-idea.svg
new file mode 100644
index 00000000..246e1849
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_lightbulb-idea.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient2);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st2 {
+        fill: url(#linear-gradient);
+      }
+
+      .st3 {
+        fill: #fff;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="25" y1="46" x2="25" y2=".1" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#cee098"/>
+      <stop offset="0" stop-color="#bdd696"/>
+      <stop offset=".4" stop-color="#82b58f"/>
+      <stop offset=".7" stop-color="#579e8a"/>
+      <stop offset=".9" stop-color="#3c8f87"/>
+      <stop offset="1" stop-color="#338a86"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="25" y1="49.9" x2="25" y2="18.9" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#003834"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient2" x1="25" y1="41.9" x2="25" y2="16.2" xlink:href="#linear-gradient1"/>
+  </defs>
+  <circle class="st2" cx="25" cy="23.1" r="22.9"/>
+  <path class="st3" d="M38.4,18.5c0-7.9-6.8-14.2-14.9-13.3-5.9.7-10.8,5.4-11.7,11.3-.6,4.4.8,8.4,3.5,11.2s4.4,7,4.4,11.2v3.5h10.7v-3.5c0-4.2,1.6-8.2,4.4-11.2,2.3-2.4,3.6-5.6,3.6-9.2Z"/>
+  <path class="st1" d="M30.4,41.9h-10.9c-1.1,0-2,.9-2,2s.9,2,2,2h.5v1.5c0,1.4,1.1,2.5,2.5,2.5h4.9c1.4,0,2.5-1.1,2.5-2.5v-1.5h.5c1.1,0,2-.9,2-2s-.9-2-2-2Z"/>
+  <path class="st0" d="M28.7,19.9c0-2.1-1.7-3.7-3.7-3.7s-3.7,1.7-3.7,3.7,1,2.9,2.3,3.4v18.6h3v-18.7c1.2-.6,2.1-1.9,2.1-3.3Z"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_linchain.svg b/public/assets/icons/icons-light-bg_linchain.svg
new file mode 100644
index 00000000..2a60063e
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_linchain.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient2);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st2 {
+        stroke: url(#linear-gradient4);
+      }
+
+      .st2, .st3 {
+        fill: none;
+        stroke-linecap: round;
+        stroke-linejoin: round;
+        stroke-width: 6px;
+      }
+
+      .st3 {
+        stroke: url(#linear-gradient3);
+      }
+
+      .st4 {
+        fill: url(#linear-gradient);
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="-992.1" y1="765.3" x2="-992.1" y2="719.5" gradientTransform="translate(-967.1 767.4) rotate(-180)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#003834"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="9.1" y1="30.2" x2="30.5" y2="30.2" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".2" stop-color="#529b89"/>
+      <stop offset=".6" stop-color="#94c091"/>
+      <stop offset=".9" stop-color="#bed796"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient2" x1="19.4" y1="19.9" x2="40.8" y2="19.9" xlink:href="#linear-gradient1"/>
+    <linearGradient id="linear-gradient3" x1="-245.8" y1="104.2" x2="-231.8" y2="90.2" gradientTransform="translate(276.2 111.6) rotate(45)" xlink:href="#linear-gradient1"/>
+    <linearGradient id="linear-gradient4" x1="-245.8" y1="142.6" x2="-231.8" y2="128.6" gradientTransform="translate(276.2 111.6) rotate(45)" xlink:href="#linear-gradient1"/>
+  </defs>
+  <circle class="st4" cx="25" cy="25" r="22.9"/>
+  <g>
+    <g>
+      <path class="st1" d="M26.2,30.6l-2.9,2.9c-1.9,1.9-5,1.9-6.9,0-.9-.9-1.4-2.1-1.4-3.4s.5-2.5,1.4-3.4l2.9-2.9-4.2-4.2-2.9,2.9c-2,2-3.2,4.8-3.2,7.7s1.1,5.6,3.2,7.7c2,2,4.8,3.2,7.7,3.2s5.6-1.1,7.7-3.2l2.9-2.9-4.2-4.2Z"/>
+      <path class="st0" d="M23.6,19.5l2.9-2.9c.9-.9,2.1-1.4,3.4-1.4s2.5.5,3.4,1.4c.9.9,1.4,2.1,1.4,3.4s-.5,2.5-1.4,3.4l-2.9,2.9,4.2,4.2,2.9-2.9c4.2-4.2,4.2-11.1,0-15.3-2-2-4.8-3.2-7.7-3.2s-5.6,1.1-7.7,3.2l-2.9,2.9,4.2,4.2Z"/>
+    </g>
+    <line class="st3" x1="31.7" y1="18.3" x2="45.5" y2="4.5"/>
+    <line class="st2" x1="4.5" y1="45.5" x2="18.3" y2="31.7"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_lock-closed.svg b/public/assets/icons/icons-light-bg_lock-closed.svg
new file mode 100644
index 00000000..7e07eb2a
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_lock-closed.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient2);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st2 {
+        fill: url(#linear-gradient);
+      }
+
+      .st3 {
+        fill: #003834;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="2.2" y1="13.1" x2="32.3" y2="13.1" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#6fafac"/>
+      <stop offset=".3" stop-color="#479793"/>
+      <stop offset=".8" stop-color="#137874"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="17.2" y1="49.9" x2="17.2" y2="20.9" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#cee098"/>
+      <stop offset="0" stop-color="#bdd696"/>
+      <stop offset=".4" stop-color="#82b58f"/>
+      <stop offset=".7" stop-color="#579e8a"/>
+      <stop offset=".9" stop-color="#3c8f87"/>
+      <stop offset="1" stop-color="#338a86"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient2" x1="39" y1="45.9" x2="39" y2="31.3" xlink:href="#linear-gradient1"/>
+  </defs>
+  <path class="st2" d="M29.3,26.2c-1.7,0-3-1.3-3-3v-7.9c0-5-4.1-9.1-9.1-9.1s-9.1,4.1-9.1,9.1v7.9c0,1.7-1.3,3-3,3s-3-1.3-3-3v-7.9C2.2,6.9,8.9.1,17.2.1s15.1,6.8,15.1,15.1v7.9c0,1.7-1.3,3-3,3Z"/>
+  <path class="st1" d="M-.2,20.9v11.5c0,9.7,7.8,17.5,17.5,17.5s17.5-7.8,17.5-17.5v-11.5H-.2ZM19.2,35.5l2,7.4h-8l2-7.4c-1.8-.8-3-2.5-3-4.6s2.2-5,5-5,5,2.2,5,5-1.2,3.8-3,4.6Z"/>
+  <circle class="st3" cx="39" cy="38.6" r="11.3"/>
+  <path class="st0" d="M41.8,38.6l3.9-3.9c.8-.8.8-2,0-2.8-.8-.8-2-.8-2.8,0l-3.9,3.9-3.9-3.9c-.8-.8-2-.8-2.8,0-.8.8-.8,2,0,2.8l3.9,3.9-3.9,3.9c-.8.8-.8,2,0,2.8.4.4.9.6,1.4.6s1-.2,1.4-.6l3.9-3.9,3.9,3.9c.4.4.9.6,1.4.6s1-.2,1.4-.6c.8-.8.8-2,0-2.8l-3.9-3.9Z"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_lock-open.svg b/public/assets/icons/icons-light-bg_lock-open.svg
new file mode 100644
index 00000000..064d4113
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_lock-open.svg
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient2);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st2 {
+        fill: url(#linear-gradient);
+      }
+
+      .st3 {
+        fill: #003834;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="2.2" y1="13.1" x2="32.3" y2="13.1" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#6fafac"/>
+      <stop offset=".3" stop-color="#479793"/>
+      <stop offset=".8" stop-color="#137874"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="17.2" y1="49.9" x2="17.2" y2="20.9" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#cee098"/>
+      <stop offset="0" stop-color="#bdd696"/>
+      <stop offset=".4" stop-color="#82b58f"/>
+      <stop offset=".7" stop-color="#579e8a"/>
+      <stop offset=".9" stop-color="#3c8f87"/>
+      <stop offset="1" stop-color="#338a86"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient2" x1="39" y1="45" x2="39" y2="32.3" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#cee098"/>
+      <stop offset=".1" stop-color="#c7dc97"/>
+      <stop offset=".3" stop-color="#b6d295"/>
+      <stop offset=".5" stop-color="#99c291"/>
+      <stop offset=".7" stop-color="#70ac8d"/>
+      <stop offset="1" stop-color="#3d8f87"/>
+      <stop offset="1" stop-color="#338a86"/>
+    </linearGradient>
+  </defs>
+  <path class="st2" d="M29.3,26.2c-1.7,0-3-1.3-3-3v-7.9c0-5-4.1-9.1-9.1-9.1s-9.1,4.1-9.1,9.1H2.2C2.2,6.9,8.9.1,17.2.1s15.1,6.8,15.1,15.1v7.9c0,1.7-1.3,3-3,3Z"/>
+  <path class="st1" d="M-.2,20.9v11.5c0,9.7,7.8,17.5,17.5,17.5s17.5-7.8,17.5-17.5v-11.5H-.2ZM19.2,35.5l2,7.4h-8l2-7.4c-1.8-.8-3-2.5-3-4.6s2.2-5,5-5,5,2.2,5,5-1.2,3.8-3,4.6Z"/>
+  <circle class="st3" cx="39" cy="38.6" r="11.3"/>
+  <path class="st0" d="M38.8,45c-.5,0-.9-.2-1.3-.5l-5.3-4.4c-.8-.7-1-2-.2-2.8.7-.8,2-1,2.8-.2l3.5,3,4.4-6.8c.6-.9,1.8-1.2,2.8-.6.9.6,1.2,1.8.6,2.8l-5.7,8.7c-.3.5-.8.8-1.4.9,0,0-.2,0-.3,0Z"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_logo.svg b/public/assets/icons/icons-light-bg_logo.svg
new file mode 100644
index 00000000..8fd950f3
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_logo.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient);
+      }
+
+      .st1 {
+        fill: #fff;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="5300.1" y1="11132.7" x2="5300.1" y2="11082.7" gradientTransform="translate(5325.0884 11122.013) rotate(-180)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#6fafac"/>
+      <stop offset=".3" stop-color="#479793"/>
+      <stop offset=".8" stop-color="#137874"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+  </defs>
+  <path class="st0" d="M50,25c0,13.8-11.2,25-25,25C11.2,50,0,38.8,0,25,0,11.2,11.2,0,25,0c13.8,0,25,11.2,25,25Z"/>
+  <g>
+    <path class="st1" d="M13.5,32.6v-7.9c0,0,0-.2,0-.3l-.8-1.4.8-1.4c0,0,0-.2,0-.3v-7.9c0-.6.5-1,1-1h4.2v-1h-4.2c-1.1,0-2,.9-2,2v7.8l-.9,1.5c0,.2,0,.4,0,.5l.9,1.5v7.8c0,1.1.9,2,2,2h4.2v-1h-4.2c-.6,0-1-.5-1-1Z"/>
+    <path class="st1" d="M37.5,21.2v-7.8c0-1.1-.9-2-2-2h-4.2v1h4.2c.6,0,1,.5,1,1v7.9c0,0,0,.2,0,.3l.8,1.4-.8,1.4c0,0,0,.2,0,.3v7.9c0,.6-.5,1-1,1h-4.2v1h4.2c1.1,0,2-.9,2-2v-7.8l.9-1.5c0-.2,0-.4,0-.5l-.9-1.5Z"/>
+    <path class="st1" d="M32.6,26.9c.7-.1,1.2-.6,1.3-1.3,0-.8-.5-1.6-1.4-1.7-.8,0-1.6.5-1.7,1.4,0,.5.1.9.5,1.2-1,2.3-3.1,3.9-5.6,4.2v-6.4c1.7-.2,3.3-1.2,4.2-2.7.7,0,1.4-.5,1.5-1.3.1-.8-.4-1.6-1.3-1.7s-1.6.4-1.7,1.3c0,.4,0,.8.3,1.2-.7,1-1.7,1.7-2.9,1.9v-6.3c.5-.2.8-.8.8-1.3,0-.8-.7-1.5-1.5-1.5s-1.5.7-1.5,1.5.3,1.1.8,1.3v6.3c-1.2-.2-2.3-.9-2.9-1.9.2-.3.4-.7.3-1.2-.1-.8-.9-1.4-1.7-1.3s-1.4.9-1.3,1.7c.1.7.7,1.3,1.5,1.3.9,1.5,2.4,2.4,4.2,2.7v6.4c-2.5-.2-4.7-1.9-5.6-4.2.3-.3.5-.8.5-1.2,0-.8-.8-1.4-1.7-1.4s-1.4.8-1.4,1.7c0,.7.6,1.2,1.3,1.3,1.1,2.9,3.8,4.9,6.9,5.1v6.5h1.3v-6.5c3.1-.3,5.8-2.3,6.9-5.1Z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_magnify.svg b/public/assets/icons/icons-light-bg_magnify.svg
new file mode 100644
index 00000000..54d336b2
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_magnify.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st1 {
+        fill: none;
+        stroke: url(#linear-gradient2);
+        stroke-linecap: round;
+        stroke-linejoin: round;
+        stroke-width: 2.9px;
+      }
+
+      .st2 {
+        fill: url(#linear-gradient);
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="-263.1" y1="446" x2="-246.8" y2="446" gradientTransform="translate(316.2 -370.6) rotate(6.9)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#6fafac"/>
+      <stop offset=".3" stop-color="#479793"/>
+      <stop offset=".8" stop-color="#137874"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="-259.1" y1="423.8" x2="-217.3" y2="423.8" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient2" x1="-250.1" y1="420.4" x2="-226.3" y2="420.4" gradientTransform="translate(316.2 -370.6) rotate(6.9)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset="0" stop-color="#398d86"/>
+      <stop offset=".2" stop-color="#66a68b"/>
+      <stop offset=".4" stop-color="#8bbb90"/>
+      <stop offset=".5" stop-color="#a8cb93"/>
+      <stop offset=".7" stop-color="#bdd696"/>
+      <stop offset=".8" stop-color="#c9dd97"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+  </defs>
+  <path class="st2" d="M1.6,48.5h0c-1.5-1.5-1.5-4,0-5.5l10.7-10.4,5.5,5.6-10.7,10.4c-1.5,1.5-4,1.5-5.5,0Z"/>
+  <path class="st0" d="M26,42c-11.5-1.4-19.6-11.8-18.2-23.3C9.2,7.3,19.6-.9,31.1.5s19.6,11.8,18.2,23.3c-1.4,11.5-11.8,19.6-23.3,18.2ZM30.4,6.2c-8.3-1-15.8,4.9-16.8,13.2-1,8.3,4.9,15.8,13.2,16.8,8.3,1,15.8-4.9,16.8-13.2s-4.9-15.8-13.2-16.8Z"/>
+  <path class="st1" d="M18.2,20c.7-5.7,5.9-9.8,11.6-9.1,5.7.7,9.8,5.9,9.1,11.6-.2,1.2-.5,2.4-1.1,3.5"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_money.svg b/public/assets/icons/icons-light-bg_money.svg
new file mode 100644
index 00000000..cb4c08ad
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_money.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient);
+      }
+
+      .st1 {
+        fill: #fff;
+      }
+
+      .st2 {
+        fill: #00524f;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="1.2" y1="29.8" x2="41.7" y2="29.8" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#006d68"/>
+      <stop offset=".2" stop-color="#137874"/>
+      <stop offset=".7" stop-color="#479793"/>
+      <stop offset="1" stop-color="#6fafac"/>
+    </linearGradient>
+  </defs>
+  <circle class="st2" cx="28.5" cy="20.3" r="20.3"/>
+  <path class="st0" d="M21.4,9.5C10.2,9.5,1.2,18.6,1.2,29.8s9.1,20.2,20.2,20.2,20.2-9.1,20.2-20.2-9.1-20.2-20.2-20.2h0Z"/>
+  <path class="st1" d="M20.1,45.8v-3.9c-2.3,0-4.6-.7-6-1.7l.9-2.6c1.4.9,3.4,1.7,5.6,1.7s4.6-1.6,4.6-3.8-1.5-3.5-4.4-4.6c-4-1.6-6.4-3.4-6.4-6.7s2.3-5.7,5.9-6.3v-3.9h2.4v3.8c2.3,0,3.9.7,5.1,1.4l-1,2.6c-.8-.5-2.4-1.3-4.9-1.3s-4.1,1.8-4.1,3.4,1.4,3,4.8,4.4c4,1.6,6,3.7,6,7.1s-2.1,6-6.2,6.6v4.1h-2.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_shield-safety.svg b/public/assets/icons/icons-light-bg_shield-safety.svg
new file mode 100644
index 00000000..8e2cf07f
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_shield-safety.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient);
+      }
+
+      .st2 {
+        fill: #003834;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="25" y1="50" x2="25" y2="0" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#cee098"/>
+      <stop offset="0" stop-color="#bdd696"/>
+      <stop offset=".4" stop-color="#82b58f"/>
+      <stop offset=".7" stop-color="#579e8a"/>
+      <stop offset=".9" stop-color="#3c8f87"/>
+      <stop offset="1" stop-color="#338a86"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="25" y1="42.5" x2="25" y2="7.5" xlink:href="#linear-gradient"/>
+  </defs>
+  <path class="st1" d="M36.3,43.1l-11.3,6.9-11.3-6.9C6,38.3,1.4,30.4,1.4,21.9V7L14,0C19,1.6,31,1.6,36,0l12.5,7v14.9c0,8.5-4.6,16.5-12.3,21.2Z"/>
+  <path class="st2" d="M36.3,43.1l-11.3,6.9-11.3-6.9C6,38.3,1.4,30.4,1.4,21.9V7L14,0C19,1.6,31,1.6,36,0l12.5,7v14.9c0,8.5-4.6,16.5-12.3,21.2Z"/>
+  <path class="st0" d="M32.9,37.6l-7.9,4.9-7.9-4.9c-5.4-3.3-8.6-8.9-8.6-14.8v-10.4l8.8-4.9c3.6,1.1,11.9,1.1,15.5,0l8.8,4.9v10.4c0,6-3.2,11.5-8.6,14.8Z"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_speaker.svg b/public/assets/icons/icons-light-bg_speaker.svg
new file mode 100644
index 00000000..b0a522c3
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_speaker.svg
@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0, .st1, .st2, .st3 {
+        fill: none;
+      }
+
+      .st4 {
+        fill: url(#linear-gradient2);
+      }
+
+      .st5 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st6 {
+        fill: url(#linear-gradient);
+      }
+
+      .st7 {
+        fill: #003734;
+      }
+
+      .st1 {
+        stroke: url(#linear-gradient4);
+      }
+
+      .st1, .st2, .st3 {
+        stroke-linecap: round;
+        stroke-linejoin: round;
+        stroke-width: 2px;
+      }
+
+      .st2 {
+        stroke: url(#linear-gradient5);
+      }
+
+      .st3 {
+        stroke: url(#linear-gradient3);
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="-357.4" y1="6696.6" x2="-357.4" y2="6676.3" gradientTransform="translate(6460.2684 1841.4087) rotate(102.5635)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#cee098"/>
+      <stop offset="0" stop-color="#bdd696"/>
+      <stop offset=".4" stop-color="#82b58f"/>
+      <stop offset=".7" stop-color="#579e8a"/>
+      <stop offset=".9" stop-color="#3c8f87"/>
+      <stop offset="1" stop-color="#338a86"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="2290.8" y1="-801.1" x2="2326.7" y2="-801.1" gradientTransform="translate(-1501.2146 1941.1676) rotate(-32.4365)" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient2" x1="2321" y1="-801.1" x2="2329.1" y2="-801.1" gradientTransform="translate(-1501.2146 1941.1676) rotate(-32.4365)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".1" stop-color="#3c8f87"/>
+      <stop offset=".3" stop-color="#579e8a"/>
+      <stop offset=".6" stop-color="#82b58f"/>
+      <stop offset=".9" stop-color="#bdd696"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient3" x1="2276.2" y1="-807.6" x2="2287" y2="-807.6" gradientTransform="translate(-1473.3841 1894.693) rotate(-31.6864)" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient4" x1="2276.2" y1="-813.1" x2="2284.3" y2="-813.1" gradientTransform="translate(-1473.3841 1894.693) rotate(-31.6864)" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient5" x1="2973.3" y1="-802.2" x2="2981.4" y2="-802.2" gradientTransform="translate(3000.4563 -866.9453) rotate(148.3136) scale(1 -1)" xlink:href="#linear-gradient2"/>
+  </defs>
+  <rect class="st0" y="0" width="50" height="50"/>
+  <g>
+    <path class="st6" d="M15.8,48.7c.7,1,2,1.4,3.1.7,1-.7,1.4-2,.7-3.1L7.6,27.5c-.7-1-2-1.4-3.1-.7-.5.3-.9.8-1,1.4s0,1.2.3,1.7l12,18.9Z"/>
+    <path class="st5" d="M1.2,27.9h0c-1.3,1.6-.8,5.1,1.3,8.4s5.1,5.3,7,4.7h0c0,0,33.7-7.4,33.7-7.4L22.3.5,1.2,27.9Z"/>
+    <ellipse class="st7" cx="33.3" cy="16.8" rx="6.2" ry="19.6" transform="translate(-3.8 20.5) rotate(-32.4)"/>
+    <path class="st4" d="M35.6,15.3c-1.1-1.7-2.8-2.5-3.8-1.9l-3.7,2.4c.6,1,1.3,2.1,1.9,3.1.7,1,1.3,2.1,2,3l3.7-2.4c1-.7,1-2.6,0-4.3Z"/>
+  </g>
+  <line class="st3" x1="40.1" y1="11.3" x2="47.6" y2="6.7"/>
+  <g>
+    <line class="st1" x1="38" y1="7.8" x2="41.8" y2="2.4"/>
+    <line class="st2" x1="48.9" y1="13.9" x2="42.3" y2="14.8"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_speech-bubbles.svg b/public/assets/icons/icons-light-bg_speech-bubbles.svg
new file mode 100644
index 00000000..38a82227
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_speech-bubbles.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient);
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="26.6" y1="22.1" x2="56.4" y2="51.9" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#006d68"/>
+      <stop offset="1" stop-color="#003834"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="2.2" y1="36.7" x2="31.9" y2="6.9" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset="0" stop-color="#4e9989"/>
+      <stop offset=".3" stop-color="#85b78f"/>
+      <stop offset=".5" stop-color="#accd94"/>
+      <stop offset=".6" stop-color="#c5db96"/>
+      <stop offset=".7" stop-color="#cee098"/>
+    </linearGradient>
+  </defs>
+  <path class="st1" d="M49.9,26.7c0-10.3-8.4-18.7-18.7-18.7S12.6,16.4,12.6,26.7s8.4,18.7,18.7,18.7,1.4,0,2.1-.1c2,2.9,5.8,4.1,9.2,2.8.4-.1.7-.3,1-.5-1.1-.8-2-2-2.5-3.3-.2-.5-.3-.9-.4-1.4,5.5-3.2,9.2-9.2,9.2-16.1Z"/>
+  <path class="st0" d="M.1,20.1c0-10.3,8.3-18.6,18.6-18.6,10.3,0,18.6,8.3,18.6,18.6,0,10.3-8.3,18.6-18.6,18.6-.7,0-1.4,0-2.1-.1-2,2.9-5.8,4.1-9.2,2.8-.4-.1-.7-.3-1-.5,1.1-.8,2-2,2.5-3.3.2-.5.3-.9.4-1.4C3.8,32.9.1,26.9.1,20.1Z"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_star-abstract.svg b/public/assets/icons/icons-light-bg_star-abstract.svg
new file mode 100644
index 00000000..6e0a511b
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_star-abstract.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient);
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="-156.2" y1="-176.1" x2="-177.3" y2="-215.6" gradientTransform="translate(3.8 283.3) rotate(45)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#003834"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="-449.8" y1="-197.3" x2="-470.9" y2="-236.7" gradientTransform="translate(-193.7 486.3) rotate(90)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".1" stop-color="#3c8f87"/>
+      <stop offset=".3" stop-color="#579e8a"/>
+      <stop offset=".6" stop-color="#82b58f"/>
+      <stop offset=".9" stop-color="#bdd696"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+  </defs>
+  <path class="st1" d="M43.2,10.3l-6.3,13.6c-.3.7-.3,1.5,0,2.2l6.3,13.6c1,2.2-1.3,4.5-3.5,3.5l-13.6-6.3c-.7-.3-1.5-.3-2.2,0l-13.6,6.3c-2.2,1-4.5-1.3-3.5-3.5l6.3-13.6c.3-.7.3-1.5,0-2.2l-6.3-13.6c-1-2.2,1.3-4.5,3.5-3.5l13.6,6.3c.7.3,1.5.3,2.2,0l13.6-6.3c2.2-1,4.5,1.3,3.5,3.5Z"/>
+  <path class="st0" d="M48.3,27.5l-14.1,5.2c-.7.3-1.3.8-1.5,1.5l-5.2,14.1c-.8,2.3-4.1,2.3-4.9,0l-5.2-14.1c-.3-.7-.8-1.3-1.5-1.5L1.7,27.5c-2.3-.8-2.3-4.1,0-4.9l14.1-5.2c.7-.3,1.3-.8,1.5-1.5L22.5,1.7c.8-2.3,4.1-2.3,4.9,0l5.2,14.1c.3.7.8,1.3,1.5,1.5l14.1,5.2c2.3.8,2.3,4.1,0,4.9Z"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_team.svg b/public/assets/icons/icons-light-bg_team.svg
new file mode 100644
index 00000000..7af7f50a
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_team.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: #cee098;
+      }
+
+      .st1 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st2 {
+        fill: url(#linear-gradient);
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="5426" y1="4832.2" x2="5426" y2="4813.5" gradientTransform="translate(5439.7743 4835.1436) rotate(-180)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#6fafac"/>
+      <stop offset=".3" stop-color="#479793"/>
+      <stop offset=".8" stop-color="#137874"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="36.2" y1="55.1" x2="36.2" y2="29.2" gradientTransform="matrix(1,0,0,1,0,0)" xlink:href="#linear-gradient"/>
+  </defs>
+  <path class="st0" d="M27.6,37.9c0-7.6-6.2-13.8-13.8-13.8h0c-5.2,0-9.7,2.8-12,7.1-1.1,2-1.8,4.3-1.8,6.7l.2,9.2c.9,1.6,6.7,2.9,13.6,2.9s12.7-1.2,13.6-2.9l.2-9.2Z"/>
+  <circle class="st2" cx="13.8" cy="12.3" r="9.3"/>
+  <path class="st1" d="M50,37.9c0-7.6-6.2-13.8-13.8-13.8h0c-5.2,0-9.7,2.8-12,7.1-1.1,2-1.8,4.3-1.8,6.7l.2,9.2c.9,1.6,6.7,2.9,13.6,2.9s12.7-1.2,13.6-2.9l.2-9.2Z"/>
+  <path class="st0" d="M26.7,2.6h19v9.5c0,5.2-4.3,9.5-9.5,9.5h0c-5.2,0-9.5-4.3-9.5-9.5V2.6h0Z"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_team2.svg b/public/assets/icons/icons-light-bg_team2.svg
new file mode 100644
index 00000000..651e0d68
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_team2.svg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient2);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st2 {
+        fill: url(#linear-gradient3);
+      }
+
+      .st3 {
+        fill: url(#linear-gradient);
+      }
+
+      .st4 {
+        fill: #003834;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="0" y1="35.8" x2="27.6" y2="35.8" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#003834"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="3145.6" y1="4405.1" x2="3145.6" y2="4386.5" gradientTransform="translate(3159.3963 4406.7532) rotate(-180)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#cee098"/>
+      <stop offset="0" stop-color="#bdd696"/>
+      <stop offset=".4" stop-color="#82b58f"/>
+      <stop offset=".7" stop-color="#579e8a"/>
+      <stop offset=".9" stop-color="#3c8f87"/>
+      <stop offset="1" stop-color="#338a86"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient2" x1="36.2" y1="53.8" x2="36.2" y2="27.9" gradientTransform="matrix(1,0,0,1,0,0)" xlink:href="#linear-gradient1"/>
+    <linearGradient id="linear-gradient3" x1="36.2" y1="21.1" x2="36.2" y2="-27.8" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#cee098"/>
+      <stop offset="0" stop-color="#bdd696"/>
+      <stop offset=".4" stop-color="#82b58f"/>
+      <stop offset=".7" stop-color="#579e8a"/>
+      <stop offset=".9" stop-color="#3c8f87"/>
+      <stop offset="1" stop-color="#338a86"/>
+    </linearGradient>
+  </defs>
+  <path class="st4" d="M26.7,1.3h19v10.6c0,5.2-4.3,9.5-9.5,9.5h0c-5.2,0-9.5-4.3-9.5-9.5V1.3h0Z" transform="translate(72.4 22.7) rotate(-180)"/>
+  <path class="st3" d="M27.6,36.6c0-7.6-6.2-13.8-13.8-13.8h0c-5.2,0-9.7,2.8-12,7.1-1.1,2-1.8,4.3-1.8,6.7l.2,9.2c.9,1.6,6.7,2.9,13.6,2.9s12.7-1.2,13.6-2.9l.2-9.2Z"/>
+  <circle class="st1" cx="13.8" cy="11" r="9.3"/>
+  <path class="st0" d="M50,36.6c0-7.6-6.2-13.8-13.8-13.8h0c-5.2,0-9.7,2.8-12,7.1-1.1,2-1.8,4.3-1.8,6.7l.2,9.2c.9,1.6,6.7,2.9,13.6,2.9s12.7-1.2,13.6-2.9l.2-9.2Z"/>
+  <path class="st2" d="M27.2,10h17.9s0,.4,0,.6c-.3,4.9-4.2,8.7-8.9,8.7s-8.6-3.9-8.9-8.7c0-.2,0-.6,0-.6Z"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_trophy-award.svg b/public/assets/icons/icons-light-bg_trophy-award.svg
new file mode 100644
index 00000000..f04e83c8
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_trophy-award.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient2);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st2 {
+        fill: url(#linear-gradient);
+      }
+
+      .st3 {
+        fill: #003834;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="8.7" y1="30.4" x2="8.7" y2="5.1" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#003834"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="41.3" x2="41.3" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient2" x1="25" y1="37.7" x2="25" y2="0" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#cee098"/>
+      <stop offset="0" stop-color="#bdd696"/>
+      <stop offset=".4" stop-color="#82b58f"/>
+      <stop offset=".7" stop-color="#579e8a"/>
+      <stop offset=".9" stop-color="#3c8f87"/>
+      <stop offset="1" stop-color="#338a86"/>
+    </linearGradient>
+  </defs>
+  <g>
+    <path class="st2" d="M17.3,30.4h-4.6C5.7,30.4,0,24.7,0,17.8V5.1h17.3v6H6v6.6c0,3.6,3,6.6,6.6,6.6h4.6v6Z"/>
+    <path class="st1" d="M37.4,30.4h-4.6v-6h4.6c3.6,0,6.6-3,6.6-6.6v-6.6h-11.3v-6h17.3v12.6c0,7-5.7,12.6-12.6,12.6Z"/>
+  </g>
+  <path class="st3" d="M29.6,41.5v-5.2h-9.1v5.2c0,1.7-1.3,3-3,3h-3c-1.7,0-3,1.3-3,3v2.5h27.1v-2.5c0-1.7-1.3-3-3-3h-3c-1.7,0-3-1.3-3-3Z"/>
+  <path class="st0" d="M12.4,0h25.3v26.8c0,6-4.9,10.9-10.9,10.9h-3.4c-6,0-10.9-4.9-10.9-10.9V0h0Z"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_umbrella.svg b/public/assets/icons/icons-light-bg_umbrella.svg
new file mode 100644
index 00000000..0592942b
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_umbrella.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient);
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="20.2" y1="50" x2="20.2" y2="0" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#006d68"/>
+      <stop offset="1" stop-color="#003834"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="25" y1="27.3" x2="25" y2="4.3" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#cee098"/>
+      <stop offset="0" stop-color="#bdd696"/>
+      <stop offset=".4" stop-color="#82b58f"/>
+      <stop offset=".7" stop-color="#579e8a"/>
+      <stop offset=".9" stop-color="#3c8f87"/>
+      <stop offset="1" stop-color="#338a86"/>
+    </linearGradient>
+  </defs>
+  <path class="st1" d="M20.2,50c-4.9,0-7.8-3.9-7.8-8.8v-.6c0-1.7,1.3-3,3-3s3,1.3,3,3v.6c0,1.5.3,2.8,1.8,2.8s1.8-1.3,1.8-2.8V3c0-1.7,1.3-3,3-3s3,1.3,3,3v38.2c0,4.9-2.9,8.8-7.8,8.8Z"/>
+  <path class="st0" d="M25,4.6C11.2,4.6,0,14.9,0,27.6h50c0-12.7-11.2-23-25-23Z"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/icons-light-bg_water-drop.svg b/public/assets/icons/icons-light-bg_water-drop.svg
new file mode 100644
index 00000000..201db015
--- /dev/null
+++ b/public/assets/icons/icons-light-bg_water-drop.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient);
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="33.6" y1="47.8" x2="33.6" y2="2.2" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset="0" stop-color="#439387"/>
+      <stop offset=".3" stop-color="#74ae8d"/>
+      <stop offset=".5" stop-color="#9bc392"/>
+      <stop offset=".7" stop-color="#b7d395"/>
+      <stop offset=".9" stop-color="#c8dc97"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="0" y1="25" x2="32.9" y2="25" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#003834"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+  </defs>
+  <path class="st1" d="M50,31.4c0,9.1-7.4,16.4-16.4,16.4s-16.4-7.4-16.4-16.4S33.6,2.2,33.6,2.2c0,0,16.4,20.2,16.4,29.2Z"/>
+  <path class="st0" d="M32.9,31.4c0,9.1-7.4,16.4-16.4,16.4S0,40.5,0,31.4,16.4,2.2,16.4,2.2c0,0,16.4,20.2,16.4,29.2Z"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/standards/sci/co2-icon.svg b/public/assets/standards/sci/co2-icon.svg
index 03448f23..c6cc6c3d 100644
--- a/public/assets/standards/sci/co2-icon.svg
+++ b/public/assets/standards/sci/co2-icon.svg
@@ -1 +1,34 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none" viewBox="0 0 48 48"><g clip-path="url(#a)"><path fill="#a4c352" d="M25 11.2c6.51 0 11.8 5.3 11.8 11.8S31.51 34.8 25 34.8 13.2 29.5 13.2 23 18.49 11.2 25 11.2m0-2.66c-7.98 0-14.46 6.47-14.46 14.46S17.01 37.46 25 37.46 39.46 30.99 39.46 23 32.99 8.54 25 8.54"/><path fill="#a4c352" d="M25 3.42c10.8 0 19.58 8.79 19.58 19.58S35.79 42.58 25 42.58 5.42 33.8 5.42 23 14.2 3.42 25 3.42m0-2.8C12.64.62 2.62 10.64 2.62 23S12.64 45.38 25 45.38 47.38 35.36 47.38 23 37.36.62 25 .62"/><path fill="#a4c352" d="M25 29.53a6.53 6.53 0 1 0 0-13.06 6.53 6.53 0 0 0 0 13.06"/><path fill="#006d68" d="m20.515 26.914-9.007 8.995.657.658 9.008-8.995z"/><path fill="#006d68" d="m12.19 35.3-6.76 1.67L.3 42.09l5.67.01v5.67l5.13-5.13 1.67-6.76zm10.96-3.81 2.41-8.98-8.98 2.41z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h48v48H0z"/></clipPath></defs></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient);
+      }
+
+      .st2 {
+        fill: #fff;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="30.2" y1="47.9" x2="30.2" y2="2.1" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#003834"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="19.8" y1="47.9" x2="19.8" y2="2.1" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#cee098"/>
+      <stop offset="0" stop-color="#bdd696"/>
+      <stop offset=".4" stop-color="#82b58f"/>
+      <stop offset=".7" stop-color="#579e8a"/>
+      <stop offset=".9" stop-color="#3c8f87"/>
+      <stop offset="1" stop-color="#338a86"/>
+    </linearGradient>
+  </defs>
+  <polygon class="st1" points="30.1 47.9 10.3 36.4 10.3 13.6 30.1 2.1 30.2 2.1 50 13.6 50 36.4 30.2 47.9 30.1 47.9"/>
+  <polygon class="st0" points="39.6 36.4 39.6 13.6 19.8 2.1 0 13.6 0 36.4 19.8 47.9 39.6 36.4"/>
+  <polygon class="st2" points="29.8 30.8 29.8 19.2 19.8 13.5 9.8 19.2 9.8 30.8 19.8 36.5 29.8 30.8"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/standards/sci/cost-icon.svg b/public/assets/standards/sci/cost-icon.svg
index 6e71070f..600c98e7 100644
--- a/public/assets/standards/sci/cost-icon.svg
+++ b/public/assets/standards/sci/cost-icon.svg
@@ -1 +1,28 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none" viewBox="0 0 48 48"><path fill="#a5c352" d="M13.66 26.04c7.54 0 13.66 6.12 13.66 13.66V48H0v-8.3c0-7.54 6.12-13.66 13.66-13.66" style="mix-blend-mode:multiply"/><path fill="#006d68" d="M7.53 19.94c-.11 0-.23-.04-.33-.11-1.96-1.58-3.23-3.75-3.39-5.8-.16-2.08.72-4.46 2.15-5.8.98-.92 2.15-1.32 3.41-1.2.19-.54.48-1.09.87-1.66 1.36-1.98 4.33-2.45 6.42-1.9 1.46.38 2.8 1.28 3.59 2.4.21.29.38.61.51.95.05 0 .09-.01.14-.02.53-.04 1.1.05 1.69.28.64.25 1.15.55 1.57.91 2.15 1.86 2.23 5.11 1.2 7.37-.75 1.61-2.09 3.08-3.9 4.27-.24.16-.56.09-.72-.15a.52.52 0 0 1 .15-.72c1.64-1.08 2.86-2.41 3.52-3.83.87-1.9.83-4.62-.94-6.15-.33-.29-.74-.53-1.27-.73-.44-.17-.84-.24-1.2-.22.1.92-.13 1.82-.84 2.43-.39.33-.86.39-1.27.15-.52-.3-.83-1.02-.72-1.64.13-.71.86-1.28 1.59-1.63-.1-.25-.22-.49-.36-.68-.64-.92-1.8-1.68-3.01-2-1.75-.47-4.21-.11-5.3 1.48-.32.46-.55.89-.71 1.32.54.21 1.16.56 1.43 1.09.2.39.2.82 0 1.24-.38.76-1.02.92-1.48.83-.66-.13-1.17-.77-1.22-1.52-.02-.29 0-.58.03-.87-.9-.06-1.74.26-2.46.94-1.19 1.12-1.96 3.2-1.82 4.96C5 15.7 6.13 17.6 7.87 19c.22.18.26.51.08.73-.1.13-.25.19-.41.19zM19.98 8.22c-.4.23-.73.52-.77.74-.04.23.13.53.23.56.39-.33.55-.81.55-1.3zm-9.82.08c-.02.18-.02.37 0 .55.02.3.22.53.39.56.16.04.27-.13.35-.27.07-.13.05-.21.01-.29-.11-.21-.41-.4-.74-.55z"/><path fill="#006d68" d="M14.45 24.46a7.23 7.23 0 1 0 0-14.46 7.23 7.23 0 0 0 0 14.46M48 43.16H27.33c-.29 0-.52-.23-.52-.52s.23-.52.52-.52h19.63V16.35H24.52c-.29 0-.52-.23-.52-.52s.23-.52.52-.52H48z"/><path fill="#006d68" d="m33.03 37.45-8.53-8.98-5.88 7.56c-.18.23-.5.27-.73.09a.514.514 0 0 1-.09-.73l6.62-8.52 8.45 8.9 5.83-9.16c.15-.24.48-.31.72-.16s.31.48.16.72z"/><path fill="#006d68" d="m41.98 30.13.36-8.27-7.35 3.83z"/></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient);
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="7.3" y1="42.7" x2="42.7" y2="7.3" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".2" stop-color="#529b89"/>
+      <stop offset=".6" stop-color="#94c091"/>
+      <stop offset=".9" stop-color="#bed796"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="25" y1="12.5" x2="50" y2="12.5" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#003834"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+  </defs>
+  <path class="st1" d="M25,0C11.2,0,0,11.2,0,25s11.2,25,25,25,25-11.2,25-25S38.8,0,25,0ZM25,35.5c-5.8,0-10.5-4.7-10.5-10.5s4.7-10.5,10.5-10.5,10.5,4.7,10.5,10.5-4.7,10.5-10.5,10.5Z"/>
+  <path class="st0" d="M49.9,23.4C49.2,11.3,39.9,1.6,28,.2,27,0,25,0,25,0v14.5c5.8,0,10.5,4.7,10.5,10.5h14.5s0-1.1,0-1.6Z"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/standards/sci/grid-icon.svg b/public/assets/standards/sci/grid-icon.svg
index d996f278..9555186d 100644
--- a/public/assets/standards/sci/grid-icon.svg
+++ b/public/assets/standards/sci/grid-icon.svg
@@ -1 +1,42 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="none" viewBox="0 0 50 50"><g clip-path="url(#a)"><path fill="#a5c352" d="M48.95 39.47 32.68 7.32c-1.32-2.6-5.03-2.6-6.34 0L10.06 39.47c-1.2 2.36.52 5.16 3.17 5.16h32.54c2.65 0 4.37-2.79 3.17-5.16z"/><path fill="#006d68" d="m22.74 15.22-4.2 13.82-2.13-1.99c1.81-.44 9.59-2.31 11.25-2.71-.25.47-8.95 17.07-9.54 18.18l6.39-16.98 1.35 1.53-8.45 3.18-2.64.99c.31-1.79 2.61-15.1 2.98-17.22l5 1.19z"/><path stroke="#006d68" stroke-miterlimit="10" stroke-width="1.45" d="M36.77 44.63H4.22c-2.65 0-4.37-2.8-3.17-5.16L17.32 7.32c1.32-2.6 5.03-2.6 6.34 0l16.27 32.15c1.2 2.36-.52 5.16-3.17 5.16z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h50v50H0z"/></clipPath></defs></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient);
+      }
+
+      .st2 {
+        fill: none;
+        stroke: #fff;
+        stroke-linecap: round;
+        stroke-linejoin: bevel;
+        stroke-width: 3px;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="-6.4" y1="49.2" x2="34.6" y2="8.2" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#003834"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="3.6" y1="53.7" x2="44.5" y2="12.7" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".1" stop-color="#3c8f87"/>
+      <stop offset=".3" stop-color="#579e8a"/>
+      <stop offset=".6" stop-color="#82b58f"/>
+      <stop offset=".9" stop-color="#bdd696"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+  </defs>
+  <rect class="st1" x="1.8" width="36.4" height="45.5"/>
+  <rect class="st0" x="11.8" y="4.5" width="36.4" height="45.5"/>
+  <g>
+    <line class="st2" x1="19" y1="27.3" x2="40.9" y2="27.3"/>
+    <line class="st2" x1="19" y1="13.7" x2="40.9" y2="13.7"/>
+    <line class="st2" x1="19" y1="40.8" x2="40.9" y2="40.8"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/standards/sci/resource-discuss-icon.svg b/public/assets/standards/sci/resource-discuss-icon.svg
index 016471fd..f8877140 100644
--- a/public/assets/standards/sci/resource-discuss-icon.svg
+++ b/public/assets/standards/sci/resource-discuss-icon.svg
@@ -1 +1,28 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none" viewBox="0 0 48 48"><path fill="#006d68" d="M47.5 25.6c0-9.73-7.89-17.62-17.62-17.62S12.25 15.86 12.25 25.6s7.89 17.62 17.62 17.62c.69 0 1.36-.04 2.03-.12a7.367 7.367 0 0 0 9.64 2.18 7.3 7.3 0 0 1-2.35-3.15c-.17-.44-.3-.89-.38-1.34 5.2-3.06 8.69-8.72 8.69-15.19"/><path fill="#a5c352" d="M.5 19.36C.5 9.64 8.38 1.77 18.09 1.77c9.72 0 17.59 7.88 17.59 17.59 0 9.72-7.88 17.59-17.59 17.59-.68 0-1.36-.04-2.02-.12A7.34 7.34 0 0 1 6.45 39a7.3 7.3 0 0 0 2.73-4.48C3.99 31.47.5 25.83.5 19.36"/></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient);
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="20.6" y1="39.9" x2="20.6" y2="0" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#003834"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="29.4" y1="50" x2="29.4" y2="10.1" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".3" stop-color="#6aa88c"/>
+      <stop offset=".6" stop-color="#a0c692"/>
+      <stop offset=".9" stop-color="#c1d996"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+  </defs>
+  <path class="st1" d="M19.1,2v1.2c0,1.1-.9,2-2,2H1.7c-1.1,0-2,.9-2,2v30.9c0,1.1.9,2,2,2h37.8c1.1,0,2-.9,2-2V2c0-1.1-.9-2-2-2h-18.5c-1.1,0-2,.9-2,2Z"/>
+  <path class="st0" d="M27.8,12.1v1.2c0,1.1-.9,2-2,2h-15.4c-1.1,0-2,.9-2,2v30.9c0,1.1.9,2,2,2h37.8c1.1,0,2-.9,2-2V12.1c0-1.1-.9-2-2-2h-18.5c-1.1,0-2,.9-2,2Z"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/standards/sci/resource-spec-icon.svg b/public/assets/standards/sci/resource-spec-icon.svg
index 2a9b6d6a..cd3b8072 100644
--- a/public/assets/standards/sci/resource-spec-icon.svg
+++ b/public/assets/standards/sci/resource-spec-icon.svg
@@ -1 +1,34 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none" viewBox="0 0 48 48"><g clip-path="url(#a)"><path fill="#006d68" d="M42.6 45.65c-.18-.18-.41-.29-.65-.31-1.9-.19-3.38-1.84-3.38-3.74l.03-27.89c0-4.04-3.28-7.32-7.32-7.32H1.55c-.42 0-.8.26-.97.67a1.085 1.085 0 0 0 .88 1.49c1.71.18 3.15 1.59 3.33 3.22l.04 28.41c0 4.03 3.29 7.32 7.32 7.32h29.71c.42 0 .8-.26.98-.67.16-.39.07-.87-.24-1.18"/><path fill="#a5c352" d="M47.17 39.77c-.18-.18-.42-.3-.67-.32-1.88-.19-3.35-1.82-3.35-3.7l.03-27.89c0-4.06-3.3-7.36-7.36-7.36H6.1c-.44 0-.83.27-1.01.7-.17.41-.07.9.25 1.22.18.18.42.29.67.32 1.7.18 3.12 1.57 3.3 3.19l.04 28.41c0 4.05 3.3 7.35 7.36 7.35h29.71c.44 0 .83-.27 1.01-.69.17-.41.07-.9-.25-1.22z"/><path fill="#fff" d="M25.28 31.64c-.52 0-1.02-.21-1.39-.59l-7.34-7.67c-.73-.77-.7-1.98.06-2.71.77-.73 1.98-.7 2.71.06l5.51 5.76 8.04-14.94c.5-.93 1.67-1.28 2.6-.78s1.28 1.67.78 2.6l-9.29 17.27c-.29.54-.82.91-1.43.99-.09.01-.17.02-.26.02z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h48v48H0z"/></clipPath></defs></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient);
+      }
+
+      .st2 {
+        fill: none;
+        stroke: #fff;
+        stroke-linecap: round;
+        stroke-linejoin: round;
+        stroke-width: 3px;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="-320" y1="449.5" x2="-303.7" y2="449.5" gradientTransform="translate(373.2 -367.3) rotate(6.9)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".3" stop-color="#6aa88c"/>
+      <stop offset=".6" stop-color="#a0c692"/>
+      <stop offset=".9" stop-color="#c1d996"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="-316" y1="427.3" x2="-274.2" y2="427.3" xlink:href="#linear-gradient"/>
+  </defs>
+  <path class="st1" d="M1.6,48.5h0c-1.5-1.5-1.5-4,0-5.5l10.7-10.4,5.5,5.6-10.7,10.4c-1.5,1.5-4,1.5-5.5,0Z"/>
+  <path class="st0" d="M26,42c-11.5-1.4-19.6-11.8-18.2-23.3C9.2,7.3,19.6-.9,31.1.5c11.5,1.4,19.6,11.8,18.2,23.3-1.4,11.5-11.8,19.6-23.3,18.2ZM30.4,6.2c-8.3-1-15.8,4.9-16.8,13.2-1,8.3,4.9,15.8,13.2,16.8,8.3,1,15.8-4.9,16.8-13.2s-4.9-15.8-13.2-16.8Z"/>
+  <path class="st2" d="M18.2,20c.7-5.7,5.9-9.8,11.6-9.1s9.8,5.9,9.1,11.6c-.2,1.2-.5,2.4-1.1,3.5"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/standards/sci/shape-icon-1.svg b/public/assets/standards/sci/shape-icon-1.svg
index 2377f488..2544eab7 100644
--- a/public/assets/standards/sci/shape-icon-1.svg
+++ b/public/assets/standards/sci/shape-icon-1.svg
@@ -1 +1,80 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="45" height="41" fill="none" viewBox="0 0 45 41"><path fill="#006d68" d="M44.3 21.017c0-7.83-6.443-14.203-14.36-14.203s-14.36 6.373-14.36 14.203 6.444 14.202 14.36 14.202c.552 0 1.105 0 1.657-.09 1.565 2.184 4.419 3.095 7.088 2.093.276-.09.552-.182.736-.364-.828-.637-1.472-1.456-1.933-2.549a2.4 2.4 0 0 1-.276-1.092c4.234-2.459 7.088-7.01 7.088-12.2"/><path fill="#a5c352" d="M.3 17.83C.3 10 6.743 3.628 14.66 3.628S29.02 10 29.02 17.83s-6.444 14.203-14.36 14.203c-.553 0-1.105 0-1.657-.091-1.565 2.185-4.419 3.095-7.088 2.094-.276-.091-.552-.182-.736-.364.828-.638 1.472-1.457 1.933-2.55q.276-.546.276-1.092C3.153 27.572.3 23.11.3 17.83"/></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient2);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st2 {
+        fill: url(#linear-gradient3);
+      }
+
+      .st3 {
+        fill: url(#linear-gradient6);
+      }
+
+      .st4 {
+        fill: url(#linear-gradient8);
+      }
+
+      .st5 {
+        fill: url(#linear-gradient7);
+      }
+
+      .st6 {
+        fill: url(#linear-gradient5);
+      }
+
+      .st7 {
+        fill: url(#linear-gradient4);
+      }
+
+      .st8 {
+        fill: url(#linear-gradient);
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="3.4" y1="42.5" x2="46.6" y2="42.5" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".1" stop-color="#3c8f87"/>
+      <stop offset=".3" stop-color="#579e8a"/>
+      <stop offset=".6" stop-color="#82b58f"/>
+      <stop offset=".9" stop-color="#bdd696"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="35.2" y1="42.5" x2="42.5" y2="42.5" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#006d68"/>
+      <stop offset="1" stop-color="#003834"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient2" x1="18.8" y1="42.5" x2="31.9" y2="42.5" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#003834"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient3" y1="25" y2="25" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient4" y1="25" y2="25" xlink:href="#linear-gradient1"/>
+    <linearGradient id="linear-gradient5" y1="25" y2="25" xlink:href="#linear-gradient2"/>
+    <linearGradient id="linear-gradient6" y1="7.5" y2="7.5" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient7" y1="7.5" y2="7.5" xlink:href="#linear-gradient1"/>
+    <linearGradient id="linear-gradient8" y1="7.5" y2="7.5" xlink:href="#linear-gradient2"/>
+  </defs>
+  <g>
+    <rect class="st8" x="3.4" y="35.2" width="43.3" height="14.6"/>
+    <rect class="st1" x="35.2" y="40.4" width="7.4" height="4.2"/>
+    <rect class="st0" x="18.8" y="40.4" width="13.1" height="4.2"/>
+  </g>
+  <g>
+    <rect class="st2" x="3.4" y="17.7" width="43.3" height="14.6"/>
+    <rect class="st7" x="35.2" y="22.9" width="7.4" height="4.2"/>
+    <rect class="st6" x="18.8" y="22.9" width="13.1" height="4.2"/>
+  </g>
+  <g>
+    <rect class="st3" x="3.4" y=".2" width="43.3" height="14.6"/>
+    <rect class="st5" x="35.2" y="5.4" width="7.4" height="4.2"/>
+    <rect class="st4" x="18.8" y="5.4" width="13.1" height="4.2"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/standards/sci/shape-icon-2.svg b/public/assets/standards/sci/shape-icon-2.svg
index c5ba3d80..661c8505 100644
--- a/public/assets/standards/sci/shape-icon-2.svg
+++ b/public/assets/standards/sci/shape-icon-2.svg
@@ -1 +1,29 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="44" height="41" fill="none" viewBox="0 0 44 41"><path fill="#006d68" d="M25.512 40.628H6.915v-6.687c0-1.671.418-3.204 1.184-4.527 1.602-2.856 4.597-4.736 8.15-4.736 5.153 0 9.263 4.179 9.263 9.263z"/><path fill="#a5c352" d="M37.144 40.628H18.547v-6.687c0-5.154 4.179-9.263 9.264-9.263 1.95 0 3.691.557 5.223 1.602a9.26 9.26 0 0 1 4.11 7.731zM15.622 23.563a4.945 4.945 0 1 0 0-9.89 4.945 4.945 0 0 0 0 9.89"/><path stroke="#003834" stroke-linecap="round" stroke-miterlimit="10" stroke-width=".529" d="M10.886 18.13c.139-.487.627-.835 1.184-.975 1.741-.418 3.552 0 5.293-.418.767-.208 1.533-.557 2.16-1.114.557-.557.975-1.323 1.044-2.16"/><path fill="#006d68" d="M28.368 23.563a4.945 4.945 0 1 0 0-9.89 4.945 4.945 0 0 0 0 9.89"/><path stroke="#003834" stroke-linecap="round" stroke-miterlimit="10" stroke-width=".529" d="M33.382 18.688c.557-.906.906-1.95.906-3.135a6 6 0 0 0-.975-3.273 3.35 3.35 0 0 1-.418-2.299c.07-.278.07-.627.07-.975 0-1.045-.349-1.95-.906-2.716a2.98 2.98 0 0 1-.557-2.02c.07-.279.07-.627 0-.975-.21-1.393-1.393-2.508-2.786-2.647-1.881-.21-3.553 1.254-3.553 3.134V4.2a2.98 2.98 0 0 1-.557 2.02c-.557.766-.905 1.741-.905 2.716 0 .349.07.697.139 1.045.209.766 0 1.602-.418 2.299a5.65 5.65 0 0 0-.905 3.691c.07.906.418 1.811.905 2.577"/></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient);
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="25" y1="49.4" x2="25" y2=".6" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".1" stop-color="#3c8f87"/>
+      <stop offset=".3" stop-color="#579e8a"/>
+      <stop offset=".6" stop-color="#82b58f"/>
+      <stop offset=".9" stop-color="#bdd696"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="25" y1="36.5" x2="25" y2="13.5" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#006d68"/>
+      <stop offset="1" stop-color="#003834"/>
+    </linearGradient>
+  </defs>
+  <path class="st1" d="M41.3,26.5h6.7c.8,0,1.4-.6,1.4-1.4s-.6-1.4-1.4-1.4h-6.7v-4.7h6.7c.8,0,1.4-.6,1.4-1.4s-.6-1.4-1.4-1.4h-6.7v-.6c0-3.7-3-6.8-6.8-6.8h-.6V2c0-.8-.6-1.4-1.4-1.4s-1.4.6-1.4,1.4v6.7h-4.5V2c0-.8-.6-1.4-1.4-1.4s-1.4.6-1.4,1.4v6.7h-4.7V2c0-.8-.6-1.4-1.4-1.4s-1.4.6-1.4,1.4v6.7h-.6c-1.9,0-3.6.8-4.8,2-1.2,1.2-2,2.9-2,4.8v.6H2c-.8,0-1.4.6-1.4,1.4s.6,1.4,1.4,1.4h6.7v4.7H2c-.8,0-1.4.6-1.4,1.4s.6,1.4,1.4,1.4h6.7v4.5H2c-.8,0-1.4.6-1.4,1.4s.6,1.4,1.4,1.4h6.7v.6c0,3.7,3,6.8,6.8,6.8h.6v6.7c0,.8.6,1.4,1.4,1.4s1.4-.6,1.4-1.4v-6.7h4.7v6.7c0,.8.6,1.4,1.4,1.4s1.4-.6,1.4-1.4v-6.7h4.5v6.7c0,.8.6,1.4,1.4,1.4s1.4-.6,1.4-1.4v-6.7h.6c3.7,0,6.8-3,6.8-6.8v-.6h6.7c.8,0,1.4-.6,1.4-1.4s-.6-1.4-1.4-1.4h-6.7v-4.5Z"/>
+  <polygon class="st0" points="35 30.8 35 19.2 25 13.5 15 19.2 15 30.8 25 36.5 35 30.8"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/standards/sci/shape-icon-3.svg b/public/assets/standards/sci/shape-icon-3.svg
index 4eb235a5..661c8505 100644
--- a/public/assets/standards/sci/shape-icon-3.svg
+++ b/public/assets/standards/sci/shape-icon-3.svg
@@ -1 +1,29 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="none" viewBox="0 0 50 50"><g clip-path="url(#a)"><path fill="#a5c352" d="M47.54 21.06H2.46v6.97h2.27V50h40.54V28.03h2.27z"/><path fill="#006d68" d="m11.573 21.06 13.714 10.967 15.239-19.056L26.812 2.004z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h50v50H0z"/></clipPath></defs></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient1);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient);
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="25" y1="49.4" x2="25" y2=".6" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#338a86"/>
+      <stop offset=".1" stop-color="#3c8f87"/>
+      <stop offset=".3" stop-color="#579e8a"/>
+      <stop offset=".6" stop-color="#82b58f"/>
+      <stop offset=".9" stop-color="#bdd696"/>
+      <stop offset="1" stop-color="#cee098"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="25" y1="36.5" x2="25" y2="13.5" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#006d68"/>
+      <stop offset="1" stop-color="#003834"/>
+    </linearGradient>
+  </defs>
+  <path class="st1" d="M41.3,26.5h6.7c.8,0,1.4-.6,1.4-1.4s-.6-1.4-1.4-1.4h-6.7v-4.7h6.7c.8,0,1.4-.6,1.4-1.4s-.6-1.4-1.4-1.4h-6.7v-.6c0-3.7-3-6.8-6.8-6.8h-.6V2c0-.8-.6-1.4-1.4-1.4s-1.4.6-1.4,1.4v6.7h-4.5V2c0-.8-.6-1.4-1.4-1.4s-1.4.6-1.4,1.4v6.7h-4.7V2c0-.8-.6-1.4-1.4-1.4s-1.4.6-1.4,1.4v6.7h-.6c-1.9,0-3.6.8-4.8,2-1.2,1.2-2,2.9-2,4.8v.6H2c-.8,0-1.4.6-1.4,1.4s.6,1.4,1.4,1.4h6.7v4.7H2c-.8,0-1.4.6-1.4,1.4s.6,1.4,1.4,1.4h6.7v4.5H2c-.8,0-1.4.6-1.4,1.4s.6,1.4,1.4,1.4h6.7v.6c0,3.7,3,6.8,6.8,6.8h.6v6.7c0,.8.6,1.4,1.4,1.4s1.4-.6,1.4-1.4v-6.7h4.7v6.7c0,.8.6,1.4,1.4,1.4s1.4-.6,1.4-1.4v-6.7h4.5v6.7c0,.8.6,1.4,1.4,1.4s1.4-.6,1.4-1.4v-6.7h.6c3.7,0,6.8-3,6.8-6.8v-.6h6.7c.8,0,1.4-.6,1.4-1.4s-.6-1.4-1.4-1.4h-6.7v-4.5Z"/>
+  <polygon class="st0" points="35 30.8 35 19.2 25 13.5 15 19.2 15 30.8 25 36.5 35 30.8"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/standards/soft/join-gsf-icon.svg b/public/assets/standards/soft/join-gsf-icon.svg
index d2786ab6..8fd950f3 100644
--- a/public/assets/standards/soft/join-gsf-icon.svg
+++ b/public/assets/standards/soft/join-gsf-icon.svg
@@ -1 +1,27 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32"><g clip-path="url(#a)"><path fill="#006d68" d="M19.68 32H0v-7.08c0-1.74.45-3.38 1.25-4.8a9.83 9.83 0 0 1 8.59-5.04c5.43 0 9.84 4.41 9.84 9.84z"/><path fill="#a5c352" d="M32 32H12.32v-7.08c0-5.43 4.41-9.84 9.84-9.84 2.04 0 3.93.62 5.5 1.68A9.82 9.82 0 0 1 32 24.92zM9.19 13.94a5.2 5.2 0 1 0 0-10.4 5.2 5.2 0 0 0 0 10.4"/><path stroke="#006d68" stroke-linecap="round" stroke-miterlimit="10" stroke-width=".74" d="M4.18 8.19c.17-.54.69-.9 1.24-1.03 1.88-.45 3.76-.04 5.59-.44.84-.18 1.65-.56 2.27-1.15.63-.59 1.05-1.41 1.1-2.27"/><path fill="#006d68" d="M22.73 13.94a5.2 5.2 0 1 0 0-10.4 5.2 5.2 0 0 0 0 10.4"/><path stroke="#006d68" stroke-linecap="round" stroke-miterlimit="10" stroke-width=".74" d="M22.73 8.07a3.69 3.69 0 1 0 0-7.38 3.69 3.69 0 0 0 0 7.38Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 50 50">
+  <!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient);
+      }
+
+      .st1 {
+        fill: #fff;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="5300.1" y1="11132.7" x2="5300.1" y2="11082.7" gradientTransform="translate(5325.0884 11122.013) rotate(-180)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#6fafac"/>
+      <stop offset=".3" stop-color="#479793"/>
+      <stop offset=".8" stop-color="#137874"/>
+      <stop offset="1" stop-color="#006d68"/>
+    </linearGradient>
+  </defs>
+  <path class="st0" d="M50,25c0,13.8-11.2,25-25,25C11.2,50,0,38.8,0,25,0,11.2,11.2,0,25,0c13.8,0,25,11.2,25,25Z"/>
+  <g>
+    <path class="st1" d="M13.5,32.6v-7.9c0,0,0-.2,0-.3l-.8-1.4.8-1.4c0,0,0-.2,0-.3v-7.9c0-.6.5-1,1-1h4.2v-1h-4.2c-1.1,0-2,.9-2,2v7.8l-.9,1.5c0,.2,0,.4,0,.5l.9,1.5v7.8c0,1.1.9,2,2,2h4.2v-1h-4.2c-.6,0-1-.5-1-1Z"/>
+    <path class="st1" d="M37.5,21.2v-7.8c0-1.1-.9-2-2-2h-4.2v1h4.2c.6,0,1,.5,1,1v7.9c0,0,0,.2,0,.3l.8,1.4-.8,1.4c0,0,0,.2,0,.3v7.9c0,.6-.5,1-1,1h-4.2v1h4.2c1.1,0,2-.9,2-2v-7.8l.9-1.5c0-.2,0-.4,0-.5l-.9-1.5Z"/>
+    <path class="st1" d="M32.6,26.9c.7-.1,1.2-.6,1.3-1.3,0-.8-.5-1.6-1.4-1.7-.8,0-1.6.5-1.7,1.4,0,.5.1.9.5,1.2-1,2.3-3.1,3.9-5.6,4.2v-6.4c1.7-.2,3.3-1.2,4.2-2.7.7,0,1.4-.5,1.5-1.3.1-.8-.4-1.6-1.3-1.7s-1.6.4-1.7,1.3c0,.4,0,.8.3,1.2-.7,1-1.7,1.7-2.9,1.9v-6.3c.5-.2.8-.8.8-1.3,0-.8-.7-1.5-1.5-1.5s-1.5.7-1.5,1.5.3,1.1.8,1.3v6.3c-1.2-.2-2.3-.9-2.9-1.9.2-.3.4-.7.3-1.2-.1-.8-.9-1.4-1.7-1.3s-1.4.9-1.3,1.7c.1.7.7,1.3,1.5,1.3.9,1.5,2.4,2.4,4.2,2.7v6.4c-2.5-.2-4.7-1.9-5.6-4.2.3-.3.5-.8.5-1.2,0-.8-.8-1.4-1.7-1.4s-1.4.8-1.4,1.7c0,.7.6,1.2,1.3,1.3,1.1,2.9,3.8,4.9,6.9,5.1v6.5h1.3v-6.5c3.1-.3,5.8-2.3,6.9-5.1Z"/>
+  </g>
+</svg>
\ No newline at end of file