From 9d49b69f2e1fd4c5a28a9d62df3c524ffc28f808 Mon Sep 17 00:00:00 2001
From: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
Date: Wed, 19 Mar 2025 01:47:42 +0530
Subject: [PATCH] feat: Add support for feature spotlight components (#11012)

---
 .../dashboard/assets/scss/_woot.scss          |  11 +
 .../components-next/captain/PageLayout.vue    |  16 +-
 .../emptyStates/AssistantPageEmptyState.vue   |   9 +
 .../emptyStates/DocumentPageEmptyState.vue    |   9 +
 .../emptyStates/ResponsePageEmptyState.vue    |   9 +
 .../FeatureSpotlight.story.vue                |  38 ++
 .../feature-spotlight/FeatureSpotlight.vue    |  95 +++
 .../FeatureSpotlightPopover.story.vue         |  44 ++
 .../FeatureSpotlightPopover.vue               | 125 ++++
 .../dashboard/i18n/locale/en/components.json  |   4 +
 .../i18n/locale/en/integrations.json          |  19 +-
 .../dashboard/captain/assistants/Index.vue    |  11 +
 .../captain/assistants/inboxes/Index.vue      |   4 +-
 .../dashboard/captain/documents/Index.vue     |  12 +
 .../dashboard/captain/responses/Index.vue     |  12 +
 .../dashboard/captain/assistant-dark.svg      | 207 +++++++
 .../dashboard/captain/assistant-light.svg     | 208 +++++++
 .../captain/assistant-popover-dark.svg        | 557 +++++++++++++++++
 .../captain/assistant-popover-light.svg       | 558 +++++++++++++++++
 .../dashboard/captain/document-dark.svg       |  26 +
 .../dashboard/captain/document-light.svg      |  27 +
 .../captain/document-popover-dark.svg         | 569 +++++++++++++++++
 .../captain/document-popover-light.svg        | 570 ++++++++++++++++++
 .../images/dashboard/captain/faqs-dark.svg    |  18 +
 .../images/dashboard/captain/faqs-light.svg   |  19 +
 .../dashboard/captain/faqs-popover-dark.svg   | 563 +++++++++++++++++
 .../dashboard/captain/faqs-popover-light.svg  | 564 +++++++++++++++++
 27 files changed, 4296 insertions(+), 8 deletions(-)
 create mode 100644 app/javascript/dashboard/components-next/feature-spotlight/FeatureSpotlight.story.vue
 create mode 100644 app/javascript/dashboard/components-next/feature-spotlight/FeatureSpotlight.vue
 create mode 100644 app/javascript/dashboard/components-next/feature-spotlight/FeatureSpotlightPopover.story.vue
 create mode 100644 app/javascript/dashboard/components-next/feature-spotlight/FeatureSpotlightPopover.vue
 create mode 100644 public/assets/images/dashboard/captain/assistant-dark.svg
 create mode 100644 public/assets/images/dashboard/captain/assistant-light.svg
 create mode 100644 public/assets/images/dashboard/captain/assistant-popover-dark.svg
 create mode 100644 public/assets/images/dashboard/captain/assistant-popover-light.svg
 create mode 100644 public/assets/images/dashboard/captain/document-dark.svg
 create mode 100644 public/assets/images/dashboard/captain/document-light.svg
 create mode 100644 public/assets/images/dashboard/captain/document-popover-dark.svg
 create mode 100644 public/assets/images/dashboard/captain/document-popover-light.svg
 create mode 100644 public/assets/images/dashboard/captain/faqs-dark.svg
 create mode 100644 public/assets/images/dashboard/captain/faqs-light.svg
 create mode 100644 public/assets/images/dashboard/captain/faqs-popover-dark.svg
 create mode 100644 public/assets/images/dashboard/captain/faqs-popover-light.svg

diff --git a/app/javascript/dashboard/assets/scss/_woot.scss b/app/javascript/dashboard/assets/scss/_woot.scss
index d736d7b5a..f62227d72 100644
--- a/app/javascript/dashboard/assets/scss/_woot.scss
+++ b/app/javascript/dashboard/assets/scss/_woot.scss
@@ -54,6 +54,17 @@
   @apply text-n-blue-text;
 }
 
+.custom-dashed-border {
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='none' rx='16' ry='16' stroke='%23E2E3E7' stroke-width='2' stroke-dasharray='6, 8' stroke-dashoffset='0' stroke-linecap='round'/%3E%3C/svg%3E");
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+}
+
+.dark .custom-dashed-border {
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='none' rx='16' ry='16' stroke='%23343434' stroke-width='2' stroke-dasharray='6, 8' stroke-dashoffset='0' stroke-linecap='round'/%3E%3C/svg%3E");
+}
+
 // scss-lint:disable PropertySortOrder
 @layer base {
   /* NEXT COLORS START */
diff --git a/app/javascript/dashboard/components-next/captain/PageLayout.vue b/app/javascript/dashboard/components-next/captain/PageLayout.vue
index aaceda050..e9fae9ca7 100644
--- a/app/javascript/dashboard/components-next/captain/PageLayout.vue
+++ b/app/javascript/dashboard/components-next/captain/PageLayout.vue
@@ -72,10 +72,18 @@ const handlePageChange = event => {
         <div
           class="flex items-start lg:items-center justify-between w-full py-6 lg:py-0 lg:h-20 gap-4 lg:gap-2 flex-col lg:flex-row"
         >
-          <span class="text-xl font-medium text-n-slate-12">
-            {{ headerTitle }}
-            <slot name="headerTitle" />
-          </span>
+          <div class="flex gap-4 items-center">
+            <slot name="headerTitle">
+              <span class="text-xl font-medium text-n-slate-12">
+                {{ headerTitle }}
+              </span>
+            </slot>
+            <div v-if="!isEmpty" class="flex items-center gap-2">
+              <div class="w-0.5 h-4 rounded-2xl bg-n-weak" />
+              <slot name="knowMore" />
+            </div>
+          </div>
+
           <div
             v-if="!showPaywall"
             v-on-clickaway="() => emit('close')"
diff --git a/app/javascript/dashboard/components-next/captain/pageComponents/emptyStates/AssistantPageEmptyState.vue b/app/javascript/dashboard/components-next/captain/pageComponents/emptyStates/AssistantPageEmptyState.vue
index a12fcce74..365b78222 100644
--- a/app/javascript/dashboard/components-next/captain/pageComponents/emptyStates/AssistantPageEmptyState.vue
+++ b/app/javascript/dashboard/components-next/captain/pageComponents/emptyStates/AssistantPageEmptyState.vue
@@ -2,6 +2,7 @@
 import EmptyStateLayout from 'dashboard/components-next/EmptyStateLayout.vue';
 import Button from 'dashboard/components-next/button/Button.vue';
 import AssistantCard from 'dashboard/components-next/captain/assistant/AssistantCard.vue';
+import FeatureSpotlight from 'dashboard/components-next/feature-spotlight/FeatureSpotlight.vue';
 import { assistantsList } from 'dashboard/components-next/captain/pageComponents/emptyStates/captainEmptyStateContent.js';
 
 const emit = defineEmits(['click']);
@@ -12,6 +13,14 @@ const onClick = () => {
 </script>
 
 <template>
+  <FeatureSpotlight
+    :title="$t('CAPTAIN.ASSISTANTS.EMPTY_STATE.FEATURE_SPOTLIGHT.TITLE')"
+    :note="$t('CAPTAIN.ASSISTANTS.EMPTY_STATE.FEATURE_SPOTLIGHT.NOTE')"
+    fallback-thumbnail="/assets/images/dashboard/captain/assistant-light.svg"
+    fallback-thumbnail-dark="/assets/images/dashboard/captain/assistant-dark.svg"
+    learn-more-url="https://chwt.app/captain-assistant"
+    class="mb-8"
+  />
   <EmptyStateLayout
     :title="$t('CAPTAIN.ASSISTANTS.EMPTY_STATE.TITLE')"
     :subtitle="$t('CAPTAIN.ASSISTANTS.EMPTY_STATE.SUBTITLE')"
diff --git a/app/javascript/dashboard/components-next/captain/pageComponents/emptyStates/DocumentPageEmptyState.vue b/app/javascript/dashboard/components-next/captain/pageComponents/emptyStates/DocumentPageEmptyState.vue
index 23ad01926..39182587e 100644
--- a/app/javascript/dashboard/components-next/captain/pageComponents/emptyStates/DocumentPageEmptyState.vue
+++ b/app/javascript/dashboard/components-next/captain/pageComponents/emptyStates/DocumentPageEmptyState.vue
@@ -2,6 +2,7 @@
 import EmptyStateLayout from 'dashboard/components-next/EmptyStateLayout.vue';
 import Button from 'dashboard/components-next/button/Button.vue';
 import DocumentCard from 'dashboard/components-next/captain/assistant/DocumentCard.vue';
+import FeatureSpotlight from 'dashboard/components-next/feature-spotlight/FeatureSpotlight.vue';
 import { documentsList } from 'dashboard/components-next/captain/pageComponents/emptyStates/captainEmptyStateContent.js';
 
 const emit = defineEmits(['click']);
@@ -12,6 +13,14 @@ const onClick = () => {
 </script>
 
 <template>
+  <FeatureSpotlight
+    :title="$t('CAPTAIN.DOCUMENTS.EMPTY_STATE.FEATURE_SPOTLIGHT.TITLE')"
+    :note="$t('CAPTAIN.DOCUMENTS.EMPTY_STATE.FEATURE_SPOTLIGHT.NOTE')"
+    fallback-thumbnail="/assets/images/dashboard/captain/document-light.svg"
+    fallback-thumbnail-dark="/assets/images/dashboard/captain/document-dark.svg"
+    learn-more-url="https://chwt.app/captain-document"
+    class="mb-8"
+  />
   <EmptyStateLayout
     :title="$t('CAPTAIN.DOCUMENTS.EMPTY_STATE.TITLE')"
     :subtitle="$t('CAPTAIN.DOCUMENTS.EMPTY_STATE.SUBTITLE')"
diff --git a/app/javascript/dashboard/components-next/captain/pageComponents/emptyStates/ResponsePageEmptyState.vue b/app/javascript/dashboard/components-next/captain/pageComponents/emptyStates/ResponsePageEmptyState.vue
index 2b8be652e..7e95a4a51 100644
--- a/app/javascript/dashboard/components-next/captain/pageComponents/emptyStates/ResponsePageEmptyState.vue
+++ b/app/javascript/dashboard/components-next/captain/pageComponents/emptyStates/ResponsePageEmptyState.vue
@@ -2,6 +2,7 @@
 import EmptyStateLayout from 'dashboard/components-next/EmptyStateLayout.vue';
 import Button from 'dashboard/components-next/button/Button.vue';
 import ResponseCard from 'dashboard/components-next/captain/assistant/ResponseCard.vue';
+import FeatureSpotlight from 'dashboard/components-next/feature-spotlight/FeatureSpotlight.vue';
 import { responsesList } from 'dashboard/components-next/captain/pageComponents/emptyStates/captainEmptyStateContent.js';
 
 const emit = defineEmits(['click']);
@@ -12,6 +13,14 @@ const onClick = () => {
 </script>
 
 <template>
+  <FeatureSpotlight
+    :title="$t('CAPTAIN.RESPONSES.EMPTY_STATE.FEATURE_SPOTLIGHT.TITLE')"
+    :note="$t('CAPTAIN.RESPONSES.EMPTY_STATE.FEATURE_SPOTLIGHT.NOTE')"
+    fallback-thumbnail="/assets/images/dashboard/captain/faqs-light.svg"
+    fallback-thumbnail-dark="/assets/images/dashboard/captain/faqs-dark.svg"
+    learn-more-url="https://chwt.app/captain-faq"
+    class="mb-8"
+  />
   <EmptyStateLayout
     :title="$t('CAPTAIN.RESPONSES.EMPTY_STATE.TITLE')"
     :subtitle="$t('CAPTAIN.RESPONSES.EMPTY_STATE.SUBTITLE')"
diff --git a/app/javascript/dashboard/components-next/feature-spotlight/FeatureSpotlight.story.vue b/app/javascript/dashboard/components-next/feature-spotlight/FeatureSpotlight.story.vue
new file mode 100644
index 000000000..d42af2a11
--- /dev/null
+++ b/app/javascript/dashboard/components-next/feature-spotlight/FeatureSpotlight.story.vue
@@ -0,0 +1,38 @@
+<script setup>
+import FeatureSpotlight from './FeatureSpotlight.vue';
+</script>
+
+<template>
+  <Story
+    title="Components/FeatureSpotlight/Default"
+    :layout="{ type: 'grid', width: '1000px' }"
+  >
+    <Variant title="Default with learn more URL">
+      <div class="p-6 bg-n-background">
+        <FeatureSpotlight
+          title="Captain Assistant"
+          note="Captain Assistant engages directly with customers, learns from your help docs and past conversations, and delivers instant, accurate responses. It handles the initial queries, providing quick resolutions before transferring to an agent when needed."
+          video-url=""
+          thumbnail=""
+          fallback-thumbnail="/assets/images/dashboard/captain/assistant-light.svg"
+          fallback-thumbnail-dark="/assets/images/dashboard/captain/assistant-dark.svg"
+          learn-more-url="https://www.chatwoot.com/hc/user-guide/articles/1738101547-creating-an-assistant-with-captain"
+        />
+      </div>
+    </Variant>
+
+    <Variant title="With Video URL and Thumbnail">
+      <div class="p-6 bg-n-background">
+        <FeatureSpotlight
+          title="Captain Assistant"
+          note="Captain Assistant engages directly with customers, learns from your help docs and past conversations, and delivers instant, accurate responses. It handles the initial queries, providing quick resolutions before transferring to an agent when needed."
+          video-url="https://www.youtube.com/watch?v=E4xUHyAAktY"
+          thumbnail="https://i.ytimg.com/an_webp/E4xUHyAAktY/mqdefault_6s.webp?du=3000&sqp=CJaKmL4G&rs=AOn4CLCmfy1TMOcW4UsjQTgyKRp4TSGZgg"
+          fallback-thumbnail="/assets/images/dashboard/captain/assistant-light.svg"
+          fallback-thumbnail-dark="/assets/images/dashboard/captain/assistant-dark.svg"
+          learn-more-url="https://www.chatwoot.com/hc/user-guide/articles/1738101547-creating-an-assistant-with-captain"
+        />
+      </div>
+    </Variant>
+  </Story>
+</template>
diff --git a/app/javascript/dashboard/components-next/feature-spotlight/FeatureSpotlight.vue b/app/javascript/dashboard/components-next/feature-spotlight/FeatureSpotlight.vue
new file mode 100644
index 000000000..d8e145817
--- /dev/null
+++ b/app/javascript/dashboard/components-next/feature-spotlight/FeatureSpotlight.vue
@@ -0,0 +1,95 @@
+<script setup>
+import { ref } from 'vue';
+import Button from 'dashboard/components-next/button/Button.vue';
+
+defineProps({
+  title: { type: String, default: '' },
+  note: { type: String, default: '' },
+  videoUrl: { type: String, default: '' },
+  thumbnail: { type: String, default: '' },
+  fallbackThumbnail: { type: String, default: '' },
+  fallbackThumbnailDark: { type: String, default: '' },
+  learnMoreUrl: { type: String, default: '' },
+});
+
+const imageError = ref(false);
+
+const handleImageError = () => {
+  imageError.value = true;
+};
+
+const openLink = link => {
+  if (link) {
+    window.open(link, '_blank');
+  }
+};
+</script>
+
+<template>
+  <section class="custom-dashed-border rounded-2xl py-5 px-6">
+    <div class="flex flex-col md:flex-row items-start md:items-center gap-6">
+      <div
+        class="flex-shrink-0 bg-gray-800 w-[7.5rem] h-[6.5rem] rounded-lg flex items-center justify-center overflow-hidden"
+      >
+        <img
+          v-if="!imageError && thumbnail"
+          :src="thumbnail"
+          :alt="title"
+          draggable="false"
+          class="w-full h-full object-cover rounded-lg"
+          loading="lazy"
+          @error="handleImageError"
+        />
+
+        <template v-else>
+          <img
+            v-if="fallbackThumbnailDark"
+            :src="fallbackThumbnailDark"
+            :alt="title"
+            draggable="false"
+            class="w-full h-full object-cover hidden dark:block rounded-lg"
+            loading="lazy"
+          />
+
+          <img
+            v-if="fallbackThumbnail"
+            :src="fallbackThumbnail"
+            :alt="title"
+            draggable="false"
+            class="w-full h-full object-cover block dark:hidden rounded-lg"
+            loading="lazy"
+          />
+        </template>
+      </div>
+
+      <div class="flex flex-col flex-1 gap-3 ltr:pr-8 rtl:pl-8">
+        <p v-if="note" class="text-n-slate-12 text-sm mb-0">{{ note }}</p>
+
+        <div class="flex gap-3">
+          <slot name="actions">
+            <Button
+              v-if="videoUrl"
+              :label="$t('FEATURE_SPOTLIGHT.WATCH_VIDEO')"
+              sm
+              faded
+              slate
+              icon="i-lucide-circle-play"
+              @click="openLink(videoUrl)"
+            />
+
+            <Button
+              v-if="learnMoreUrl"
+              :label="$t('FEATURE_SPOTLIGHT.LEARN_MORE')"
+              sm
+              faded
+              slate
+              trailing-icon
+              icon="i-lucide-arrow-up-right"
+              @click="openLink(learnMoreUrl)"
+            />
+          </slot>
+        </div>
+      </div>
+    </div>
+  </section>
+</template>
diff --git a/app/javascript/dashboard/components-next/feature-spotlight/FeatureSpotlightPopover.story.vue b/app/javascript/dashboard/components-next/feature-spotlight/FeatureSpotlightPopover.story.vue
new file mode 100644
index 000000000..48bbc3c93
--- /dev/null
+++ b/app/javascript/dashboard/components-next/feature-spotlight/FeatureSpotlightPopover.story.vue
@@ -0,0 +1,44 @@
+<script setup>
+import FeatureSpotlightPopover from './FeatureSpotlightPopover.vue';
+</script>
+
+<template>
+  <Story
+    title="Components/FeatureSpotlight/Popup"
+    :layout="{ type: 'grid', width: '800px' }"
+  >
+    <Variant title="Default with learn more URL">
+      <div class="p-6 h-[450px] bg-n-background">
+        <div class="flex gap-8">
+          <FeatureSpotlightPopover
+            button-label="Learn about Assistant"
+            title="Captain Assistant"
+            note="Captain Assistant engages directly with customers, learns from your help docs and past conversations, and delivers instant, accurate responses. It handles the initial queries, providing quick resolutions before transferring to an agent when needed."
+            video-url=""
+            thumbnail=""
+            fallback-thumbnail="/assets/images/dashboard/captain/assistant-popover-light.svg"
+            fallback-thumbnail-dark="/assets/images/dashboard/captain/assistant-popover-dark.svg"
+            learn-more-url="https://www.chatwoot.com/hc/user-guide/articles/1738101547-creating-an-assistant-with-captain"
+          />
+        </div>
+      </div>
+    </Variant>
+
+    <Variant title="With Video Thumbnail and URL">
+      <div class="p-6 h-[450px] bg-n-background">
+        <div class="flex gap-8">
+          <FeatureSpotlightPopover
+            button-label="Learn about Assistant"
+            title="Captain Assistant"
+            note="Captain Assistant engages directly with customers, learns from your help docs and past conversations, and delivers instant, accurate responses. It handles the initial queries, providing quick resolutions before transferring to an agent when needed."
+            video-url="https://www.youtube.com/watch?v=E4xUHyAAktY"
+            thumbnail="https://i.ytimg.com/an_webp/E4xUHyAAktY/mqdefault_6s.webp?du=3000&sqp=CJaKmL4G&rs=AOn4CLCmfy1TMOcW4UsjQTgyKRp4TSGZgg"
+            fallback-thumbnail="/assets/images/dashboard/captain/assistant-popover-light.svg"
+            fallback-thumbnail-dark="/assets/images/dashboard/captain/assistant-popover-dark.svg"
+            learn-more-url="https://www.chatwoot.com/hc/user-guide/articles/1738101547-creating-an-assistant-with-captain"
+          />
+        </div>
+      </div>
+    </Variant>
+  </Story>
+</template>
diff --git a/app/javascript/dashboard/components-next/feature-spotlight/FeatureSpotlightPopover.vue b/app/javascript/dashboard/components-next/feature-spotlight/FeatureSpotlightPopover.vue
new file mode 100644
index 000000000..6d3c48cdc
--- /dev/null
+++ b/app/javascript/dashboard/components-next/feature-spotlight/FeatureSpotlightPopover.vue
@@ -0,0 +1,125 @@
+<script setup>
+import { ref } from 'vue';
+import { useToggle } from '@vueuse/core';
+import { vOnClickOutside } from '@vueuse/components';
+import Button from 'dashboard/components-next/button/Button.vue';
+
+defineProps({
+  buttonLabel: { type: String, default: '' },
+  title: { type: String, default: '' },
+  note: { type: String, default: '' },
+  videoUrl: { type: String, default: '' },
+  thumbnail: { type: String, default: '' },
+  fallbackThumbnail: { type: String, default: '' },
+  fallbackThumbnailDark: { type: String, default: '' },
+  learnMoreUrl: { type: String, default: '' },
+});
+
+const imageError = ref(false);
+const [isPopupVisible, togglePopup] = useToggle();
+
+const handleImageError = () => {
+  imageError.value = true;
+};
+
+const openLink = link => {
+  if (link) {
+    window.open(link, '_blank');
+  }
+};
+</script>
+
+<template>
+  <div class="relative">
+    <Button
+      id="togglePopup"
+      :label="buttonLabel"
+      slate
+      ghost
+      sm
+      :class="{ 'bg-n-alpha-2': isPopupVisible }"
+      @click="togglePopup(!isPopupVisible)"
+    />
+
+    <div
+      v-if="isPopupVisible"
+      v-on-click-outside="[
+        () => isPopupVisible && (isPopupVisible = false),
+        { ignore: ['#togglePopup'] },
+      ]"
+    >
+      <section
+        class="absolute top-full mt-6 ltr:left-0 rtl:right-0 outline outline-1 outline-n-weak bg-n-alpha-3 backdrop-blur-[100px] rounded-xl p-4 w-80"
+      >
+        <div
+          class="absolute -top-[0.77rem] ltr:left-12 rtl:right-12 w-6 h-6 ltr:rotate-45 rtl:-rotate-45 rtl:rounded-tr ltr:rounded-tl rtl:border-r ltr:border-l border-t border-n-weak bg-n-alpha-3 z-10"
+        />
+
+        <div class="relative flex flex-col items-start gap-4 z-20">
+          <div class="flex-shrink-0 bg-gray-800 w-full h-[7.5rem] rounded-lg">
+            <img
+              v-if="!imageError && thumbnail"
+              :src="thumbnail"
+              :alt="title"
+              draggable="false"
+              loading="lazy"
+              class="w-full h-full object-cover rounded-lg"
+              @error="handleImageError"
+            />
+
+            <template v-else>
+              <img
+                v-if="fallbackThumbnailDark"
+                :src="fallbackThumbnailDark"
+                :alt="title"
+                draggable="false"
+                loading="lazy"
+                class="w-full h-full object-cover hidden dark:block"
+              />
+
+              <img
+                v-if="fallbackThumbnail"
+                :src="fallbackThumbnail"
+                :alt="title"
+                draggable="false"
+                loading="lazy"
+                class="w-full h-full object-cover block dark:hidden"
+              />
+            </template>
+          </div>
+
+          <p v-if="note" class="text-n-slate-12 text-start text-sm mb-0">
+            {{ note }}
+          </p>
+
+          <div class="flex gap-3 justify-between w-full">
+            <slot name="actions">
+              <Button
+                v-if="videoUrl"
+                :label="$t('FEATURE_SPOTLIGHT.WATCH_VIDEO')"
+                sm
+                faded
+                slate
+                icon="i-lucide-circle-play"
+                class="w-full"
+                @click="openLink(videoUrl)"
+              />
+
+              <Button
+                v-if="learnMoreUrl"
+                :label="$t('FEATURE_SPOTLIGHT.LEARN_MORE')"
+                sm
+                faded
+                slate
+                trailing-icon
+                class="w-full"
+                icon="i-lucide-arrow-up-right"
+                @click="openLink(learnMoreUrl)"
+              />
+            </slot>
+          </div>
+        </div>
+      </section>
+    </div>
+  </div>
+</template>
diff --git a/app/javascript/dashboard/i18n/locale/en/components.json b/app/javascript/dashboard/i18n/locale/en/components.json
index 0bbc0c65a..c7230b1fc 100644
--- a/app/javascript/dashboard/i18n/locale/en/components.json
+++ b/app/javascript/dashboard/i18n/locale/en/components.json
@@ -39,5 +39,9 @@
   },
   "LABEL": {
     "TAG_BUTTON": "tag"
+  },
+  "FEATURE_SPOTLIGHT": {
+    "LEARN_MORE": "Learn more",
+    "WATCH_VIDEO": "Watch video"
   }
 }
diff --git a/app/javascript/dashboard/i18n/locale/en/integrations.json b/app/javascript/dashboard/i18n/locale/en/integrations.json
index 8db6e4428..c6583d7f8 100644
--- a/app/javascript/dashboard/i18n/locale/en/integrations.json
+++ b/app/javascript/dashboard/i18n/locale/en/integrations.json
@@ -308,6 +308,7 @@
   },
   "CAPTAIN": {
     "NAME": "Captain",
+    "HEADER_KNOW_MORE": "Know more",
     "COPILOT": {
       "SEND_MESSAGE": "Send message...",
       "LOADER": "Captain is thinking",
@@ -387,7 +388,11 @@
       },
       "EMPTY_STATE": {
         "TITLE": "No assistants available",
-        "SUBTITLE": "Create an assistant to provide quick and accurate responses to your users. It can learn from your help articles and past conversations."
+        "SUBTITLE": "Create an assistant to provide quick and accurate responses to your users. It can learn from your help articles and past conversations.",
+        "FEATURE_SPOTLIGHT": {
+          "TITLE": "Captain Assistant",
+          "NOTE": "Captain Assistant engages directly with customers, learns from your help docs and past conversations, and delivers instant, accurate responses. It handles the initial queries, providing quick resolutions before  transferring to an agent when needed."
+        }
       }
     },
     "DOCUMENTS": {
@@ -429,7 +434,11 @@
       },
       "EMPTY_STATE": {
         "TITLE": "No documents available",
-        "SUBTITLE": "Documents are used by your assistant to generate FAQs. You can import documents to provide context for your assistant."
+        "SUBTITLE": "Documents are used by your assistant to generate FAQs. You can import documents to provide context for your assistant.",
+        "FEATURE_SPOTLIGHT": {
+          "TITLE": "Captain Document",
+          "NOTE": "A document in Captain serves as a knowledge resource for the assistant. By connecting your help center or guides, Captain can analyze the content and provide accurate responses for customer inquiries."
+        }
       }
     },
     "RESPONSES": {
@@ -507,7 +516,11 @@
       },
       "EMPTY_STATE": {
         "TITLE": "No FAQs Found",
-        "SUBTITLE": "FAQs help your assistant provide quick and accurate answers to questions from your customers. They can be generated automatically from your content or can be added manually."
+        "SUBTITLE": "FAQs help your assistant provide quick and accurate answers to questions from your customers. They can be generated automatically from your content or can be added manually.",
+        "FEATURE_SPOTLIGHT": {
+          "TITLE": "Captain FAQ",
+          "NOTE": "Captain FAQs detects common customer questions—whether missing from your knowledge base or frequently asked—and generates relevant FAQs to improve support. You can review each suggestion and decide whether to approve or reject it."
+        }
       }
     },
     "INBOXES": {
diff --git a/app/javascript/dashboard/routes/dashboard/captain/assistants/Index.vue b/app/javascript/dashboard/routes/dashboard/captain/assistants/Index.vue
index bcc551966..242e6f086 100644
--- a/app/javascript/dashboard/routes/dashboard/captain/assistants/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/captain/assistants/Index.vue
@@ -9,6 +9,7 @@ import PageLayout from 'dashboard/components-next/captain/PageLayout.vue';
 import CaptainPaywall from 'dashboard/components-next/captain/pageComponents/Paywall.vue';
 import CreateAssistantDialog from 'dashboard/components-next/captain/pageComponents/assistant/CreateAssistantDialog.vue';
 import AssistantPageEmptyState from 'dashboard/components-next/captain/pageComponents/emptyStates/AssistantPageEmptyState.vue';
+import FeatureSpotlightPopover from 'dashboard/components-next/feature-spotlight/FeatureSpotlightPopover.vue';
 import LimitBanner from 'dashboard/components-next/captain/pageComponents/response/LimitBanner.vue';
 import { useRouter } from 'vue-router';
 
@@ -82,6 +83,16 @@ onMounted(() => store.dispatch('captainAssistants/get'));
     :feature-flag="FEATURE_FLAGS.CAPTAIN"
     @click="handleCreate"
   >
+    <template #knowMore>
+      <FeatureSpotlightPopover
+        :button-label="$t('CAPTAIN.HEADER_KNOW_MORE')"
+        :title="$t('CAPTAIN.ASSISTANTS.EMPTY_STATE.FEATURE_SPOTLIGHT.TITLE')"
+        :note="$t('CAPTAIN.ASSISTANTS.EMPTY_STATE.FEATURE_SPOTLIGHT.NOTE')"
+        fallback-thumbnail="/assets/images/dashboard/captain/assistant-popover-light.svg"
+        fallback-thumbnail-dark="/assets/images/dashboard/captain/assistant-popover-dark.svg"
+        learn-more-url="https://chwt.app/captain-assistant"
+      />
+    </template>
     <template #emptyState>
       <AssistantPageEmptyState @click="handleCreate" />
     </template>
diff --git a/app/javascript/dashboard/routes/dashboard/captain/assistants/inboxes/Index.vue b/app/javascript/dashboard/routes/dashboard/captain/assistants/inboxes/Index.vue
index a9a36706a..81b6ccc04 100644
--- a/app/javascript/dashboard/routes/dashboard/captain/assistants/inboxes/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/captain/assistants/inboxes/Index.vue
@@ -79,7 +79,9 @@ onMounted(() =>
     <template v-if="!isFetchingAssistant" #headerTitle>
       <div class="flex flex-row items-center gap-4">
         <BackButton compact />
-        <span class="flex items-center gap-1 text-lg">
+        <span
+          class="flex items-center gap-1 text-lg font-medium text-n-slate-12"
+        >
           {{ assistant.name }}
           <span class="i-lucide-chevron-right text-xl text-n-slate-10" />
           {{ $t('CAPTAIN.INBOXES.HEADER') }}
diff --git a/app/javascript/dashboard/routes/dashboard/captain/documents/Index.vue b/app/javascript/dashboard/routes/dashboard/captain/documents/Index.vue
index 12a595069..90db4694a 100644
--- a/app/javascript/dashboard/routes/dashboard/captain/documents/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/captain/documents/Index.vue
@@ -11,6 +11,7 @@ import RelatedResponses from 'dashboard/components-next/captain/pageComponents/d
 import CreateDocumentDialog from 'dashboard/components-next/captain/pageComponents/document/CreateDocumentDialog.vue';
 import AssistantSelector from 'dashboard/components-next/captain/pageComponents/AssistantSelector.vue';
 import DocumentPageEmptyState from 'dashboard/components-next/captain/pageComponents/emptyStates/DocumentPageEmptyState.vue';
+import FeatureSpotlightPopover from 'dashboard/components-next/feature-spotlight/FeatureSpotlightPopover.vue';
 import LimitBanner from 'dashboard/components-next/captain/pageComponents/document/LimitBanner.vue';
 
 const store = useStore();
@@ -115,6 +116,17 @@ onMounted(() => {
     @update:current-page="onPageChange"
     @click="handleCreateDocument"
   >
+    <template #knowMore>
+      <FeatureSpotlightPopover
+        :button-label="$t('CAPTAIN.HEADER_KNOW_MORE')"
+        :title="$t('CAPTAIN.DOCUMENTS.EMPTY_STATE.FEATURE_SPOTLIGHT.TITLE')"
+        :note="$t('CAPTAIN.DOCUMENTS.EMPTY_STATE.FEATURE_SPOTLIGHT.NOTE')"
+        fallback-thumbnail="/assets/images/dashboard/captain/document-popover-light.svg"
+        fallback-thumbnail-dark="/assets/images/dashboard/captain/document-popover-dark.svg"
+        learn-more-url="https://chwt.app/captain-document"
+      />
+    </template>
+
     <template #emptyState>
       <DocumentPageEmptyState @click="handleCreateDocument" />
     </template>
diff --git a/app/javascript/dashboard/routes/dashboard/captain/responses/Index.vue b/app/javascript/dashboard/routes/dashboard/captain/responses/Index.vue
index c087da817..258e1c0c9 100644
--- a/app/javascript/dashboard/routes/dashboard/captain/responses/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/captain/responses/Index.vue
@@ -18,6 +18,7 @@ import AssistantSelector from 'dashboard/components-next/captain/pageComponents/
 import ResponseCard from 'dashboard/components-next/captain/assistant/ResponseCard.vue';
 import CreateResponseDialog from 'dashboard/components-next/captain/pageComponents/response/CreateResponseDialog.vue';
 import ResponsePageEmptyState from 'dashboard/components-next/captain/pageComponents/emptyStates/ResponsePageEmptyState.vue';
+import FeatureSpotlightPopover from 'dashboard/components-next/feature-spotlight/FeatureSpotlightPopover.vue';
 import LimitBanner from 'dashboard/components-next/captain/pageComponents/response/LimitBanner.vue';
 
 const router = useRouter();
@@ -247,6 +248,17 @@ onMounted(() => {
     @update:current-page="onPageChange"
     @click="handleCreate"
   >
+    <template #knowMore>
+      <FeatureSpotlightPopover
+        :button-label="$t('CAPTAIN.HEADER_KNOW_MORE')"
+        :title="$t('CAPTAIN.RESPONSES.EMPTY_STATE.FEATURE_SPOTLIGHT.TITLE')"
+        :note="$t('CAPTAIN.RESPONSES.EMPTY_STATE.FEATURE_SPOTLIGHT.NOTE')"
+        fallback-thumbnail="/assets/images/dashboard/captain/faqs-popover-light.svg"
+        fallback-thumbnail-dark="/assets/images/dashboard/captain/faqs-popover-dark.svg"
+        learn-more-url="https://chwt.app/captain-faq"
+      />
+    </template>
+
     <template #emptyState>
       <ResponsePageEmptyState @click="handleCreate" />
     </template>
diff --git a/public/assets/images/dashboard/captain/assistant-dark.svg b/public/assets/images/dashboard/captain/assistant-dark.svg
new file mode 100644
index 000000000..bc9fac01a
--- /dev/null
+++ b/public/assets/images/dashboard/captain/assistant-dark.svg
@@ -0,0 +1,207 @@
+<svg width="120" height="104" viewBox="0 0 120 104" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_156_14209)">
+<rect width="120" height="104" rx="8" fill="#1B1B1F"/>
+<circle cx="8" cy="4" r="1" fill="#56468B"/>
+<circle cx="16" cy="4" r="1" fill="#56468B"/>
+<circle cx="24" cy="4" r="1" fill="#56468B"/>
+<circle cx="32" cy="4" r="1" fill="#56468B"/>
+<circle cx="40" cy="4" r="1" fill="#56468B"/>
+<circle cx="48" cy="4" r="1" fill="#56468B"/>
+<circle cx="56" cy="4" r="1" fill="#56468B"/>
+<circle cx="64" cy="4" r="1" fill="#56468B"/>
+<circle cx="72" cy="4" r="1" fill="#56468B"/>
+<circle cx="80" cy="4" r="1" fill="#56468B"/>
+<circle cx="88" cy="4" r="1" fill="#56468B"/>
+<circle cx="96" cy="4" r="1" fill="#56468B"/>
+<circle cx="104" cy="4" r="1" fill="#56468B"/>
+<circle cx="112" cy="4" r="1" fill="#56468B"/>
+<circle cx="8" cy="12" r="1" fill="#56468B"/>
+<circle cx="16" cy="12" r="1" fill="#56468B"/>
+<circle cx="24" cy="12" r="1" fill="#56468B"/>
+<circle cx="32" cy="12" r="1" fill="#56468B"/>
+<circle cx="40" cy="12" r="1" fill="#56468B"/>
+<circle cx="48" cy="12" r="1" fill="#56468B"/>
+<circle cx="56" cy="12" r="1" fill="#56468B"/>
+<circle cx="64" cy="12" r="1" fill="#56468B"/>
+<circle cx="72" cy="12" r="1" fill="#56468B"/>
+<circle cx="80" cy="12" r="1" fill="#56468B"/>
+<circle cx="88" cy="12" r="1" fill="#56468B"/>
+<circle cx="96" cy="12" r="1" fill="#56468B"/>
+<circle cx="104" cy="12" r="1" fill="#56468B"/>
+<circle cx="112" cy="12" r="1" fill="#56468B"/>
+<circle cx="8" cy="20" r="1" fill="#56468B"/>
+<circle cx="16" cy="20" r="1" fill="#56468B"/>
+<circle cx="24" cy="20" r="1" fill="#56468B"/>
+<circle cx="32" cy="20" r="1" fill="#56468B"/>
+<circle cx="40" cy="20" r="1" fill="#56468B"/>
+<circle cx="48" cy="20" r="1" fill="#56468B"/>
+<circle cx="56" cy="20" r="1" fill="#56468B"/>
+<circle cx="64" cy="20" r="1" fill="#56468B"/>
+<circle cx="72" cy="20" r="1" fill="#56468B"/>
+<circle cx="80" cy="20" r="1" fill="#56468B"/>
+<circle cx="88" cy="20" r="1" fill="#56468B"/>
+<circle cx="96" cy="20" r="1" fill="#56468B"/>
+<circle cx="104" cy="20" r="1" fill="#56468B"/>
+<circle cx="112" cy="20" r="1" fill="#56468B"/>
+<circle cx="8" cy="28" r="1" fill="#56468B"/>
+<circle cx="16" cy="28" r="1" fill="#56468B"/>
+<circle cx="24" cy="28" r="1" fill="#56468B"/>
+<circle cx="32" cy="28" r="1" fill="#56468B"/>
+<circle cx="40" cy="28" r="1" fill="#56468B"/>
+<circle cx="48" cy="28" r="1" fill="#56468B"/>
+<circle cx="56" cy="28" r="1" fill="#56468B"/>
+<circle cx="64" cy="28" r="1" fill="#56468B"/>
+<circle cx="72" cy="28" r="1" fill="#56468B"/>
+<circle cx="80" cy="28" r="1" fill="#56468B"/>
+<circle cx="88" cy="28" r="1" fill="#56468B"/>
+<circle cx="96" cy="28" r="1" fill="#56468B"/>
+<circle cx="104" cy="28" r="1" fill="#56468B"/>
+<circle cx="112" cy="28" r="1" fill="#56468B"/>
+<circle cx="8" cy="36" r="1" fill="#56468B"/>
+<circle cx="16" cy="36" r="1" fill="#56468B"/>
+<circle cx="24" cy="36" r="1" fill="#56468B"/>
+<circle cx="32" cy="36" r="1" fill="#56468B"/>
+<circle cx="40" cy="36" r="1" fill="#56468B"/>
+<circle cx="48" cy="36" r="1" fill="#56468B"/>
+<circle cx="56" cy="36" r="1" fill="#56468B"/>
+<circle cx="64" cy="36" r="1" fill="#56468B"/>
+<circle cx="72" cy="36" r="1" fill="#56468B"/>
+<circle cx="80" cy="36" r="1" fill="#56468B"/>
+<circle cx="88" cy="36" r="1" fill="#56468B"/>
+<circle cx="96" cy="36" r="1" fill="#56468B"/>
+<circle cx="104" cy="36" r="1" fill="#56468B"/>
+<circle cx="112" cy="36" r="1" fill="#56468B"/>
+<circle cx="8" cy="44" r="1" fill="#56468B"/>
+<circle cx="16" cy="44" r="1" fill="#56468B"/>
+<circle cx="24" cy="44" r="1" fill="#56468B"/>
+<circle cx="32" cy="44" r="1" fill="#56468B"/>
+<circle cx="40" cy="44" r="1" fill="#56468B"/>
+<circle cx="48" cy="44" r="1" fill="#56468B"/>
+<circle cx="56" cy="44" r="1" fill="#56468B"/>
+<circle cx="64" cy="44" r="1" fill="#56468B"/>
+<circle cx="72" cy="44" r="1" fill="#56468B"/>
+<circle cx="80" cy="44" r="1" fill="#56468B"/>
+<circle cx="88" cy="44" r="1" fill="#56468B"/>
+<circle cx="96" cy="44" r="1" fill="#56468B"/>
+<circle cx="104" cy="44" r="1" fill="#56468B"/>
+<circle cx="112" cy="44" r="1" fill="#56468B"/>
+<circle cx="8" cy="52" r="1" fill="#56468B"/>
+<circle cx="16" cy="52" r="1" fill="#56468B"/>
+<circle cx="24" cy="52" r="1" fill="#56468B"/>
+<circle cx="32" cy="52" r="1" fill="#56468B"/>
+<circle cx="40" cy="52" r="1" fill="#56468B"/>
+<circle cx="48" cy="52" r="1" fill="#56468B"/>
+<circle cx="56" cy="52" r="1" fill="#56468B"/>
+<circle cx="64" cy="52" r="1" fill="#56468B"/>
+<circle cx="72" cy="52" r="1" fill="#56468B"/>
+<circle cx="80" cy="52" r="1" fill="#56468B"/>
+<circle cx="88" cy="52" r="1" fill="#56468B"/>
+<circle cx="96" cy="52" r="1" fill="#56468B"/>
+<circle cx="104" cy="52" r="1" fill="#56468B"/>
+<circle cx="112" cy="52" r="1" fill="#56468B"/>
+<circle cx="8" cy="60" r="1" fill="#56468B"/>
+<circle cx="16" cy="60" r="1" fill="#56468B"/>
+<circle cx="24" cy="60" r="1" fill="#56468B"/>
+<circle cx="32" cy="60" r="1" fill="#56468B"/>
+<circle cx="40" cy="60" r="1" fill="#56468B"/>
+<circle cx="48" cy="60" r="1" fill="#56468B"/>
+<circle cx="56" cy="60" r="1" fill="#56468B"/>
+<circle cx="64" cy="60" r="1" fill="#56468B"/>
+<circle cx="72" cy="60" r="1" fill="#56468B"/>
+<circle cx="80" cy="60" r="1" fill="#56468B"/>
+<circle cx="88" cy="60" r="1" fill="#56468B"/>
+<circle cx="96" cy="60" r="1" fill="#56468B"/>
+<circle cx="104" cy="60" r="1" fill="#56468B"/>
+<circle cx="112" cy="60" r="1" fill="#56468B"/>
+<circle cx="8" cy="68" r="1" fill="#56468B"/>
+<circle cx="16" cy="68" r="1" fill="#56468B"/>
+<circle cx="24" cy="68" r="1" fill="#56468B"/>
+<circle cx="32" cy="68" r="1" fill="#56468B"/>
+<circle cx="40" cy="68" r="1" fill="#56468B"/>
+<circle cx="48" cy="68" r="1" fill="#56468B"/>
+<circle cx="56" cy="68" r="1" fill="#56468B"/>
+<circle cx="64" cy="68" r="1" fill="#56468B"/>
+<circle cx="72" cy="68" r="1" fill="#56468B"/>
+<circle cx="80" cy="68" r="1" fill="#56468B"/>
+<circle cx="88" cy="68" r="1" fill="#56468B"/>
+<circle cx="96" cy="68" r="1" fill="#56468B"/>
+<circle cx="104" cy="68" r="1" fill="#56468B"/>
+<circle cx="112" cy="68" r="1" fill="#56468B"/>
+<circle cx="8" cy="76" r="1" fill="#56468B"/>
+<circle cx="16" cy="76" r="1" fill="#56468B"/>
+<circle cx="24" cy="76" r="1" fill="#56468B"/>
+<circle cx="32" cy="76" r="1" fill="#56468B"/>
+<circle cx="40" cy="76" r="1" fill="#56468B"/>
+<circle cx="48" cy="76" r="1" fill="#56468B"/>
+<circle cx="56" cy="76" r="1" fill="#56468B"/>
+<circle cx="64" cy="76" r="1" fill="#56468B"/>
+<circle cx="72" cy="76" r="1" fill="#56468B"/>
+<circle cx="80" cy="76" r="1" fill="#56468B"/>
+<circle cx="88" cy="76" r="1" fill="#56468B"/>
+<circle cx="96" cy="76" r="1" fill="#56468B"/>
+<circle cx="104" cy="76" r="1" fill="#56468B"/>
+<circle cx="112" cy="76" r="1" fill="#56468B"/>
+<circle cx="8" cy="84" r="1" fill="#56468B"/>
+<circle cx="16" cy="84" r="1" fill="#56468B"/>
+<circle cx="24" cy="84" r="1" fill="#56468B"/>
+<circle cx="32" cy="84" r="1" fill="#56468B"/>
+<circle cx="40" cy="84" r="1" fill="#56468B"/>
+<circle cx="48" cy="84" r="1" fill="#56468B"/>
+<circle cx="56" cy="84" r="1" fill="#56468B"/>
+<circle cx="64" cy="84" r="1" fill="#56468B"/>
+<circle cx="72" cy="84" r="1" fill="#56468B"/>
+<circle cx="80" cy="84" r="1" fill="#56468B"/>
+<circle cx="88" cy="84" r="1" fill="#56468B"/>
+<circle cx="96" cy="84" r="1" fill="#56468B"/>
+<circle cx="104" cy="84" r="1" fill="#56468B"/>
+<circle cx="112" cy="84" r="1" fill="#56468B"/>
+<circle cx="8" cy="92" r="1" fill="#56468B"/>
+<circle cx="16" cy="92" r="1" fill="#56468B"/>
+<circle cx="24" cy="92" r="1" fill="#56468B"/>
+<circle cx="32" cy="92" r="1" fill="#56468B"/>
+<circle cx="40" cy="92" r="1" fill="#56468B"/>
+<circle cx="48" cy="92" r="1" fill="#56468B"/>
+<circle cx="56" cy="92" r="1" fill="#56468B"/>
+<circle cx="64" cy="92" r="1" fill="#56468B"/>
+<circle cx="72" cy="92" r="1" fill="#56468B"/>
+<circle cx="80" cy="92" r="1" fill="#56468B"/>
+<circle cx="88" cy="92" r="1" fill="#56468B"/>
+<circle cx="96" cy="92" r="1" fill="#56468B"/>
+<circle cx="104" cy="92" r="1" fill="#56468B"/>
+<circle cx="112" cy="92" r="1" fill="#56468B"/>
+<circle cx="8" cy="100" r="1" fill="#56468B"/>
+<circle cx="16" cy="100" r="1" fill="#56468B"/>
+<circle cx="24" cy="100" r="1" fill="#56468B"/>
+<circle cx="32" cy="100" r="1" fill="#56468B"/>
+<circle cx="40" cy="100" r="1" fill="#56468B"/>
+<circle cx="48" cy="100" r="1" fill="#56468B"/>
+<circle cx="56" cy="100" r="1" fill="#56468B"/>
+<circle cx="64" cy="100" r="1" fill="#56468B"/>
+<circle cx="72" cy="100" r="1" fill="#56468B"/>
+<circle cx="80" cy="100" r="1" fill="#56468B"/>
+<circle cx="88" cy="100" r="1" fill="#56468B"/>
+<circle cx="96" cy="100" r="1" fill="#56468B"/>
+<circle cx="104" cy="100" r="1" fill="#56468B"/>
+<circle cx="112" cy="100" r="1" fill="#56468B"/>
+<rect width="120" height="104" fill="url(#paint0_radial_156_14209)"/>
+<path d="M32 54.1818C32 50.7677 34.8844 48 38.4424 48H40.053V63.3917C40.053 64.2799 39.3329 65 38.4447 65C34.8854 65 32 62.2313 32 58.816V54.1818Z" fill="#C171FF"/>
+<path d="M41.991 54.1818C41.991 50.7677 42.3351 48 38.7771 48H37.1665V65H38.7748C42.3341 65 41.991 62.2313 41.991 58.816V54.1818Z" fill="#C171FF"/>
+<path d="M86 53C86 47.1652 83.3661 41.5695 78.6777 37.4437C73.9893 33.3179 67.6304 31 61 31C54.3696 31 48.0107 33.3178 43.3223 37.4436C38.6339 41.5694 36 47.1652 36 53L39.594 53C39.594 48.0041 41.8493 43.2127 45.8637 39.6801C49.8781 36.1474 55.3228 34.1628 61 34.1628C66.6772 34.1628 72.1219 36.1474 76.1363 39.6801C80.1507 43.2127 82.406 48.0041 82.406 53H86Z" fill="#C171FF"/>
+<path d="M49.2493 52.4696C49.2493 51.3435 50.1621 50.4307 51.2882 50.4307C52.4143 50.4307 53.3272 51.3435 53.3272 52.4696V57.1819C53.3272 58.308 52.4143 59.2209 51.2882 59.2209C50.1621 59.2209 49.2493 58.308 49.2493 57.1819V52.4696Z" fill="#E2DDFE"/>
+<path d="M55.7737 52.4696C55.7737 51.3435 56.6866 50.4307 57.8127 50.4307C58.9387 50.4307 59.8516 51.3435 59.8516 52.4696V57.1819C59.8516 58.308 58.9387 59.2209 57.8127 59.2209C56.6866 59.2209 55.7737 58.308 55.7737 57.1819V52.4696Z" fill="#E2DDFE"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M71.6052 44.8367C64.0123 43.7654 57.8229 43.7231 50.0594 44.832C48.097 45.1122 46.7985 45.3017 45.8086 45.591C44.8906 45.8593 44.3685 46.1792 43.9367 46.6618C43.0425 47.6611 42.9247 48.7913 42.8028 52.7332C42.683 56.6073 42.9202 60.0793 43.3696 63.9859C43.6091 66.0676 43.7739 67.4725 44.0369 68.5406C44.2865 69.5537 44.5883 70.0984 45.0078 70.5155C45.4307 70.9358 45.9726 71.2322 46.9671 71.4728C48.0192 71.7273 49.3995 71.8812 51.451 72.105C58.0857 72.8289 63.0522 72.8252 69.7116 72.1088C71.788 71.8855 73.1908 71.7314 74.2586 71.4787C75.273 71.2386 75.8184 70.9442 76.2354 70.5359C76.6436 70.1361 76.9555 69.5847 77.2261 68.5211C77.5084 67.4113 77.7004 65.943 77.9784 63.7859C78.4742 59.9372 78.8313 56.5572 78.8452 52.8545C78.86 48.8957 78.779 47.7693 77.8747 46.7245C77.438 46.2199 76.907 45.8881 75.9681 45.6118C74.9541 45.3134 73.6206 45.121 71.6052 44.8367ZM49.5853 41.5127C57.6726 40.3576 64.1796 40.4028 72.0736 41.5166L72.1891 41.5329C74.0582 41.7965 75.6372 42.0192 76.9147 42.3952C78.2934 42.8009 79.4464 43.4169 80.41 44.5302C82.2277 46.6303 82.2158 49.122 82.2 52.4325C82.1994 52.5758 82.1987 52.7207 82.1981 52.8671C82.1835 56.7821 81.8047 60.3271 81.3038 64.2143L81.2906 64.3172C81.0293 66.3457 80.814 68.0174 80.4756 69.3476C80.1198 70.7464 79.588 71.9457 78.5813 72.9315C77.5835 73.9087 76.4043 74.4165 75.0309 74.7415C73.7339 75.0485 72.12 75.2221 70.1748 75.4313L70.0703 75.4426C63.1741 76.1844 57.9654 76.1886 51.0873 75.4382L50.9812 75.4266C49.0631 75.2174 47.466 75.0432 46.1788 74.7318C44.8104 74.4008 43.6391 73.8827 42.6439 72.8933C41.6453 71.9006 41.1208 70.7208 40.7813 69.3425C40.4611 68.0425 40.2749 66.4238 40.0507 64.4746L40.0386 64.369C39.5777 60.3626 39.325 56.7183 39.4514 52.6296C39.456 52.4813 39.4604 52.3345 39.4647 52.1894C39.563 48.9037 39.6367 46.4391 41.438 44.426C42.3936 43.3579 43.5232 42.7657 44.868 42.3726C46.1151 42.0081 47.6529 41.7886 49.473 41.5287C49.5103 41.5234 49.5478 41.518 49.5853 41.5127Z" fill="#E2DDFE"/>
+<path d="M79.5975 55.3508C79.5975 51.6744 82.5778 48.6941 86.2542 48.6941H87.3575V67H86.2566C82.5789 67 79.5975 64.0186 79.5975 60.3409V55.3508Z" fill="#C171FF"/>
+<path d="M92.3359 55.3508C92.3359 51.6744 89.3556 48.6941 85.6793 48.6941H84.576V67H85.6769C89.3546 67 92.3359 64.0186 92.3359 60.3409V55.3508Z" fill="#C171FF"/>
+<path d="M85.8456 58.6705C85.8456 58.6705 85.9608 65.4999 84.5619 70.4999C83.1631 75.4999 79.5629 76.9042 75.7024 77.9999C71.8419 79.0957 69.1743 78.9999 69.1743 78.9999" stroke="#C171FF" stroke-width="2.49412" stroke-linecap="round"/>
+</g>
+<defs>
+<radialGradient id="paint0_radial_156_14209" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(60 52) rotate(90) scale(52 60)">
+<stop offset="0.434745" stop-color="#1B1B1F"/>
+<stop offset="0.77" stop-color="#1B1B1F" stop-opacity="0.7"/>
+<stop offset="0.99" stop-color="#1B1B1F" stop-opacity="0.9"/>
+</radialGradient>
+<clipPath id="clip0_156_14209">
+<rect width="120" height="104" rx="8" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/assets/images/dashboard/captain/assistant-light.svg b/public/assets/images/dashboard/captain/assistant-light.svg
new file mode 100644
index 000000000..bf4f4e296
--- /dev/null
+++ b/public/assets/images/dashboard/captain/assistant-light.svg
@@ -0,0 +1,208 @@
+<svg width="120" height="104" viewBox="0 0 120 104" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_160_16406)">
+<rect width="120" height="104" rx="8" fill="#FCFCFD"/>
+<circle cx="8" cy="4" r="1" fill="#B9BBC6"/>
+<circle cx="16" cy="4" r="1" fill="#B9BBC6"/>
+<circle cx="24" cy="4" r="1" fill="#B9BBC6"/>
+<circle cx="32" cy="4" r="1" fill="#B9BBC6"/>
+<circle cx="40" cy="4" r="1" fill="#B9BBC6"/>
+<circle cx="48" cy="4" r="1" fill="#B9BBC6"/>
+<circle cx="56" cy="4" r="1" fill="#B9BBC6"/>
+<circle cx="64" cy="4" r="1" fill="#B9BBC6"/>
+<circle cx="72" cy="4" r="1" fill="#B9BBC6"/>
+<circle cx="80" cy="4" r="1" fill="#B9BBC6"/>
+<circle cx="88" cy="4" r="1" fill="#B9BBC6"/>
+<circle cx="96" cy="4" r="1" fill="#B9BBC6"/>
+<circle cx="104" cy="4" r="1" fill="#B9BBC6"/>
+<circle cx="112" cy="4" r="1" fill="#B9BBC6"/>
+<circle cx="8" cy="12" r="1" fill="#B9BBC6"/>
+<circle cx="16" cy="12" r="1" fill="#B9BBC6"/>
+<circle cx="24" cy="12" r="1" fill="#B9BBC6"/>
+<circle cx="32" cy="12" r="1" fill="#B9BBC6"/>
+<circle cx="40" cy="12" r="1" fill="#B9BBC6"/>
+<circle cx="48" cy="12" r="1" fill="#B9BBC6"/>
+<circle cx="56" cy="12" r="1" fill="#B9BBC6"/>
+<circle cx="64" cy="12" r="1" fill="#B9BBC6"/>
+<circle cx="72" cy="12" r="1" fill="#B9BBC6"/>
+<circle cx="80" cy="12" r="1" fill="#B9BBC6"/>
+<circle cx="88" cy="12" r="1" fill="#B9BBC6"/>
+<circle cx="96" cy="12" r="1" fill="#B9BBC6"/>
+<circle cx="104" cy="12" r="1" fill="#B9BBC6"/>
+<circle cx="112" cy="12" r="1" fill="#B9BBC6"/>
+<circle cx="8" cy="20" r="1" fill="#B9BBC6"/>
+<circle cx="16" cy="20" r="1" fill="#B9BBC6"/>
+<circle cx="24" cy="20" r="1" fill="#B9BBC6"/>
+<circle cx="32" cy="20" r="1" fill="#B9BBC6"/>
+<circle cx="40" cy="20" r="1" fill="#B9BBC6"/>
+<circle cx="48" cy="20" r="1" fill="#B9BBC6"/>
+<circle cx="56" cy="20" r="1" fill="#B9BBC6"/>
+<circle cx="64" cy="20" r="1" fill="#B9BBC6"/>
+<circle cx="72" cy="20" r="1" fill="#B9BBC6"/>
+<circle cx="80" cy="20" r="1" fill="#B9BBC6"/>
+<circle cx="88" cy="20" r="1" fill="#B9BBC6"/>
+<circle cx="96" cy="20" r="1" fill="#B9BBC6"/>
+<circle cx="104" cy="20" r="1" fill="#B9BBC6"/>
+<circle cx="112" cy="20" r="1" fill="#B9BBC6"/>
+<circle cx="8" cy="28" r="1" fill="#B9BBC6"/>
+<circle cx="16" cy="28" r="1" fill="#B9BBC6"/>
+<circle cx="24" cy="28" r="1" fill="#B9BBC6"/>
+<circle cx="32" cy="28" r="1" fill="#B9BBC6"/>
+<circle cx="40" cy="28" r="1" fill="#B9BBC6"/>
+<circle cx="48" cy="28" r="1" fill="#B9BBC6"/>
+<circle cx="56" cy="28" r="1" fill="#B9BBC6"/>
+<circle cx="64" cy="28" r="1" fill="#B9BBC6"/>
+<circle cx="72" cy="28" r="1" fill="#B9BBC6"/>
+<circle cx="80" cy="28" r="1" fill="#B9BBC6"/>
+<circle cx="88" cy="28" r="1" fill="#B9BBC6"/>
+<circle cx="96" cy="28" r="1" fill="#B9BBC6"/>
+<circle cx="104" cy="28" r="1" fill="#B9BBC6"/>
+<circle cx="112" cy="28" r="1" fill="#B9BBC6"/>
+<circle cx="8" cy="36" r="1" fill="#B9BBC6"/>
+<circle cx="16" cy="36" r="1" fill="#B9BBC6"/>
+<circle cx="24" cy="36" r="1" fill="#B9BBC6"/>
+<circle cx="32" cy="36" r="1" fill="#B9BBC6"/>
+<circle cx="40" cy="36" r="1" fill="#B9BBC6"/>
+<circle cx="48" cy="36" r="1" fill="#B9BBC6"/>
+<circle cx="56" cy="36" r="1" fill="#B9BBC6"/>
+<circle cx="64" cy="36" r="1" fill="#B9BBC6"/>
+<circle cx="72" cy="36" r="1" fill="#B9BBC6"/>
+<circle cx="80" cy="36" r="1" fill="#B9BBC6"/>
+<circle cx="88" cy="36" r="1" fill="#B9BBC6"/>
+<circle cx="96" cy="36" r="1" fill="#B9BBC6"/>
+<circle cx="104" cy="36" r="1" fill="#B9BBC6"/>
+<circle cx="112" cy="36" r="1" fill="#B9BBC6"/>
+<circle cx="8" cy="44" r="1" fill="#B9BBC6"/>
+<circle cx="16" cy="44" r="1" fill="#B9BBC6"/>
+<circle cx="24" cy="44" r="1" fill="#B9BBC6"/>
+<circle cx="32" cy="44" r="1" fill="#B9BBC6"/>
+<circle cx="40" cy="44" r="1" fill="#B9BBC6"/>
+<circle cx="48" cy="44" r="1" fill="#B9BBC6"/>
+<circle cx="56" cy="44" r="1" fill="#B9BBC6"/>
+<circle cx="64" cy="44" r="1" fill="#B9BBC6"/>
+<circle cx="72" cy="44" r="1" fill="#B9BBC6"/>
+<circle cx="80" cy="44" r="1" fill="#B9BBC6"/>
+<circle cx="88" cy="44" r="1" fill="#B9BBC6"/>
+<circle cx="96" cy="44" r="1" fill="#B9BBC6"/>
+<circle cx="104" cy="44" r="1" fill="#B9BBC6"/>
+<circle cx="112" cy="44" r="1" fill="#B9BBC6"/>
+<circle cx="8" cy="52" r="1" fill="#B9BBC6"/>
+<circle cx="16" cy="52" r="1" fill="#B9BBC6"/>
+<circle cx="24" cy="52" r="1" fill="#B9BBC6"/>
+<circle cx="32" cy="52" r="1" fill="#B9BBC6"/>
+<circle cx="40" cy="52" r="1" fill="#B9BBC6"/>
+<circle cx="48" cy="52" r="1" fill="#B9BBC6"/>
+<circle cx="56" cy="52" r="1" fill="#B9BBC6"/>
+<circle cx="64" cy="52" r="1" fill="#B9BBC6"/>
+<circle cx="72" cy="52" r="1" fill="#B9BBC6"/>
+<circle cx="80" cy="52" r="1" fill="#B9BBC6"/>
+<circle cx="88" cy="52" r="1" fill="#B9BBC6"/>
+<circle cx="96" cy="52" r="1" fill="#B9BBC6"/>
+<circle cx="104" cy="52" r="1" fill="#B9BBC6"/>
+<circle cx="112" cy="52" r="1" fill="#B9BBC6"/>
+<circle cx="8" cy="60" r="1" fill="#B9BBC6"/>
+<circle cx="16" cy="60" r="1" fill="#B9BBC6"/>
+<circle cx="24" cy="60" r="1" fill="#B9BBC6"/>
+<circle cx="32" cy="60" r="1" fill="#B9BBC6"/>
+<circle cx="40" cy="60" r="1" fill="#B9BBC6"/>
+<circle cx="48" cy="60" r="1" fill="#B9BBC6"/>
+<circle cx="56" cy="60" r="1" fill="#B9BBC6"/>
+<circle cx="64" cy="60" r="1" fill="#B9BBC6"/>
+<circle cx="72" cy="60" r="1" fill="#B9BBC6"/>
+<circle cx="80" cy="60" r="1" fill="#B9BBC6"/>
+<circle cx="88" cy="60" r="1" fill="#B9BBC6"/>
+<circle cx="96" cy="60" r="1" fill="#B9BBC6"/>
+<circle cx="104" cy="60" r="1" fill="#B9BBC6"/>
+<circle cx="112" cy="60" r="1" fill="#B9BBC6"/>
+<circle cx="8" cy="68" r="1" fill="#B9BBC6"/>
+<circle cx="16" cy="68" r="1" fill="#B9BBC6"/>
+<circle cx="24" cy="68" r="1" fill="#B9BBC6"/>
+<circle cx="32" cy="68" r="1" fill="#B9BBC6"/>
+<circle cx="40" cy="68" r="1" fill="#B9BBC6"/>
+<circle cx="48" cy="68" r="1" fill="#B9BBC6"/>
+<circle cx="56" cy="68" r="1" fill="#B9BBC6"/>
+<circle cx="64" cy="68" r="1" fill="#B9BBC6"/>
+<circle cx="72" cy="68" r="1" fill="#B9BBC6"/>
+<circle cx="80" cy="68" r="1" fill="#B9BBC6"/>
+<circle cx="88" cy="68" r="1" fill="#B9BBC6"/>
+<circle cx="96" cy="68" r="1" fill="#B9BBC6"/>
+<circle cx="104" cy="68" r="1" fill="#B9BBC6"/>
+<circle cx="112" cy="68" r="1" fill="#B9BBC6"/>
+<circle cx="8" cy="76" r="1" fill="#B9BBC6"/>
+<circle cx="16" cy="76" r="1" fill="#B9BBC6"/>
+<circle cx="24" cy="76" r="1" fill="#B9BBC6"/>
+<circle cx="32" cy="76" r="1" fill="#B9BBC6"/>
+<circle cx="40" cy="76" r="1" fill="#B9BBC6"/>
+<circle cx="48" cy="76" r="1" fill="#B9BBC6"/>
+<circle cx="56" cy="76" r="1" fill="#B9BBC6"/>
+<circle cx="64" cy="76" r="1" fill="#B9BBC6"/>
+<circle cx="72" cy="76" r="1" fill="#B9BBC6"/>
+<circle cx="80" cy="76" r="1" fill="#B9BBC6"/>
+<circle cx="88" cy="76" r="1" fill="#B9BBC6"/>
+<circle cx="96" cy="76" r="1" fill="#B9BBC6"/>
+<circle cx="104" cy="76" r="1" fill="#B9BBC6"/>
+<circle cx="112" cy="76" r="1" fill="#B9BBC6"/>
+<circle cx="8" cy="84" r="1" fill="#B9BBC6"/>
+<circle cx="16" cy="84" r="1" fill="#B9BBC6"/>
+<circle cx="24" cy="84" r="1" fill="#B9BBC6"/>
+<circle cx="32" cy="84" r="1" fill="#B9BBC6"/>
+<circle cx="40" cy="84" r="1" fill="#B9BBC6"/>
+<circle cx="48" cy="84" r="1" fill="#B9BBC6"/>
+<circle cx="56" cy="84" r="1" fill="#B9BBC6"/>
+<circle cx="64" cy="84" r="1" fill="#B9BBC6"/>
+<circle cx="72" cy="84" r="1" fill="#B9BBC6"/>
+<circle cx="80" cy="84" r="1" fill="#B9BBC6"/>
+<circle cx="88" cy="84" r="1" fill="#B9BBC6"/>
+<circle cx="96" cy="84" r="1" fill="#B9BBC6"/>
+<circle cx="104" cy="84" r="1" fill="#B9BBC6"/>
+<circle cx="112" cy="84" r="1" fill="#B9BBC6"/>
+<circle cx="8" cy="92" r="1" fill="#B9BBC6"/>
+<circle cx="16" cy="92" r="1" fill="#B9BBC6"/>
+<circle cx="24" cy="92" r="1" fill="#B9BBC6"/>
+<circle cx="32" cy="92" r="1" fill="#B9BBC6"/>
+<circle cx="40" cy="92" r="1" fill="#B9BBC6"/>
+<circle cx="48" cy="92" r="1" fill="#B9BBC6"/>
+<circle cx="56" cy="92" r="1" fill="#B9BBC6"/>
+<circle cx="64" cy="92" r="1" fill="#B9BBC6"/>
+<circle cx="72" cy="92" r="1" fill="#B9BBC6"/>
+<circle cx="80" cy="92" r="1" fill="#B9BBC6"/>
+<circle cx="88" cy="92" r="1" fill="#B9BBC6"/>
+<circle cx="96" cy="92" r="1" fill="#B9BBC6"/>
+<circle cx="104" cy="92" r="1" fill="#B9BBC6"/>
+<circle cx="112" cy="92" r="1" fill="#B9BBC6"/>
+<circle cx="8" cy="100" r="1" fill="#B9BBC6"/>
+<circle cx="16" cy="100" r="1" fill="#B9BBC6"/>
+<circle cx="24" cy="100" r="1" fill="#B9BBC6"/>
+<circle cx="32" cy="100" r="1" fill="#B9BBC6"/>
+<circle cx="40" cy="100" r="1" fill="#B9BBC6"/>
+<circle cx="48" cy="100" r="1" fill="#B9BBC6"/>
+<circle cx="56" cy="100" r="1" fill="#B9BBC6"/>
+<circle cx="64" cy="100" r="1" fill="#B9BBC6"/>
+<circle cx="72" cy="100" r="1" fill="#B9BBC6"/>
+<circle cx="80" cy="100" r="1" fill="#B9BBC6"/>
+<circle cx="88" cy="100" r="1" fill="#B9BBC6"/>
+<circle cx="96" cy="100" r="1" fill="#B9BBC6"/>
+<circle cx="104" cy="100" r="1" fill="#B9BBC6"/>
+<circle cx="112" cy="100" r="1" fill="#B9BBC6"/>
+<rect width="120" height="104" fill="url(#paint0_radial_160_16406)"/>
+<path d="M32 54.1818C32 50.7677 34.8844 48 38.4424 48H40.053V63.3917C40.053 64.2799 39.3329 65 38.4447 65C34.8854 65 32 62.2313 32 58.816V54.1818Z" fill="#B77FFF"/>
+<path d="M41.991 54.1818C41.991 50.7677 42.3351 48 38.7771 48H37.1665V65H38.7748C42.3341 65 41.991 62.2313 41.991 58.816V54.1818Z" fill="#B77FFF"/>
+<path d="M86 53C86 47.1652 83.3661 41.5695 78.6777 37.4437C73.9893 33.3179 67.6304 31 61 31C54.3696 31 48.0107 33.3178 43.3223 37.4436C38.6339 41.5694 36 47.1652 36 53L39.594 53C39.594 48.0041 41.8493 43.2127 45.8637 39.6801C49.8781 36.1474 55.3228 34.1628 61 34.1628C66.6772 34.1628 72.1219 36.1474 76.1363 39.6801C80.1507 43.2127 82.406 48.0041 82.406 53H86Z" fill="#B77FFF"/>
+<path d="M49.2493 52.4696C49.2493 51.3435 50.1621 50.4307 51.2882 50.4307C52.4143 50.4307 53.3272 51.3435 53.3272 52.4696V57.1819C53.3272 58.308 52.4143 59.2209 51.2882 59.2209C50.1621 59.2209 49.2493 58.308 49.2493 57.1819V52.4696Z" fill="black"/>
+<path d="M55.7737 52.4696C55.7737 51.3435 56.6866 50.4307 57.8127 50.4307C58.9387 50.4307 59.8516 51.3435 59.8516 52.4696V57.1819C59.8516 58.308 58.9387 59.2209 57.8127 59.2209C56.6866 59.2209 55.7737 58.308 55.7737 57.1819V52.4696Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M71.6052 44.8367C64.0123 43.7654 57.8229 43.7231 50.0594 44.832C48.097 45.1122 46.7985 45.3017 45.8086 45.591C44.8906 45.8593 44.3685 46.1792 43.9367 46.6618C43.0425 47.6611 42.9247 48.7913 42.8028 52.7332C42.683 56.6073 42.9202 60.0793 43.3696 63.9859C43.6091 66.0676 43.7739 67.4725 44.0369 68.5406C44.2865 69.5537 44.5883 70.0984 45.0078 70.5155C45.4307 70.9358 45.9726 71.2322 46.9671 71.4728C48.0192 71.7273 49.3995 71.8812 51.451 72.105C58.0857 72.8289 63.0522 72.8252 69.7116 72.1088C71.788 71.8855 73.1908 71.7314 74.2586 71.4787C75.273 71.2386 75.8184 70.9442 76.2354 70.5359C76.6436 70.1361 76.9555 69.5847 77.2261 68.5211C77.5084 67.4113 77.7004 65.943 77.9784 63.7859C78.4742 59.9372 78.8313 56.5572 78.8452 52.8545C78.86 48.8957 78.779 47.7693 77.8747 46.7245C77.438 46.2199 76.907 45.8881 75.9681 45.6118C74.9541 45.3134 73.6206 45.121 71.6052 44.8367ZM49.5853 41.5127C57.6726 40.3576 64.1796 40.4028 72.0736 41.5166L72.1891 41.5329C74.0582 41.7965 75.6372 42.0192 76.9147 42.3952C78.2934 42.8009 79.4464 43.4169 80.41 44.5302C82.2277 46.6303 82.2158 49.122 82.2 52.4325C82.1994 52.5758 82.1987 52.7207 82.1981 52.8671C82.1835 56.7821 81.8047 60.3271 81.3038 64.2143L81.2906 64.3172C81.0293 66.3457 80.814 68.0174 80.4756 69.3476C80.1198 70.7464 79.588 71.9457 78.5813 72.9315C77.5835 73.9087 76.4043 74.4165 75.0309 74.7415C73.7339 75.0485 72.12 75.2221 70.1748 75.4313L70.0703 75.4426C63.1741 76.1844 57.9654 76.1886 51.0873 75.4382L50.9812 75.4266C49.0631 75.2174 47.466 75.0432 46.1788 74.7318C44.8104 74.4008 43.6391 73.8827 42.6439 72.8933C41.6453 71.9006 41.1208 70.7208 40.7813 69.3425C40.4611 68.0425 40.2749 66.4238 40.0507 64.4746L40.0386 64.369C39.5777 60.3626 39.325 56.7183 39.4514 52.6296C39.456 52.4813 39.4604 52.3345 39.4647 52.1894C39.563 48.9037 39.6367 46.4391 41.438 44.426C42.3936 43.3579 43.5232 42.7657 44.868 42.3726C46.1151 42.0081 47.6529 41.7886 49.473 41.5287C49.5103 41.5234 49.5478 41.518 49.5853 41.5127Z" fill="black"/>
+<path d="M79.5975 55.3508C79.5975 51.6744 82.5778 48.6941 86.2542 48.6941H87.3575V67H86.2566C82.5789 67 79.5975 64.0186 79.5975 60.3409V55.3508Z" fill="#B77FFF"/>
+<path d="M92.3359 55.3508C92.3359 51.6744 89.3556 48.6941 85.6793 48.6941H84.576V67H85.6769C89.3546 67 92.3359 64.0186 92.3359 60.3409V55.3508Z" fill="#B77FFF"/>
+<path d="M85.8456 58.6705C85.8456 58.6705 85.9608 65.4999 84.5619 70.4999C83.1631 75.4999 79.5629 76.9042 75.7024 77.9999C71.8419 79.0957 69.1743 78.9999 69.1743 78.9999" stroke="#B77FFF" stroke-width="2.49412" stroke-linecap="round"/>
+</g>
+<rect x="0.5" y="0.5" width="119" height="103" rx="7.5" stroke="#ECECEC"/>
+<defs>
+<radialGradient id="paint0_radial_160_16406" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(60 52) rotate(90) scale(52 60)">
+<stop offset="0.434745" stop-color="#FCFCFD"/>
+<stop offset="0.77" stop-color="#FCFCFD" stop-opacity="0.7"/>
+<stop offset="0.99" stop-color="#FCFCFD" stop-opacity="0.9"/>
+</radialGradient>
+<clipPath id="clip0_160_16406">
+<rect width="120" height="104" rx="8" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/assets/images/dashboard/captain/assistant-popover-dark.svg b/public/assets/images/dashboard/captain/assistant-popover-dark.svg
new file mode 100644
index 000000000..10489b43c
--- /dev/null
+++ b/public/assets/images/dashboard/captain/assistant-popover-dark.svg
@@ -0,0 +1,557 @@
+<svg width="288" height="120" viewBox="0 0 288 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_302_5952)">
+<rect width="288" height="120" rx="8" fill="#2E3035"/>
+<circle cx="8" r="1" fill="#473876"/>
+<circle cx="16" r="1" fill="#473876"/>
+<circle cx="24" r="1" fill="#473876"/>
+<circle cx="32" r="1" fill="#473876"/>
+<circle cx="40" r="1" fill="#473876"/>
+<circle cx="48" r="1" fill="#473876"/>
+<circle cx="56" r="1" fill="#473876"/>
+<circle cx="64" r="1" fill="#473876"/>
+<circle cx="72" r="1" fill="#473876"/>
+<circle cx="80" r="1" fill="#473876"/>
+<circle cx="88" r="1" fill="#473876"/>
+<circle cx="96" r="1" fill="#473876"/>
+<circle cx="104" r="1" fill="#473876"/>
+<circle cx="112" r="1" fill="#473876"/>
+<circle cx="120" r="1" fill="#473876"/>
+<circle cx="128" r="1" fill="#473876"/>
+<circle cx="136" r="1" fill="#473876"/>
+<circle cx="144" r="1" fill="#473876"/>
+<circle cx="152" r="1" fill="#473876"/>
+<circle cx="160" r="1" fill="#473876"/>
+<circle cx="168" r="1" fill="#473876"/>
+<circle cx="176" r="1" fill="#473876"/>
+<circle cx="184" r="1" fill="#473876"/>
+<circle cx="192" r="1" fill="#473876"/>
+<circle cx="200" r="1" fill="#473876"/>
+<circle cx="208" r="1" fill="#473876"/>
+<circle cx="216" r="1" fill="#473876"/>
+<circle cx="224" r="1" fill="#473876"/>
+<circle cx="232" r="1" fill="#473876"/>
+<circle cx="240" r="1" fill="#473876"/>
+<circle cx="248" r="1" fill="#473876"/>
+<circle cx="256" r="1" fill="#473876"/>
+<circle cx="264" r="1" fill="#473876"/>
+<circle cx="272" r="1" fill="#473876"/>
+<circle cx="280" r="1" fill="#473876"/>
+<circle cx="8" cy="8" r="1" fill="#473876"/>
+<circle cx="16" cy="8" r="1" fill="#473876"/>
+<circle cx="24" cy="8" r="1" fill="#473876"/>
+<circle cx="32" cy="8" r="1" fill="#473876"/>
+<circle cx="40" cy="8" r="1" fill="#473876"/>
+<circle cx="48" cy="8" r="1" fill="#473876"/>
+<circle cx="56" cy="8" r="1" fill="#473876"/>
+<circle cx="64" cy="8" r="1" fill="#473876"/>
+<circle cx="72" cy="8" r="1" fill="#473876"/>
+<circle cx="80" cy="8" r="1" fill="#473876"/>
+<circle cx="88" cy="8" r="1" fill="#473876"/>
+<circle cx="96" cy="8" r="1" fill="#473876"/>
+<circle cx="104" cy="8" r="1" fill="#473876"/>
+<circle cx="112" cy="8" r="1" fill="#473876"/>
+<circle cx="120" cy="8" r="1" fill="#473876"/>
+<circle cx="128" cy="8" r="1" fill="#473876"/>
+<circle cx="136" cy="8" r="1" fill="#473876"/>
+<circle cx="144" cy="8" r="1" fill="#473876"/>
+<circle cx="152" cy="8" r="1" fill="#473876"/>
+<circle cx="160" cy="8" r="1" fill="#473876"/>
+<circle cx="168" cy="8" r="1" fill="#473876"/>
+<circle cx="176" cy="8" r="1" fill="#473876"/>
+<circle cx="184" cy="8" r="1" fill="#473876"/>
+<circle cx="192" cy="8" r="1" fill="#473876"/>
+<circle cx="200" cy="8" r="1" fill="#473876"/>
+<circle cx="208" cy="8" r="1" fill="#473876"/>
+<circle cx="216" cy="8" r="1" fill="#473876"/>
+<circle cx="224" cy="8" r="1" fill="#473876"/>
+<circle cx="232" cy="8" r="1" fill="#473876"/>
+<circle cx="240" cy="8" r="1" fill="#473876"/>
+<circle cx="248" cy="8" r="1" fill="#473876"/>
+<circle cx="256" cy="8" r="1" fill="#473876"/>
+<circle cx="264" cy="8" r="1" fill="#473876"/>
+<circle cx="272" cy="8" r="1" fill="#473876"/>
+<circle cx="280" cy="8" r="1" fill="#473876"/>
+<circle cx="8" cy="16" r="1" fill="#473876"/>
+<circle cx="16" cy="16" r="1" fill="#473876"/>
+<circle cx="24" cy="16" r="1" fill="#473876"/>
+<circle cx="32" cy="16" r="1" fill="#473876"/>
+<circle cx="40" cy="16" r="1" fill="#473876"/>
+<circle cx="48" cy="16" r="1" fill="#473876"/>
+<circle cx="56" cy="16" r="1" fill="#473876"/>
+<circle cx="64" cy="16" r="1" fill="#473876"/>
+<circle cx="72" cy="16" r="1" fill="#473876"/>
+<circle cx="80" cy="16" r="1" fill="#473876"/>
+<circle cx="88" cy="16" r="1" fill="#473876"/>
+<circle cx="96" cy="16" r="1" fill="#473876"/>
+<circle cx="104" cy="16" r="1" fill="#473876"/>
+<circle cx="112" cy="16" r="1" fill="#473876"/>
+<circle cx="120" cy="16" r="1" fill="#473876"/>
+<circle cx="128" cy="16" r="1" fill="#473876"/>
+<circle cx="136" cy="16" r="1" fill="#473876"/>
+<circle cx="144" cy="16" r="1" fill="#473876"/>
+<circle cx="152" cy="16" r="1" fill="#473876"/>
+<circle cx="160" cy="16" r="1" fill="#473876"/>
+<circle cx="168" cy="16" r="1" fill="#473876"/>
+<circle cx="176" cy="16" r="1" fill="#473876"/>
+<circle cx="184" cy="16" r="1" fill="#473876"/>
+<circle cx="192" cy="16" r="1" fill="#473876"/>
+<circle cx="200" cy="16" r="1" fill="#473876"/>
+<circle cx="208" cy="16" r="1" fill="#473876"/>
+<circle cx="216" cy="16" r="1" fill="#473876"/>
+<circle cx="224" cy="16" r="1" fill="#473876"/>
+<circle cx="232" cy="16" r="1" fill="#473876"/>
+<circle cx="240" cy="16" r="1" fill="#473876"/>
+<circle cx="248" cy="16" r="1" fill="#473876"/>
+<circle cx="256" cy="16" r="1" fill="#473876"/>
+<circle cx="264" cy="16" r="1" fill="#473876"/>
+<circle cx="272" cy="16" r="1" fill="#473876"/>
+<circle cx="280" cy="16" r="1" fill="#473876"/>
+<circle cx="8" cy="24" r="1" fill="#473876"/>
+<circle cx="16" cy="24" r="1" fill="#473876"/>
+<circle cx="24" cy="24" r="1" fill="#473876"/>
+<circle cx="32" cy="24" r="1" fill="#473876"/>
+<circle cx="40" cy="24" r="1" fill="#473876"/>
+<circle cx="48" cy="24" r="1" fill="#473876"/>
+<circle cx="56" cy="24" r="1" fill="#473876"/>
+<circle cx="64" cy="24" r="1" fill="#473876"/>
+<circle cx="72" cy="24" r="1" fill="#473876"/>
+<circle cx="80" cy="24" r="1" fill="#473876"/>
+<circle cx="88" cy="24" r="1" fill="#473876"/>
+<circle cx="96" cy="24" r="1" fill="#473876"/>
+<circle cx="104" cy="24" r="1" fill="#473876"/>
+<circle cx="112" cy="24" r="1" fill="#473876"/>
+<circle cx="120" cy="24" r="1" fill="#473876"/>
+<circle cx="128" cy="24" r="1" fill="#473876"/>
+<circle cx="136" cy="24" r="1" fill="#473876"/>
+<circle cx="144" cy="24" r="1" fill="#473876"/>
+<circle cx="152" cy="24" r="1" fill="#473876"/>
+<circle cx="160" cy="24" r="1" fill="#473876"/>
+<circle cx="168" cy="24" r="1" fill="#473876"/>
+<circle cx="176" cy="24" r="1" fill="#473876"/>
+<circle cx="184" cy="24" r="1" fill="#473876"/>
+<circle cx="192" cy="24" r="1" fill="#473876"/>
+<circle cx="200" cy="24" r="1" fill="#473876"/>
+<circle cx="208" cy="24" r="1" fill="#473876"/>
+<circle cx="216" cy="24" r="1" fill="#473876"/>
+<circle cx="224" cy="24" r="1" fill="#473876"/>
+<circle cx="232" cy="24" r="1" fill="#473876"/>
+<circle cx="240" cy="24" r="1" fill="#473876"/>
+<circle cx="248" cy="24" r="1" fill="#473876"/>
+<circle cx="256" cy="24" r="1" fill="#473876"/>
+<circle cx="264" cy="24" r="1" fill="#473876"/>
+<circle cx="272" cy="24" r="1" fill="#473876"/>
+<circle cx="280" cy="24" r="1" fill="#473876"/>
+<circle cx="8" cy="32" r="1" fill="#473876"/>
+<circle cx="16" cy="32" r="1" fill="#473876"/>
+<circle cx="24" cy="32" r="1" fill="#473876"/>
+<circle cx="32" cy="32" r="1" fill="#473876"/>
+<circle cx="40" cy="32" r="1" fill="#473876"/>
+<circle cx="48" cy="32" r="1" fill="#473876"/>
+<circle cx="56" cy="32" r="1" fill="#473876"/>
+<circle cx="64" cy="32" r="1" fill="#473876"/>
+<circle cx="72" cy="32" r="1" fill="#473876"/>
+<circle cx="80" cy="32" r="1" fill="#473876"/>
+<circle cx="88" cy="32" r="1" fill="#473876"/>
+<circle cx="96" cy="32" r="1" fill="#473876"/>
+<circle cx="104" cy="32" r="1" fill="#473876"/>
+<circle cx="112" cy="32" r="1" fill="#473876"/>
+<circle cx="120" cy="32" r="1" fill="#473876"/>
+<circle cx="128" cy="32" r="1" fill="#473876"/>
+<circle cx="136" cy="32" r="1" fill="#473876"/>
+<circle cx="144" cy="32" r="1" fill="#473876"/>
+<circle cx="152" cy="32" r="1" fill="#473876"/>
+<circle cx="160" cy="32" r="1" fill="#473876"/>
+<circle cx="168" cy="32" r="1" fill="#473876"/>
+<circle cx="176" cy="32" r="1" fill="#473876"/>
+<circle cx="184" cy="32" r="1" fill="#473876"/>
+<circle cx="192" cy="32" r="1" fill="#473876"/>
+<circle cx="200" cy="32" r="1" fill="#473876"/>
+<circle cx="208" cy="32" r="1" fill="#473876"/>
+<circle cx="216" cy="32" r="1" fill="#473876"/>
+<circle cx="224" cy="32" r="1" fill="#473876"/>
+<circle cx="232" cy="32" r="1" fill="#473876"/>
+<circle cx="240" cy="32" r="1" fill="#473876"/>
+<circle cx="248" cy="32" r="1" fill="#473876"/>
+<circle cx="256" cy="32" r="1" fill="#473876"/>
+<circle cx="264" cy="32" r="1" fill="#473876"/>
+<circle cx="272" cy="32" r="1" fill="#473876"/>
+<circle cx="280" cy="32" r="1" fill="#473876"/>
+<circle cx="8" cy="40" r="1" fill="#473876"/>
+<circle cx="16" cy="40" r="1" fill="#473876"/>
+<circle cx="24" cy="40" r="1" fill="#473876"/>
+<circle cx="32" cy="40" r="1" fill="#473876"/>
+<circle cx="40" cy="40" r="1" fill="#473876"/>
+<circle cx="48" cy="40" r="1" fill="#473876"/>
+<circle cx="56" cy="40" r="1" fill="#473876"/>
+<circle cx="64" cy="40" r="1" fill="#473876"/>
+<circle cx="72" cy="40" r="1" fill="#473876"/>
+<circle cx="80" cy="40" r="1" fill="#473876"/>
+<circle cx="88" cy="40" r="1" fill="#473876"/>
+<circle cx="96" cy="40" r="1" fill="#473876"/>
+<circle cx="104" cy="40" r="1" fill="#473876"/>
+<circle cx="112" cy="40" r="1" fill="#473876"/>
+<circle cx="120" cy="40" r="1" fill="#473876"/>
+<circle cx="128" cy="40" r="1" fill="#473876"/>
+<circle cx="136" cy="40" r="1" fill="#473876"/>
+<circle cx="144" cy="40" r="1" fill="#473876"/>
+<circle cx="152" cy="40" r="1" fill="#473876"/>
+<circle cx="160" cy="40" r="1" fill="#473876"/>
+<circle cx="168" cy="40" r="1" fill="#473876"/>
+<circle cx="176" cy="40" r="1" fill="#473876"/>
+<circle cx="184" cy="40" r="1" fill="#473876"/>
+<circle cx="192" cy="40" r="1" fill="#473876"/>
+<circle cx="200" cy="40" r="1" fill="#473876"/>
+<circle cx="208" cy="40" r="1" fill="#473876"/>
+<circle cx="216" cy="40" r="1" fill="#473876"/>
+<circle cx="224" cy="40" r="1" fill="#473876"/>
+<circle cx="232" cy="40" r="1" fill="#473876"/>
+<circle cx="240" cy="40" r="1" fill="#473876"/>
+<circle cx="248" cy="40" r="1" fill="#473876"/>
+<circle cx="256" cy="40" r="1" fill="#473876"/>
+<circle cx="264" cy="40" r="1" fill="#473876"/>
+<circle cx="272" cy="40" r="1" fill="#473876"/>
+<circle cx="280" cy="40" r="1" fill="#473876"/>
+<circle cx="8" cy="48" r="1" fill="#473876"/>
+<circle cx="16" cy="48" r="1" fill="#473876"/>
+<circle cx="24" cy="48" r="1" fill="#473876"/>
+<circle cx="32" cy="48" r="1" fill="#473876"/>
+<circle cx="40" cy="48" r="1" fill="#473876"/>
+<circle cx="48" cy="48" r="1" fill="#473876"/>
+<circle cx="56" cy="48" r="1" fill="#473876"/>
+<circle cx="64" cy="48" r="1" fill="#473876"/>
+<circle cx="72" cy="48" r="1" fill="#473876"/>
+<circle cx="80" cy="48" r="1" fill="#473876"/>
+<circle cx="88" cy="48" r="1" fill="#473876"/>
+<circle cx="96" cy="48" r="1" fill="#473876"/>
+<circle cx="104" cy="48" r="1" fill="#473876"/>
+<circle cx="112" cy="48" r="1" fill="#473876"/>
+<circle cx="120" cy="48" r="1" fill="#473876"/>
+<circle cx="128" cy="48" r="1" fill="#473876"/>
+<circle cx="136" cy="48" r="1" fill="#473876"/>
+<circle cx="144" cy="48" r="1" fill="#473876"/>
+<circle cx="152" cy="48" r="1" fill="#473876"/>
+<circle cx="160" cy="48" r="1" fill="#473876"/>
+<circle cx="168" cy="48" r="1" fill="#473876"/>
+<circle cx="176" cy="48" r="1" fill="#473876"/>
+<circle cx="184" cy="48" r="1" fill="#473876"/>
+<circle cx="192" cy="48" r="1" fill="#473876"/>
+<circle cx="200" cy="48" r="1" fill="#473876"/>
+<circle cx="208" cy="48" r="1" fill="#473876"/>
+<circle cx="216" cy="48" r="1" fill="#473876"/>
+<circle cx="224" cy="48" r="1" fill="#473876"/>
+<circle cx="232" cy="48" r="1" fill="#473876"/>
+<circle cx="240" cy="48" r="1" fill="#473876"/>
+<circle cx="248" cy="48" r="1" fill="#473876"/>
+<circle cx="256" cy="48" r="1" fill="#473876"/>
+<circle cx="264" cy="48" r="1" fill="#473876"/>
+<circle cx="272" cy="48" r="1" fill="#473876"/>
+<circle cx="280" cy="48" r="1" fill="#473876"/>
+<circle cx="8" cy="56" r="1" fill="#473876"/>
+<circle cx="16" cy="56" r="1" fill="#473876"/>
+<circle cx="24" cy="56" r="1" fill="#473876"/>
+<circle cx="32" cy="56" r="1" fill="#473876"/>
+<circle cx="40" cy="56" r="1" fill="#473876"/>
+<circle cx="48" cy="56" r="1" fill="#473876"/>
+<circle cx="56" cy="56" r="1" fill="#473876"/>
+<circle cx="64" cy="56" r="1" fill="#473876"/>
+<circle cx="72" cy="56" r="1" fill="#473876"/>
+<circle cx="80" cy="56" r="1" fill="#473876"/>
+<circle cx="88" cy="56" r="1" fill="#473876"/>
+<circle cx="96" cy="56" r="1" fill="#473876"/>
+<circle cx="104" cy="56" r="1" fill="#473876"/>
+<circle cx="112" cy="56" r="1" fill="#473876"/>
+<circle cx="120" cy="56" r="1" fill="#473876"/>
+<circle cx="128" cy="56" r="1" fill="#473876"/>
+<circle cx="136" cy="56" r="1" fill="#473876"/>
+<circle cx="144" cy="56" r="1" fill="#473876"/>
+<circle cx="152" cy="56" r="1" fill="#473876"/>
+<circle cx="160" cy="56" r="1" fill="#473876"/>
+<circle cx="168" cy="56" r="1" fill="#473876"/>
+<circle cx="176" cy="56" r="1" fill="#473876"/>
+<circle cx="184" cy="56" r="1" fill="#473876"/>
+<circle cx="192" cy="56" r="1" fill="#473876"/>
+<circle cx="200" cy="56" r="1" fill="#473876"/>
+<circle cx="208" cy="56" r="1" fill="#473876"/>
+<circle cx="216" cy="56" r="1" fill="#473876"/>
+<circle cx="224" cy="56" r="1" fill="#473876"/>
+<circle cx="232" cy="56" r="1" fill="#473876"/>
+<circle cx="240" cy="56" r="1" fill="#473876"/>
+<circle cx="248" cy="56" r="1" fill="#473876"/>
+<circle cx="256" cy="56" r="1" fill="#473876"/>
+<circle cx="264" cy="56" r="1" fill="#473876"/>
+<circle cx="272" cy="56" r="1" fill="#473876"/>
+<circle cx="280" cy="56" r="1" fill="#473876"/>
+<circle cx="8" cy="64" r="1" fill="#473876"/>
+<circle cx="16" cy="64" r="1" fill="#473876"/>
+<circle cx="24" cy="64" r="1" fill="#473876"/>
+<circle cx="32" cy="64" r="1" fill="#473876"/>
+<circle cx="40" cy="64" r="1" fill="#473876"/>
+<circle cx="48" cy="64" r="1" fill="#473876"/>
+<circle cx="56" cy="64" r="1" fill="#473876"/>
+<circle cx="64" cy="64" r="1" fill="#473876"/>
+<circle cx="72" cy="64" r="1" fill="#473876"/>
+<circle cx="80" cy="64" r="1" fill="#473876"/>
+<circle cx="88" cy="64" r="1" fill="#473876"/>
+<circle cx="96" cy="64" r="1" fill="#473876"/>
+<circle cx="104" cy="64" r="1" fill="#473876"/>
+<circle cx="112" cy="64" r="1" fill="#473876"/>
+<circle cx="120" cy="64" r="1" fill="#473876"/>
+<circle cx="128" cy="64" r="1" fill="#473876"/>
+<circle cx="136" cy="64" r="1" fill="#473876"/>
+<circle cx="144" cy="64" r="1" fill="#473876"/>
+<circle cx="152" cy="64" r="1" fill="#473876"/>
+<circle cx="160" cy="64" r="1" fill="#473876"/>
+<circle cx="168" cy="64" r="1" fill="#473876"/>
+<circle cx="176" cy="64" r="1" fill="#473876"/>
+<circle cx="184" cy="64" r="1" fill="#473876"/>
+<circle cx="192" cy="64" r="1" fill="#473876"/>
+<circle cx="200" cy="64" r="1" fill="#473876"/>
+<circle cx="208" cy="64" r="1" fill="#473876"/>
+<circle cx="216" cy="64" r="1" fill="#473876"/>
+<circle cx="224" cy="64" r="1" fill="#473876"/>
+<circle cx="232" cy="64" r="1" fill="#473876"/>
+<circle cx="240" cy="64" r="1" fill="#473876"/>
+<circle cx="248" cy="64" r="1" fill="#473876"/>
+<circle cx="256" cy="64" r="1" fill="#473876"/>
+<circle cx="264" cy="64" r="1" fill="#473876"/>
+<circle cx="272" cy="64" r="1" fill="#473876"/>
+<circle cx="280" cy="64" r="1" fill="#473876"/>
+<circle cx="8" cy="72" r="1" fill="#473876"/>
+<circle cx="16" cy="72" r="1" fill="#473876"/>
+<circle cx="24" cy="72" r="1" fill="#473876"/>
+<circle cx="32" cy="72" r="1" fill="#473876"/>
+<circle cx="40" cy="72" r="1" fill="#473876"/>
+<circle cx="48" cy="72" r="1" fill="#473876"/>
+<circle cx="56" cy="72" r="1" fill="#473876"/>
+<circle cx="64" cy="72" r="1" fill="#473876"/>
+<circle cx="72" cy="72" r="1" fill="#473876"/>
+<circle cx="80" cy="72" r="1" fill="#473876"/>
+<circle cx="88" cy="72" r="1" fill="#473876"/>
+<circle cx="96" cy="72" r="1" fill="#473876"/>
+<circle cx="104" cy="72" r="1" fill="#473876"/>
+<circle cx="112" cy="72" r="1" fill="#473876"/>
+<circle cx="120" cy="72" r="1" fill="#473876"/>
+<circle cx="128" cy="72" r="1" fill="#473876"/>
+<circle cx="136" cy="72" r="1" fill="#473876"/>
+<circle cx="144" cy="72" r="1" fill="#473876"/>
+<circle cx="152" cy="72" r="1" fill="#473876"/>
+<circle cx="160" cy="72" r="1" fill="#473876"/>
+<circle cx="168" cy="72" r="1" fill="#473876"/>
+<circle cx="176" cy="72" r="1" fill="#473876"/>
+<circle cx="184" cy="72" r="1" fill="#473876"/>
+<circle cx="192" cy="72" r="1" fill="#473876"/>
+<circle cx="200" cy="72" r="1" fill="#473876"/>
+<circle cx="208" cy="72" r="1" fill="#473876"/>
+<circle cx="216" cy="72" r="1" fill="#473876"/>
+<circle cx="224" cy="72" r="1" fill="#473876"/>
+<circle cx="232" cy="72" r="1" fill="#473876"/>
+<circle cx="240" cy="72" r="1" fill="#473876"/>
+<circle cx="248" cy="72" r="1" fill="#473876"/>
+<circle cx="256" cy="72" r="1" fill="#473876"/>
+<circle cx="264" cy="72" r="1" fill="#473876"/>
+<circle cx="272" cy="72" r="1" fill="#473876"/>
+<circle cx="280" cy="72" r="1" fill="#473876"/>
+<circle cx="8" cy="80" r="1" fill="#473876"/>
+<circle cx="16" cy="80" r="1" fill="#473876"/>
+<circle cx="24" cy="80" r="1" fill="#473876"/>
+<circle cx="32" cy="80" r="1" fill="#473876"/>
+<circle cx="40" cy="80" r="1" fill="#473876"/>
+<circle cx="48" cy="80" r="1" fill="#473876"/>
+<circle cx="56" cy="80" r="1" fill="#473876"/>
+<circle cx="64" cy="80" r="1" fill="#473876"/>
+<circle cx="72" cy="80" r="1" fill="#473876"/>
+<circle cx="80" cy="80" r="1" fill="#473876"/>
+<circle cx="88" cy="80" r="1" fill="#473876"/>
+<circle cx="96" cy="80" r="1" fill="#473876"/>
+<circle cx="104" cy="80" r="1" fill="#473876"/>
+<circle cx="112" cy="80" r="1" fill="#473876"/>
+<circle cx="120" cy="80" r="1" fill="#473876"/>
+<circle cx="128" cy="80" r="1" fill="#473876"/>
+<circle cx="136" cy="80" r="1" fill="#473876"/>
+<circle cx="144" cy="80" r="1" fill="#473876"/>
+<circle cx="152" cy="80" r="1" fill="#473876"/>
+<circle cx="160" cy="80" r="1" fill="#473876"/>
+<circle cx="168" cy="80" r="1" fill="#473876"/>
+<circle cx="176" cy="80" r="1" fill="#473876"/>
+<circle cx="184" cy="80" r="1" fill="#473876"/>
+<circle cx="192" cy="80" r="1" fill="#473876"/>
+<circle cx="200" cy="80" r="1" fill="#473876"/>
+<circle cx="208" cy="80" r="1" fill="#473876"/>
+<circle cx="216" cy="80" r="1" fill="#473876"/>
+<circle cx="224" cy="80" r="1" fill="#473876"/>
+<circle cx="232" cy="80" r="1" fill="#473876"/>
+<circle cx="240" cy="80" r="1" fill="#473876"/>
+<circle cx="248" cy="80" r="1" fill="#473876"/>
+<circle cx="256" cy="80" r="1" fill="#473876"/>
+<circle cx="264" cy="80" r="1" fill="#473876"/>
+<circle cx="272" cy="80" r="1" fill="#473876"/>
+<circle cx="280" cy="80" r="1" fill="#473876"/>
+<circle cx="8" cy="88" r="1" fill="#473876"/>
+<circle cx="16" cy="88" r="1" fill="#473876"/>
+<circle cx="24" cy="88" r="1" fill="#473876"/>
+<circle cx="32" cy="88" r="1" fill="#473876"/>
+<circle cx="40" cy="88" r="1" fill="#473876"/>
+<circle cx="48" cy="88" r="1" fill="#473876"/>
+<circle cx="56" cy="88" r="1" fill="#473876"/>
+<circle cx="64" cy="88" r="1" fill="#473876"/>
+<circle cx="72" cy="88" r="1" fill="#473876"/>
+<circle cx="80" cy="88" r="1" fill="#473876"/>
+<circle cx="88" cy="88" r="1" fill="#473876"/>
+<circle cx="96" cy="88" r="1" fill="#473876"/>
+<circle cx="104" cy="88" r="1" fill="#473876"/>
+<circle cx="112" cy="88" r="1" fill="#473876"/>
+<circle cx="120" cy="88" r="1" fill="#473876"/>
+<circle cx="128" cy="88" r="1" fill="#473876"/>
+<circle cx="136" cy="88" r="1" fill="#473876"/>
+<circle cx="144" cy="88" r="1" fill="#473876"/>
+<circle cx="152" cy="88" r="1" fill="#473876"/>
+<circle cx="160" cy="88" r="1" fill="#473876"/>
+<circle cx="168" cy="88" r="1" fill="#473876"/>
+<circle cx="176" cy="88" r="1" fill="#473876"/>
+<circle cx="184" cy="88" r="1" fill="#473876"/>
+<circle cx="192" cy="88" r="1" fill="#473876"/>
+<circle cx="200" cy="88" r="1" fill="#473876"/>
+<circle cx="208" cy="88" r="1" fill="#473876"/>
+<circle cx="216" cy="88" r="1" fill="#473876"/>
+<circle cx="224" cy="88" r="1" fill="#473876"/>
+<circle cx="232" cy="88" r="1" fill="#473876"/>
+<circle cx="240" cy="88" r="1" fill="#473876"/>
+<circle cx="248" cy="88" r="1" fill="#473876"/>
+<circle cx="256" cy="88" r="1" fill="#473876"/>
+<circle cx="264" cy="88" r="1" fill="#473876"/>
+<circle cx="272" cy="88" r="1" fill="#473876"/>
+<circle cx="280" cy="88" r="1" fill="#473876"/>
+<circle cx="8" cy="96" r="1" fill="#473876"/>
+<circle cx="16" cy="96" r="1" fill="#473876"/>
+<circle cx="24" cy="96" r="1" fill="#473876"/>
+<circle cx="32" cy="96" r="1" fill="#473876"/>
+<circle cx="40" cy="96" r="1" fill="#473876"/>
+<circle cx="48" cy="96" r="1" fill="#473876"/>
+<circle cx="56" cy="96" r="1" fill="#473876"/>
+<circle cx="64" cy="96" r="1" fill="#473876"/>
+<circle cx="72" cy="96" r="1" fill="#473876"/>
+<circle cx="80" cy="96" r="1" fill="#473876"/>
+<circle cx="88" cy="96" r="1" fill="#473876"/>
+<circle cx="96" cy="96" r="1" fill="#473876"/>
+<circle cx="104" cy="96" r="1" fill="#473876"/>
+<circle cx="112" cy="96" r="1" fill="#473876"/>
+<circle cx="120" cy="96" r="1" fill="#473876"/>
+<circle cx="128" cy="96" r="1" fill="#473876"/>
+<circle cx="136" cy="96" r="1" fill="#473876"/>
+<circle cx="144" cy="96" r="1" fill="#473876"/>
+<circle cx="152" cy="96" r="1" fill="#473876"/>
+<circle cx="160" cy="96" r="1" fill="#473876"/>
+<circle cx="168" cy="96" r="1" fill="#473876"/>
+<circle cx="176" cy="96" r="1" fill="#473876"/>
+<circle cx="184" cy="96" r="1" fill="#473876"/>
+<circle cx="192" cy="96" r="1" fill="#473876"/>
+<circle cx="200" cy="96" r="1" fill="#473876"/>
+<circle cx="208" cy="96" r="1" fill="#473876"/>
+<circle cx="216" cy="96" r="1" fill="#473876"/>
+<circle cx="224" cy="96" r="1" fill="#473876"/>
+<circle cx="232" cy="96" r="1" fill="#473876"/>
+<circle cx="240" cy="96" r="1" fill="#473876"/>
+<circle cx="248" cy="96" r="1" fill="#473876"/>
+<circle cx="256" cy="96" r="1" fill="#473876"/>
+<circle cx="264" cy="96" r="1" fill="#473876"/>
+<circle cx="272" cy="96" r="1" fill="#473876"/>
+<circle cx="280" cy="96" r="1" fill="#473876"/>
+<circle cx="8" cy="104" r="1" fill="#473876"/>
+<circle cx="16" cy="104" r="1" fill="#473876"/>
+<circle cx="24" cy="104" r="1" fill="#473876"/>
+<circle cx="32" cy="104" r="1" fill="#473876"/>
+<circle cx="40" cy="104" r="1" fill="#473876"/>
+<circle cx="48" cy="104" r="1" fill="#473876"/>
+<circle cx="56" cy="104" r="1" fill="#473876"/>
+<circle cx="64" cy="104" r="1" fill="#473876"/>
+<circle cx="72" cy="104" r="1" fill="#473876"/>
+<circle cx="80" cy="104" r="1" fill="#473876"/>
+<circle cx="88" cy="104" r="1" fill="#473876"/>
+<circle cx="96" cy="104" r="1" fill="#473876"/>
+<circle cx="104" cy="104" r="1" fill="#473876"/>
+<circle cx="112" cy="104" r="1" fill="#473876"/>
+<circle cx="120" cy="104" r="1" fill="#473876"/>
+<circle cx="128" cy="104" r="1" fill="#473876"/>
+<circle cx="136" cy="104" r="1" fill="#473876"/>
+<circle cx="144" cy="104" r="1" fill="#473876"/>
+<circle cx="152" cy="104" r="1" fill="#473876"/>
+<circle cx="160" cy="104" r="1" fill="#473876"/>
+<circle cx="168" cy="104" r="1" fill="#473876"/>
+<circle cx="176" cy="104" r="1" fill="#473876"/>
+<circle cx="184" cy="104" r="1" fill="#473876"/>
+<circle cx="192" cy="104" r="1" fill="#473876"/>
+<circle cx="200" cy="104" r="1" fill="#473876"/>
+<circle cx="208" cy="104" r="1" fill="#473876"/>
+<circle cx="216" cy="104" r="1" fill="#473876"/>
+<circle cx="224" cy="104" r="1" fill="#473876"/>
+<circle cx="232" cy="104" r="1" fill="#473876"/>
+<circle cx="240" cy="104" r="1" fill="#473876"/>
+<circle cx="248" cy="104" r="1" fill="#473876"/>
+<circle cx="256" cy="104" r="1" fill="#473876"/>
+<circle cx="264" cy="104" r="1" fill="#473876"/>
+<circle cx="272" cy="104" r="1" fill="#473876"/>
+<circle cx="280" cy="104" r="1" fill="#473876"/>
+<circle cx="8" cy="112" r="1" fill="#473876"/>
+<circle cx="16" cy="112" r="1" fill="#473876"/>
+<circle cx="24" cy="112" r="1" fill="#473876"/>
+<circle cx="32" cy="112" r="1" fill="#473876"/>
+<circle cx="40" cy="112" r="1" fill="#473876"/>
+<circle cx="48" cy="112" r="1" fill="#473876"/>
+<circle cx="56" cy="112" r="1" fill="#473876"/>
+<circle cx="64" cy="112" r="1" fill="#473876"/>
+<circle cx="72" cy="112" r="1" fill="#473876"/>
+<circle cx="80" cy="112" r="1" fill="#473876"/>
+<circle cx="88" cy="112" r="1" fill="#473876"/>
+<circle cx="96" cy="112" r="1" fill="#473876"/>
+<circle cx="104" cy="112" r="1" fill="#473876"/>
+<circle cx="112" cy="112" r="1" fill="#473876"/>
+<circle cx="120" cy="112" r="1" fill="#473876"/>
+<circle cx="128" cy="112" r="1" fill="#473876"/>
+<circle cx="136" cy="112" r="1" fill="#473876"/>
+<circle cx="144" cy="112" r="1" fill="#473876"/>
+<circle cx="152" cy="112" r="1" fill="#473876"/>
+<circle cx="160" cy="112" r="1" fill="#473876"/>
+<circle cx="168" cy="112" r="1" fill="#473876"/>
+<circle cx="176" cy="112" r="1" fill="#473876"/>
+<circle cx="184" cy="112" r="1" fill="#473876"/>
+<circle cx="192" cy="112" r="1" fill="#473876"/>
+<circle cx="200" cy="112" r="1" fill="#473876"/>
+<circle cx="208" cy="112" r="1" fill="#473876"/>
+<circle cx="216" cy="112" r="1" fill="#473876"/>
+<circle cx="224" cy="112" r="1" fill="#473876"/>
+<circle cx="232" cy="112" r="1" fill="#473876"/>
+<circle cx="240" cy="112" r="1" fill="#473876"/>
+<circle cx="248" cy="112" r="1" fill="#473876"/>
+<circle cx="256" cy="112" r="1" fill="#473876"/>
+<circle cx="264" cy="112" r="1" fill="#473876"/>
+<circle cx="272" cy="112" r="1" fill="#473876"/>
+<circle cx="280" cy="112" r="1" fill="#473876"/>
+<circle cx="120" cy="120" r="1" fill="#473876"/>
+<circle cx="128" cy="120" r="1" fill="#473876"/>
+<circle cx="136" cy="120" r="1" fill="#473876"/>
+<circle cx="144" cy="120" r="1" fill="#473876"/>
+<circle cx="152" cy="120" r="1" fill="#473876"/>
+<circle cx="160" cy="120" r="1" fill="#473876"/>
+<circle cx="168" cy="120" r="1" fill="#473876"/>
+<rect width="288" height="120" fill="url(#paint0_radial_302_5952)"/>
+<path d="M109 59.5614C109 55.6495 112.305 52.4783 116.382 52.4783H118.227V70.1139C118.227 71.1316 117.402 71.9566 116.384 71.9566C112.306 71.9566 109 68.7843 109 64.8711V59.5614Z" fill="#C171FF"/>
+<path d="M120.447 59.5614C120.447 55.6495 120.842 52.4783 116.765 52.4783H114.92V71.9566H116.762C120.841 71.9566 120.447 68.7843 120.447 64.8711V59.5614Z" fill="#C171FF"/>
+<path d="M170.872 58.2072C170.872 51.5219 167.854 45.1103 162.482 40.383C157.111 35.6558 149.825 33 142.228 33C134.631 33 127.345 35.6558 121.973 40.383C116.601 45.1103 113.583 51.5219 113.583 58.2072H117.701C117.701 52.483 120.285 46.9931 124.885 42.9455C129.484 38.8978 135.723 36.6238 142.228 36.6238C148.733 36.6238 154.971 38.8978 159.571 42.9455C164.17 46.9931 166.754 52.483 166.754 58.2072H170.872Z" fill="#C171FF"/>
+<path d="M128.764 57.5996C128.764 56.3093 129.81 55.2633 131.1 55.2633C132.391 55.2633 133.437 56.3093 133.437 57.5996V62.9988C133.437 64.2891 132.391 65.335 131.1 65.335C129.81 65.335 128.764 64.2891 128.764 62.9988V57.5996Z" fill="#E2DDFE"/>
+<path d="M136.239 57.5996C136.239 56.3093 137.285 55.2633 138.575 55.2633C139.866 55.2633 140.912 56.3093 140.912 57.5996V62.9988C140.912 64.2891 139.866 65.335 138.575 65.335C137.285 65.335 136.239 64.2891 136.239 62.9988V57.5996Z" fill="#E2DDFE"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M154.379 48.8538C145.679 47.6264 138.587 47.5779 129.692 48.8484C127.444 49.1696 125.956 49.3866 124.822 49.7181C123.77 50.0255 123.172 50.392 122.677 50.945C121.652 52.09 121.517 53.385 121.378 57.9016C121.24 62.3404 121.512 66.3186 122.027 70.7947C122.301 73.1799 122.49 74.7896 122.792 76.0134C123.078 77.1742 123.423 77.7983 123.904 78.2762C124.389 78.7578 125.01 79.0975 126.149 79.3731C127.354 79.6647 128.936 79.841 131.287 80.0974C138.889 80.9268 144.579 80.9227 152.209 80.1018C154.588 79.8459 156.196 79.6694 157.419 79.3799C158.581 79.1047 159.206 78.7674 159.684 78.2996C160.152 77.8415 160.509 77.2097 160.819 75.991C161.143 74.7195 161.363 73.0371 161.681 70.5655C162.249 66.1558 162.659 62.2831 162.674 58.0406C162.691 53.5046 162.599 52.214 161.562 51.0169C161.062 50.4387 160.454 50.0585 159.378 49.7419C158.216 49.4 156.688 49.1797 154.379 48.8538ZM129.149 45.0452C138.415 43.7218 145.871 43.7736 154.916 45.0497L155.048 45.0684C157.19 45.3705 158.999 45.6256 160.462 46.0564C162.042 46.5213 163.363 47.2271 164.467 48.5027C166.55 50.9089 166.536 53.7639 166.518 57.557C166.518 57.7212 166.517 57.8872 166.516 58.055C166.499 62.5407 166.065 66.6025 165.492 71.0564L165.476 71.1742C165.177 73.4985 164.93 75.4139 164.543 76.9381C164.135 78.5408 163.526 79.915 162.372 81.0444C161.229 82.1641 159.878 82.7459 158.304 83.1183C156.818 83.4701 154.969 83.669 152.74 83.9087L152.62 83.9216C144.719 84.7716 138.751 84.7764 130.87 83.9165L130.748 83.9033C128.551 83.6636 126.721 83.464 125.246 83.1072C123.678 82.7279 122.336 82.1343 121.196 81.0007C120.051 79.8632 119.45 78.5115 119.061 76.9322C118.695 75.4427 118.481 73.588 118.224 71.3546L118.21 71.2337C117.682 66.6432 117.393 62.4676 117.538 57.7829C117.543 57.6129 117.548 57.4448 117.553 57.2785C117.666 53.5138 117.75 50.6898 119.814 48.3833C120.909 47.1595 122.203 46.4809 123.744 46.0306C125.173 45.613 126.935 45.3614 129.02 45.0636C129.063 45.0575 129.106 45.0514 129.149 45.0452Z" fill="#E2DDFE"/>
+<path d="M163.537 60.9007C163.537 56.6884 166.951 53.2736 171.164 53.2736H172.428V74.2482H171.166C166.953 74.2482 163.537 70.8322 163.537 66.6183V60.9007Z" fill="#C171FF"/>
+<path d="M178.132 60.9007C178.132 56.6884 174.717 53.2736 170.505 53.2736H169.241V74.2482H170.502C174.716 74.2482 178.132 70.8322 178.132 66.6183V60.9007Z" fill="#C171FF"/>
+<path d="M170.695 64.7044C170.695 64.7044 170.827 72.5295 169.225 78.2584C167.622 83.9873 163.497 85.5962 159.073 86.8518C154.65 88.1073 151.594 87.9975 151.594 87.9975" stroke="#C171FF" stroke-width="2.85772" stroke-linecap="round"/>
+</g>
+<defs>
+<radialGradient id="paint0_radial_302_5952" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(144.5 67) rotate(90.5405) scale(53.0024 127.206)">
+<stop stop-color="#2E3035" stop-opacity="0.95"/>
+<stop offset="0.566518" stop-color="#2E3035" stop-opacity="0"/>
+<stop offset="1" stop-color="#2E3035" stop-opacity="0.7"/>
+</radialGradient>
+<clipPath id="clip0_302_5952">
+<rect width="288" height="120" rx="8" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/assets/images/dashboard/captain/assistant-popover-light.svg b/public/assets/images/dashboard/captain/assistant-popover-light.svg
new file mode 100644
index 000000000..1153c39e3
--- /dev/null
+++ b/public/assets/images/dashboard/captain/assistant-popover-light.svg
@@ -0,0 +1,558 @@
+<svg width="288" height="120" viewBox="0 0 288 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_302_7643)">
+<rect width="288" height="120" rx="8" fill="#F9F9FB"/>
+<circle cx="8" r="1" fill="#E1D9FF"/>
+<circle cx="16" r="1" fill="#E1D9FF"/>
+<circle cx="24" r="1" fill="#E1D9FF"/>
+<circle cx="32" r="1" fill="#E1D9FF"/>
+<circle cx="40" r="1" fill="#E1D9FF"/>
+<circle cx="48" r="1" fill="#E1D9FF"/>
+<circle cx="56" r="1" fill="#E1D9FF"/>
+<circle cx="64" r="1" fill="#E1D9FF"/>
+<circle cx="72" r="1" fill="#E1D9FF"/>
+<circle cx="80" r="1" fill="#E1D9FF"/>
+<circle cx="88" r="1" fill="#E1D9FF"/>
+<circle cx="96" r="1" fill="#E1D9FF"/>
+<circle cx="104" r="1" fill="#E1D9FF"/>
+<circle cx="112" r="1" fill="#E1D9FF"/>
+<circle cx="120" r="1" fill="#E1D9FF"/>
+<circle cx="128" r="1" fill="#E1D9FF"/>
+<circle cx="136" r="1" fill="#E1D9FF"/>
+<circle cx="144" r="1" fill="#E1D9FF"/>
+<circle cx="152" r="1" fill="#E1D9FF"/>
+<circle cx="160" r="1" fill="#E1D9FF"/>
+<circle cx="168" r="1" fill="#E1D9FF"/>
+<circle cx="176" r="1" fill="#E1D9FF"/>
+<circle cx="184" r="1" fill="#E1D9FF"/>
+<circle cx="192" r="1" fill="#E1D9FF"/>
+<circle cx="200" r="1" fill="#E1D9FF"/>
+<circle cx="208" r="1" fill="#E1D9FF"/>
+<circle cx="216" r="1" fill="#E1D9FF"/>
+<circle cx="224" r="1" fill="#E1D9FF"/>
+<circle cx="232" r="1" fill="#E1D9FF"/>
+<circle cx="240" r="1" fill="#E1D9FF"/>
+<circle cx="248" r="1" fill="#E1D9FF"/>
+<circle cx="256" r="1" fill="#E1D9FF"/>
+<circle cx="264" r="1" fill="#E1D9FF"/>
+<circle cx="272" r="1" fill="#E1D9FF"/>
+<circle cx="280" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="120" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="120" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="120" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="120" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="120" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="120" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="120" r="1" fill="#E1D9FF"/>
+<rect width="288" height="120" fill="url(#paint0_radial_302_7643)"/>
+<path d="M109 59.5614C109 55.6495 112.305 52.4783 116.382 52.4783H118.227V70.1139C118.227 71.1316 117.402 71.9566 116.384 71.9566C112.306 71.9566 109 68.7843 109 64.8711V59.5614Z" fill="#C171FF"/>
+<path d="M120.447 59.5614C120.447 55.6495 120.842 52.4783 116.765 52.4783H114.92V71.9566H116.762C120.841 71.9566 120.447 68.7843 120.447 64.8711V59.5614Z" fill="#C171FF"/>
+<path d="M170.872 58.2072C170.872 51.5219 167.854 45.1103 162.482 40.383C157.111 35.6558 149.825 33 142.228 33C134.631 33 127.345 35.6558 121.973 40.383C116.601 45.1103 113.583 51.5219 113.583 58.2072H117.701C117.701 52.483 120.285 46.9931 124.885 42.9455C129.484 38.8978 135.723 36.6238 142.228 36.6238C148.733 36.6238 154.971 38.8978 159.571 42.9455C164.17 46.9931 166.754 52.483 166.754 58.2072H170.872Z" fill="#C171FF"/>
+<path d="M128.764 57.5996C128.764 56.3093 129.81 55.2633 131.1 55.2633C132.391 55.2633 133.437 56.3093 133.437 57.5996V62.9988C133.437 64.2891 132.391 65.335 131.1 65.335C129.81 65.335 128.764 64.2891 128.764 62.9988V57.5996Z" fill="#2F265F"/>
+<path d="M136.239 57.5996C136.239 56.3093 137.285 55.2633 138.575 55.2633C139.866 55.2633 140.912 56.3093 140.912 57.5996V62.9988C140.912 64.2891 139.866 65.335 138.575 65.335C137.285 65.335 136.239 64.2891 136.239 62.9988V57.5996Z" fill="#2F265F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M154.379 48.8538C145.679 47.6264 138.587 47.5779 129.692 48.8484C127.444 49.1696 125.956 49.3866 124.822 49.7181C123.77 50.0255 123.172 50.392 122.677 50.945C121.652 52.09 121.517 53.385 121.378 57.9016C121.24 62.3404 121.512 66.3186 122.027 70.7947C122.301 73.1799 122.49 74.7896 122.792 76.0134C123.078 77.1742 123.423 77.7983 123.904 78.2762C124.389 78.7578 125.01 79.0975 126.149 79.3731C127.354 79.6647 128.936 79.841 131.287 80.0974C138.889 80.9268 144.579 80.9227 152.209 80.1018C154.588 79.8459 156.196 79.6694 157.419 79.3799C158.581 79.1047 159.206 78.7674 159.684 78.2996C160.152 77.8415 160.509 77.2097 160.819 75.991C161.143 74.7195 161.363 73.0371 161.681 70.5655C162.249 66.1558 162.659 62.2831 162.674 58.0406C162.691 53.5046 162.599 52.214 161.562 51.0169C161.062 50.4387 160.454 50.0585 159.378 49.7419C158.216 49.4 156.688 49.1797 154.379 48.8538ZM129.149 45.0452C138.415 43.7218 145.871 43.7736 154.916 45.0497L155.048 45.0684C157.19 45.3705 158.999 45.6256 160.462 46.0564C162.042 46.5213 163.363 47.2271 164.467 48.5027C166.55 50.9089 166.536 53.7639 166.518 57.557C166.518 57.7212 166.517 57.8872 166.516 58.055C166.499 62.5407 166.065 66.6025 165.492 71.0564L165.476 71.1742C165.177 73.4985 164.93 75.4139 164.543 76.9381C164.135 78.5408 163.526 79.915 162.372 81.0444C161.229 82.1641 159.878 82.7459 158.304 83.1183C156.818 83.4701 154.969 83.669 152.74 83.9087L152.62 83.9216C144.719 84.7716 138.751 84.7764 130.87 83.9165L130.748 83.9033C128.551 83.6636 126.721 83.464 125.246 83.1072C123.678 82.7279 122.336 82.1343 121.196 81.0007C120.051 79.8632 119.45 78.5115 119.061 76.9322C118.695 75.4427 118.481 73.588 118.224 71.3546L118.21 71.2337C117.682 66.6432 117.393 62.4676 117.538 57.7829C117.543 57.6129 117.548 57.4448 117.553 57.2785C117.666 53.5138 117.75 50.6898 119.814 48.3833C120.909 47.1595 122.203 46.4809 123.744 46.0306C125.173 45.613 126.935 45.3614 129.02 45.0636C129.063 45.0575 129.106 45.0514 129.149 45.0452Z" fill="#2F265F"/>
+<path d="M163.537 60.9007C163.537 56.6884 166.951 53.2736 171.164 53.2736H172.428V74.2482H171.166C166.953 74.2482 163.537 70.8322 163.537 66.6183V60.9007Z" fill="#C171FF"/>
+<path d="M178.132 60.9007C178.132 56.6884 174.717 53.2736 170.505 53.2736H169.241V74.2482H170.502C174.716 74.2482 178.132 70.8322 178.132 66.6183V60.9007Z" fill="#C171FF"/>
+<path d="M170.695 64.7044C170.695 64.7044 170.827 72.5295 169.225 78.2584C167.622 83.9873 163.497 85.5962 159.073 86.8518C154.65 88.1073 151.594 87.9975 151.594 87.9975" stroke="#C171FF" stroke-width="2.85772" stroke-linecap="round"/>
+</g>
+<rect x="0.5" y="0.5" width="287" height="119" rx="7.5" stroke="#ECECEC"/>
+<defs>
+<radialGradient id="paint0_radial_302_7643" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(144.5 67) rotate(90.5405) scale(53.0024 127.206)">
+<stop stop-color="#F9F9FB" stop-opacity="0.95"/>
+<stop offset="0.566518" stop-color="#F9F9FB" stop-opacity="0"/>
+<stop offset="1" stop-color="#F9F9FB" stop-opacity="0.7"/>
+</radialGradient>
+<clipPath id="clip0_302_7643">
+<rect width="288" height="120" rx="8" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/assets/images/dashboard/captain/document-dark.svg b/public/assets/images/dashboard/captain/document-dark.svg
new file mode 100644
index 000000000..d6bcde260
--- /dev/null
+++ b/public/assets/images/dashboard/captain/document-dark.svg
@@ -0,0 +1,26 @@
+<svg width="120" height="104" viewBox="0 0 120 104" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_156_14208)">
+<rect width="120" height="104" rx="8" fill="#1B1B1F"/>
+<path d="M54.4477 26.5242C54.2821 25.4104 55.0508 24.3732 56.1646 24.2076C57.2785 24.0419 58.3157 24.8106 58.4813 25.9245L59.1744 30.5855C59.34 31.6994 58.5713 32.7366 57.4575 32.9022C56.3436 33.0678 55.3064 32.2991 55.1408 31.1853L54.4477 26.5242Z" fill="#E2DDFE"/>
+<path d="M60.9011 25.5647C60.7355 24.4508 61.5042 23.4136 62.6181 23.248C63.7319 23.0823 64.7691 23.851 64.9347 24.9649L65.6278 29.6259C65.7934 30.7398 65.0247 31.777 63.9109 31.9426C62.797 32.1082 61.7598 31.3395 61.5942 30.2257L60.9011 25.5647Z" fill="#E2DDFE"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M75.4378 15.6862C67.77 15.7433 61.6417 16.6118 54.1257 18.8504C52.2258 19.4163 50.9694 19.7946 50.0327 20.2264C49.1642 20.6268 48.6948 21.02 48.3387 21.5609C47.6012 22.6808 47.6509 23.8161 48.1101 27.7331C48.5614 31.5826 49.3067 34.982 50.3258 38.78C50.8688 40.8038 51.2384 42.1692 51.6557 43.187C52.0516 44.1524 52.4303 44.6468 52.9065 44.9976C53.3866 45.3512 53.9662 45.5647 54.9853 45.6564C56.0633 45.7534 57.4513 45.7025 59.5134 45.6222C66.1825 45.3624 71.0944 44.6284 77.576 42.9403C79.5969 42.414 80.9619 42.0553 81.9808 41.6483C82.9489 41.2616 83.4451 40.8902 83.7975 40.425C84.1425 39.9695 84.3699 39.3782 84.4811 38.2864C84.5971 37.1472 84.5711 35.6665 84.5287 33.492C84.4531 29.6123 84.3092 26.2165 83.7784 22.5521C83.2108 18.6341 82.965 17.5318 81.9169 16.6314C81.4107 16.1965 80.8366 15.9464 79.8673 15.8112C78.8205 15.6652 77.4732 15.6711 75.4378 15.6862ZM53.1686 15.637C60.9981 13.305 67.4409 12.3927 75.4129 12.3333L75.5295 12.3325C77.417 12.3183 79.0117 12.3064 80.3306 12.4904C81.754 12.6889 82.985 13.1286 84.1018 14.0881C86.2086 15.898 86.5634 18.3644 87.0347 21.6412C87.0551 21.783 87.0757 21.9264 87.0967 22.0714C87.658 25.9459 87.8047 29.5081 87.8811 33.4267L87.8831 33.5304C87.923 35.5753 87.9558 37.2604 87.8168 38.626C87.6706 40.0619 87.321 41.3264 86.4703 42.4495C85.627 43.5628 84.5353 44.2385 83.2246 44.762C81.9869 45.2565 80.4161 45.6655 78.5228 46.1585L78.4211 46.185C71.709 47.9331 66.5576 48.7033 59.6439 48.9726L59.5372 48.9768C57.6093 49.052 56.0039 49.1146 54.6849 48.9959C53.2827 48.8697 52.0479 48.5296 50.918 47.6973C49.7843 46.8622 49.092 45.7725 48.5534 44.459C48.0455 43.2202 47.6233 41.6465 47.1149 39.7515L47.0873 39.6489C46.0422 35.7538 45.2562 32.1863 44.7799 28.1235C44.7626 27.9761 44.7454 27.8303 44.7284 27.6861C44.3423 24.4217 44.0527 21.973 45.5383 19.7169C46.3265 18.5199 47.3567 17.7679 48.629 17.1814C49.809 16.6375 51.2978 16.1941 53.0599 15.6693C53.096 15.6586 53.1322 15.6478 53.1686 15.637Z" fill="#E2DDFE"/>
+<path d="M52.6139 31.385L45.538 32.5217C43.584 32.8356 42.2545 34.6741 42.5684 36.6281L43.1367 40.166C43.4506 42.12 45.2891 43.4495 47.243 43.1357L54.319 41.9989C56.2729 41.6851 57.6025 39.8466 57.2886 37.8926L56.7202 34.3546C56.4064 32.4007 54.5679 31.0711 52.6139 31.385Z" stroke="#C171FF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M64.0798 34.9869C63.9291 34.0486 63.4095 33.209 62.6352 32.6527C61.861 32.0965 60.8956 31.8692 59.9514 32.0209C59.0072 32.1725 58.1616 32.6908 57.6005 33.4615C57.0394 34.2323 56.8089 35.1924 56.9596 36.1307" stroke="#C171FF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M73.8418 27.9749L66.7658 29.1116C64.8118 29.4255 63.4823 31.2639 63.7962 33.2179L64.3645 36.7559C64.6784 38.7098 66.5169 40.0394 68.4709 39.7255L75.5468 38.5888C77.5008 38.2749 78.8303 36.4364 78.5164 34.4825L77.9481 30.9445C77.6342 28.9905 75.7957 27.661 73.8418 27.9749Z" stroke="#C171FF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M28.5001 -26L128.5 -2.5L49.5001 75.9995L31.9999 70.5L28.5001 -26Z" fill="url(#paint0_linear_156_14208)" fill-opacity="0.3"/>
+<path d="M41.3586 88.2861L42.7447 88.7517L42.931 87.3015L45.9797 63.5739C46.1801 62.0143 45.3058 60.5152 43.8496 59.9217L29.967 54.2642C28.5485 53.6862 26.9673 54.6084 26.7721 56.1276L23.6587 80.3586C23.5168 81.4628 24.1747 82.5133 25.2299 82.8679L41.3586 88.2861Z" fill="#3B334A" stroke="#C9C7DD" stroke-width="2.4"/>
+<path d="M45.0701 88.506L43.6114 88.6061L43.7977 87.1558L46.8465 63.4282C47.0469 61.8686 48.2718 60.6393 49.8307 60.4332L64.6927 58.4691C66.2112 58.2684 67.5079 59.5605 67.3127 61.0797L64.1992 85.3107C64.0574 86.4148 63.1553 87.2649 62.0447 87.3412L45.0701 88.506Z" fill="#3B334A" stroke="#C9C7DD" stroke-width="2.4"/>
+<path d="M38.1722 92.2769L39.5583 92.7425L39.7446 91.2923L42.9045 66.6998C43.0393 65.6501 42.4508 64.6411 41.4707 64.2417L26.7806 58.2551C25.3621 57.677 23.7809 58.5993 23.5857 60.1185L20.4723 84.3495C20.3304 85.4536 20.9883 86.5042 22.0435 86.8587L38.1722 92.2769Z" fill="#3B334A" stroke="#C9C7DD" stroke-width="2.4"/>
+<path d="M47.3646 93.4581L45.9059 93.5581L46.0922 92.1079L49.2521 67.5154C49.387 66.4657 50.2115 65.6382 51.2607 65.4996L66.9871 63.4212C68.5057 63.2205 69.8024 64.5126 69.6072 66.0318L66.4937 90.2628C66.3519 91.3669 65.4498 92.217 64.3392 92.2932L47.3646 93.4581Z" fill="#3B334A" stroke="#C9C7DD" stroke-width="2.4"/>
+<path d="M43.0765 65.8092L41.8863 65.6562L41.7334 66.8465L38.6068 91.1797C38.4426 92.4579 39.3456 93.6272 40.6237 93.7914L44.61 94.3036C45.8882 94.4678 47.0575 93.5648 47.2217 92.2867L50.3483 67.9534L50.5012 66.7632L49.311 66.6102L43.0765 65.8092Z" fill="#3B334A" stroke="#C9C7DD" stroke-width="2.4"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_156_14208" x1="37.0001" y1="71.5" x2="103" y2="-1.00003" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CC8AFF" stop-opacity="0.9"/>
+<stop offset="1" stop-color="#CC8AFF" stop-opacity="0.1"/>
+</linearGradient>
+<clipPath id="clip0_156_14208">
+<rect width="120" height="104" rx="8" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/assets/images/dashboard/captain/document-light.svg b/public/assets/images/dashboard/captain/document-light.svg
new file mode 100644
index 000000000..7b24dc870
--- /dev/null
+++ b/public/assets/images/dashboard/captain/document-light.svg
@@ -0,0 +1,27 @@
+<svg width="120" height="104" viewBox="0 0 120 104" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_160_16404)">
+<rect width="120" height="104" rx="8" fill="#FCFCFD"/>
+<path d="M54.4477 26.5243C54.2821 25.4105 55.0508 24.3732 56.1646 24.2076C57.2785 24.042 58.3157 24.8107 58.4813 25.9245L59.1744 30.5856C59.34 31.6994 58.5713 32.7366 57.4575 32.9023C56.3436 33.0679 55.3064 32.2992 55.1408 31.1854L54.4477 26.5243Z" fill="black"/>
+<path d="M60.9011 25.5647C60.7355 24.4509 61.5042 23.4136 62.6181 23.248C63.7319 23.0824 64.7691 23.8511 64.9347 24.9649L65.6278 29.626C65.7934 30.7398 65.0247 31.7771 63.9109 31.9427C62.797 32.1083 61.7598 31.3396 61.5942 30.2258L60.9011 25.5647Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M75.4378 15.6863C67.77 15.7434 61.6417 16.6119 54.1257 18.8505C52.2258 19.4164 50.9694 19.7947 50.0327 20.2265C49.1642 20.6269 48.6948 21.0201 48.3387 21.5609C47.6012 22.6809 47.6509 23.8162 48.1101 27.7331C48.5614 31.5827 49.3067 34.982 50.3258 38.78C50.8688 40.8039 51.2384 42.1693 51.6557 43.187C52.0516 44.1525 52.4303 44.6469 52.9065 44.9977C53.3866 45.3513 53.9662 45.5648 54.9853 45.6565C56.0633 45.7534 57.4513 45.7026 59.5134 45.6223C66.1825 45.3625 71.0944 44.6284 77.576 42.9403C79.5969 42.414 80.9619 42.0554 81.9808 41.6484C82.9489 41.2617 83.4451 40.8903 83.7975 40.425C84.1425 39.9696 84.3699 39.3782 84.4811 38.2864C84.5971 37.1472 84.5711 35.6666 84.5287 33.4921C84.4531 29.6123 84.3092 26.2166 83.7784 22.5521C83.2108 18.6342 82.965 17.5319 81.9169 16.6315C81.4107 16.1966 80.8366 15.9465 79.8673 15.8113C78.8205 15.6652 77.4732 15.6711 75.4378 15.6863ZM53.1686 15.637C60.9981 13.3051 67.4409 12.3928 75.4129 12.3334L75.5295 12.3325C77.417 12.3184 79.0117 12.3065 80.3306 12.4904C81.754 12.689 82.985 13.1287 84.1018 14.0882C86.2086 15.8981 86.5634 18.3644 87.0347 21.6412C87.0551 21.7831 87.0757 21.9265 87.0967 22.0714C87.658 25.946 87.8047 29.5081 87.8811 33.4268L87.8831 33.5304C87.923 35.5754 87.9558 37.2605 87.8168 38.6261C87.6706 40.062 87.321 41.3265 86.4703 42.4496C85.627 43.5629 84.5353 44.2385 83.2246 44.7621C81.9869 45.2565 80.4161 45.6656 78.5228 46.1586L78.4211 46.1851C71.709 47.9332 66.5576 48.7034 59.6439 48.9727L59.5372 48.9769C57.6093 49.052 56.0039 49.1146 54.6849 48.9959C53.2827 48.8698 52.0479 48.5296 50.918 47.6974C49.7843 46.8623 49.092 45.7725 48.5534 44.4591C48.0455 43.2203 47.6233 41.6466 47.1149 39.7515L47.0873 39.6489C46.0422 35.7539 45.2562 32.1864 44.7799 28.1236C44.7626 27.9761 44.7454 27.8304 44.7284 27.6862C44.3423 24.4218 44.0527 21.9731 45.5383 19.717C46.3265 18.5199 47.3567 17.768 48.629 17.1815C49.809 16.6375 51.2978 16.1942 53.0599 15.6694C53.096 15.6587 53.1322 15.6479 53.1686 15.637Z" fill="black"/>
+<path d="M52.6139 31.385L45.538 32.5217C43.584 32.8356 42.2545 34.6741 42.5684 36.6281L43.1367 40.166C43.4506 42.12 45.2891 43.4495 47.243 43.1357L54.319 41.9989C56.2729 41.6851 57.6025 39.8466 57.2886 37.8926L56.7202 34.3546C56.4064 32.4007 54.5679 31.0711 52.6139 31.385Z" stroke="#B77FFF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M64.0798 34.9869C63.9291 34.0486 63.4095 33.209 62.6352 32.6527C61.861 32.0965 60.8956 31.8692 59.9514 32.0209C59.0072 32.1725 58.1616 32.6908 57.6005 33.4615C57.0394 34.2323 56.8089 35.1924 56.9596 36.1307" stroke="#B77FFF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M73.8418 27.9749L66.7658 29.1116C64.8118 29.4255 63.4823 31.264 63.7962 33.218L64.3645 36.7559C64.6784 38.7099 66.5169 40.0395 68.4709 39.7256L75.5468 38.5889C77.5008 38.275 78.8303 36.4365 78.5164 34.4825L77.9481 30.9446C77.6342 28.9906 75.7957 27.661 73.8418 27.9749Z" stroke="#B77FFF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M28.5001 -26L128.5 -2.5L49.5001 75.9995L31.9999 70.5L28.5001 -26Z" fill="url(#paint0_linear_160_16404)" fill-opacity="0.3"/>
+<path d="M41.3586 88.2861L42.7447 88.7517L42.931 87.3015L45.9797 63.5739C46.1801 62.0143 45.3058 60.5152 43.8496 59.9217L29.967 54.2642C28.5485 53.6862 26.9673 54.6084 26.7721 56.1276L23.6587 80.3586C23.5168 81.4628 24.1747 82.5133 25.2299 82.8679L41.3586 88.2861Z" fill="#E1D9FF" stroke="#473896" stroke-width="2.4"/>
+<path d="M45.0701 88.506L43.6114 88.6061L43.7977 87.1558L46.8465 63.4282C47.0469 61.8686 48.2718 60.6393 49.8307 60.4332L64.6927 58.4691C66.2112 58.2684 67.5079 59.5605 67.3127 61.0797L64.1992 85.3107C64.0574 86.4148 63.1553 87.2649 62.0447 87.3412L45.0701 88.506Z" fill="#E1D9FF" stroke="#473896" stroke-width="2.4"/>
+<path d="M38.1722 92.2769L39.5583 92.7425L39.7446 91.2923L42.9045 66.6998C43.0393 65.6501 42.4508 64.6411 41.4707 64.2417L26.7806 58.2551C25.3621 57.677 23.7809 58.5993 23.5857 60.1185L20.4723 84.3495C20.3304 85.4536 20.9883 86.5042 22.0435 86.8587L38.1722 92.2769Z" fill="#E1D9FF" stroke="#473896" stroke-width="2.4"/>
+<path d="M47.3646 93.4581L45.9059 93.5581L46.0922 92.1079L49.2521 67.5154C49.387 66.4657 50.2115 65.6382 51.2607 65.4996L66.9871 63.4212C68.5057 63.2205 69.8024 64.5126 69.6072 66.0318L66.4937 90.2628C66.3519 91.3669 65.4498 92.217 64.3392 92.2932L47.3646 93.4581Z" fill="#E1D9FF" stroke="#473896" stroke-width="2.4"/>
+<path d="M43.0765 65.8092L41.8863 65.6562L41.7334 66.8465L38.6068 91.1797C38.4426 92.4579 39.3456 93.6272 40.6237 93.7914L44.61 94.3036C45.8882 94.4678 47.0575 93.5648 47.2217 92.2867L50.3483 67.9534L50.5012 66.7632L49.311 66.6102L43.0765 65.8092Z" fill="#E1D9FF" stroke="#473896" stroke-width="2.4"/>
+</g>
+<rect x="0.5" y="0.5" width="119" height="103" rx="7.5" stroke="#ECECEC"/>
+<defs>
+<linearGradient id="paint0_linear_160_16404" x1="37.0001" y1="71.5" x2="103" y2="-1.00003" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CC8AFF" stop-opacity="0.9"/>
+<stop offset="1" stop-color="#CC8AFF" stop-opacity="0.1"/>
+</linearGradient>
+<clipPath id="clip0_160_16404">
+<rect width="120" height="104" rx="8" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/assets/images/dashboard/captain/document-popover-dark.svg b/public/assets/images/dashboard/captain/document-popover-dark.svg
new file mode 100644
index 000000000..909f291ea
--- /dev/null
+++ b/public/assets/images/dashboard/captain/document-popover-dark.svg
@@ -0,0 +1,569 @@
+<svg width="288" height="120" viewBox="0 0 288 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_302_6503)">
+<rect width="288" height="120" rx="8" fill="#2E3035"/>
+<circle cx="8" r="1" fill="#473876"/>
+<circle cx="16" r="1" fill="#473876"/>
+<circle cx="24" r="1" fill="#473876"/>
+<circle cx="32" r="1" fill="#473876"/>
+<circle cx="40" r="1" fill="#473876"/>
+<circle cx="48" r="1" fill="#473876"/>
+<circle cx="56" r="1" fill="#473876"/>
+<circle cx="64" r="1" fill="#473876"/>
+<circle cx="72" r="1" fill="#473876"/>
+<circle cx="80" r="1" fill="#473876"/>
+<circle cx="88" r="1" fill="#473876"/>
+<circle cx="96" r="1" fill="#473876"/>
+<circle cx="104" r="1" fill="#473876"/>
+<circle cx="112" r="1" fill="#473876"/>
+<circle cx="120" r="1" fill="#473876"/>
+<circle cx="128" r="1" fill="#473876"/>
+<circle cx="136" r="1" fill="#473876"/>
+<circle cx="144" r="1" fill="#473876"/>
+<circle cx="152" r="1" fill="#473876"/>
+<circle cx="160" r="1" fill="#473876"/>
+<circle cx="168" r="1" fill="#473876"/>
+<circle cx="176" r="1" fill="#473876"/>
+<circle cx="184" r="1" fill="#473876"/>
+<circle cx="192" r="1" fill="#473876"/>
+<circle cx="200" r="1" fill="#473876"/>
+<circle cx="208" r="1" fill="#473876"/>
+<circle cx="216" r="1" fill="#473876"/>
+<circle cx="224" r="1" fill="#473876"/>
+<circle cx="232" r="1" fill="#473876"/>
+<circle cx="240" r="1" fill="#473876"/>
+<circle cx="248" r="1" fill="#473876"/>
+<circle cx="256" r="1" fill="#473876"/>
+<circle cx="264" r="1" fill="#473876"/>
+<circle cx="272" r="1" fill="#473876"/>
+<circle cx="280" r="1" fill="#473876"/>
+<circle cx="8" cy="8" r="1" fill="#473876"/>
+<circle cx="16" cy="8" r="1" fill="#473876"/>
+<circle cx="24" cy="8" r="1" fill="#473876"/>
+<circle cx="32" cy="8" r="1" fill="#473876"/>
+<circle cx="40" cy="8" r="1" fill="#473876"/>
+<circle cx="48" cy="8" r="1" fill="#473876"/>
+<circle cx="56" cy="8" r="1" fill="#473876"/>
+<circle cx="64" cy="8" r="1" fill="#473876"/>
+<circle cx="72" cy="8" r="1" fill="#473876"/>
+<circle cx="80" cy="8" r="1" fill="#473876"/>
+<circle cx="88" cy="8" r="1" fill="#473876"/>
+<circle cx="96" cy="8" r="1" fill="#473876"/>
+<circle cx="104" cy="8" r="1" fill="#473876"/>
+<circle cx="112" cy="8" r="1" fill="#473876"/>
+<circle cx="120" cy="8" r="1" fill="#473876"/>
+<circle cx="128" cy="8" r="1" fill="#473876"/>
+<circle cx="136" cy="8" r="1" fill="#473876"/>
+<circle cx="144" cy="8" r="1" fill="#473876"/>
+<circle cx="152" cy="8" r="1" fill="#473876"/>
+<circle cx="160" cy="8" r="1" fill="#473876"/>
+<circle cx="168" cy="8" r="1" fill="#473876"/>
+<circle cx="176" cy="8" r="1" fill="#473876"/>
+<circle cx="184" cy="8" r="1" fill="#473876"/>
+<circle cx="192" cy="8" r="1" fill="#473876"/>
+<circle cx="200" cy="8" r="1" fill="#473876"/>
+<circle cx="208" cy="8" r="1" fill="#473876"/>
+<circle cx="216" cy="8" r="1" fill="#473876"/>
+<circle cx="224" cy="8" r="1" fill="#473876"/>
+<circle cx="232" cy="8" r="1" fill="#473876"/>
+<circle cx="240" cy="8" r="1" fill="#473876"/>
+<circle cx="248" cy="8" r="1" fill="#473876"/>
+<circle cx="256" cy="8" r="1" fill="#473876"/>
+<circle cx="264" cy="8" r="1" fill="#473876"/>
+<circle cx="272" cy="8" r="1" fill="#473876"/>
+<circle cx="280" cy="8" r="1" fill="#473876"/>
+<circle cx="8" cy="16" r="1" fill="#473876"/>
+<circle cx="16" cy="16" r="1" fill="#473876"/>
+<circle cx="24" cy="16" r="1" fill="#473876"/>
+<circle cx="32" cy="16" r="1" fill="#473876"/>
+<circle cx="40" cy="16" r="1" fill="#473876"/>
+<circle cx="48" cy="16" r="1" fill="#473876"/>
+<circle cx="56" cy="16" r="1" fill="#473876"/>
+<circle cx="64" cy="16" r="1" fill="#473876"/>
+<circle cx="72" cy="16" r="1" fill="#473876"/>
+<circle cx="80" cy="16" r="1" fill="#473876"/>
+<circle cx="88" cy="16" r="1" fill="#473876"/>
+<circle cx="96" cy="16" r="1" fill="#473876"/>
+<circle cx="104" cy="16" r="1" fill="#473876"/>
+<circle cx="112" cy="16" r="1" fill="#473876"/>
+<circle cx="120" cy="16" r="1" fill="#473876"/>
+<circle cx="128" cy="16" r="1" fill="#473876"/>
+<circle cx="136" cy="16" r="1" fill="#473876"/>
+<circle cx="144" cy="16" r="1" fill="#473876"/>
+<circle cx="152" cy="16" r="1" fill="#473876"/>
+<circle cx="160" cy="16" r="1" fill="#473876"/>
+<circle cx="168" cy="16" r="1" fill="#473876"/>
+<circle cx="176" cy="16" r="1" fill="#473876"/>
+<circle cx="184" cy="16" r="1" fill="#473876"/>
+<circle cx="192" cy="16" r="1" fill="#473876"/>
+<circle cx="200" cy="16" r="1" fill="#473876"/>
+<circle cx="208" cy="16" r="1" fill="#473876"/>
+<circle cx="216" cy="16" r="1" fill="#473876"/>
+<circle cx="224" cy="16" r="1" fill="#473876"/>
+<circle cx="232" cy="16" r="1" fill="#473876"/>
+<circle cx="240" cy="16" r="1" fill="#473876"/>
+<circle cx="248" cy="16" r="1" fill="#473876"/>
+<circle cx="256" cy="16" r="1" fill="#473876"/>
+<circle cx="264" cy="16" r="1" fill="#473876"/>
+<circle cx="272" cy="16" r="1" fill="#473876"/>
+<circle cx="280" cy="16" r="1" fill="#473876"/>
+<circle cx="8" cy="24" r="1" fill="#473876"/>
+<circle cx="16" cy="24" r="1" fill="#473876"/>
+<circle cx="24" cy="24" r="1" fill="#473876"/>
+<circle cx="32" cy="24" r="1" fill="#473876"/>
+<circle cx="40" cy="24" r="1" fill="#473876"/>
+<circle cx="48" cy="24" r="1" fill="#473876"/>
+<circle cx="56" cy="24" r="1" fill="#473876"/>
+<circle cx="64" cy="24" r="1" fill="#473876"/>
+<circle cx="72" cy="24" r="1" fill="#473876"/>
+<circle cx="80" cy="24" r="1" fill="#473876"/>
+<circle cx="88" cy="24" r="1" fill="#473876"/>
+<circle cx="96" cy="24" r="1" fill="#473876"/>
+<circle cx="104" cy="24" r="1" fill="#473876"/>
+<circle cx="112" cy="24" r="1" fill="#473876"/>
+<circle cx="120" cy="24" r="1" fill="#473876"/>
+<circle cx="128" cy="24" r="1" fill="#473876"/>
+<circle cx="136" cy="24" r="1" fill="#473876"/>
+<circle cx="144" cy="24" r="1" fill="#473876"/>
+<circle cx="152" cy="24" r="1" fill="#473876"/>
+<circle cx="160" cy="24" r="1" fill="#473876"/>
+<circle cx="168" cy="24" r="1" fill="#473876"/>
+<circle cx="176" cy="24" r="1" fill="#473876"/>
+<circle cx="184" cy="24" r="1" fill="#473876"/>
+<circle cx="192" cy="24" r="1" fill="#473876"/>
+<circle cx="200" cy="24" r="1" fill="#473876"/>
+<circle cx="208" cy="24" r="1" fill="#473876"/>
+<circle cx="216" cy="24" r="1" fill="#473876"/>
+<circle cx="224" cy="24" r="1" fill="#473876"/>
+<circle cx="232" cy="24" r="1" fill="#473876"/>
+<circle cx="240" cy="24" r="1" fill="#473876"/>
+<circle cx="248" cy="24" r="1" fill="#473876"/>
+<circle cx="256" cy="24" r="1" fill="#473876"/>
+<circle cx="264" cy="24" r="1" fill="#473876"/>
+<circle cx="272" cy="24" r="1" fill="#473876"/>
+<circle cx="280" cy="24" r="1" fill="#473876"/>
+<circle cx="8" cy="32" r="1" fill="#473876"/>
+<circle cx="16" cy="32" r="1" fill="#473876"/>
+<circle cx="24" cy="32" r="1" fill="#473876"/>
+<circle cx="32" cy="32" r="1" fill="#473876"/>
+<circle cx="40" cy="32" r="1" fill="#473876"/>
+<circle cx="48" cy="32" r="1" fill="#473876"/>
+<circle cx="56" cy="32" r="1" fill="#473876"/>
+<circle cx="64" cy="32" r="1" fill="#473876"/>
+<circle cx="72" cy="32" r="1" fill="#473876"/>
+<circle cx="80" cy="32" r="1" fill="#473876"/>
+<circle cx="88" cy="32" r="1" fill="#473876"/>
+<circle cx="96" cy="32" r="1" fill="#473876"/>
+<circle cx="104" cy="32" r="1" fill="#473876"/>
+<circle cx="112" cy="32" r="1" fill="#473876"/>
+<circle cx="120" cy="32" r="1" fill="#473876"/>
+<circle cx="128" cy="32" r="1" fill="#473876"/>
+<circle cx="136" cy="32" r="1" fill="#473876"/>
+<circle cx="144" cy="32" r="1" fill="#473876"/>
+<circle cx="152" cy="32" r="1" fill="#473876"/>
+<circle cx="160" cy="32" r="1" fill="#473876"/>
+<circle cx="168" cy="32" r="1" fill="#473876"/>
+<circle cx="176" cy="32" r="1" fill="#473876"/>
+<circle cx="184" cy="32" r="1" fill="#473876"/>
+<circle cx="192" cy="32" r="1" fill="#473876"/>
+<circle cx="200" cy="32" r="1" fill="#473876"/>
+<circle cx="208" cy="32" r="1" fill="#473876"/>
+<circle cx="216" cy="32" r="1" fill="#473876"/>
+<circle cx="224" cy="32" r="1" fill="#473876"/>
+<circle cx="232" cy="32" r="1" fill="#473876"/>
+<circle cx="240" cy="32" r="1" fill="#473876"/>
+<circle cx="248" cy="32" r="1" fill="#473876"/>
+<circle cx="256" cy="32" r="1" fill="#473876"/>
+<circle cx="264" cy="32" r="1" fill="#473876"/>
+<circle cx="272" cy="32" r="1" fill="#473876"/>
+<circle cx="280" cy="32" r="1" fill="#473876"/>
+<circle cx="8" cy="40" r="1" fill="#473876"/>
+<circle cx="16" cy="40" r="1" fill="#473876"/>
+<circle cx="24" cy="40" r="1" fill="#473876"/>
+<circle cx="32" cy="40" r="1" fill="#473876"/>
+<circle cx="40" cy="40" r="1" fill="#473876"/>
+<circle cx="48" cy="40" r="1" fill="#473876"/>
+<circle cx="56" cy="40" r="1" fill="#473876"/>
+<circle cx="64" cy="40" r="1" fill="#473876"/>
+<circle cx="72" cy="40" r="1" fill="#473876"/>
+<circle cx="80" cy="40" r="1" fill="#473876"/>
+<circle cx="88" cy="40" r="1" fill="#473876"/>
+<circle cx="96" cy="40" r="1" fill="#473876"/>
+<circle cx="104" cy="40" r="1" fill="#473876"/>
+<circle cx="112" cy="40" r="1" fill="#473876"/>
+<circle cx="120" cy="40" r="1" fill="#473876"/>
+<circle cx="128" cy="40" r="1" fill="#473876"/>
+<circle cx="136" cy="40" r="1" fill="#473876"/>
+<circle cx="144" cy="40" r="1" fill="#473876"/>
+<circle cx="152" cy="40" r="1" fill="#473876"/>
+<circle cx="160" cy="40" r="1" fill="#473876"/>
+<circle cx="168" cy="40" r="1" fill="#473876"/>
+<circle cx="176" cy="40" r="1" fill="#473876"/>
+<circle cx="184" cy="40" r="1" fill="#473876"/>
+<circle cx="192" cy="40" r="1" fill="#473876"/>
+<circle cx="200" cy="40" r="1" fill="#473876"/>
+<circle cx="208" cy="40" r="1" fill="#473876"/>
+<circle cx="216" cy="40" r="1" fill="#473876"/>
+<circle cx="224" cy="40" r="1" fill="#473876"/>
+<circle cx="232" cy="40" r="1" fill="#473876"/>
+<circle cx="240" cy="40" r="1" fill="#473876"/>
+<circle cx="248" cy="40" r="1" fill="#473876"/>
+<circle cx="256" cy="40" r="1" fill="#473876"/>
+<circle cx="264" cy="40" r="1" fill="#473876"/>
+<circle cx="272" cy="40" r="1" fill="#473876"/>
+<circle cx="280" cy="40" r="1" fill="#473876"/>
+<circle cx="8" cy="48" r="1" fill="#473876"/>
+<circle cx="16" cy="48" r="1" fill="#473876"/>
+<circle cx="24" cy="48" r="1" fill="#473876"/>
+<circle cx="32" cy="48" r="1" fill="#473876"/>
+<circle cx="40" cy="48" r="1" fill="#473876"/>
+<circle cx="48" cy="48" r="1" fill="#473876"/>
+<circle cx="56" cy="48" r="1" fill="#473876"/>
+<circle cx="64" cy="48" r="1" fill="#473876"/>
+<circle cx="72" cy="48" r="1" fill="#473876"/>
+<circle cx="80" cy="48" r="1" fill="#473876"/>
+<circle cx="88" cy="48" r="1" fill="#473876"/>
+<circle cx="96" cy="48" r="1" fill="#473876"/>
+<circle cx="104" cy="48" r="1" fill="#473876"/>
+<circle cx="112" cy="48" r="1" fill="#473876"/>
+<circle cx="120" cy="48" r="1" fill="#473876"/>
+<circle cx="128" cy="48" r="1" fill="#473876"/>
+<circle cx="136" cy="48" r="1" fill="#473876"/>
+<circle cx="144" cy="48" r="1" fill="#473876"/>
+<circle cx="152" cy="48" r="1" fill="#473876"/>
+<circle cx="160" cy="48" r="1" fill="#473876"/>
+<circle cx="168" cy="48" r="1" fill="#473876"/>
+<circle cx="176" cy="48" r="1" fill="#473876"/>
+<circle cx="184" cy="48" r="1" fill="#473876"/>
+<circle cx="192" cy="48" r="1" fill="#473876"/>
+<circle cx="200" cy="48" r="1" fill="#473876"/>
+<circle cx="208" cy="48" r="1" fill="#473876"/>
+<circle cx="216" cy="48" r="1" fill="#473876"/>
+<circle cx="224" cy="48" r="1" fill="#473876"/>
+<circle cx="232" cy="48" r="1" fill="#473876"/>
+<circle cx="240" cy="48" r="1" fill="#473876"/>
+<circle cx="248" cy="48" r="1" fill="#473876"/>
+<circle cx="256" cy="48" r="1" fill="#473876"/>
+<circle cx="264" cy="48" r="1" fill="#473876"/>
+<circle cx="272" cy="48" r="1" fill="#473876"/>
+<circle cx="280" cy="48" r="1" fill="#473876"/>
+<circle cx="8" cy="56" r="1" fill="#473876"/>
+<circle cx="16" cy="56" r="1" fill="#473876"/>
+<circle cx="24" cy="56" r="1" fill="#473876"/>
+<circle cx="32" cy="56" r="1" fill="#473876"/>
+<circle cx="40" cy="56" r="1" fill="#473876"/>
+<circle cx="48" cy="56" r="1" fill="#473876"/>
+<circle cx="56" cy="56" r="1" fill="#473876"/>
+<circle cx="64" cy="56" r="1" fill="#473876"/>
+<circle cx="72" cy="56" r="1" fill="#473876"/>
+<circle cx="80" cy="56" r="1" fill="#473876"/>
+<circle cx="88" cy="56" r="1" fill="#473876"/>
+<circle cx="96" cy="56" r="1" fill="#473876"/>
+<circle cx="104" cy="56" r="1" fill="#473876"/>
+<circle cx="112" cy="56" r="1" fill="#473876"/>
+<circle cx="120" cy="56" r="1" fill="#473876"/>
+<circle cx="128" cy="56" r="1" fill="#473876"/>
+<circle cx="136" cy="56" r="1" fill="#473876"/>
+<circle cx="144" cy="56" r="1" fill="#473876"/>
+<circle cx="152" cy="56" r="1" fill="#473876"/>
+<circle cx="160" cy="56" r="1" fill="#473876"/>
+<circle cx="168" cy="56" r="1" fill="#473876"/>
+<circle cx="176" cy="56" r="1" fill="#473876"/>
+<circle cx="184" cy="56" r="1" fill="#473876"/>
+<circle cx="192" cy="56" r="1" fill="#473876"/>
+<circle cx="200" cy="56" r="1" fill="#473876"/>
+<circle cx="208" cy="56" r="1" fill="#473876"/>
+<circle cx="216" cy="56" r="1" fill="#473876"/>
+<circle cx="224" cy="56" r="1" fill="#473876"/>
+<circle cx="232" cy="56" r="1" fill="#473876"/>
+<circle cx="240" cy="56" r="1" fill="#473876"/>
+<circle cx="248" cy="56" r="1" fill="#473876"/>
+<circle cx="256" cy="56" r="1" fill="#473876"/>
+<circle cx="264" cy="56" r="1" fill="#473876"/>
+<circle cx="272" cy="56" r="1" fill="#473876"/>
+<circle cx="280" cy="56" r="1" fill="#473876"/>
+<circle cx="8" cy="64" r="1" fill="#473876"/>
+<circle cx="16" cy="64" r="1" fill="#473876"/>
+<circle cx="24" cy="64" r="1" fill="#473876"/>
+<circle cx="32" cy="64" r="1" fill="#473876"/>
+<circle cx="40" cy="64" r="1" fill="#473876"/>
+<circle cx="48" cy="64" r="1" fill="#473876"/>
+<circle cx="56" cy="64" r="1" fill="#473876"/>
+<circle cx="64" cy="64" r="1" fill="#473876"/>
+<circle cx="72" cy="64" r="1" fill="#473876"/>
+<circle cx="80" cy="64" r="1" fill="#473876"/>
+<circle cx="88" cy="64" r="1" fill="#473876"/>
+<circle cx="96" cy="64" r="1" fill="#473876"/>
+<circle cx="104" cy="64" r="1" fill="#473876"/>
+<circle cx="112" cy="64" r="1" fill="#473876"/>
+<circle cx="120" cy="64" r="1" fill="#473876"/>
+<circle cx="128" cy="64" r="1" fill="#473876"/>
+<circle cx="136" cy="64" r="1" fill="#473876"/>
+<circle cx="144" cy="64" r="1" fill="#473876"/>
+<circle cx="152" cy="64" r="1" fill="#473876"/>
+<circle cx="160" cy="64" r="1" fill="#473876"/>
+<circle cx="168" cy="64" r="1" fill="#473876"/>
+<circle cx="176" cy="64" r="1" fill="#473876"/>
+<circle cx="184" cy="64" r="1" fill="#473876"/>
+<circle cx="192" cy="64" r="1" fill="#473876"/>
+<circle cx="200" cy="64" r="1" fill="#473876"/>
+<circle cx="208" cy="64" r="1" fill="#473876"/>
+<circle cx="216" cy="64" r="1" fill="#473876"/>
+<circle cx="224" cy="64" r="1" fill="#473876"/>
+<circle cx="232" cy="64" r="1" fill="#473876"/>
+<circle cx="240" cy="64" r="1" fill="#473876"/>
+<circle cx="248" cy="64" r="1" fill="#473876"/>
+<circle cx="256" cy="64" r="1" fill="#473876"/>
+<circle cx="264" cy="64" r="1" fill="#473876"/>
+<circle cx="272" cy="64" r="1" fill="#473876"/>
+<circle cx="280" cy="64" r="1" fill="#473876"/>
+<circle cx="8" cy="72" r="1" fill="#473876"/>
+<circle cx="16" cy="72" r="1" fill="#473876"/>
+<circle cx="24" cy="72" r="1" fill="#473876"/>
+<circle cx="32" cy="72" r="1" fill="#473876"/>
+<circle cx="40" cy="72" r="1" fill="#473876"/>
+<circle cx="48" cy="72" r="1" fill="#473876"/>
+<circle cx="56" cy="72" r="1" fill="#473876"/>
+<circle cx="64" cy="72" r="1" fill="#473876"/>
+<circle cx="72" cy="72" r="1" fill="#473876"/>
+<circle cx="80" cy="72" r="1" fill="#473876"/>
+<circle cx="88" cy="72" r="1" fill="#473876"/>
+<circle cx="96" cy="72" r="1" fill="#473876"/>
+<circle cx="104" cy="72" r="1" fill="#473876"/>
+<circle cx="112" cy="72" r="1" fill="#473876"/>
+<circle cx="120" cy="72" r="1" fill="#473876"/>
+<circle cx="128" cy="72" r="1" fill="#473876"/>
+<circle cx="136" cy="72" r="1" fill="#473876"/>
+<circle cx="144" cy="72" r="1" fill="#473876"/>
+<circle cx="152" cy="72" r="1" fill="#473876"/>
+<circle cx="160" cy="72" r="1" fill="#473876"/>
+<circle cx="168" cy="72" r="1" fill="#473876"/>
+<circle cx="176" cy="72" r="1" fill="#473876"/>
+<circle cx="184" cy="72" r="1" fill="#473876"/>
+<circle cx="192" cy="72" r="1" fill="#473876"/>
+<circle cx="200" cy="72" r="1" fill="#473876"/>
+<circle cx="208" cy="72" r="1" fill="#473876"/>
+<circle cx="216" cy="72" r="1" fill="#473876"/>
+<circle cx="224" cy="72" r="1" fill="#473876"/>
+<circle cx="232" cy="72" r="1" fill="#473876"/>
+<circle cx="240" cy="72" r="1" fill="#473876"/>
+<circle cx="248" cy="72" r="1" fill="#473876"/>
+<circle cx="256" cy="72" r="1" fill="#473876"/>
+<circle cx="264" cy="72" r="1" fill="#473876"/>
+<circle cx="272" cy="72" r="1" fill="#473876"/>
+<circle cx="280" cy="72" r="1" fill="#473876"/>
+<circle cx="8" cy="80" r="1" fill="#473876"/>
+<circle cx="16" cy="80" r="1" fill="#473876"/>
+<circle cx="24" cy="80" r="1" fill="#473876"/>
+<circle cx="32" cy="80" r="1" fill="#473876"/>
+<circle cx="40" cy="80" r="1" fill="#473876"/>
+<circle cx="48" cy="80" r="1" fill="#473876"/>
+<circle cx="56" cy="80" r="1" fill="#473876"/>
+<circle cx="64" cy="80" r="1" fill="#473876"/>
+<circle cx="72" cy="80" r="1" fill="#473876"/>
+<circle cx="80" cy="80" r="1" fill="#473876"/>
+<circle cx="88" cy="80" r="1" fill="#473876"/>
+<circle cx="96" cy="80" r="1" fill="#473876"/>
+<circle cx="104" cy="80" r="1" fill="#473876"/>
+<circle cx="112" cy="80" r="1" fill="#473876"/>
+<circle cx="120" cy="80" r="1" fill="#473876"/>
+<circle cx="128" cy="80" r="1" fill="#473876"/>
+<circle cx="136" cy="80" r="1" fill="#473876"/>
+<circle cx="144" cy="80" r="1" fill="#473876"/>
+<circle cx="152" cy="80" r="1" fill="#473876"/>
+<circle cx="160" cy="80" r="1" fill="#473876"/>
+<circle cx="168" cy="80" r="1" fill="#473876"/>
+<circle cx="176" cy="80" r="1" fill="#473876"/>
+<circle cx="184" cy="80" r="1" fill="#473876"/>
+<circle cx="192" cy="80" r="1" fill="#473876"/>
+<circle cx="200" cy="80" r="1" fill="#473876"/>
+<circle cx="208" cy="80" r="1" fill="#473876"/>
+<circle cx="216" cy="80" r="1" fill="#473876"/>
+<circle cx="224" cy="80" r="1" fill="#473876"/>
+<circle cx="232" cy="80" r="1" fill="#473876"/>
+<circle cx="240" cy="80" r="1" fill="#473876"/>
+<circle cx="248" cy="80" r="1" fill="#473876"/>
+<circle cx="256" cy="80" r="1" fill="#473876"/>
+<circle cx="264" cy="80" r="1" fill="#473876"/>
+<circle cx="272" cy="80" r="1" fill="#473876"/>
+<circle cx="280" cy="80" r="1" fill="#473876"/>
+<circle cx="8" cy="88" r="1" fill="#473876"/>
+<circle cx="16" cy="88" r="1" fill="#473876"/>
+<circle cx="24" cy="88" r="1" fill="#473876"/>
+<circle cx="32" cy="88" r="1" fill="#473876"/>
+<circle cx="40" cy="88" r="1" fill="#473876"/>
+<circle cx="48" cy="88" r="1" fill="#473876"/>
+<circle cx="56" cy="88" r="1" fill="#473876"/>
+<circle cx="64" cy="88" r="1" fill="#473876"/>
+<circle cx="72" cy="88" r="1" fill="#473876"/>
+<circle cx="80" cy="88" r="1" fill="#473876"/>
+<circle cx="88" cy="88" r="1" fill="#473876"/>
+<circle cx="96" cy="88" r="1" fill="#473876"/>
+<circle cx="104" cy="88" r="1" fill="#473876"/>
+<circle cx="112" cy="88" r="1" fill="#473876"/>
+<circle cx="120" cy="88" r="1" fill="#473876"/>
+<circle cx="128" cy="88" r="1" fill="#473876"/>
+<circle cx="136" cy="88" r="1" fill="#473876"/>
+<circle cx="144" cy="88" r="1" fill="#473876"/>
+<circle cx="152" cy="88" r="1" fill="#473876"/>
+<circle cx="160" cy="88" r="1" fill="#473876"/>
+<circle cx="168" cy="88" r="1" fill="#473876"/>
+<circle cx="176" cy="88" r="1" fill="#473876"/>
+<circle cx="184" cy="88" r="1" fill="#473876"/>
+<circle cx="192" cy="88" r="1" fill="#473876"/>
+<circle cx="200" cy="88" r="1" fill="#473876"/>
+<circle cx="208" cy="88" r="1" fill="#473876"/>
+<circle cx="216" cy="88" r="1" fill="#473876"/>
+<circle cx="224" cy="88" r="1" fill="#473876"/>
+<circle cx="232" cy="88" r="1" fill="#473876"/>
+<circle cx="240" cy="88" r="1" fill="#473876"/>
+<circle cx="248" cy="88" r="1" fill="#473876"/>
+<circle cx="256" cy="88" r="1" fill="#473876"/>
+<circle cx="264" cy="88" r="1" fill="#473876"/>
+<circle cx="272" cy="88" r="1" fill="#473876"/>
+<circle cx="280" cy="88" r="1" fill="#473876"/>
+<circle cx="8" cy="96" r="1" fill="#473876"/>
+<circle cx="16" cy="96" r="1" fill="#473876"/>
+<circle cx="24" cy="96" r="1" fill="#473876"/>
+<circle cx="32" cy="96" r="1" fill="#473876"/>
+<circle cx="40" cy="96" r="1" fill="#473876"/>
+<circle cx="48" cy="96" r="1" fill="#473876"/>
+<circle cx="56" cy="96" r="1" fill="#473876"/>
+<circle cx="64" cy="96" r="1" fill="#473876"/>
+<circle cx="72" cy="96" r="1" fill="#473876"/>
+<circle cx="80" cy="96" r="1" fill="#473876"/>
+<circle cx="88" cy="96" r="1" fill="#473876"/>
+<circle cx="96" cy="96" r="1" fill="#473876"/>
+<circle cx="104" cy="96" r="1" fill="#473876"/>
+<circle cx="112" cy="96" r="1" fill="#473876"/>
+<circle cx="120" cy="96" r="1" fill="#473876"/>
+<circle cx="128" cy="96" r="1" fill="#473876"/>
+<circle cx="136" cy="96" r="1" fill="#473876"/>
+<circle cx="144" cy="96" r="1" fill="#473876"/>
+<circle cx="152" cy="96" r="1" fill="#473876"/>
+<circle cx="160" cy="96" r="1" fill="#473876"/>
+<circle cx="168" cy="96" r="1" fill="#473876"/>
+<circle cx="176" cy="96" r="1" fill="#473876"/>
+<circle cx="184" cy="96" r="1" fill="#473876"/>
+<circle cx="192" cy="96" r="1" fill="#473876"/>
+<circle cx="200" cy="96" r="1" fill="#473876"/>
+<circle cx="208" cy="96" r="1" fill="#473876"/>
+<circle cx="216" cy="96" r="1" fill="#473876"/>
+<circle cx="224" cy="96" r="1" fill="#473876"/>
+<circle cx="232" cy="96" r="1" fill="#473876"/>
+<circle cx="240" cy="96" r="1" fill="#473876"/>
+<circle cx="248" cy="96" r="1" fill="#473876"/>
+<circle cx="256" cy="96" r="1" fill="#473876"/>
+<circle cx="264" cy="96" r="1" fill="#473876"/>
+<circle cx="272" cy="96" r="1" fill="#473876"/>
+<circle cx="280" cy="96" r="1" fill="#473876"/>
+<circle cx="8" cy="104" r="1" fill="#473876"/>
+<circle cx="16" cy="104" r="1" fill="#473876"/>
+<circle cx="24" cy="104" r="1" fill="#473876"/>
+<circle cx="32" cy="104" r="1" fill="#473876"/>
+<circle cx="40" cy="104" r="1" fill="#473876"/>
+<circle cx="48" cy="104" r="1" fill="#473876"/>
+<circle cx="56" cy="104" r="1" fill="#473876"/>
+<circle cx="64" cy="104" r="1" fill="#473876"/>
+<circle cx="72" cy="104" r="1" fill="#473876"/>
+<circle cx="80" cy="104" r="1" fill="#473876"/>
+<circle cx="88" cy="104" r="1" fill="#473876"/>
+<circle cx="96" cy="104" r="1" fill="#473876"/>
+<circle cx="104" cy="104" r="1" fill="#473876"/>
+<circle cx="112" cy="104" r="1" fill="#473876"/>
+<circle cx="120" cy="104" r="1" fill="#473876"/>
+<circle cx="128" cy="104" r="1" fill="#473876"/>
+<circle cx="136" cy="104" r="1" fill="#473876"/>
+<circle cx="144" cy="104" r="1" fill="#473876"/>
+<circle cx="152" cy="104" r="1" fill="#473876"/>
+<circle cx="160" cy="104" r="1" fill="#473876"/>
+<circle cx="168" cy="104" r="1" fill="#473876"/>
+<circle cx="176" cy="104" r="1" fill="#473876"/>
+<circle cx="184" cy="104" r="1" fill="#473876"/>
+<circle cx="192" cy="104" r="1" fill="#473876"/>
+<circle cx="200" cy="104" r="1" fill="#473876"/>
+<circle cx="208" cy="104" r="1" fill="#473876"/>
+<circle cx="216" cy="104" r="1" fill="#473876"/>
+<circle cx="224" cy="104" r="1" fill="#473876"/>
+<circle cx="232" cy="104" r="1" fill="#473876"/>
+<circle cx="240" cy="104" r="1" fill="#473876"/>
+<circle cx="248" cy="104" r="1" fill="#473876"/>
+<circle cx="256" cy="104" r="1" fill="#473876"/>
+<circle cx="264" cy="104" r="1" fill="#473876"/>
+<circle cx="272" cy="104" r="1" fill="#473876"/>
+<circle cx="280" cy="104" r="1" fill="#473876"/>
+<circle cx="8" cy="112" r="1" fill="#473876"/>
+<circle cx="16" cy="112" r="1" fill="#473876"/>
+<circle cx="24" cy="112" r="1" fill="#473876"/>
+<circle cx="32" cy="112" r="1" fill="#473876"/>
+<circle cx="40" cy="112" r="1" fill="#473876"/>
+<circle cx="48" cy="112" r="1" fill="#473876"/>
+<circle cx="56" cy="112" r="1" fill="#473876"/>
+<circle cx="64" cy="112" r="1" fill="#473876"/>
+<circle cx="72" cy="112" r="1" fill="#473876"/>
+<circle cx="80" cy="112" r="1" fill="#473876"/>
+<circle cx="88" cy="112" r="1" fill="#473876"/>
+<circle cx="96" cy="112" r="1" fill="#473876"/>
+<circle cx="104" cy="112" r="1" fill="#473876"/>
+<circle cx="112" cy="112" r="1" fill="#473876"/>
+<circle cx="120" cy="112" r="1" fill="#473876"/>
+<circle cx="128" cy="112" r="1" fill="#473876"/>
+<circle cx="136" cy="112" r="1" fill="#473876"/>
+<circle cx="144" cy="112" r="1" fill="#473876"/>
+<circle cx="152" cy="112" r="1" fill="#473876"/>
+<circle cx="160" cy="112" r="1" fill="#473876"/>
+<circle cx="168" cy="112" r="1" fill="#473876"/>
+<circle cx="176" cy="112" r="1" fill="#473876"/>
+<circle cx="184" cy="112" r="1" fill="#473876"/>
+<circle cx="192" cy="112" r="1" fill="#473876"/>
+<circle cx="200" cy="112" r="1" fill="#473876"/>
+<circle cx="208" cy="112" r="1" fill="#473876"/>
+<circle cx="216" cy="112" r="1" fill="#473876"/>
+<circle cx="224" cy="112" r="1" fill="#473876"/>
+<circle cx="232" cy="112" r="1" fill="#473876"/>
+<circle cx="240" cy="112" r="1" fill="#473876"/>
+<circle cx="248" cy="112" r="1" fill="#473876"/>
+<circle cx="256" cy="112" r="1" fill="#473876"/>
+<circle cx="264" cy="112" r="1" fill="#473876"/>
+<circle cx="272" cy="112" r="1" fill="#473876"/>
+<circle cx="280" cy="112" r="1" fill="#473876"/>
+<circle cx="120" cy="120" r="1" fill="#473876"/>
+<circle cx="128" cy="120" r="1" fill="#473876"/>
+<circle cx="136" cy="120" r="1" fill="#473876"/>
+<circle cx="144" cy="120" r="1" fill="#473876"/>
+<circle cx="152" cy="120" r="1" fill="#473876"/>
+<circle cx="160" cy="120" r="1" fill="#473876"/>
+<circle cx="168" cy="120" r="1" fill="#473876"/>
+<rect width="288" height="120" fill="url(#paint0_radial_302_6503)"/>
+<g clip-path="url(#clip1_302_6503)">
+<path d="M145.754 28.3399C145.567 27.0868 146.432 25.9199 147.685 25.7336C148.938 25.5473 150.105 26.4121 150.291 27.6651L151.071 32.9088C151.258 34.1619 150.393 35.3288 149.14 35.5151C147.887 35.7014 146.72 34.8366 146.533 33.5836L145.754 28.3399Z" fill="#E2DDFE"/>
+<path d="M153.014 27.2603C152.827 26.0072 153.692 24.8403 154.945 24.654C156.198 24.4677 157.365 25.3325 157.552 26.5856L158.331 31.8292C158.518 33.0823 157.653 34.2492 156.4 34.4355C155.147 34.6218 153.98 33.757 153.794 32.504L153.014 27.2603Z" fill="#E2DDFE"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M169.368 16.1471C160.741 16.2113 153.847 17.1884 145.391 19.7068C143.254 20.3434 141.841 20.769 140.787 21.2548C139.81 21.7052 139.282 22.1476 138.881 22.756C138.051 24.016 138.107 25.2932 138.624 29.6998C139.132 34.0305 139.97 37.8548 141.117 42.1275C141.727 44.4044 142.143 45.9404 142.613 47.0854C143.058 48.1715 143.484 48.7277 144.02 49.1224C144.56 49.5202 145.212 49.7604 146.359 49.8635C147.571 49.9726 149.133 49.9154 151.453 49.825C158.955 49.5328 164.481 48.707 171.773 46.8079C174.047 46.2158 175.582 45.8123 176.728 45.3544C177.818 44.9194 178.376 44.5015 178.772 43.9781C179.16 43.4658 179.416 42.8005 179.541 41.5722C179.672 40.2906 179.643 38.6249 179.595 36.1786C179.51 31.8139 179.348 27.9937 178.751 23.8711C178.112 19.4634 177.836 18.2234 176.657 17.2104C176.087 16.7212 175.441 16.4398 174.351 16.2877C173.173 16.1234 171.657 16.13 169.368 16.1471ZM144.315 16.0917C153.123 13.4682 160.371 12.4419 169.34 12.3751L169.471 12.3741C171.594 12.3582 173.388 12.3448 174.872 12.5517C176.473 12.7751 177.858 13.2698 179.115 14.3492C181.485 16.3853 181.884 19.16 182.414 22.8464C182.437 23.006 182.46 23.1673 182.484 23.3303C183.115 27.6892 183.28 31.6966 183.366 36.1051L183.369 36.2217C183.413 38.5223 183.45 40.4181 183.294 41.9543C183.129 43.5697 182.736 44.9923 181.779 46.2558C180.83 47.5082 179.602 48.2684 178.128 48.8574C176.735 49.4136 174.968 49.8738 172.838 50.4284L172.724 50.4582C165.173 52.4248 159.377 53.2913 151.599 53.5943L151.479 53.599C149.31 53.6835 147.504 53.7539 146.021 53.6204C144.443 53.4785 143.054 53.0958 141.783 52.1595C140.507 51.22 139.729 49.9941 139.123 48.5165C138.551 47.1228 138.076 45.3524 137.504 43.2205L137.473 43.1051C136.298 38.7231 135.413 34.7097 134.877 30.139C134.858 29.9732 134.839 29.8092 134.819 29.647C134.385 25.9745 134.059 23.2197 135.731 20.6816C136.617 19.3349 137.776 18.489 139.208 17.8292C140.535 17.2172 142.21 16.7184 144.192 16.1281C144.233 16.116 144.274 16.1038 144.315 16.0917Z" fill="#E2DDFE"/>
+<path d="M143.691 33.8082L135.73 35.087C133.532 35.4401 132.036 37.5084 132.389 39.7066L133.029 43.6868C133.382 45.885 135.45 47.3808 137.648 47.0276L145.609 45.7488C147.807 45.3957 149.303 43.3274 148.95 41.1292L148.31 37.149C147.957 34.9508 145.889 33.4551 143.691 33.8082Z" stroke="#C171FF" stroke-width="2.7" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M156.59 37.8603C156.42 36.8047 155.836 35.8601 154.965 35.2343C154.094 34.6085 153.008 34.3528 151.945 34.5235C150.883 34.6941 149.932 35.2771 149.301 36.1442C148.669 37.0113 148.41 38.0915 148.58 39.1471" stroke="#C171FF" stroke-width="2.7" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M167.572 29.9718L159.612 31.2506C157.413 31.6037 155.918 33.672 156.271 35.8702L156.91 39.8505C157.263 42.0487 159.332 43.5444 161.53 43.1913L169.49 41.9125C171.688 41.5594 173.184 39.4911 172.831 37.2929L172.192 33.3126C171.838 31.1144 169.77 29.6187 167.572 29.9718Z" stroke="#C171FF" stroke-width="2.7" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M116.063 -31.25L228.562 -4.81252L139.688 83.4994L120 77.3125L116.063 -31.25Z" fill="url(#paint1_linear_302_6503)" fill-opacity="0.3"/>
+<path d="M130.528 97.3219L132.088 97.8457L132.297 96.2142L135.727 69.5206C135.953 67.7661 134.969 66.0796 133.331 65.412L117.713 59.0473C116.117 58.397 114.338 59.4345 114.119 61.1436L110.616 88.4035C110.456 89.6456 111.196 90.8275 112.384 91.2264L130.528 97.3219Z" fill="#3B334A" stroke="#C9C7DD" stroke-width="2.7"/>
+<path d="M134.704 97.5692L133.063 97.6819L133.272 96.0504L136.702 69.3568C136.928 67.6023 138.306 66.2192 140.06 65.9874L156.779 63.7778C158.488 63.552 159.946 65.0056 159.727 66.7147L156.224 93.9745C156.065 95.2167 155.05 96.1731 153.8 96.2588L134.704 97.5692Z" fill="#3B334A" stroke="#C9C7DD" stroke-width="2.7"/>
+<path d="M126.944 101.812L128.503 102.335L128.713 100.704L132.268 73.0373C132.419 71.8564 131.757 70.7212 130.655 70.2719L114.128 63.5369C112.532 62.8866 110.754 63.9242 110.534 65.6333L107.031 92.8931C106.872 94.1353 107.612 95.3172 108.799 95.716L126.944 101.812Z" fill="#3B334A" stroke="#C9C7DD" stroke-width="2.7"/>
+<path d="M137.285 103.14L135.644 103.253L135.854 101.621L139.409 73.9548C139.56 72.7739 140.488 71.843 141.668 71.687L159.361 69.3488C161.069 69.123 162.528 70.5766 162.308 72.2857L158.805 99.5456C158.646 100.788 157.631 101.744 156.382 101.83L137.285 103.14Z" fill="#3B334A" stroke="#C9C7DD" stroke-width="2.7"/>
+<path d="M132.461 72.0354L131.122 71.8633L130.95 73.2023L127.433 100.577C127.248 102.015 128.264 103.331 129.702 103.515L134.186 104.092C135.624 104.276 136.94 103.26 137.124 101.823L140.642 74.4476L140.814 73.1086L139.475 72.9366L132.461 72.0354Z" fill="#3B334A" stroke="#C9C7DD" stroke-width="2.7"/>
+</g>
+</g>
+<defs>
+<radialGradient id="paint0_radial_302_6503" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(144.5 67) rotate(90.5405) scale(53.0024 127.206)">
+<stop stop-color="#2E3035" stop-opacity="0.95"/>
+<stop offset="0.566518" stop-color="#2E3035" stop-opacity="0"/>
+<stop offset="1" stop-color="#2E3035" stop-opacity="0.7"/>
+</radialGradient>
+<linearGradient id="paint1_linear_302_6503" x1="125.625" y1="78.4375" x2="199.875" y2="-3.12505" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CC8AFF" stop-opacity="0.9"/>
+<stop offset="1" stop-color="#CC8AFF" stop-opacity="0.1"/>
+</linearGradient>
+<clipPath id="clip0_302_6503">
+<rect width="288" height="120" rx="8" fill="white"/>
+</clipPath>
+<clipPath id="clip1_302_6503">
+<rect x="84" y="-2" width="135" height="117" rx="9" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/assets/images/dashboard/captain/document-popover-light.svg b/public/assets/images/dashboard/captain/document-popover-light.svg
new file mode 100644
index 000000000..23fa62a47
--- /dev/null
+++ b/public/assets/images/dashboard/captain/document-popover-light.svg
@@ -0,0 +1,570 @@
+<svg width="288" height="120" viewBox="0 0 288 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_302_8193)">
+<rect width="288" height="120" rx="8" fill="#F9F9FB"/>
+<circle cx="8" r="1" fill="#E1D9FF"/>
+<circle cx="16" r="1" fill="#E1D9FF"/>
+<circle cx="24" r="1" fill="#E1D9FF"/>
+<circle cx="32" r="1" fill="#E1D9FF"/>
+<circle cx="40" r="1" fill="#E1D9FF"/>
+<circle cx="48" r="1" fill="#E1D9FF"/>
+<circle cx="56" r="1" fill="#E1D9FF"/>
+<circle cx="64" r="1" fill="#E1D9FF"/>
+<circle cx="72" r="1" fill="#E1D9FF"/>
+<circle cx="80" r="1" fill="#E1D9FF"/>
+<circle cx="88" r="1" fill="#E1D9FF"/>
+<circle cx="96" r="1" fill="#E1D9FF"/>
+<circle cx="104" r="1" fill="#E1D9FF"/>
+<circle cx="112" r="1" fill="#E1D9FF"/>
+<circle cx="120" r="1" fill="#E1D9FF"/>
+<circle cx="128" r="1" fill="#E1D9FF"/>
+<circle cx="136" r="1" fill="#E1D9FF"/>
+<circle cx="144" r="1" fill="#E1D9FF"/>
+<circle cx="152" r="1" fill="#E1D9FF"/>
+<circle cx="160" r="1" fill="#E1D9FF"/>
+<circle cx="168" r="1" fill="#E1D9FF"/>
+<circle cx="176" r="1" fill="#E1D9FF"/>
+<circle cx="184" r="1" fill="#E1D9FF"/>
+<circle cx="192" r="1" fill="#E1D9FF"/>
+<circle cx="200" r="1" fill="#E1D9FF"/>
+<circle cx="208" r="1" fill="#E1D9FF"/>
+<circle cx="216" r="1" fill="#E1D9FF"/>
+<circle cx="224" r="1" fill="#E1D9FF"/>
+<circle cx="232" r="1" fill="#E1D9FF"/>
+<circle cx="240" r="1" fill="#E1D9FF"/>
+<circle cx="248" r="1" fill="#E1D9FF"/>
+<circle cx="256" r="1" fill="#E1D9FF"/>
+<circle cx="264" r="1" fill="#E1D9FF"/>
+<circle cx="272" r="1" fill="#E1D9FF"/>
+<circle cx="280" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="120" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="120" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="120" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="120" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="120" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="120" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="120" r="1" fill="#E1D9FF"/>
+<rect width="288" height="120" fill="url(#paint0_radial_302_8193)"/>
+<g clip-path="url(#clip1_302_8193)">
+<path d="M138.846 29.7644C138.663 28.5299 139.515 27.3803 140.749 27.1968C141.984 27.0132 143.133 27.8652 143.317 29.0997L144.085 34.2657C144.268 35.5002 143.416 36.6498 142.182 36.8333C140.947 37.0169 139.798 36.1649 139.614 34.9304L138.846 29.7644Z" fill="black"/>
+<path d="M145.999 28.7009C145.815 27.4663 146.667 26.3168 147.902 26.1332C149.136 25.9496 150.286 26.8016 150.469 28.0361L151.237 33.2021C151.421 34.4366 150.569 35.5862 149.335 35.7698C148.1 35.9533 146.95 35.1014 146.767 33.8669L145.999 28.7009Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M162.11 17.7523C153.612 17.8156 146.819 18.7782 138.489 21.2593C136.384 21.8865 134.991 22.3058 133.953 22.7843C132.99 23.2281 132.47 23.6639 132.075 24.2634C131.258 25.5047 131.313 26.7629 131.822 31.1042C132.322 35.3708 133.148 39.1384 134.278 43.3479C134.88 45.591 135.289 47.1043 135.752 48.2323C136.19 49.3023 136.61 49.8503 137.138 50.2391C137.67 50.631 138.313 50.8676 139.442 50.9692C140.637 51.0767 142.175 51.0204 144.461 50.9313C151.852 50.6434 157.296 49.8298 164.48 47.9589C166.72 47.3755 168.233 46.978 169.362 46.5269C170.435 46.0983 170.985 45.6867 171.376 45.1711C171.758 44.6663 172.01 44.0109 172.133 42.8008C172.262 41.5382 172.233 39.8971 172.186 37.487C172.102 33.187 171.943 29.4234 171.354 25.3619C170.725 21.0195 170.453 19.7979 169.291 18.7999C168.73 18.3179 168.094 18.0407 167.02 17.8908C165.859 17.729 164.366 17.7355 162.11 17.7523ZM137.428 17.6977C146.106 15.1131 153.247 14.102 162.083 14.0362L162.212 14.0352C164.304 14.0195 166.071 14.0063 167.533 14.2102C169.111 14.4303 170.475 14.9176 171.713 15.981C174.048 17.987 174.441 20.7206 174.963 24.3523C174.986 24.5096 175.009 24.6685 175.032 24.8291C175.654 29.1234 175.817 33.0715 175.901 37.4147L175.904 37.5295C175.948 39.796 175.984 41.6637 175.83 43.1772C175.668 44.7687 175.281 46.1702 174.338 47.4149C173.403 48.6488 172.193 49.3977 170.741 49.978C169.369 50.526 167.628 50.9793 165.529 51.5258L165.417 51.5551C157.977 53.4926 152.268 54.3462 144.605 54.6447L144.487 54.6493C142.35 54.7327 140.571 54.802 139.109 54.6705C137.555 54.5307 136.186 54.1537 134.934 53.2312C133.678 52.3057 132.91 51.0979 132.313 49.6421C131.75 48.2692 131.282 46.525 130.719 44.4246L130.688 44.3109C129.53 39.9939 128.659 36.0399 128.131 31.5369C128.112 31.3736 128.093 31.212 128.074 31.0522C127.646 27.4341 127.325 24.7201 128.972 22.2196C129.845 20.8929 130.987 20.0595 132.397 19.4095C133.705 18.8066 135.355 18.3152 137.308 17.7336C137.348 17.7217 137.388 17.7097 137.428 17.6977Z" fill="black"/>
+<path d="M136.814 35.1518L128.971 36.4116C126.806 36.7595 125.332 38.7972 125.68 40.9628L126.31 44.8841C126.658 47.0497 128.695 48.5233 130.861 48.1754L138.704 46.9156C140.869 46.5677 142.343 44.53 141.995 42.3644L141.365 38.4431C141.017 36.2775 138.979 34.8039 136.814 35.1518Z" stroke="#B77FFF" stroke-width="2.66" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M149.522 39.1439C149.355 38.1039 148.779 37.1733 147.921 36.5568C147.063 35.9403 145.993 35.6884 144.946 35.8565C143.9 36.0246 142.962 36.599 142.341 37.4532C141.719 38.3075 141.463 39.3717 141.63 40.4116" stroke="#B77FFF" stroke-width="2.66" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M160.341 31.3722L152.499 32.6321C150.333 32.98 148.86 35.0176 149.207 37.1832L149.837 41.1045C150.185 43.2701 152.223 44.7437 154.389 44.3958L162.231 43.136C164.397 42.7881 165.87 40.7505 165.522 38.5848L164.892 34.6635C164.545 32.4979 162.507 31.0243 160.341 31.3722Z" stroke="#B77FFF" stroke-width="2.66" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M109.588 -28.8167L220.421 -2.77083L132.863 84.2327L113.467 78.1375L109.588 -28.8167Z" fill="url(#paint1_linear_302_8193)" fill-opacity="0.3"/>
+<path d="M123.839 97.8504L125.375 98.3665L125.582 96.7592L128.961 70.4611C129.183 68.7325 128.214 67.071 126.6 66.4133L111.213 60.1429C109.641 59.5022 107.889 60.5244 107.672 62.2082L104.222 89.0642C104.064 90.2879 104.794 91.4523 105.963 91.8452L123.839 97.8504Z" fill="#E1D9FF" stroke="#473896" stroke-width="2.66"/>
+<path d="M127.953 98.0942L126.336 98.2051L126.542 96.5978L129.922 70.2997C130.144 68.5711 131.501 67.2086 133.229 66.9802L149.701 64.8033C151.384 64.5809 152.821 66.0129 152.605 67.6967L149.154 94.5527C148.997 95.7764 147.997 96.7187 146.766 96.8032L127.953 98.0942Z" fill="#E1D9FF" stroke="#473896" stroke-width="2.66"/>
+<path d="M120.308 102.274L121.844 102.79L122.05 101.182L125.552 73.9256C125.702 72.7622 125.05 71.6439 123.963 71.2012L107.682 64.566C106.11 63.9253 104.357 64.9475 104.141 66.6313L100.69 93.4873C100.533 94.7111 101.262 95.8755 102.432 96.2684L120.308 102.274Z" fill="#E1D9FF" stroke="#473896" stroke-width="2.66"/>
+<path d="M130.496 103.583L128.879 103.694L129.086 102.086L132.588 74.8296C132.737 73.6662 133.651 72.7491 134.814 72.5954L152.244 70.2918C153.927 70.0694 155.364 71.5014 155.148 73.1852L151.697 100.041C151.54 101.265 150.54 102.207 149.309 102.292L130.496 103.583Z" fill="#E1D9FF" stroke="#473896" stroke-width="2.66"/>
+<path d="M125.743 72.9385L124.424 72.769L124.255 74.0882L120.789 101.058C120.607 102.474 121.608 103.77 123.025 103.952L127.443 104.52C128.859 104.702 130.155 103.701 130.337 102.284L133.803 75.315L133.972 73.9959L132.653 73.8264L125.743 72.9385Z" fill="#E1D9FF" stroke="#473896" stroke-width="2.66"/>
+</g>
+</g>
+<rect x="0.5" y="0.5" width="287" height="119" rx="7.5" stroke="#ECECEC"/>
+<defs>
+<radialGradient id="paint0_radial_302_8193" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(144.5 67) rotate(90.5405) scale(53.0024 127.206)">
+<stop stop-color="#F9F9FB" stop-opacity="0.95"/>
+<stop offset="0.566518" stop-color="#F9F9FB" stop-opacity="0"/>
+<stop offset="1" stop-color="#F9F9FB" stop-opacity="0.7"/>
+</radialGradient>
+<linearGradient id="paint1_linear_302_8193" x1="119.008" y1="79.2458" x2="192.158" y2="-1.10836" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CC8AFF" stop-opacity="0.9"/>
+<stop offset="1" stop-color="#CC8AFF" stop-opacity="0.1"/>
+</linearGradient>
+<clipPath id="clip0_302_8193">
+<rect width="288" height="120" rx="8" fill="white"/>
+</clipPath>
+<clipPath id="clip1_302_8193">
+<rect x="78" width="133" height="115.267" rx="8.86667" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/assets/images/dashboard/captain/faqs-dark.svg b/public/assets/images/dashboard/captain/faqs-dark.svg
new file mode 100644
index 000000000..cd6e11dd1
--- /dev/null
+++ b/public/assets/images/dashboard/captain/faqs-dark.svg
@@ -0,0 +1,18 @@
+<svg width="120" height="104" viewBox="0 0 120 104" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="120" height="104" rx="8" fill="#1B1B1F"/>
+<path d="M35.8884 45.93C35.9931 44.8088 36.9869 43.9847 38.1081 44.0894C39.2293 44.1941 40.0534 45.1879 39.9487 46.3091L39.5107 51.001C39.4061 52.1222 38.4123 52.9463 37.2911 52.8416C36.1699 52.7369 35.3458 51.7432 35.4505 50.6219L35.8884 45.93Z" fill="#E2DDFE"/>
+<path d="M42.3841 46.5364C42.4888 45.4152 43.4825 44.5911 44.6038 44.6957C45.725 44.8004 46.5491 45.7942 46.4444 46.9154L46.0064 51.6073C45.9017 52.7285 44.908 53.5526 43.7868 53.4479C42.6655 53.3433 41.8415 52.3495 41.9461 51.2283L42.3841 46.5364Z" fill="#E2DDFE"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M47.9432 37.1464C40.4828 35.3741 34.3241 34.7567 26.4912 35.1392C24.5112 35.2359 23.2008 35.3038 22.1882 35.4998C21.2492 35.6816 20.6997 35.9516 20.2249 36.392C19.2417 37.3039 19.0193 38.4183 18.5316 42.3318C18.0522 46.1779 17.9658 49.657 18.0501 53.5884C18.095 55.6834 18.1285 57.0975 18.2912 58.1854C18.4455 59.2174 18.6954 59.7878 19.0743 60.242C19.4563 60.6999 19.9683 61.0453 20.9362 61.3773C21.96 61.7285 23.3201 62.01 25.3418 62.4235C31.8806 63.7609 36.8259 64.2189 43.5231 64.1245C45.6112 64.0951 47.0223 64.0722 48.1089 63.9198C49.1413 63.775 49.7117 63.5326 50.1648 63.1647C50.6084 62.8047 50.9703 62.2846 51.3385 61.2507C51.7227 60.172 52.0504 58.7279 52.5276 56.606C53.379 52.82 54.0487 49.4879 54.4067 45.8025C54.7894 41.8622 54.8135 40.7331 54.0102 39.6088C53.6222 39.0658 53.1244 38.686 52.2152 38.3237C51.2334 37.9323 49.9235 37.6169 47.9432 37.1464ZM26.3276 31.7902C34.4873 31.3918 40.9619 32.0416 48.7182 33.8842L48.8317 33.9112C50.6682 34.3474 52.2197 34.7159 53.4567 35.209C54.7917 35.7411 55.8824 36.4616 56.7384 37.6596C58.353 39.9196 58.1096 42.3994 57.7863 45.6941C57.7723 45.8367 57.7581 45.9809 57.7439 46.1266C57.3655 50.0233 56.6588 53.5178 55.7989 57.3416L55.7761 57.4428C55.3274 59.4383 54.9576 61.0827 54.4971 62.3757C54.0128 63.7354 53.3719 64.8801 52.2779 65.768C51.1936 66.6482 49.9723 67.0442 48.5746 67.2402C47.2547 67.4254 45.6317 67.4482 43.6754 67.4757L43.5703 67.4772C36.6351 67.5749 31.4486 67.0949 24.67 65.7085L24.5654 65.6871C22.6751 65.3005 21.1011 64.9786 19.8484 64.5489C18.5167 64.0922 17.3986 63.4675 16.4996 62.3898C15.5976 61.3086 15.185 60.0852 14.9751 58.6813C14.7771 57.3571 14.7422 55.7281 14.7002 53.7665L14.6979 53.6603C14.6114 49.6284 14.6984 45.9764 15.2043 41.9171C15.2227 41.7699 15.2407 41.6242 15.2585 41.4801C15.6617 38.2178 15.9642 35.7706 17.9448 33.9336C18.9956 32.959 20.1753 32.4743 21.5508 32.208C22.8264 31.961 24.3779 31.8853 26.2144 31.7957C26.252 31.7939 26.2898 31.792 26.3276 31.7902Z" fill="#E2DDFE"/>
+<path d="M88.3515 46.1887C85.8484 44.8972 82.7723 45.8795 81.4808 48.3826C80.9491 49.4133 81.3535 50.68 82.3842 51.2117L105.49 63.1328C106.521 63.6646 107.788 63.2601 108.319 62.2294C109.611 59.7263 108.629 56.6502 106.125 55.3587L88.3515 46.1887Z" fill="#3B334A" stroke="#C9C7DD" stroke-width="2.2"/>
+<path d="M100.6 44.2402C98.0964 42.9488 95.0203 43.9311 93.7288 46.4342C93.1971 47.4649 93.6015 48.7315 94.6322 49.2633L100.745 52.4169C101.775 52.9487 103.042 52.5442 103.574 51.5135C104.865 49.0104 103.883 45.9343 101.38 44.6428L100.6 44.2402Z" fill="#3B334A" stroke="#C9C7DD" stroke-width="2.2"/>
+<path d="M87.3803 25.2416C88.2628 25.301 88.8292 24.7875 88.8754 24.101C88.8781 24.0618 88.8807 24.0226 88.8833 23.9834C88.9387 23.1597 89.5039 22.6658 90.5699 22.048C92.1041 21.2055 93.3219 20.3812 93.4525 18.4397C93.6345 15.7333 91.3146 14.1982 88.6474 14.0188C85.941 13.8367 84.0745 14.9326 83.5128 16.2541C83.3963 16.5221 83.3386 16.794 83.3201 17.0686C83.2687 17.8335 83.8489 18.2862 84.4177 18.3245C85.006 18.364 85.3958 18.1341 85.7569 17.7447L86.1167 17.3749C86.8193 16.5948 87.5477 16.3089 88.391 16.3656C89.6658 16.4513 90.4786 17.2546 90.4034 18.3725C90.3335 19.4119 89.6154 19.8364 88.2407 20.6502C87.1512 21.3255 86.1936 22.0885 86.0881 23.6574C86.0868 23.677 86.0828 23.7359 86.0815 23.7555C86.0195 24.6773 86.4781 25.1809 87.3803 25.2416ZM87.0244 29.9458C87.9854 30.0104 88.8801 29.3023 88.9448 28.3412C89.0108 27.3607 88.2372 26.5601 87.2566 26.4941C86.276 26.4281 85.4009 27.1375 85.3362 28.0985C85.2729 29.04 86.0635 29.8811 87.0244 29.9458Z" fill="#C171FF"/>
+<path d="M85.5 35.5001V35.5001C84.9783 38.0607 82.7263 39.9001 80.1131 39.9001L74.189 39.9001C72.1482 39.9001 70.1922 40.7164 68.7568 42.1669V42.1669C65.1465 45.8153 66.0875 51.9146 70.6295 54.3051L70.9999 54.5001" stroke="#C171FF" stroke-width="2.4" stroke-linecap="round"/>
+<path d="M78 57.0001L83.2819 58.1319C84.4138 58.3744 85.4796 58.8598 86.4057 59.5543L86.5548 59.6662C88.1294 60.8471 89.2134 62.5672 89.5994 64.4972L90 66.5001" stroke="#C171FF" stroke-width="2.4" stroke-linecap="round"/>
+<path d="M85.6497 70.4532L85.8355 70.8248L86.1918 70.6111C87.3126 69.9386 88.7325 69.9746 89.913 70.4746C91.1049 70.9795 91.9389 71.9031 92.0203 72.8889C92.189 74.9307 90.2807 76.8178 87.4084 77.0551L75.9644 78.0004C74.7135 78.1037 73.6774 77.8777 72.9491 77.4335C72.2298 76.9948 71.7992 76.3391 71.7318 75.5239C71.6758 74.8455 71.8095 74.0406 72.3077 73.4701C72.7877 72.9205 73.6837 72.5018 75.3494 72.7397L75.7795 72.8012L75.7884 72.3668C75.8359 70.0589 77.6541 68.0799 80.0312 67.8835C82.5085 67.6789 84.7434 68.6406 85.6497 70.4532Z" fill="#3B334A" stroke="#C9C7DD" stroke-width="0.769498"/>
+<circle cx="76" cy="64.0001" r="1.5" fill="#3B334A" stroke="#C9C7DD"/>
+<circle cx="72" cy="69.0001" r="0.5" fill="#3B334A" stroke="#C9C7DD"/>
+<path d="M72.9022 71.7159C71.1959 71.8576 69.9276 73.3555 70.0692 75.0617L70.8963 85.0275C71.312 90.036 75.7092 93.7593 80.7178 93.3436L96.663 92.0202C101.672 91.6045 105.395 87.2073 104.979 82.1987L104.152 72.233C104.01 70.5268 102.512 69.2584 100.806 69.4L72.9022 71.7159Z" fill="#3B334A" stroke="#C9C7DD" stroke-width="2.2"/>
+<path d="M104 72.3305L106.79 72.0991C107.451 72.0444 108.031 72.5354 108.085 73.1959C108.14 73.8563 107.649 74.4362 106.989 74.4909L104.198 74.7223L104 72.3305Z" fill="#C9C7DD"/>
+<path d="M66.0992 77.5264C66.0444 76.8659 66.5354 76.2861 67.1959 76.2313L70.9829 75.9173L71.1812 78.3091L67.3942 78.6231C66.7337 78.6779 66.1539 78.1869 66.0992 77.5264Z" fill="#C9C7DD"/>
+<path d="M26.7662 26.3753C27.0191 26.2956 27.2335 26.1295 27.3621 25.9137C27.4907 25.6979 27.5231 25.45 27.452 25.2246L26.7353 22.9505L26.0186 20.6764C25.8962 20.2879 26.0939 19.8639 26.4331 19.5729C27.1359 18.972 27.5989 18.178 27.7403 17.3309C27.8816 16.4839 27.6923 15.6383 27.2057 14.9434C26.7191 14.2485 25.9665 13.749 25.0807 13.533C24.195 13.3169 23.233 13.3983 22.3645 13.7627C21.7556 13.1156 20.9394 12.6579 20.0169 12.4464C19.0943 12.2349 18.1058 12.2787 17.1737 12.5725C16.2415 12.8662 15.4066 13.3971 14.772 14.0993C14.1375 14.8016 13.7311 15.6445 13.6033 16.5239C12.6834 16.7237 11.8493 17.2087 11.248 17.8934C10.6467 18.578 10.3168 19.4184 10.3165 20.2663C10.3162 21.1142 10.6456 21.9152 11.2465 22.528C11.8473 23.1408 12.6812 23.5262 13.601 23.6161C14.046 23.6609 14.4511 23.8949 14.5733 24.2825L16.0069 28.8316C16.078 29.057 16.2466 29.2416 16.4757 29.3446C16.7048 29.4477 16.9757 29.4608 17.2286 29.3811C17.2286 29.3811 19.9917 28.043 21.8633 27.4531C23.7349 26.8633 26.7662 26.3753 26.7662 26.3753Z" stroke="#C171FF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/public/assets/images/dashboard/captain/faqs-light.svg b/public/assets/images/dashboard/captain/faqs-light.svg
new file mode 100644
index 000000000..68cc99e06
--- /dev/null
+++ b/public/assets/images/dashboard/captain/faqs-light.svg
@@ -0,0 +1,19 @@
+<svg width="120" height="104" viewBox="0 0 120 104" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="119" height="103" rx="7.5" fill="#FCFCFD"/>
+<rect x="0.5" y="0.5" width="119" height="103" rx="7.5" stroke="#ECECEC"/>
+<path d="M35.8884 45.93C35.9931 44.8088 36.9869 43.9847 38.1081 44.0894C39.2293 44.1941 40.0534 45.1879 39.9487 46.3091L39.5107 51.001C39.4061 52.1222 38.4123 52.9463 37.2911 52.8416C36.1699 52.7369 35.3458 51.7432 35.4505 50.6219L35.8884 45.93Z" fill="black"/>
+<path d="M42.3841 46.5364C42.4888 45.4152 43.4825 44.5911 44.6038 44.6957C45.725 44.8004 46.5491 45.7942 46.4444 46.9154L46.0064 51.6073C45.9017 52.7285 44.908 53.5526 43.7868 53.4479C42.6655 53.3433 41.8415 52.3495 41.9461 51.2283L42.3841 46.5364Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M47.9432 37.1464C40.4828 35.3741 34.3241 34.7567 26.4912 35.1392C24.5112 35.2359 23.2008 35.3038 22.1882 35.4998C21.2492 35.6816 20.6997 35.9516 20.2249 36.392C19.2417 37.3039 19.0193 38.4183 18.5316 42.3318C18.0522 46.1779 17.9658 49.657 18.0501 53.5884C18.095 55.6834 18.1285 57.0975 18.2912 58.1854C18.4455 59.2174 18.6954 59.7878 19.0743 60.242C19.4563 60.6999 19.9683 61.0453 20.9362 61.3773C21.96 61.7285 23.3201 62.01 25.3418 62.4235C31.8806 63.7609 36.8259 64.2189 43.5231 64.1245C45.6112 64.0951 47.0223 64.0722 48.1089 63.9198C49.1413 63.775 49.7117 63.5326 50.1648 63.1647C50.6084 62.8047 50.9703 62.2846 51.3385 61.2507C51.7227 60.172 52.0504 58.7279 52.5276 56.606C53.379 52.82 54.0487 49.4879 54.4067 45.8025C54.7894 41.8622 54.8135 40.7331 54.0102 39.6088C53.6222 39.0658 53.1244 38.686 52.2152 38.3237C51.2334 37.9323 49.9235 37.6169 47.9432 37.1464ZM26.3276 31.7902C34.4873 31.3918 40.9619 32.0416 48.7182 33.8842L48.8317 33.9112C50.6682 34.3474 52.2197 34.7159 53.4567 35.209C54.7917 35.7411 55.8824 36.4616 56.7384 37.6596C58.353 39.9196 58.1096 42.3994 57.7863 45.6941C57.7723 45.8367 57.7581 45.9809 57.7439 46.1266C57.3655 50.0233 56.6588 53.5178 55.7989 57.3416L55.7761 57.4428C55.3274 59.4383 54.9576 61.0827 54.4971 62.3757C54.0128 63.7354 53.3719 64.8801 52.2779 65.768C51.1936 66.6482 49.9723 67.0442 48.5746 67.2402C47.2547 67.4254 45.6317 67.4482 43.6754 67.4757L43.5703 67.4772C36.6351 67.5749 31.4486 67.0949 24.67 65.7085L24.5654 65.6871C22.6751 65.3005 21.1011 64.9786 19.8484 64.5489C18.5167 64.0922 17.3986 63.4675 16.4996 62.3898C15.5976 61.3086 15.185 60.0852 14.9751 58.6813C14.7771 57.3571 14.7422 55.7281 14.7002 53.7665L14.6979 53.6603C14.6114 49.6284 14.6984 45.9764 15.2043 41.9171C15.2227 41.7699 15.2407 41.6242 15.2585 41.4801C15.6617 38.2178 15.9642 35.7706 17.9448 33.9336C18.9956 32.959 20.1753 32.4743 21.5508 32.208C22.8264 31.961 24.3779 31.8853 26.2144 31.7957C26.252 31.7939 26.2898 31.792 26.3276 31.7902Z" fill="black"/>
+<path d="M88.3515 46.1886C85.8484 44.8972 82.7723 45.8794 81.4808 48.3826C80.9491 49.4133 81.3535 50.6799 82.3842 51.2117L105.49 63.1328C106.521 63.6645 107.788 63.2601 108.319 62.2294C109.611 59.7262 108.629 56.6501 106.125 55.3587L88.3515 46.1886Z" fill="#E1D9FF" stroke="#473896" stroke-width="2.2"/>
+<path d="M100.6 44.2402C98.0964 42.9487 95.0203 43.931 93.7288 46.4341C93.1971 47.4648 93.6015 48.7315 94.6322 49.2633L100.745 52.4169C101.775 52.9486 103.042 52.5442 103.574 51.5135C104.865 49.0103 103.883 45.9342 101.38 44.6428L100.6 44.2402Z" fill="#E1D9FF" stroke="#473896" stroke-width="2.2"/>
+<path d="M87.3803 25.2415C88.2628 25.3009 88.8292 24.7874 88.8754 24.101C88.8781 24.0617 88.8807 24.0225 88.8833 23.9833C88.9387 23.1596 89.5039 22.6657 90.5699 22.0479C92.1041 21.2055 93.3219 20.3812 93.4525 18.4396C93.6345 15.7332 91.3146 14.1981 88.6474 14.0187C85.941 13.8367 84.0745 14.9325 83.5128 16.2541C83.3963 16.5221 83.3386 16.794 83.3201 17.0685C83.2687 17.8334 83.8489 18.2861 84.4177 18.3244C85.006 18.364 85.3958 18.1341 85.7569 17.7447L86.1167 17.3748C86.8193 16.5947 87.5477 16.3088 88.391 16.3655C89.6658 16.4513 90.4786 17.2546 90.4034 18.3724C90.3335 19.4118 89.6154 19.8363 88.2407 20.6501C87.1512 21.3254 86.1936 22.0884 86.0881 23.6574C86.0868 23.677 86.0828 23.7358 86.0815 23.7554C86.0195 24.6773 86.4781 25.1808 87.3803 25.2415ZM87.0244 29.9457C87.9854 30.0103 88.8801 29.3023 88.9448 28.3411C89.0108 27.3606 88.2372 26.56 87.2566 26.494C86.276 26.4281 85.4009 27.1375 85.3362 28.0984C85.2729 29.0399 86.0635 29.8811 87.0244 29.9457Z" fill="#AC6BFF"/>
+<path d="M85.5 35.5V35.5C84.9783 38.0605 82.7263 39.9 80.1131 39.9L74.189 39.9C72.1482 39.9 70.1922 40.7162 68.7568 42.1668V42.1668C65.1465 45.8152 66.0875 51.9144 70.6295 54.305L70.9999 54.5" stroke="#AC6BFF" stroke-width="2.4" stroke-linecap="round"/>
+<path d="M78 57L83.2819 58.1318C84.4138 58.3744 85.4796 58.8597 86.4057 59.5543L86.5548 59.6661C88.1294 60.8471 89.2134 62.5671 89.5994 64.4972L90 66.5" stroke="#AC6BFF" stroke-width="2.4" stroke-linecap="round"/>
+<path d="M85.6497 70.4531L85.8355 70.8248L86.1918 70.611C87.3126 69.9385 88.7325 69.9745 89.913 70.4746C91.1049 70.9794 91.9389 71.903 92.0203 72.8889C92.189 74.9307 90.2807 76.8177 87.4084 77.055L75.9644 78.0003C74.7135 78.1037 73.6774 77.8776 72.9491 77.4334C72.2298 76.9947 71.7992 76.3391 71.7318 75.5239C71.6758 74.8454 71.8095 74.0406 72.3077 73.47C72.7877 72.9204 73.6837 72.5017 75.3494 72.7397L75.7795 72.8011L75.7884 72.3667C75.8359 70.0588 77.6541 68.0798 80.0312 67.8834C82.5085 67.6788 84.7434 68.6406 85.6497 70.4531Z" fill="#E1D9FF" stroke="#2F265F" stroke-width="0.769498"/>
+<circle cx="76" cy="64" r="1.5" fill="#E1D9FF" stroke="#2F265F"/>
+<circle cx="72" cy="69" r="0.5" fill="#E1D9FF" stroke="#2F265F"/>
+<path d="M72.9022 71.7159C71.1959 71.8576 69.9276 73.3555 70.0692 75.0617L70.8963 85.0275C71.312 90.036 75.7092 93.7593 80.7178 93.3436L96.663 92.0202C101.672 91.6045 105.395 87.2073 104.979 82.1987L104.152 72.233C104.01 70.5268 102.512 69.2584 100.806 69.4L72.9022 71.7159Z" fill="#E1D9FF" stroke="#473896" stroke-width="2.2"/>
+<path d="M104 72.3305L106.79 72.0991C107.451 72.0444 108.031 72.5354 108.085 73.1959C108.14 73.8563 107.649 74.4362 106.989 74.4909L104.198 74.7223L104 72.3305Z" fill="#2F265F"/>
+<path d="M66.0992 77.5264C66.0444 76.8659 66.5354 76.2861 67.1959 76.2313L70.9829 75.9173L71.1812 78.3091L67.3942 78.6231C66.7337 78.6779 66.1539 78.1869 66.0992 77.5264Z" fill="#2F265F"/>
+<path d="M26.7662 26.3752C27.0191 26.2955 27.2335 26.1295 27.3621 25.9137C27.4907 25.6979 27.5231 25.45 27.452 25.2245L26.7353 22.9504L26.0186 20.6763C25.8962 20.2878 26.0939 19.8638 26.4331 19.5728C27.1359 18.9719 27.5989 18.1779 27.7403 17.3309C27.8816 16.4839 27.6923 15.6383 27.2057 14.9434C26.7191 14.2485 25.9665 13.7489 25.0807 13.5329C24.195 13.3169 23.233 13.3982 22.3645 13.7627C21.7556 13.1155 20.9394 12.6579 20.0169 12.4463C19.0943 12.2348 18.1058 12.2786 17.1737 12.5724C16.2415 12.8662 15.4066 13.397 14.772 14.0993C14.1375 14.8016 13.7311 15.6445 13.6033 16.5238C12.6834 16.7236 11.8493 17.2086 11.248 17.8933C10.6467 18.578 10.3168 19.4184 10.3165 20.2662C10.3162 21.1141 10.6456 21.9151 11.2465 22.5279C11.8473 23.1408 12.6812 23.5261 13.601 23.616C14.046 23.6608 14.4511 23.8948 14.5733 24.2825L16.0069 28.8315C16.078 29.057 16.2466 29.2415 16.4757 29.3446C16.7048 29.4476 16.9757 29.4608 17.2286 29.381C17.2286 29.381 19.9917 28.0429 21.8633 27.4531C23.7349 26.8632 26.7662 26.3752 26.7662 26.3752Z" stroke="#AC6BFF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/public/assets/images/dashboard/captain/faqs-popover-dark.svg b/public/assets/images/dashboard/captain/faqs-popover-dark.svg
new file mode 100644
index 000000000..bff626616
--- /dev/null
+++ b/public/assets/images/dashboard/captain/faqs-popover-dark.svg
@@ -0,0 +1,563 @@
+<svg width="288" height="120" viewBox="0 0 288 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_302_7053)">
+<rect width="288" height="120" rx="8" fill="#2E3035"/>
+<circle cx="8" r="1" fill="#473876"/>
+<circle cx="16" r="1" fill="#473876"/>
+<circle cx="24" r="1" fill="#473876"/>
+<circle cx="32" r="1" fill="#473876"/>
+<circle cx="40" r="1" fill="#473876"/>
+<circle cx="48" r="1" fill="#473876"/>
+<circle cx="56" r="1" fill="#473876"/>
+<circle cx="64" r="1" fill="#473876"/>
+<circle cx="72" r="1" fill="#473876"/>
+<circle cx="80" r="1" fill="#473876"/>
+<circle cx="88" r="1" fill="#473876"/>
+<circle cx="96" r="1" fill="#473876"/>
+<circle cx="104" r="1" fill="#473876"/>
+<circle cx="112" r="1" fill="#473876"/>
+<circle cx="120" r="1" fill="#473876"/>
+<circle cx="128" r="1" fill="#473876"/>
+<circle cx="136" r="1" fill="#473876"/>
+<circle cx="144" r="1" fill="#473876"/>
+<circle cx="152" r="1" fill="#473876"/>
+<circle cx="160" r="1" fill="#473876"/>
+<circle cx="168" r="1" fill="#473876"/>
+<circle cx="176" r="1" fill="#473876"/>
+<circle cx="184" r="1" fill="#473876"/>
+<circle cx="192" r="1" fill="#473876"/>
+<circle cx="200" r="1" fill="#473876"/>
+<circle cx="208" r="1" fill="#473876"/>
+<circle cx="216" r="1" fill="#473876"/>
+<circle cx="224" r="1" fill="#473876"/>
+<circle cx="232" r="1" fill="#473876"/>
+<circle cx="240" r="1" fill="#473876"/>
+<circle cx="248" r="1" fill="#473876"/>
+<circle cx="256" r="1" fill="#473876"/>
+<circle cx="264" r="1" fill="#473876"/>
+<circle cx="272" r="1" fill="#473876"/>
+<circle cx="280" r="1" fill="#473876"/>
+<circle cx="8" cy="8" r="1" fill="#473876"/>
+<circle cx="16" cy="8" r="1" fill="#473876"/>
+<circle cx="24" cy="8" r="1" fill="#473876"/>
+<circle cx="32" cy="8" r="1" fill="#473876"/>
+<circle cx="40" cy="8" r="1" fill="#473876"/>
+<circle cx="48" cy="8" r="1" fill="#473876"/>
+<circle cx="56" cy="8" r="1" fill="#473876"/>
+<circle cx="64" cy="8" r="1" fill="#473876"/>
+<circle cx="72" cy="8" r="1" fill="#473876"/>
+<circle cx="80" cy="8" r="1" fill="#473876"/>
+<circle cx="88" cy="8" r="1" fill="#473876"/>
+<circle cx="96" cy="8" r="1" fill="#473876"/>
+<circle cx="104" cy="8" r="1" fill="#473876"/>
+<circle cx="112" cy="8" r="1" fill="#473876"/>
+<circle cx="120" cy="8" r="1" fill="#473876"/>
+<circle cx="128" cy="8" r="1" fill="#473876"/>
+<circle cx="136" cy="8" r="1" fill="#473876"/>
+<circle cx="144" cy="8" r="1" fill="#473876"/>
+<circle cx="152" cy="8" r="1" fill="#473876"/>
+<circle cx="160" cy="8" r="1" fill="#473876"/>
+<circle cx="168" cy="8" r="1" fill="#473876"/>
+<circle cx="176" cy="8" r="1" fill="#473876"/>
+<circle cx="184" cy="8" r="1" fill="#473876"/>
+<circle cx="192" cy="8" r="1" fill="#473876"/>
+<circle cx="200" cy="8" r="1" fill="#473876"/>
+<circle cx="208" cy="8" r="1" fill="#473876"/>
+<circle cx="216" cy="8" r="1" fill="#473876"/>
+<circle cx="224" cy="8" r="1" fill="#473876"/>
+<circle cx="232" cy="8" r="1" fill="#473876"/>
+<circle cx="240" cy="8" r="1" fill="#473876"/>
+<circle cx="248" cy="8" r="1" fill="#473876"/>
+<circle cx="256" cy="8" r="1" fill="#473876"/>
+<circle cx="264" cy="8" r="1" fill="#473876"/>
+<circle cx="272" cy="8" r="1" fill="#473876"/>
+<circle cx="280" cy="8" r="1" fill="#473876"/>
+<circle cx="8" cy="16" r="1" fill="#473876"/>
+<circle cx="16" cy="16" r="1" fill="#473876"/>
+<circle cx="24" cy="16" r="1" fill="#473876"/>
+<circle cx="32" cy="16" r="1" fill="#473876"/>
+<circle cx="40" cy="16" r="1" fill="#473876"/>
+<circle cx="48" cy="16" r="1" fill="#473876"/>
+<circle cx="56" cy="16" r="1" fill="#473876"/>
+<circle cx="64" cy="16" r="1" fill="#473876"/>
+<circle cx="72" cy="16" r="1" fill="#473876"/>
+<circle cx="80" cy="16" r="1" fill="#473876"/>
+<circle cx="88" cy="16" r="1" fill="#473876"/>
+<circle cx="96" cy="16" r="1" fill="#473876"/>
+<circle cx="104" cy="16" r="1" fill="#473876"/>
+<circle cx="112" cy="16" r="1" fill="#473876"/>
+<circle cx="120" cy="16" r="1" fill="#473876"/>
+<circle cx="128" cy="16" r="1" fill="#473876"/>
+<circle cx="136" cy="16" r="1" fill="#473876"/>
+<circle cx="144" cy="16" r="1" fill="#473876"/>
+<circle cx="152" cy="16" r="1" fill="#473876"/>
+<circle cx="160" cy="16" r="1" fill="#473876"/>
+<circle cx="168" cy="16" r="1" fill="#473876"/>
+<circle cx="176" cy="16" r="1" fill="#473876"/>
+<circle cx="184" cy="16" r="1" fill="#473876"/>
+<circle cx="192" cy="16" r="1" fill="#473876"/>
+<circle cx="200" cy="16" r="1" fill="#473876"/>
+<circle cx="208" cy="16" r="1" fill="#473876"/>
+<circle cx="216" cy="16" r="1" fill="#473876"/>
+<circle cx="224" cy="16" r="1" fill="#473876"/>
+<circle cx="232" cy="16" r="1" fill="#473876"/>
+<circle cx="240" cy="16" r="1" fill="#473876"/>
+<circle cx="248" cy="16" r="1" fill="#473876"/>
+<circle cx="256" cy="16" r="1" fill="#473876"/>
+<circle cx="264" cy="16" r="1" fill="#473876"/>
+<circle cx="272" cy="16" r="1" fill="#473876"/>
+<circle cx="280" cy="16" r="1" fill="#473876"/>
+<circle cx="8" cy="24" r="1" fill="#473876"/>
+<circle cx="16" cy="24" r="1" fill="#473876"/>
+<circle cx="24" cy="24" r="1" fill="#473876"/>
+<circle cx="32" cy="24" r="1" fill="#473876"/>
+<circle cx="40" cy="24" r="1" fill="#473876"/>
+<circle cx="48" cy="24" r="1" fill="#473876"/>
+<circle cx="56" cy="24" r="1" fill="#473876"/>
+<circle cx="64" cy="24" r="1" fill="#473876"/>
+<circle cx="72" cy="24" r="1" fill="#473876"/>
+<circle cx="80" cy="24" r="1" fill="#473876"/>
+<circle cx="88" cy="24" r="1" fill="#473876"/>
+<circle cx="96" cy="24" r="1" fill="#473876"/>
+<circle cx="104" cy="24" r="1" fill="#473876"/>
+<circle cx="112" cy="24" r="1" fill="#473876"/>
+<circle cx="120" cy="24" r="1" fill="#473876"/>
+<circle cx="128" cy="24" r="1" fill="#473876"/>
+<circle cx="136" cy="24" r="1" fill="#473876"/>
+<circle cx="144" cy="24" r="1" fill="#473876"/>
+<circle cx="152" cy="24" r="1" fill="#473876"/>
+<circle cx="160" cy="24" r="1" fill="#473876"/>
+<circle cx="168" cy="24" r="1" fill="#473876"/>
+<circle cx="176" cy="24" r="1" fill="#473876"/>
+<circle cx="184" cy="24" r="1" fill="#473876"/>
+<circle cx="192" cy="24" r="1" fill="#473876"/>
+<circle cx="200" cy="24" r="1" fill="#473876"/>
+<circle cx="208" cy="24" r="1" fill="#473876"/>
+<circle cx="216" cy="24" r="1" fill="#473876"/>
+<circle cx="224" cy="24" r="1" fill="#473876"/>
+<circle cx="232" cy="24" r="1" fill="#473876"/>
+<circle cx="240" cy="24" r="1" fill="#473876"/>
+<circle cx="248" cy="24" r="1" fill="#473876"/>
+<circle cx="256" cy="24" r="1" fill="#473876"/>
+<circle cx="264" cy="24" r="1" fill="#473876"/>
+<circle cx="272" cy="24" r="1" fill="#473876"/>
+<circle cx="280" cy="24" r="1" fill="#473876"/>
+<circle cx="8" cy="32" r="1" fill="#473876"/>
+<circle cx="16" cy="32" r="1" fill="#473876"/>
+<circle cx="24" cy="32" r="1" fill="#473876"/>
+<circle cx="32" cy="32" r="1" fill="#473876"/>
+<circle cx="40" cy="32" r="1" fill="#473876"/>
+<circle cx="48" cy="32" r="1" fill="#473876"/>
+<circle cx="56" cy="32" r="1" fill="#473876"/>
+<circle cx="64" cy="32" r="1" fill="#473876"/>
+<circle cx="72" cy="32" r="1" fill="#473876"/>
+<circle cx="80" cy="32" r="1" fill="#473876"/>
+<circle cx="88" cy="32" r="1" fill="#473876"/>
+<circle cx="96" cy="32" r="1" fill="#473876"/>
+<circle cx="104" cy="32" r="1" fill="#473876"/>
+<circle cx="112" cy="32" r="1" fill="#473876"/>
+<circle cx="120" cy="32" r="1" fill="#473876"/>
+<circle cx="128" cy="32" r="1" fill="#473876"/>
+<circle cx="136" cy="32" r="1" fill="#473876"/>
+<circle cx="144" cy="32" r="1" fill="#473876"/>
+<circle cx="152" cy="32" r="1" fill="#473876"/>
+<circle cx="160" cy="32" r="1" fill="#473876"/>
+<circle cx="168" cy="32" r="1" fill="#473876"/>
+<circle cx="176" cy="32" r="1" fill="#473876"/>
+<circle cx="184" cy="32" r="1" fill="#473876"/>
+<circle cx="192" cy="32" r="1" fill="#473876"/>
+<circle cx="200" cy="32" r="1" fill="#473876"/>
+<circle cx="208" cy="32" r="1" fill="#473876"/>
+<circle cx="216" cy="32" r="1" fill="#473876"/>
+<circle cx="224" cy="32" r="1" fill="#473876"/>
+<circle cx="232" cy="32" r="1" fill="#473876"/>
+<circle cx="240" cy="32" r="1" fill="#473876"/>
+<circle cx="248" cy="32" r="1" fill="#473876"/>
+<circle cx="256" cy="32" r="1" fill="#473876"/>
+<circle cx="264" cy="32" r="1" fill="#473876"/>
+<circle cx="272" cy="32" r="1" fill="#473876"/>
+<circle cx="280" cy="32" r="1" fill="#473876"/>
+<circle cx="8" cy="40" r="1" fill="#473876"/>
+<circle cx="16" cy="40" r="1" fill="#473876"/>
+<circle cx="24" cy="40" r="1" fill="#473876"/>
+<circle cx="32" cy="40" r="1" fill="#473876"/>
+<circle cx="40" cy="40" r="1" fill="#473876"/>
+<circle cx="48" cy="40" r="1" fill="#473876"/>
+<circle cx="56" cy="40" r="1" fill="#473876"/>
+<circle cx="64" cy="40" r="1" fill="#473876"/>
+<circle cx="72" cy="40" r="1" fill="#473876"/>
+<circle cx="80" cy="40" r="1" fill="#473876"/>
+<circle cx="88" cy="40" r="1" fill="#473876"/>
+<circle cx="96" cy="40" r="1" fill="#473876"/>
+<circle cx="104" cy="40" r="1" fill="#473876"/>
+<circle cx="112" cy="40" r="1" fill="#473876"/>
+<circle cx="120" cy="40" r="1" fill="#473876"/>
+<circle cx="128" cy="40" r="1" fill="#473876"/>
+<circle cx="136" cy="40" r="1" fill="#473876"/>
+<circle cx="144" cy="40" r="1" fill="#473876"/>
+<circle cx="152" cy="40" r="1" fill="#473876"/>
+<circle cx="160" cy="40" r="1" fill="#473876"/>
+<circle cx="168" cy="40" r="1" fill="#473876"/>
+<circle cx="176" cy="40" r="1" fill="#473876"/>
+<circle cx="184" cy="40" r="1" fill="#473876"/>
+<circle cx="192" cy="40" r="1" fill="#473876"/>
+<circle cx="200" cy="40" r="1" fill="#473876"/>
+<circle cx="208" cy="40" r="1" fill="#473876"/>
+<circle cx="216" cy="40" r="1" fill="#473876"/>
+<circle cx="224" cy="40" r="1" fill="#473876"/>
+<circle cx="232" cy="40" r="1" fill="#473876"/>
+<circle cx="240" cy="40" r="1" fill="#473876"/>
+<circle cx="248" cy="40" r="1" fill="#473876"/>
+<circle cx="256" cy="40" r="1" fill="#473876"/>
+<circle cx="264" cy="40" r="1" fill="#473876"/>
+<circle cx="272" cy="40" r="1" fill="#473876"/>
+<circle cx="280" cy="40" r="1" fill="#473876"/>
+<circle cx="8" cy="48" r="1" fill="#473876"/>
+<circle cx="16" cy="48" r="1" fill="#473876"/>
+<circle cx="24" cy="48" r="1" fill="#473876"/>
+<circle cx="32" cy="48" r="1" fill="#473876"/>
+<circle cx="40" cy="48" r="1" fill="#473876"/>
+<circle cx="48" cy="48" r="1" fill="#473876"/>
+<circle cx="56" cy="48" r="1" fill="#473876"/>
+<circle cx="64" cy="48" r="1" fill="#473876"/>
+<circle cx="72" cy="48" r="1" fill="#473876"/>
+<circle cx="80" cy="48" r="1" fill="#473876"/>
+<circle cx="88" cy="48" r="1" fill="#473876"/>
+<circle cx="96" cy="48" r="1" fill="#473876"/>
+<circle cx="104" cy="48" r="1" fill="#473876"/>
+<circle cx="112" cy="48" r="1" fill="#473876"/>
+<circle cx="120" cy="48" r="1" fill="#473876"/>
+<circle cx="128" cy="48" r="1" fill="#473876"/>
+<circle cx="136" cy="48" r="1" fill="#473876"/>
+<circle cx="144" cy="48" r="1" fill="#473876"/>
+<circle cx="152" cy="48" r="1" fill="#473876"/>
+<circle cx="160" cy="48" r="1" fill="#473876"/>
+<circle cx="168" cy="48" r="1" fill="#473876"/>
+<circle cx="176" cy="48" r="1" fill="#473876"/>
+<circle cx="184" cy="48" r="1" fill="#473876"/>
+<circle cx="192" cy="48" r="1" fill="#473876"/>
+<circle cx="200" cy="48" r="1" fill="#473876"/>
+<circle cx="208" cy="48" r="1" fill="#473876"/>
+<circle cx="216" cy="48" r="1" fill="#473876"/>
+<circle cx="224" cy="48" r="1" fill="#473876"/>
+<circle cx="232" cy="48" r="1" fill="#473876"/>
+<circle cx="240" cy="48" r="1" fill="#473876"/>
+<circle cx="248" cy="48" r="1" fill="#473876"/>
+<circle cx="256" cy="48" r="1" fill="#473876"/>
+<circle cx="264" cy="48" r="1" fill="#473876"/>
+<circle cx="272" cy="48" r="1" fill="#473876"/>
+<circle cx="280" cy="48" r="1" fill="#473876"/>
+<circle cx="8" cy="56" r="1" fill="#473876"/>
+<circle cx="16" cy="56" r="1" fill="#473876"/>
+<circle cx="24" cy="56" r="1" fill="#473876"/>
+<circle cx="32" cy="56" r="1" fill="#473876"/>
+<circle cx="40" cy="56" r="1" fill="#473876"/>
+<circle cx="48" cy="56" r="1" fill="#473876"/>
+<circle cx="56" cy="56" r="1" fill="#473876"/>
+<circle cx="64" cy="56" r="1" fill="#473876"/>
+<circle cx="72" cy="56" r="1" fill="#473876"/>
+<circle cx="80" cy="56" r="1" fill="#473876"/>
+<circle cx="88" cy="56" r="1" fill="#473876"/>
+<circle cx="96" cy="56" r="1" fill="#473876"/>
+<circle cx="104" cy="56" r="1" fill="#473876"/>
+<circle cx="112" cy="56" r="1" fill="#473876"/>
+<circle cx="120" cy="56" r="1" fill="#473876"/>
+<circle cx="128" cy="56" r="1" fill="#473876"/>
+<circle cx="136" cy="56" r="1" fill="#473876"/>
+<circle cx="144" cy="56" r="1" fill="#473876"/>
+<circle cx="152" cy="56" r="1" fill="#473876"/>
+<circle cx="160" cy="56" r="1" fill="#473876"/>
+<circle cx="168" cy="56" r="1" fill="#473876"/>
+<circle cx="176" cy="56" r="1" fill="#473876"/>
+<circle cx="184" cy="56" r="1" fill="#473876"/>
+<circle cx="192" cy="56" r="1" fill="#473876"/>
+<circle cx="200" cy="56" r="1" fill="#473876"/>
+<circle cx="208" cy="56" r="1" fill="#473876"/>
+<circle cx="216" cy="56" r="1" fill="#473876"/>
+<circle cx="224" cy="56" r="1" fill="#473876"/>
+<circle cx="232" cy="56" r="1" fill="#473876"/>
+<circle cx="240" cy="56" r="1" fill="#473876"/>
+<circle cx="248" cy="56" r="1" fill="#473876"/>
+<circle cx="256" cy="56" r="1" fill="#473876"/>
+<circle cx="264" cy="56" r="1" fill="#473876"/>
+<circle cx="272" cy="56" r="1" fill="#473876"/>
+<circle cx="280" cy="56" r="1" fill="#473876"/>
+<circle cx="8" cy="64" r="1" fill="#473876"/>
+<circle cx="16" cy="64" r="1" fill="#473876"/>
+<circle cx="24" cy="64" r="1" fill="#473876"/>
+<circle cx="32" cy="64" r="1" fill="#473876"/>
+<circle cx="40" cy="64" r="1" fill="#473876"/>
+<circle cx="48" cy="64" r="1" fill="#473876"/>
+<circle cx="56" cy="64" r="1" fill="#473876"/>
+<circle cx="64" cy="64" r="1" fill="#473876"/>
+<circle cx="72" cy="64" r="1" fill="#473876"/>
+<circle cx="80" cy="64" r="1" fill="#473876"/>
+<circle cx="88" cy="64" r="1" fill="#473876"/>
+<circle cx="96" cy="64" r="1" fill="#473876"/>
+<circle cx="104" cy="64" r="1" fill="#473876"/>
+<circle cx="112" cy="64" r="1" fill="#473876"/>
+<circle cx="120" cy="64" r="1" fill="#473876"/>
+<circle cx="128" cy="64" r="1" fill="#473876"/>
+<circle cx="136" cy="64" r="1" fill="#473876"/>
+<circle cx="144" cy="64" r="1" fill="#473876"/>
+<circle cx="152" cy="64" r="1" fill="#473876"/>
+<circle cx="160" cy="64" r="1" fill="#473876"/>
+<circle cx="168" cy="64" r="1" fill="#473876"/>
+<circle cx="176" cy="64" r="1" fill="#473876"/>
+<circle cx="184" cy="64" r="1" fill="#473876"/>
+<circle cx="192" cy="64" r="1" fill="#473876"/>
+<circle cx="200" cy="64" r="1" fill="#473876"/>
+<circle cx="208" cy="64" r="1" fill="#473876"/>
+<circle cx="216" cy="64" r="1" fill="#473876"/>
+<circle cx="224" cy="64" r="1" fill="#473876"/>
+<circle cx="232" cy="64" r="1" fill="#473876"/>
+<circle cx="240" cy="64" r="1" fill="#473876"/>
+<circle cx="248" cy="64" r="1" fill="#473876"/>
+<circle cx="256" cy="64" r="1" fill="#473876"/>
+<circle cx="264" cy="64" r="1" fill="#473876"/>
+<circle cx="272" cy="64" r="1" fill="#473876"/>
+<circle cx="280" cy="64" r="1" fill="#473876"/>
+<circle cx="8" cy="72" r="1" fill="#473876"/>
+<circle cx="16" cy="72" r="1" fill="#473876"/>
+<circle cx="24" cy="72" r="1" fill="#473876"/>
+<circle cx="32" cy="72" r="1" fill="#473876"/>
+<circle cx="40" cy="72" r="1" fill="#473876"/>
+<circle cx="48" cy="72" r="1" fill="#473876"/>
+<circle cx="56" cy="72" r="1" fill="#473876"/>
+<circle cx="64" cy="72" r="1" fill="#473876"/>
+<circle cx="72" cy="72" r="1" fill="#473876"/>
+<circle cx="80" cy="72" r="1" fill="#473876"/>
+<circle cx="88" cy="72" r="1" fill="#473876"/>
+<circle cx="96" cy="72" r="1" fill="#473876"/>
+<circle cx="104" cy="72" r="1" fill="#473876"/>
+<circle cx="112" cy="72" r="1" fill="#473876"/>
+<circle cx="120" cy="72" r="1" fill="#473876"/>
+<circle cx="128" cy="72" r="1" fill="#473876"/>
+<circle cx="136" cy="72" r="1" fill="#473876"/>
+<circle cx="144" cy="72" r="1" fill="#473876"/>
+<circle cx="152" cy="72" r="1" fill="#473876"/>
+<circle cx="160" cy="72" r="1" fill="#473876"/>
+<circle cx="168" cy="72" r="1" fill="#473876"/>
+<circle cx="176" cy="72" r="1" fill="#473876"/>
+<circle cx="184" cy="72" r="1" fill="#473876"/>
+<circle cx="192" cy="72" r="1" fill="#473876"/>
+<circle cx="200" cy="72" r="1" fill="#473876"/>
+<circle cx="208" cy="72" r="1" fill="#473876"/>
+<circle cx="216" cy="72" r="1" fill="#473876"/>
+<circle cx="224" cy="72" r="1" fill="#473876"/>
+<circle cx="232" cy="72" r="1" fill="#473876"/>
+<circle cx="240" cy="72" r="1" fill="#473876"/>
+<circle cx="248" cy="72" r="1" fill="#473876"/>
+<circle cx="256" cy="72" r="1" fill="#473876"/>
+<circle cx="264" cy="72" r="1" fill="#473876"/>
+<circle cx="272" cy="72" r="1" fill="#473876"/>
+<circle cx="280" cy="72" r="1" fill="#473876"/>
+<circle cx="8" cy="80" r="1" fill="#473876"/>
+<circle cx="16" cy="80" r="1" fill="#473876"/>
+<circle cx="24" cy="80" r="1" fill="#473876"/>
+<circle cx="32" cy="80" r="1" fill="#473876"/>
+<circle cx="40" cy="80" r="1" fill="#473876"/>
+<circle cx="48" cy="80" r="1" fill="#473876"/>
+<circle cx="56" cy="80" r="1" fill="#473876"/>
+<circle cx="64" cy="80" r="1" fill="#473876"/>
+<circle cx="72" cy="80" r="1" fill="#473876"/>
+<circle cx="80" cy="80" r="1" fill="#473876"/>
+<circle cx="88" cy="80" r="1" fill="#473876"/>
+<circle cx="96" cy="80" r="1" fill="#473876"/>
+<circle cx="104" cy="80" r="1" fill="#473876"/>
+<circle cx="112" cy="80" r="1" fill="#473876"/>
+<circle cx="120" cy="80" r="1" fill="#473876"/>
+<circle cx="128" cy="80" r="1" fill="#473876"/>
+<circle cx="136" cy="80" r="1" fill="#473876"/>
+<circle cx="144" cy="80" r="1" fill="#473876"/>
+<circle cx="152" cy="80" r="1" fill="#473876"/>
+<circle cx="160" cy="80" r="1" fill="#473876"/>
+<circle cx="168" cy="80" r="1" fill="#473876"/>
+<circle cx="176" cy="80" r="1" fill="#473876"/>
+<circle cx="184" cy="80" r="1" fill="#473876"/>
+<circle cx="192" cy="80" r="1" fill="#473876"/>
+<circle cx="200" cy="80" r="1" fill="#473876"/>
+<circle cx="208" cy="80" r="1" fill="#473876"/>
+<circle cx="216" cy="80" r="1" fill="#473876"/>
+<circle cx="224" cy="80" r="1" fill="#473876"/>
+<circle cx="232" cy="80" r="1" fill="#473876"/>
+<circle cx="240" cy="80" r="1" fill="#473876"/>
+<circle cx="248" cy="80" r="1" fill="#473876"/>
+<circle cx="256" cy="80" r="1" fill="#473876"/>
+<circle cx="264" cy="80" r="1" fill="#473876"/>
+<circle cx="272" cy="80" r="1" fill="#473876"/>
+<circle cx="280" cy="80" r="1" fill="#473876"/>
+<circle cx="8" cy="88" r="1" fill="#473876"/>
+<circle cx="16" cy="88" r="1" fill="#473876"/>
+<circle cx="24" cy="88" r="1" fill="#473876"/>
+<circle cx="32" cy="88" r="1" fill="#473876"/>
+<circle cx="40" cy="88" r="1" fill="#473876"/>
+<circle cx="48" cy="88" r="1" fill="#473876"/>
+<circle cx="56" cy="88" r="1" fill="#473876"/>
+<circle cx="64" cy="88" r="1" fill="#473876"/>
+<circle cx="72" cy="88" r="1" fill="#473876"/>
+<circle cx="80" cy="88" r="1" fill="#473876"/>
+<circle cx="88" cy="88" r="1" fill="#473876"/>
+<circle cx="96" cy="88" r="1" fill="#473876"/>
+<circle cx="104" cy="88" r="1" fill="#473876"/>
+<circle cx="112" cy="88" r="1" fill="#473876"/>
+<circle cx="120" cy="88" r="1" fill="#473876"/>
+<circle cx="128" cy="88" r="1" fill="#473876"/>
+<circle cx="136" cy="88" r="1" fill="#473876"/>
+<circle cx="144" cy="88" r="1" fill="#473876"/>
+<circle cx="152" cy="88" r="1" fill="#473876"/>
+<circle cx="160" cy="88" r="1" fill="#473876"/>
+<circle cx="168" cy="88" r="1" fill="#473876"/>
+<circle cx="176" cy="88" r="1" fill="#473876"/>
+<circle cx="184" cy="88" r="1" fill="#473876"/>
+<circle cx="192" cy="88" r="1" fill="#473876"/>
+<circle cx="200" cy="88" r="1" fill="#473876"/>
+<circle cx="208" cy="88" r="1" fill="#473876"/>
+<circle cx="216" cy="88" r="1" fill="#473876"/>
+<circle cx="224" cy="88" r="1" fill="#473876"/>
+<circle cx="232" cy="88" r="1" fill="#473876"/>
+<circle cx="240" cy="88" r="1" fill="#473876"/>
+<circle cx="248" cy="88" r="1" fill="#473876"/>
+<circle cx="256" cy="88" r="1" fill="#473876"/>
+<circle cx="264" cy="88" r="1" fill="#473876"/>
+<circle cx="272" cy="88" r="1" fill="#473876"/>
+<circle cx="280" cy="88" r="1" fill="#473876"/>
+<circle cx="8" cy="96" r="1" fill="#473876"/>
+<circle cx="16" cy="96" r="1" fill="#473876"/>
+<circle cx="24" cy="96" r="1" fill="#473876"/>
+<circle cx="32" cy="96" r="1" fill="#473876"/>
+<circle cx="40" cy="96" r="1" fill="#473876"/>
+<circle cx="48" cy="96" r="1" fill="#473876"/>
+<circle cx="56" cy="96" r="1" fill="#473876"/>
+<circle cx="64" cy="96" r="1" fill="#473876"/>
+<circle cx="72" cy="96" r="1" fill="#473876"/>
+<circle cx="80" cy="96" r="1" fill="#473876"/>
+<circle cx="88" cy="96" r="1" fill="#473876"/>
+<circle cx="96" cy="96" r="1" fill="#473876"/>
+<circle cx="104" cy="96" r="1" fill="#473876"/>
+<circle cx="112" cy="96" r="1" fill="#473876"/>
+<circle cx="120" cy="96" r="1" fill="#473876"/>
+<circle cx="128" cy="96" r="1" fill="#473876"/>
+<circle cx="136" cy="96" r="1" fill="#473876"/>
+<circle cx="144" cy="96" r="1" fill="#473876"/>
+<circle cx="152" cy="96" r="1" fill="#473876"/>
+<circle cx="160" cy="96" r="1" fill="#473876"/>
+<circle cx="168" cy="96" r="1" fill="#473876"/>
+<circle cx="176" cy="96" r="1" fill="#473876"/>
+<circle cx="184" cy="96" r="1" fill="#473876"/>
+<circle cx="192" cy="96" r="1" fill="#473876"/>
+<circle cx="200" cy="96" r="1" fill="#473876"/>
+<circle cx="208" cy="96" r="1" fill="#473876"/>
+<circle cx="216" cy="96" r="1" fill="#473876"/>
+<circle cx="224" cy="96" r="1" fill="#473876"/>
+<circle cx="232" cy="96" r="1" fill="#473876"/>
+<circle cx="240" cy="96" r="1" fill="#473876"/>
+<circle cx="248" cy="96" r="1" fill="#473876"/>
+<circle cx="256" cy="96" r="1" fill="#473876"/>
+<circle cx="264" cy="96" r="1" fill="#473876"/>
+<circle cx="272" cy="96" r="1" fill="#473876"/>
+<circle cx="280" cy="96" r="1" fill="#473876"/>
+<circle cx="8" cy="104" r="1" fill="#473876"/>
+<circle cx="16" cy="104" r="1" fill="#473876"/>
+<circle cx="24" cy="104" r="1" fill="#473876"/>
+<circle cx="32" cy="104" r="1" fill="#473876"/>
+<circle cx="40" cy="104" r="1" fill="#473876"/>
+<circle cx="48" cy="104" r="1" fill="#473876"/>
+<circle cx="56" cy="104" r="1" fill="#473876"/>
+<circle cx="64" cy="104" r="1" fill="#473876"/>
+<circle cx="72" cy="104" r="1" fill="#473876"/>
+<circle cx="80" cy="104" r="1" fill="#473876"/>
+<circle cx="88" cy="104" r="1" fill="#473876"/>
+<circle cx="96" cy="104" r="1" fill="#473876"/>
+<circle cx="104" cy="104" r="1" fill="#473876"/>
+<circle cx="112" cy="104" r="1" fill="#473876"/>
+<circle cx="120" cy="104" r="1" fill="#473876"/>
+<circle cx="128" cy="104" r="1" fill="#473876"/>
+<circle cx="136" cy="104" r="1" fill="#473876"/>
+<circle cx="144" cy="104" r="1" fill="#473876"/>
+<circle cx="152" cy="104" r="1" fill="#473876"/>
+<circle cx="160" cy="104" r="1" fill="#473876"/>
+<circle cx="168" cy="104" r="1" fill="#473876"/>
+<circle cx="176" cy="104" r="1" fill="#473876"/>
+<circle cx="184" cy="104" r="1" fill="#473876"/>
+<circle cx="192" cy="104" r="1" fill="#473876"/>
+<circle cx="200" cy="104" r="1" fill="#473876"/>
+<circle cx="208" cy="104" r="1" fill="#473876"/>
+<circle cx="216" cy="104" r="1" fill="#473876"/>
+<circle cx="224" cy="104" r="1" fill="#473876"/>
+<circle cx="232" cy="104" r="1" fill="#473876"/>
+<circle cx="240" cy="104" r="1" fill="#473876"/>
+<circle cx="248" cy="104" r="1" fill="#473876"/>
+<circle cx="256" cy="104" r="1" fill="#473876"/>
+<circle cx="264" cy="104" r="1" fill="#473876"/>
+<circle cx="272" cy="104" r="1" fill="#473876"/>
+<circle cx="280" cy="104" r="1" fill="#473876"/>
+<circle cx="8" cy="112" r="1" fill="#473876"/>
+<circle cx="16" cy="112" r="1" fill="#473876"/>
+<circle cx="24" cy="112" r="1" fill="#473876"/>
+<circle cx="32" cy="112" r="1" fill="#473876"/>
+<circle cx="40" cy="112" r="1" fill="#473876"/>
+<circle cx="48" cy="112" r="1" fill="#473876"/>
+<circle cx="56" cy="112" r="1" fill="#473876"/>
+<circle cx="64" cy="112" r="1" fill="#473876"/>
+<circle cx="72" cy="112" r="1" fill="#473876"/>
+<circle cx="80" cy="112" r="1" fill="#473876"/>
+<circle cx="88" cy="112" r="1" fill="#473876"/>
+<circle cx="96" cy="112" r="1" fill="#473876"/>
+<circle cx="104" cy="112" r="1" fill="#473876"/>
+<circle cx="112" cy="112" r="1" fill="#473876"/>
+<circle cx="120" cy="112" r="1" fill="#473876"/>
+<circle cx="128" cy="112" r="1" fill="#473876"/>
+<circle cx="136" cy="112" r="1" fill="#473876"/>
+<circle cx="144" cy="112" r="1" fill="#473876"/>
+<circle cx="152" cy="112" r="1" fill="#473876"/>
+<circle cx="160" cy="112" r="1" fill="#473876"/>
+<circle cx="168" cy="112" r="1" fill="#473876"/>
+<circle cx="176" cy="112" r="1" fill="#473876"/>
+<circle cx="184" cy="112" r="1" fill="#473876"/>
+<circle cx="192" cy="112" r="1" fill="#473876"/>
+<circle cx="200" cy="112" r="1" fill="#473876"/>
+<circle cx="208" cy="112" r="1" fill="#473876"/>
+<circle cx="216" cy="112" r="1" fill="#473876"/>
+<circle cx="224" cy="112" r="1" fill="#473876"/>
+<circle cx="232" cy="112" r="1" fill="#473876"/>
+<circle cx="240" cy="112" r="1" fill="#473876"/>
+<circle cx="248" cy="112" r="1" fill="#473876"/>
+<circle cx="256" cy="112" r="1" fill="#473876"/>
+<circle cx="264" cy="112" r="1" fill="#473876"/>
+<circle cx="272" cy="112" r="1" fill="#473876"/>
+<circle cx="280" cy="112" r="1" fill="#473876"/>
+<circle cx="120" cy="120" r="1" fill="#473876"/>
+<circle cx="128" cy="120" r="1" fill="#473876"/>
+<circle cx="136" cy="120" r="1" fill="#473876"/>
+<circle cx="144" cy="120" r="1" fill="#473876"/>
+<circle cx="152" cy="120" r="1" fill="#473876"/>
+<circle cx="160" cy="120" r="1" fill="#473876"/>
+<circle cx="168" cy="120" r="1" fill="#473876"/>
+<rect width="288" height="120" fill="url(#paint0_radial_302_7053)"/>
+<path d="M119.888 53.93C119.993 52.8088 120.987 51.9847 122.108 52.0894C123.229 52.194 124.053 53.1878 123.949 54.309L123.511 59.0009C123.406 60.1222 122.412 60.9462 121.291 60.8416C120.17 60.7369 119.346 59.7431 119.451 58.6219L119.888 53.93Z" fill="#E2DDFE"/>
+<path d="M126.384 54.5364C126.489 53.4152 127.483 52.5911 128.604 52.6957C129.725 52.8004 130.549 53.7942 130.444 54.9154L130.006 59.6073C129.902 60.7285 128.908 61.5526 127.787 61.4479C126.666 61.3433 125.841 60.3495 125.946 59.2283L126.384 54.5364Z" fill="#E2DDFE"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M131.943 45.1464C124.483 43.3741 118.324 42.7567 110.491 43.1392C108.511 43.2359 107.201 43.3038 106.188 43.4998C105.249 43.6816 104.7 43.9516 104.225 44.392C103.242 45.3039 103.019 46.4183 102.532 50.3318C102.052 54.1779 101.966 57.657 102.05 61.5884C102.095 63.6834 102.129 65.0975 102.291 66.1854C102.446 67.2174 102.695 67.7878 103.074 68.242C103.456 68.6999 103.968 69.0453 104.936 69.3773C105.96 69.7285 107.32 70.01 109.342 70.4235C115.881 71.7609 120.826 72.2189 127.523 72.1245C129.611 72.0951 131.022 72.0722 132.109 71.9198C133.141 71.775 133.712 71.5326 134.165 71.1647C134.608 70.8047 134.97 70.2846 135.338 69.2507C135.723 68.172 136.05 66.7279 136.528 64.606C137.379 60.82 138.049 57.4879 138.407 53.8025C138.789 49.8622 138.813 48.7331 138.01 47.6088C137.622 47.0658 137.124 46.686 136.215 46.3237C135.233 45.9323 133.924 45.6169 131.943 45.1464ZM110.328 39.7902C118.487 39.3918 124.962 40.0416 132.718 41.8842L132.832 41.9112C134.668 42.3474 136.22 42.7159 137.457 43.209C138.792 43.7411 139.882 44.4616 140.738 45.6596C142.353 47.9196 142.11 50.3994 141.786 53.6941C141.772 53.8367 141.758 53.9809 141.744 54.1266C141.365 58.0233 140.659 61.5178 139.799 65.3416L139.776 65.4428C139.327 67.4383 138.958 69.0827 138.497 70.3757C138.013 71.7354 137.372 72.8801 136.278 73.768C135.194 74.6482 133.972 75.0442 132.575 75.2402C131.255 75.4254 129.632 75.4482 127.675 75.4757L127.57 75.4772C120.635 75.5749 115.449 75.0949 108.67 73.7085L108.565 73.6871C106.675 73.3005 105.101 72.9786 103.848 72.5489C102.517 72.0922 101.399 71.4675 100.5 70.3898C99.5976 69.3086 99.185 68.0852 98.9751 66.6813C98.7771 65.3571 98.7422 63.7281 98.7002 61.7665L98.6979 61.6603C98.6114 57.6284 98.6984 53.9764 99.2043 49.9171C99.2227 49.7699 99.2407 49.6242 99.2585 49.4801C99.6617 46.2178 99.9642 43.7706 101.945 41.9336C102.996 40.959 104.175 40.4743 105.551 40.208C106.826 39.961 108.378 39.8853 110.214 39.7957C110.252 39.7939 110.29 39.792 110.328 39.7902Z" fill="#E2DDFE"/>
+<path d="M172.351 54.1886C169.848 52.8972 166.772 53.8794 165.481 56.3826C164.949 57.4133 165.353 58.6799 166.384 59.2117L189.49 71.1328C190.521 71.6645 191.788 71.2601 192.319 70.2294C193.611 67.7262 192.628 64.6501 190.125 63.3587L172.351 54.1886Z" fill="#3B334A" stroke="#C9C7DD" stroke-width="2.2"/>
+<path d="M184.599 52.2402C182.096 50.9487 179.02 51.931 177.729 54.4341C177.197 55.4648 177.601 56.7315 178.632 57.2633L184.745 60.4169C185.775 60.9486 187.042 60.5442 187.574 59.5135C188.865 57.0103 187.883 53.9342 185.38 52.6428L184.599 52.2402Z" fill="#3B334A" stroke="#C9C7DD" stroke-width="2.2"/>
+<path d="M171.38 33.2415C172.263 33.3009 172.829 32.7874 172.875 32.101C172.878 32.0617 172.881 32.0225 172.883 31.9833C172.939 31.1596 173.504 30.6657 174.57 30.0479C176.104 29.2055 177.322 28.3812 177.452 26.4396C177.635 23.7332 175.315 22.1981 172.647 22.0187C169.941 21.8367 168.075 22.9325 167.513 24.2541C167.396 24.5221 167.339 24.794 167.32 25.0685C167.269 25.8334 167.849 26.2861 168.418 26.3244C169.006 26.364 169.396 26.1341 169.757 25.7447L170.117 25.3748C170.819 24.5947 171.548 24.3088 172.391 24.3655C173.666 24.4513 174.479 25.2546 174.403 26.3724C174.333 27.4118 173.615 27.8363 172.241 28.6501C171.151 29.3254 170.194 30.0884 170.088 31.6574C170.087 31.677 170.083 31.7358 170.081 31.7554C170.019 32.6773 170.478 33.1808 171.38 33.2415ZM171.024 37.9457C171.985 38.0103 172.88 37.3023 172.945 36.3411C173.011 35.3606 172.237 34.56 171.257 34.494C170.276 34.4281 169.401 35.1375 169.336 36.0984C169.273 37.0399 170.063 37.8811 171.024 37.9457Z" fill="#C171FF"/>
+<path d="M169.5 43.5V43.5C168.978 46.0605 166.726 47.9 164.113 47.9L158.189 47.9C156.148 47.9 154.192 48.7162 152.757 50.1668V50.1668C149.147 53.8152 150.088 59.9144 154.63 62.305L155 62.5" stroke="#C171FF" stroke-width="2.4" stroke-linecap="round"/>
+<path d="M162 65L167.282 66.1318C168.414 66.3744 169.48 66.8597 170.406 67.5543L170.555 67.6661C172.129 68.8471 173.213 70.5671 173.599 72.4972L174 74.5" stroke="#C171FF" stroke-width="2.4" stroke-linecap="round"/>
+<path d="M169.65 78.4531L169.836 78.8248L170.192 78.611C171.313 77.9385 172.732 77.9745 173.913 78.4746C175.105 78.9794 175.939 79.903 176.02 80.8889C176.189 82.9307 174.281 84.8177 171.408 85.055L159.964 86.0003C158.714 86.1037 157.677 85.8776 156.949 85.4334C156.23 84.9947 155.799 84.3391 155.732 83.5239C155.676 82.8454 155.81 82.0406 156.308 81.47C156.788 80.9204 157.684 80.5017 159.349 80.7397L159.78 80.8011L159.788 80.3667C159.836 78.0588 161.654 76.0798 164.031 75.8834C166.508 75.6788 168.743 76.6406 169.65 78.4531Z" fill="#3B334A" stroke="#C9C7DD" stroke-width="0.769498"/>
+<circle cx="160" cy="72" r="1.5" fill="#3B334A" stroke="#C9C7DD"/>
+<circle cx="156" cy="77" r="0.5" fill="#3B334A" stroke="#C9C7DD"/>
+<path d="M156.902 79.7159C155.196 79.8576 153.928 81.3555 154.069 83.0617L154.896 93.0275C155.312 98.036 159.709 101.759 164.718 101.344L180.663 100.02C185.672 99.6045 189.395 95.2073 188.979 90.1987L188.152 80.233C188.01 78.5268 186.512 77.2584 184.806 77.4L156.902 79.7159Z" fill="#3B334A" stroke="#C9C7DD" stroke-width="2.2"/>
+<path d="M188 80.3305L190.79 80.0992C191.451 80.0444 192.031 80.5354 192.085 81.1959C192.14 81.8564 191.649 82.4362 190.989 82.491L188.198 82.7223L188 80.3305Z" fill="#C9C7DD"/>
+<path d="M150.099 85.5264C150.044 84.866 150.535 84.2861 151.196 84.2314L154.983 83.9174L155.181 86.3092L151.394 86.6232C150.734 86.6779 150.154 86.1869 150.099 85.5264Z" fill="#C9C7DD"/>
+<path d="M110.766 34.3752C111.019 34.2955 111.233 34.1295 111.362 33.9137C111.491 33.6979 111.523 33.45 111.452 33.2245L110.735 30.9504L110.019 28.6763C109.896 28.2878 110.094 27.8638 110.433 27.5728C111.136 26.9719 111.599 26.1779 111.74 25.3309C111.882 24.4839 111.692 23.6383 111.206 22.9434C110.719 22.2485 109.967 21.7489 109.081 21.5329C108.195 21.3169 107.233 21.3982 106.365 21.7627C105.756 21.1155 104.939 20.6579 104.017 20.4463C103.094 20.2348 102.106 20.2786 101.174 20.5724C100.242 20.8662 99.4066 21.397 98.772 22.0993C98.1375 22.8016 97.7311 23.6445 97.6033 24.5238C96.6834 24.7236 95.8493 25.2086 95.248 25.8933C94.6467 26.578 94.3168 27.4184 94.3165 28.2662C94.3162 29.1141 94.6456 29.9151 95.2465 30.5279C95.8473 31.1408 96.6812 31.5261 97.601 31.616C98.046 31.6608 98.4511 31.8948 98.5733 32.2825L100.007 36.8315C100.078 37.057 100.247 37.2415 100.476 37.3446C100.705 37.4476 100.976 37.4608 101.229 37.381C101.229 37.381 103.992 36.0429 105.863 35.4531C107.735 34.8632 110.766 34.3752 110.766 34.3752Z" stroke="#C171FF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<radialGradient id="paint0_radial_302_7053" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(144.5 67) rotate(90.5405) scale(53.0024 127.206)">
+<stop stop-color="#2E3035" stop-opacity="0.95"/>
+<stop offset="0.566518" stop-color="#2E3035" stop-opacity="0"/>
+<stop offset="1" stop-color="#2E3035" stop-opacity="0.7"/>
+</radialGradient>
+<clipPath id="clip0_302_7053">
+<rect width="288" height="120" rx="8" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/assets/images/dashboard/captain/faqs-popover-light.svg b/public/assets/images/dashboard/captain/faqs-popover-light.svg
new file mode 100644
index 000000000..2a72b382e
--- /dev/null
+++ b/public/assets/images/dashboard/captain/faqs-popover-light.svg
@@ -0,0 +1,564 @@
+<svg width="288" height="120" viewBox="0 0 288 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_302_8733)">
+<rect width="288" height="120" rx="8" fill="#F9F9FB"/>
+<circle cx="8" r="1" fill="#E1D9FF"/>
+<circle cx="16" r="1" fill="#E1D9FF"/>
+<circle cx="24" r="1" fill="#E1D9FF"/>
+<circle cx="32" r="1" fill="#E1D9FF"/>
+<circle cx="40" r="1" fill="#E1D9FF"/>
+<circle cx="48" r="1" fill="#E1D9FF"/>
+<circle cx="56" r="1" fill="#E1D9FF"/>
+<circle cx="64" r="1" fill="#E1D9FF"/>
+<circle cx="72" r="1" fill="#E1D9FF"/>
+<circle cx="80" r="1" fill="#E1D9FF"/>
+<circle cx="88" r="1" fill="#E1D9FF"/>
+<circle cx="96" r="1" fill="#E1D9FF"/>
+<circle cx="104" r="1" fill="#E1D9FF"/>
+<circle cx="112" r="1" fill="#E1D9FF"/>
+<circle cx="120" r="1" fill="#E1D9FF"/>
+<circle cx="128" r="1" fill="#E1D9FF"/>
+<circle cx="136" r="1" fill="#E1D9FF"/>
+<circle cx="144" r="1" fill="#E1D9FF"/>
+<circle cx="152" r="1" fill="#E1D9FF"/>
+<circle cx="160" r="1" fill="#E1D9FF"/>
+<circle cx="168" r="1" fill="#E1D9FF"/>
+<circle cx="176" r="1" fill="#E1D9FF"/>
+<circle cx="184" r="1" fill="#E1D9FF"/>
+<circle cx="192" r="1" fill="#E1D9FF"/>
+<circle cx="200" r="1" fill="#E1D9FF"/>
+<circle cx="208" r="1" fill="#E1D9FF"/>
+<circle cx="216" r="1" fill="#E1D9FF"/>
+<circle cx="224" r="1" fill="#E1D9FF"/>
+<circle cx="232" r="1" fill="#E1D9FF"/>
+<circle cx="240" r="1" fill="#E1D9FF"/>
+<circle cx="248" r="1" fill="#E1D9FF"/>
+<circle cx="256" r="1" fill="#E1D9FF"/>
+<circle cx="264" r="1" fill="#E1D9FF"/>
+<circle cx="272" r="1" fill="#E1D9FF"/>
+<circle cx="280" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="8" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="16" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="24" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="32" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="40" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="48" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="56" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="64" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="72" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="80" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="88" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="96" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="104" r="1" fill="#E1D9FF"/>
+<circle cx="8" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="16" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="24" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="32" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="40" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="48" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="56" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="64" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="72" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="80" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="88" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="96" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="104" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="112" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="176" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="184" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="192" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="200" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="208" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="216" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="224" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="232" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="240" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="248" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="256" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="264" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="272" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="280" cy="112" r="1" fill="#E1D9FF"/>
+<circle cx="120" cy="120" r="1" fill="#E1D9FF"/>
+<circle cx="128" cy="120" r="1" fill="#E1D9FF"/>
+<circle cx="136" cy="120" r="1" fill="#E1D9FF"/>
+<circle cx="144" cy="120" r="1" fill="#E1D9FF"/>
+<circle cx="152" cy="120" r="1" fill="#E1D9FF"/>
+<circle cx="160" cy="120" r="1" fill="#E1D9FF"/>
+<circle cx="168" cy="120" r="1" fill="#E1D9FF"/>
+<rect width="288" height="120" fill="url(#paint0_radial_302_8733)"/>
+<path d="M119.888 53.93C119.993 52.8088 120.987 51.9847 122.108 52.0894C123.229 52.194 124.053 53.1878 123.949 54.309L123.511 59.0009C123.406 60.1222 122.412 60.9462 121.291 60.8416C120.17 60.7369 119.346 59.7431 119.451 58.6219L119.888 53.93Z" fill="black"/>
+<path d="M126.384 54.5364C126.489 53.4152 127.483 52.5911 128.604 52.6957C129.725 52.8004 130.549 53.7942 130.444 54.9154L130.006 59.6073C129.902 60.7285 128.908 61.5526 127.787 61.4479C126.666 61.3433 125.841 60.3495 125.946 59.2283L126.384 54.5364Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M131.943 45.1464C124.483 43.3741 118.324 42.7567 110.491 43.1392C108.511 43.2359 107.201 43.3038 106.188 43.4998C105.249 43.6816 104.7 43.9516 104.225 44.392C103.242 45.3039 103.019 46.4183 102.532 50.3318C102.052 54.1779 101.966 57.657 102.05 61.5884C102.095 63.6834 102.129 65.0975 102.291 66.1854C102.446 67.2174 102.695 67.7878 103.074 68.242C103.456 68.6999 103.968 69.0453 104.936 69.3773C105.96 69.7285 107.32 70.01 109.342 70.4235C115.881 71.7609 120.826 72.2189 127.523 72.1245C129.611 72.0951 131.022 72.0722 132.109 71.9198C133.141 71.775 133.712 71.5326 134.165 71.1647C134.608 70.8047 134.97 70.2846 135.338 69.2507C135.723 68.172 136.05 66.7279 136.528 64.606C137.379 60.82 138.049 57.4879 138.407 53.8025C138.789 49.8622 138.813 48.7331 138.01 47.6088C137.622 47.0658 137.124 46.686 136.215 46.3237C135.233 45.9323 133.924 45.6169 131.943 45.1464ZM110.328 39.7902C118.487 39.3918 124.962 40.0416 132.718 41.8842L132.832 41.9112C134.668 42.3474 136.22 42.7159 137.457 43.209C138.792 43.7411 139.882 44.4616 140.738 45.6596C142.353 47.9196 142.11 50.3994 141.786 53.6941C141.772 53.8367 141.758 53.9809 141.744 54.1266C141.365 58.0233 140.659 61.5178 139.799 65.3416L139.776 65.4428C139.327 67.4383 138.958 69.0827 138.497 70.3757C138.013 71.7354 137.372 72.8801 136.278 73.768C135.194 74.6482 133.972 75.0442 132.575 75.2402C131.255 75.4254 129.632 75.4482 127.675 75.4757L127.57 75.4772C120.635 75.5749 115.449 75.0949 108.67 73.7085L108.565 73.6871C106.675 73.3005 105.101 72.9786 103.848 72.5489C102.517 72.0922 101.399 71.4675 100.5 70.3898C99.5976 69.3086 99.185 68.0852 98.9751 66.6813C98.7771 65.3571 98.7422 63.7281 98.7002 61.7665L98.6979 61.6603C98.6114 57.6284 98.6984 53.9764 99.2043 49.9171C99.2227 49.7699 99.2407 49.6242 99.2585 49.4801C99.6617 46.2178 99.9642 43.7706 101.945 41.9336C102.996 40.959 104.175 40.4743 105.551 40.208C106.826 39.961 108.378 39.8853 110.214 39.7957C110.252 39.7939 110.29 39.792 110.328 39.7902Z" fill="black"/>
+<path d="M172.351 54.1886C169.848 52.8972 166.772 53.8794 165.481 56.3826C164.949 57.4133 165.353 58.6799 166.384 59.2117L189.49 71.1328C190.521 71.6645 191.788 71.2601 192.319 70.2294C193.611 67.7262 192.628 64.6501 190.125 63.3587L172.351 54.1886Z" fill="#E1D9FF" stroke="#473896" stroke-width="2.2"/>
+<path d="M184.599 52.2402C182.096 50.9487 179.02 51.931 177.729 54.4341C177.197 55.4648 177.601 56.7315 178.632 57.2633L184.745 60.4169C185.775 60.9486 187.042 60.5442 187.574 59.5135C188.865 57.0103 187.883 53.9342 185.38 52.6428L184.599 52.2402Z" fill="#E1D9FF" stroke="#473896" stroke-width="2.2"/>
+<path d="M171.38 33.2415C172.263 33.3009 172.829 32.7874 172.875 32.101C172.878 32.0617 172.881 32.0225 172.883 31.9833C172.939 31.1596 173.504 30.6657 174.57 30.0479C176.104 29.2055 177.322 28.3812 177.452 26.4396C177.635 23.7332 175.315 22.1981 172.647 22.0187C169.941 21.8367 168.075 22.9325 167.513 24.2541C167.396 24.5221 167.339 24.794 167.32 25.0685C167.269 25.8334 167.849 26.2861 168.418 26.3244C169.006 26.364 169.396 26.1341 169.757 25.7447L170.117 25.3748C170.819 24.5947 171.548 24.3088 172.391 24.3655C173.666 24.4513 174.479 25.2546 174.403 26.3724C174.333 27.4118 173.615 27.8363 172.241 28.6501C171.151 29.3254 170.194 30.0884 170.088 31.6574C170.087 31.677 170.083 31.7358 170.081 31.7554C170.019 32.6773 170.478 33.1808 171.38 33.2415ZM171.024 37.9457C171.985 38.0103 172.88 37.3023 172.945 36.3411C173.011 35.3606 172.237 34.56 171.257 34.494C170.276 34.4281 169.401 35.1375 169.336 36.0984C169.273 37.0399 170.063 37.8811 171.024 37.9457Z" fill="#AC6BFF"/>
+<path d="M169.5 43.5V43.5C168.978 46.0606 166.726 47.9001 164.113 47.9001L158.189 47.9001C156.148 47.9001 154.192 48.7163 152.757 50.1669V50.1669C149.147 53.8152 150.088 59.9145 154.63 62.3051L155 62.5" stroke="#AC6BFF" stroke-width="2.4" stroke-linecap="round"/>
+<path d="M162 65L167.282 66.1318C168.414 66.3744 169.48 66.8597 170.406 67.5543L170.555 67.6661C172.129 68.8471 173.213 70.5671 173.599 72.4972L174 74.5" stroke="#AC6BFF" stroke-width="2.4" stroke-linecap="round"/>
+<path d="M169.65 78.4531L169.836 78.8248L170.192 78.611C171.313 77.9385 172.732 77.9745 173.913 78.4746C175.105 78.9794 175.939 79.903 176.02 80.8889C176.189 82.9307 174.281 84.8177 171.408 85.055L159.964 86.0003C158.714 86.1037 157.677 85.8776 156.949 85.4334C156.23 84.9947 155.799 84.3391 155.732 83.5239C155.676 82.8454 155.81 82.0406 156.308 81.47C156.788 80.9204 157.684 80.5017 159.349 80.7397L159.78 80.8011L159.788 80.3667C159.836 78.0588 161.654 76.0798 164.031 75.8834C166.508 75.6788 168.743 76.6406 169.65 78.4531Z" fill="#E1D9FF" stroke="#2F265F" stroke-width="0.769498"/>
+<circle cx="160" cy="72" r="1.5" fill="#E1D9FF" stroke="#2F265F"/>
+<circle cx="156" cy="77" r="0.5" fill="#E1D9FF" stroke="#2F265F"/>
+<path d="M156.902 79.7159C155.196 79.8576 153.928 81.3555 154.069 83.0617L154.896 93.0275C155.312 98.036 159.709 101.759 164.718 101.344L180.663 100.02C185.672 99.6045 189.395 95.2073 188.979 90.1987L188.152 80.233C188.01 78.5268 186.512 77.2584 184.806 77.4L156.902 79.7159Z" fill="#E1D9FF" stroke="#473896" stroke-width="2.2"/>
+<path d="M188 80.3305L190.79 80.0992C191.451 80.0444 192.031 80.5354 192.085 81.1959C192.14 81.8564 191.649 82.4362 190.989 82.491L188.198 82.7223L188 80.3305Z" fill="#2F265F"/>
+<path d="M150.099 85.5264C150.044 84.866 150.535 84.2861 151.196 84.2314L154.983 83.9174L155.181 86.3092L151.394 86.6232C150.734 86.6779 150.154 86.1869 150.099 85.5264Z" fill="#2F265F"/>
+<path d="M110.766 34.3752C111.019 34.2955 111.233 34.1295 111.362 33.9137C111.491 33.6979 111.523 33.45 111.452 33.2245L110.735 30.9504L110.019 28.6763C109.896 28.2878 110.094 27.8638 110.433 27.5728C111.136 26.9719 111.599 26.1779 111.74 25.3309C111.882 24.4839 111.692 23.6383 111.206 22.9434C110.719 22.2485 109.967 21.7489 109.081 21.5329C108.195 21.3169 107.233 21.3982 106.365 21.7627C105.756 21.1155 104.939 20.6579 104.017 20.4463C103.094 20.2348 102.106 20.2786 101.174 20.5724C100.242 20.8662 99.4066 21.397 98.772 22.0993C98.1375 22.8016 97.7311 23.6445 97.6033 24.5238C96.6834 24.7236 95.8493 25.2086 95.248 25.8933C94.6467 26.578 94.3168 27.4184 94.3165 28.2662C94.3162 29.1141 94.6456 29.9151 95.2465 30.5279C95.8473 31.1408 96.6812 31.5261 97.601 31.616C98.046 31.6608 98.4511 31.8948 98.5733 32.2825L100.007 36.8315C100.078 37.057 100.247 37.2415 100.476 37.3446C100.705 37.4476 100.976 37.4608 101.229 37.381C101.229 37.381 103.992 36.0429 105.863 35.4531C107.735 34.8632 110.766 34.3752 110.766 34.3752Z" stroke="#AC6BFF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<rect x="0.5" y="0.5" width="287" height="119" rx="7.5" stroke="#ECECEC"/>
+<defs>
+<radialGradient id="paint0_radial_302_8733" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(144.5 67) rotate(90.5405) scale(53.0024 127.206)">
+<stop stop-color="#F9F9FB" stop-opacity="0.95"/>
+<stop offset="0.566518" stop-color="#F9F9FB" stop-opacity="0"/>
+<stop offset="1" stop-color="#F9F9FB" stop-opacity="0.7"/>
+</radialGradient>
+<clipPath id="clip0_302_8733">
+<rect width="288" height="120" rx="8" fill="white"/>
+</clipPath>
+</defs>
+</svg>