first commit

2022-07-02 18:27:23 +05:00 · 2022-07-02 18:27:23 +05:00 · 3b432c97d4
commit 3b432c97d4
294 changed files with 52644 additions and 0 deletions
--- a/README.md
+++ b/README.md
@ -0,0 +1,7 @@
+# Vue 3 + Vite
+
+This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+## Recommended IDE Setup
+
+- [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar)
--- a/index.html
+++ b/index.html
@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Midone - Vuejs Admin Template</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>
--- a/package.json
+++ b/package.json
@ -0,0 +1,57 @@
+{
+  "name": "icewall-vue",
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@ckeditor/ckeditor5-build-balloon": "^29.1.0",
+    "@ckeditor/ckeditor5-build-balloon-block": "^29.1.0",
+    "@ckeditor/ckeditor5-build-classic": "^29.1.0",
+    "@ckeditor/ckeditor5-build-decoupled-document": "^29.1.0",
+    "@ckeditor/ckeditor5-build-inline": "^29.1.0",
+    "@fullcalendar/core": "^5.5.1",
+    "@fullcalendar/daygrid": "^5.5.0",
+    "@fullcalendar/interaction": "^5.5.0",
+    "@fullcalendar/list": "^5.5.0",
+    "@fullcalendar/timegrid": "^5.5.1",
+    "@googlemaps/js-api-loader": "^1.11.4",
+    "@googlemaps/markerclustererplus": "^1.1.0",
+    "@left4code/tw-starter": "^3.1.35",
+    "@popperjs/core": "^2.7.0",
+    "@vuelidate/core": "^2.0.0-alpha.12",
+    "@vuelidate/validators": "^2.0.0-alpha.11",
+    "chart.js": "^3.7.1",
+    "dayjs": "^1.10.4",
+    "dropzone": "^5.7.6",
+    "highlight.js": "^10.6.0",
+    "js-beautify": "^1.13.5",
+    "litepicker": "^2.0.11",
+    "lucide": "^0.17.3",
+    "lucide-vue-next": "^0.17.3",
+    "pinia": "^2.0.9",
+    "simplebar": "^5.3.6",
+    "tabulator-tables": "^4.9.3",
+    "tiny-slider": "^2.9.3",
+    "tippy.js": "^6.2.7",
+    "toastify-js": "^1.9.3",
+    "tom-select": "^1.7.5",
+    "vue": "^3.2.25",
+    "vue-router": "4",
+    "xlsx": "^0.16.9",
+    "zoom-vanilla.js": "^2.0.6"
+  },
+  "devDependencies": {
+    "@tailwindcss/forms": "^0.5.1",
+    "@vitejs/plugin-vue": "^2.0.0",
+    "autoprefixer": "10.4.6",
+    "lodash": "^4.17.21",
+    "postcss": "^8.4.5",
+    "postcss-advanced-variables": "^3.0.1",
+    "postcss-import": "^14.0.2",
+    "tailwindcss": "^3.0.24",
+    "vite": "^2.7.2"
+  }
+}
--- a/postcss.config.js
+++ b/postcss.config.js
@ -0,0 +1,9 @@
+module.exports = {
+    plugins: [
+        require("postcss-import"),
+        require("postcss-advanced-variables"),
+        require("tailwindcss/nesting"),
+        require("tailwindcss")("./tailwind.config.js"),
+        require("autoprefixer"),
+    ],
+};
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/src/.DS_Store
+++ b/src/.DS_Store
--- a/src/App.vue
+++ b/src/App.vue
@ -0,0 +1,3 @@
+<template>
+  <router-view />
+</template>
--- a/src/assets/.DS_Store
+++ b/src/assets/.DS_Store
--- a/src/assets/css/.DS_Store
+++ b/src/assets/css/.DS_Store
--- a/src/assets/css/_colors.css
+++ b/src/assets/css/_colors.css
@ -0,0 +1,102 @@
+/* Default colors */
+:root {
+    --color-primary: theme("colors.rgb.blue.900");
+    --color-secondary: theme("colors.rgb.slate.200");
+    --color-success: theme("colors.rgb.teal.600");
+    --color-info: theme("colors.rgb.cyan.500");
+    --color-warning: theme("colors.rgb.amber.500");
+    --color-pending: theme("colors.rgb.orange.500");
+    --color-danger: theme("colors.rgb.red.700");
+    --color-light: theme("colors.rgb.slate.100");
+    --color-dark: theme("colors.rgb.slate.800");
+    --color-slate-50: theme("colors.rgb.slate.50");
+    --color-slate-100: theme("colors.rgb.slate.100");
+    --color-slate-200: theme("colors.rgb.slate.200");
+    --color-slate-300: theme("colors.rgb.slate.300");
+    --color-slate-400: theme("colors.rgb.slate.400");
+    --color-slate-500: theme("colors.rgb.slate.500");
+    --color-slate-600: theme("colors.rgb.slate.600");
+    --color-slate-700: theme("colors.rgb.slate.700");
+    --color-slate-800: theme("colors.rgb.slate.800");
+    --color-slate-900: theme("colors.rgb.slate.900");
+}
+
+/* Default dark-mode colors */
+.dark {
+    --color-primary: theme("colors.rgb.blue.800");
+    --color-slate-500: theme("colors.rgb.slate.400");
+    --color-darkmode-50: 87 103 132;
+    --color-darkmode-100: 74 90 121;
+    --color-darkmode-200: 65 81 114;
+    --color-darkmode-300: 53 69 103;
+    --color-darkmode-400: 48 61 93;
+    --color-darkmode-500: 41 53 82;
+    --color-darkmode-600: 40 51 78;
+    --color-darkmode-700: 35 45 69;
+    --color-darkmode-800: 27 37 59;
+    --color-darkmode-900: 15 23 42;
+}
+
+/* Theme 1 colors */
+.theme-1 {
+    --color-primary: theme("colors.rgb.emerald.900");
+    --color-secondary: theme("colors.rgb.slate.200");
+    --color-success: theme("colors.rgb.emerald.600");
+    --color-info: theme("colors.rgb.cyan.500");
+    --color-warning: theme("colors.rgb.yellow.400");
+    --color-pending: theme("colors.rgb.amber.500");
+    --color-danger: theme("colors.rgb.rose.600");
+    --color-light: theme("colors.rgb.slate.100");
+    --color-dark: theme("colors.rgb.slate.800");
+    &.dark {
+        --color-primary: theme("colors.rgb.emerald.800");
+    }
+}
+
+/* Theme 2 colors */
+.theme-2 {
+    --color-primary: theme("colors.rgb.blue.800");
+    --color-secondary: theme("colors.rgb.slate.200");
+    --color-success: theme("colors.rgb.lime.500");
+    --color-info: theme("colors.rgb.cyan.500");
+    --color-warning: theme("colors.rgb.yellow.400");
+    --color-pending: theme("colors.rgb.orange.500");
+    --color-danger: theme("colors.rgb.red.600");
+    --color-light: theme("colors.rgb.slate.100");
+    --color-dark: theme("colors.rgb.slate.800");
+    &.dark {
+        --color-primary: theme("colors.rgb.blue.700");
+    }
+}
+
+/* Theme 3 colors */
+.theme-3 {
+    --color-primary: theme("colors.rgb.cyan.900");
+    --color-secondary: theme("colors.rgb.slate.200");
+    --color-success: theme("colors.rgb.teal.600");
+    --color-info: theme("colors.rgb.cyan.500");
+    --color-warning: theme("colors.rgb.amber.500");
+    --color-pending: theme("colors.rgb.amber.600");
+    --color-danger: theme("colors.rgb.red.700");
+    --color-light: theme("colors.rgb.slate.100");
+    --color-dark: theme("colors.rgb.slate.800");
+    &.dark {
+        --color-primary: theme("colors.rgb.cyan.800");
+    }
+}
+
+/* Theme 4 colors */
+.theme-4 {
+    --color-primary: theme("colors.rgb.indigo.900");
+    --color-secondary: theme("colors.rgb.slate.200");
+    --color-success: theme("colors.rgb.emerald.600");
+    --color-info: theme("colors.rgb.cyan.500");
+    --color-warning: theme("colors.rgb.yellow.500");
+    --color-pending: theme("colors.rgb.orange.600");
+    --color-danger: theme("colors.rgb.red.700");
+    --color-light: theme("colors.rgb.slate.100");
+    --color-dark: theme("colors.rgb.slate.800");
+    &.dark {
+        --color-primary: theme("colors.rgb.indigo.700");
+    }
+}
--- a/src/assets/css/_tailwind.css
+++ b/src/assets/css/_tailwind.css
@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
--- a/src/assets/css/app.css
+++ b/src/assets/css/app.css
@ -0,0 +1,150 @@
+/*
+ |--------------------------------------------------------------------------
+ | TailwindCSS Directives
+ |--------------------------------------------------------------------------
+ |
+ | Import TailwindCSS directives and swipe out at build-time with all of
+ | the styles it generates based on your configured design system.
+ |
+ | Please check this link for more details:
+ | https://tailwindcss.com/docs/installation#include-tailwind-in-your-css
+ |
+ */
+@import "./_tailwind.css";
+
+/*
+  |--------------------------------------------------------------------------
+  | Colors
+  |--------------------------------------------------------------------------
+  |
+  | Configuration of the main and dark-mode colors.
+  |
+  | Please check this link for more details:
+  | https://tailwindcss.com/docs/customizing-colors#using-css-variables
+  |
+  */
+@import "./_colors.css";
+
+/*
+  |--------------------------------------------------------------------------
+  | Fonts
+  |--------------------------------------------------------------------------
+  |
+  | Import all fonts used in the template, the font configuration can be
+  | seen in "tailwind.config.js".
+  |
+  | Please check this link for more details:
+  | https://tailwindcss.com/docs/theme
+  |
+  */
+@import "./fonts/_roboto.css";
+
+/*
+  |--------------------------------------------------------------------------
+  | Mixins
+  |--------------------------------------------------------------------------
+  |
+  | Import helper mixins.
+  |
+  */
+@import "@left4code/tw-starter/dist/css/mixins/_media.css";
+
+/*
+  |--------------------------------------------------------------------------
+  | 3rd Party Libraries
+  |--------------------------------------------------------------------------
+  |
+  | Import 3rd party library CSS files.
+  |
+  */
+@import "@left4code/tw-starter/dist/css/_breadcrumb.css";
+@import "@left4code/tw-starter/dist/css/_accordion.css";
+@import "@left4code/tw-starter/dist/css/_alert.css";
+@import "@left4code/tw-starter/dist/css/_btn.css";
+@import "@left4code/tw-starter/dist/css/_dropdown.css";
+@import "@left4code/tw-starter/dist/css/_file.css";
+@import "@left4code/tw-starter/dist/css/_form-reset.css";
+@import "@left4code/tw-starter/dist/css/_form-check.css";
+@import "@left4code/tw-starter/dist/css/_form-control.css";
+@import "@left4code/tw-starter/dist/css/_form-help.css";
+@import "@left4code/tw-starter/dist/css/_form-inline.css";
+@import "@left4code/tw-starter/dist/css/_form-label.css";
+@import "@left4code/tw-starter/dist/css/_form-select.css";
+@import "@left4code/tw-starter/dist/css/_image-fit.css";
+@import "@left4code/tw-starter/dist/css/_input-group.css";
+@import "@left4code/tw-starter/dist/css/_intro.css";
+@import "@left4code/tw-starter/dist/css/_modal.css";
+@import "@left4code/tw-starter/dist/css/_pagination.css";
+@import "@left4code/tw-starter/dist/css/_progress.css";
+@import "@left4code/tw-starter/dist/css/_scrollbar.css";
+@import "@left4code/tw-starter/dist/css/_tab.css";
+@import "@left4code/tw-starter/dist/css/_table.css";
+@import "@left4code/tw-starter/dist/css/_typing-dots.css";
+@import "@left4code/tw-starter/dist/css/_zoom-in.css";
+@import "@left4code/tw-starter/dist/css/_box.css";
+@import "highlight.js/styles/github.css";
+@import "tippy.js/dist/tippy.css";
+@import "tippy.js/themes/light.css";
+@import "tippy.js/dist/svg-arrow.css";
+@import "tippy.js/animations/shift-away.css";
+@import "toastify-js/src/toastify.css";
+@import "dropzone/dist/dropzone.css";
+@import "zoom-vanilla.js/dist/zoom.css";
+@import "tabulator-tables/dist/css/tabulator.css";
+@import "tom-select/dist/css/tom-select.css";
+@import "tiny-slider/dist/tiny-slider.css";
+@import "simplebar/src/simplebar.css";
+
+/*
+ |--------------------------------------------------------------------------
+ | Components
+ |--------------------------------------------------------------------------
+ |
+ | Import CSS/SCSS components.
+ |
+ */
+@import "components/_global.css";
+@import "components/_wrapper.css";
+@import "components/_main.css";
+@import "components/_login.css";
+@import "components/_table-report.css";
+@import "components/_report-chart.css";
+@import "components/_search.css";
+@import "components/_notification.css";
+@import "components/_report-box.css";
+@import "components/_report-box-2.css";
+@import "components/_report-box-3.css";
+@import "components/_report-box-4.css";
+@import "components/_content.css";
+@import "components/_top-nav.css";
+@import "components/_side-nav.css";
+@import "components/_breadcrumb.css";
+@import "components/_toastify.css";
+@import "components/_toastify-content.css";
+@import "components/_lucide-icon.css";
+@import "components/_mobile-menu.css";
+@import "components/_inbox-filter.css";
+@import "components/_inbox.css";
+@import "components/_chat.css";
+@import "components/_chat-dropdown.css";
+@import "components/_news.css";
+@import "components/_pricing-tabs.css";
+@import "components/_error-page.css";
+@import "components/_search-result.css";
+@import "components/_notification-content.css";
+@import "components/_report-maps.css";
+@import "components/_pos-dropdown.css";
+@import "components/_post.css";
+@import "components/_litepicker.css";
+@import "components/_tiny-slider.css";
+@import "components/_tippy.css";
+@import "components/_tabulator.css";
+@import "components/_tom-select.css";
+@import "components/_dropzone.css";
+@import "components/_ckeditor.css";
+@import "components/_zoom-vanilla.css";
+@import "components/_dark-mode-switcher.css";
+@import "components/_hljs.css";
+@import "components/_source-preview.css";
+@import "components/_full-calendar.css";
+@import "components/_pristine.css";
--- a/src/assets/css/components/.DS_Store
+++ b/src/assets/css/components/.DS_Store
--- a/src/assets/css/components/_breadcrumb.css
+++ b/src/assets/css/components/_breadcrumb.css
@ -0,0 +1,11 @@
+.breadcrumb {
+    &.breadcrumb-light {
+        @apply h-full ml-10 pl-10 border-l border-white/[0.08];
+        .active {
+            @apply !text-white/70;
+        }
+        @include media-breakpoint-down(md) {
+            @apply ml-0 pl-0 border-l-0;
+        }
+    }
+}
--- a/src/assets/css/components/_chat-dropdown.css
+++ b/src/assets/css/components/_chat-dropdown.css
@ -0,0 +1,13 @@
+.chat-dropdown {
+    @apply w-[320px] -mt-[364px];
+    .chat-dropdown__box {
+        @apply h-[364px];
+        .chat-dropdown__box__tabs {
+            .nav-item .nav-link {
+                &.active {
+                    @apply bg-slate-200 border-b-0 text-slate-600 dark:bg-darkmode-300 dark:text-slate-300;
+                }
+            }
+        }
+    }
+}
--- a/src/assets/css/components/_chat.css
+++ b/src/assets/css/components/_chat.css
@ -0,0 +1,20 @@
+.chat {
+    .chat__chat-list {
+        @apply h-[525px];
+    }
+    .chat__user-list {
+        @apply h-[525px];
+    }
+    .chat__box {
+        @apply h-[782px];
+        .chat__box__text-box {
+            @apply max-w-[49%];
+            @include media-breakpoint-down(sm) {
+                @apply max-w-[90%];
+            }
+        }
+    }
+    .chat__box__input {
+        @apply h-[46px];
+    }
+}
--- a/src/assets/css/components/_ckeditor.css
+++ b/src/assets/css/components/_ckeditor.css
@ -0,0 +1,279 @@
+.ck-editor,
+.document-editor,
+.ck-editor__editable {
+  @apply shadow-sm;
+}
+
+.document-editor {
+  display: flex;
+  max-height: 700px;
+  flex-flow: column nowrap;
+  border-radius: var(--ck-border-radius);
+  @apply border border-slate-200;
+  .document-editor__toolbar {
+    z-index: 1;
+    @apply border-b border-slate-200;
+  }
+  .document-editor__toolbar .ck-toolbar {
+    border: 0;
+    border-radius: 0;
+    @apply bg-slate-100;
+    .ck-icon {
+      width: 16px;
+    }
+  }
+  .document-editor__editable-container {
+    overflow-y: scroll;
+    padding: calc(2 * var(--ck-spacing-large));
+    @apply bg-slate-100;
+  }
+  .document-editor__editable-container .ck-editor__editable {
+    width: 15.8cm;
+    margin: 0 auto;
+    min-height: 21cm;
+    background: white;
+    padding: 1cm 2cm 2cm;
+    border-radius: var(--ck-border-radius);
+    @apply border border-slate-200 shadow-md;
+  }
+  .ck-heading-dropdown .ck-list .ck-button__label {
+    line-height: calc(
+      1.7 * var(--ck-line-height-base) * var(--ck-font-size-base)
+    );
+    min-width: 6em;
+  }
+  .ck-heading-dropdown
+    .ck-list
+    .ck-button:not(.ck-heading_paragraph)
+    .ck-button__label {
+    transform: scale(0.8);
+    transform-origin: left;
+  }
+  .ck-content h2,
+  .ck-heading-dropdown .ck-heading_heading1 .ck-button__label {
+    font-size: 2.18em;
+    font-weight: normal;
+  }
+  .ck-content h2 {
+    line-height: 1.37em;
+    padding-top: 0.342em;
+    margin-bottom: 0.142em;
+  }
+  .ck-content h3,
+  .ck-heading-dropdown .ck-heading_heading2 .ck-button__label {
+    font-size: 1.75em;
+    font-weight: normal;
+    color: hsl(203, 100%, 50%);
+  }
+  .ck-heading-dropdown .ck-heading_heading2.ck-on .ck-button__label {
+    color: var(--ck-color-list-button-on-text);
+  }
+  .ck-content h3 {
+    line-height: 1.86em;
+    padding-top: 0.171em;
+    margin-bottom: 0.357em;
+  }
+  .ck-content h4,
+  .ck-heading-dropdown .ck-heading_heading3 .ck-button__label {
+    font-size: 1.31em;
+    font-weight: bold;
+  }
+  .ck-content h4 {
+    line-height: 1.24em;
+    padding-top: 0.286em;
+    margin-bottom: 0.952em;
+  }
+  .ck-content p {
+    font-size: 1em;
+    line-height: 1.63em;
+    padding-top: 0.5em;
+    margin-bottom: 1.13em;
+  }
+  .ck-content blockquote {
+    font-family: Georgia, serif;
+    margin-left: calc(2 * var(--ck-spacing-large));
+    margin-right: calc(2 * var(--ck-spacing-large));
+  }
+}
+
+.ck.ck-content {
+  min-height: 250px;
+  &.ck-editor__editable_inline {
+    @apply border border-slate-200;
+  }
+}
+
+.ck .ck {
+  .ck-content {
+    @apply min-h-[250px];
+    &.ck-editor__editable_inline {
+      @apply border border-slate-200;
+    }
+    blockquote,
+    dl,
+    dd,
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6,
+    hr,
+    figure,
+    p,
+    pre {
+      margin: revert;
+    }
+    ol,
+    ul {
+      list-style: revert;
+      margin: revert;
+      padding: revert;
+    }
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+      font-size: revert;
+      font-weight: revert;
+    }
+    img,
+    svg,
+    video,
+    canvas,
+    audio,
+    iframe,
+    embed,
+    object {
+      display: revert;
+      vertical-align: revert;
+    }
+  }
+  &.ck-reset_all,
+  &.ck-reset_all * {
+    @apply text-slate-800;
+  }
+  &.ck-toolbar,
+  &.ck-balloon-panel {
+    @apply bg-slate-100 border-slate-200;
+    .ck-icon {
+      @apply w-[16px];
+    }
+  }
+  &.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
+    @apply border-slate-200;
+  }
+  &.ck-button:not(.ck-disabled):hover,
+  &a.ck-button:not(.ck-disabled):hover {
+    @apply bg-slate-200;
+  }
+}
+
+.dark {
+  .document-editor {
+    @apply border-darkmode-900/30;
+    .document-editor__toolbar {
+      @apply border-darkmode-900/20;
+    }
+    .document-editor__toolbar .ck-toolbar {
+      @apply bg-darkmode-900/20;
+      .ck-toolbar__separator {
+        @apply bg-darkmode-800;
+      }
+      .ck-tooltip .ck-tooltip__text {
+        @apply text-slate-200 bg-darkmode-800;
+        &:after {
+          @apply border-b-darkmode-800;
+        }
+      }
+      .ck.ck-icon :not([fill]) {
+        @apply fill-slate-300;
+      }
+      .ck.ck-dropdown__panel {
+        @apply border-darkmode-800;
+      }
+      .ck.ck-button.ck-on,
+      a.ck.ck-button.ck-on {
+        @apply bg-darkmode-800;
+      }
+    }
+    .document-editor__editable-container {
+      @apply bg-darkmode-600;
+    }
+    .document-editor__editable-container .ck-editor__editable {
+      @apply border-darkmode-900/20 bg-darkmode-800;
+    }
+  }
+
+  .ck.ck-content.ck-editor__editable_inline {
+    @apply border-darkmode-900/20 bg-darkmode-800;
+  }
+
+  .ck {
+    &.ck-list {
+      @apply bg-darkmode-800;
+    }
+    &.ck-dropdown__panel {
+      @apply bg-darkmode-800 border-darkmode-800;
+    }
+    &.ck.ck-input-text {
+      @apply bg-darkmode-400 border-darkmode-400;
+      &:focus {
+        @apply shadow-none;
+      }
+    }
+    .ck-insert-table-dropdown-grid-box {
+      @apply border-darkmode-400;
+    }
+    &.ck-reset_all,
+    &.ck-reset_all * {
+      @apply !text-slate-300;
+    }
+    .ck {
+      .ck-content.ck-editor__editable_inline {
+        @apply border-darkmode-900/20 bg-darkmode-800;
+      }
+      &.ck-toolbar,
+      &.ck-balloon-panel {
+        @apply bg-darkmode-700 border-darkmode-900/20;
+        &:before {
+          @apply !border-b-darkmode-900/20;
+        }
+        &:after {
+          @apply !border-b-darkmode-900/20;
+        }
+        .ck-toolbar__separator {
+          @apply bg-darkmode-800;
+        }
+        .ck-tooltip .ck-tooltip__text {
+          @apply text-slate-200 bg-darkmode-800;
+          &:after {
+            @apply border-b-darkmode-900/20;
+          }
+        }
+        .ck.ck-icon :not([fill]) {
+          @apply fill-slate-300;
+        }
+        .ck.ck-dropdown__panel {
+          @apply border-darkmode-800;
+        }
+        .ck.ck-button.ck-on,
+        a.ck.ck-button.ck-on {
+          @apply bg-darkmode-800;
+        }
+      }
+      &.ck-editor__main > .ck-editor__editable {
+        @apply bg-darkmode-800;
+        &:not(.ck-focused) {
+          @apply border-darkmode-900/20;
+        }
+      }
+      &.ck-button:not(.ck-disabled):hover,
+      &a.ck-button:not(.ck-disabled):hover {
+        @apply bg-darkmode-900/20;
+      }
+    }
+  }
+}
--- a/src/assets/css/components/_content.css
+++ b/src/assets/css/components/_content.css
@ -0,0 +1,12 @@
+.content {
+    padding: 0px 22px;
+    border-radius: 1.3rem;
+    @apply min-w-0 min-h-screen bg-slate-100 flex-1 pb-10 shadow-sm dark:bg-darkmode-700;
+    @include media-breakpoint-down(md) {
+        @apply px-4 max-w-full;
+    }
+    &:before {
+        content: "";
+        @apply w-full h-px block;
+    }
+}
--- a/src/assets/css/components/_dark-mode-switcher.css
+++ b/src/assets/css/components/_dark-mode-switcher.css
@ -0,0 +1,23 @@
+.dark-mode-switcher {
+    .dark-mode-switcher__toggle {
+        width: 38px;
+        height: 24px;
+        padding: 1px;
+        @apply outline-none rounded-full relative cursor-pointer;
+        &:before {
+            content: "";
+            width: 22px;
+            height: 22px;
+            transition: all 0.2s ease-in-out;
+            box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
+            @apply absolute inset-y-0 my-auto rounded-full;
+        }
+        &.dark-mode-switcher__toggle--active {
+            @apply bg-primary border-primary;
+            &::before {
+                margin-left: 13px;
+                @apply bg-white;
+            }
+        }
+    }
+}
--- a/src/assets/css/components/_dropzone.css
+++ b/src/assets/css/components/_dropzone.css
@ -0,0 +1,3 @@
+.dropzone {
+    @apply border-slate-200/60 border-dashed dark:bg-darkmode-600;
+}
--- a/src/assets/css/components/_error-page.css
+++ b/src/assets/css/components/_error-page.css
@ -0,0 +1,3 @@
+.error-page img {
+    width: 450px;
+}
--- a/src/assets/css/components/_full-calendar.css
+++ b/src/assets/css/components/_full-calendar.css
@ -0,0 +1,146 @@
+.full-calendar {
+    .fc-toolbar {
+        @include media-breakpoint-down(lg) {
+            @apply flex-col;
+        }
+        .fc-toolbar-chunk {
+            &:nth-child(1) {
+                @apply order-3;
+            }
+            &:nth-child(2) {
+                @apply order-1;
+            }
+            &:nth-child(3) {
+                @apply order-2;
+                @include media-breakpoint-down(lg) {
+                    @apply my-3;
+                }
+                .fc-button-group {
+                    @include media-breakpoint-down(sm) {
+                        @apply block;
+                    }
+                    button {
+                        @apply w-20;
+                        @include media-breakpoint-down(sm) {
+                            @apply w-full rounded-md mb-2;
+                        }
+                    }
+                }
+            }
+        }
+        .fc-toolbar-title {
+            @apply text-lg font-medium;
+        }
+    }
+    .fc-toolbar-chunk .fc-button-primary {
+        &:first-child {
+            @apply rounded-l-md;
+        }
+        &:last-child {
+            @apply rounded-r-md;
+        }
+    }
+    &.fc-theme-standard {
+        .fc-scrollgrid,
+        th,
+        td,
+        .fc-list {
+            @apply border-slate-200/60 dark:border-darkmode-400;
+        }
+    }
+    table {
+        @apply rounded-md;
+        tr th .fc-scrollgrid-sync-inner {
+            @apply py-3;
+        }
+    }
+    .fc-daygrid-event-harness {
+        @apply mx-5;
+    }
+    .fc-h-event {
+        @apply bg-primary border-primary rounded-md;
+    }
+    .fc-event-title-container {
+        @apply py-1 px-2 text-xs;
+    }
+    .fc-daygrid-event {
+        @apply text-xs;
+    }
+    .fc-daygrid-event-dot {
+        @apply border-primary mr-2;
+    }
+    .fc-daygrid-dot-event .fc-event-title {
+        @apply font-medium;
+    }
+    .fc-col-header-cell-cushion {
+        @apply font-medium;
+    }
+    &.fc .fc-view-harness {
+        @include media-breakpoint-down(sm) {
+            @apply !min-h-[400px];
+        }
+    }
+    &.fc .fc-daygrid-day-frame {
+        @include media-breakpoint-down(sm) {
+            @apply !min-h-[60px];
+        }
+    }
+    .fc-daygrid-more-link {
+        @apply text-sm;
+        @include media-breakpoint-down(md) {
+            @apply text-slate-500 text-[10px];
+        }
+        @include media-breakpoint-down(sm) {
+            @apply pl-0 block -mt-3 leading-[10px];
+        }
+    }
+    .fc-daygrid-day-bottom {
+        @apply pt-1;
+    }
+    .fc-day-other {
+        @apply bg-slate-100/50 dark:bg-darkmode-700;
+    }
+    .fc-button-primary {
+        @apply !font-normal !inline-block !border-slate-200/60 !text-slate-500 !bg-transparent !capitalize !px-[0.65em] !py-[0.4em];
+        @apply btn;
+        .fc-icon {
+            @apply !text-[1.2em];
+        }
+        &:focus {
+            @apply !shadow-none;
+        }
+    }
+    .fc-button-primary:not(:disabled):active,
+    .fc-button-primary:not(:disabled).fc-button-active {
+        @apply !text-white !bg-primary !border-primary;
+    }
+    .fc-list-day-cushion {
+        @apply !bg-slate-100/50 !px-[1.25rem] !py-[0.75rem];
+    }
+    .fc-list-event td {
+        @apply px-5 py-3;
+    }
+    .fc-list-event-dot {
+        @apply !border-primary;
+    }
+    .fc-event-time {
+        @apply px-0.5 !text-[0.75rem];
+    }
+    .fc-daygrid-more-link {
+        @apply pl-2;
+    }
+}
+
+.dark {
+    .full-calendar {
+        .fc-button-primary {
+            @apply !bg-darkmode-400 !border-darkmode-400;
+        }
+        .fc-list-day-cushion {
+            @apply !bg-darkmode-400;
+        }
+        .fc-event:hover td {
+            @apply border-darkmode-400 bg-darkmode-400;
+        }
+    }
+}
--- a/src/assets/css/components/_global.css
+++ b/src/assets/css/components/_global.css
@ -0,0 +1,20 @@
+html {
+    @apply bg-primary;
+    &.dark {
+        @apply bg-darkmode-800;
+        body {
+            @apply text-slate-300;
+            *,
+            ::before,
+            ::after {
+                @apply border-white/5;
+            }
+        }
+    }
+    body {
+        @apply antialiased overflow-x-hidden pt-3 px-8 font-roboto text-sm text-slate-800;
+        @include media-breakpoint-down(sm) {
+            @apply px-3;
+        }
+    }
+}
--- a/src/assets/css/components/_hljs.css
+++ b/src/assets/css/components/_hljs.css
@ -0,0 +1,6 @@
+.source-preview {
+  @apply bg-slate-100 px-4 py-2.5;
+  .hljs {
+    @apply text-xs -mt-[20px] -mb-[40px] leading-relaxed bg-slate-100 dark:bg-slate-200;
+  }
+}
--- a/src/assets/css/components/_inbox-filter.css
+++ b/src/assets/css/components/_inbox-filter.css
@ -0,0 +1,8 @@
+.inbox-filter .inbox-filter__dropdown-menu {
+    width: 250px;
+}
+
+.inbox-filter__dropdown-menu .dropdown-content {
+    margin-left: -228px;
+    @apply w-auto;
+}
--- a/src/assets/css/components/_inbox.css
+++ b/src/assets/css/components/_inbox.css
@ -0,0 +1,27 @@
+.inbox {
+    .inbox__item {
+        @apply transition duration-200 ease-in-out transform cursor-pointer;
+        &:hover {
+            transform: scale(1.02, 1.02);
+            @apply relative z-20 shadow-md border-0 rounded;
+        }
+        &.inbox__item--active {
+            @apply bg-white text-slate-800 dark:text-slate-300 dark:bg-darkmode-600;
+            .inbox__item--sender {
+                @apply font-medium;
+            }
+            .inbox__item--highlight {
+                @apply font-medium;
+            }
+            .inbox__item--time {
+                @apply font-medium;
+            }
+        }
+    }
+    .form-check-input {
+        @apply border-slate-400;
+        &:checked {
+            @apply border-primary;
+        }
+    }
+}
--- a/src/assets/css/components/_litepicker.css
+++ b/src/assets/css/components/_litepicker.css
@ -0,0 +1,223 @@
+.litepicker {
+    @apply bg-white rounded-md text-sm;
+    z-index: 999999 !important;
+    margin-top: 7px;
+    box-shadow: 0px 3px 20px #00000014;
+    @include media-breakpoint-down(lg) {
+        width: 310px;
+    }
+    @include media-breakpoint-down(sm) {
+        left: 0px !important;
+        @apply right-0 mx-auto;
+    }
+    &:before {
+        content: "";
+        left: 9px;
+        top: -7px;
+        border-bottom-color: #f7f7f7;
+        border-right: 7px solid transparent;
+        border-left: 7px solid transparent;
+        border-bottom: 7px solid #e8e8e8;
+        @apply absolute inline-block;
+    }
+    &:after {
+        content: "";
+        left: 10px;
+        top: -6px;
+        border-right: 6px solid transparent;
+        border-bottom: 6px solid #fff;
+        border-left: 6px solid transparent;
+        @apply absolute inline-block;
+    }
+    .container__months,
+    .container__footer {
+        @apply shadow-none bg-transparent pt-0;
+    }
+    .container__footer {
+        @apply border-t border-slate-200/60 m-0 p-3;
+        @include media-breakpoint-down(lg) {
+            @apply flex flex-col-reverse text-center;
+        }
+        .preview-date-range {
+            @include media-breakpoint-down(lg) {
+                @apply w-full block order-1 mb-1.5;
+            }
+        }
+        .button-cancel {
+            @include media-breakpoint-down(lg) {
+                width: 100% !important;
+                margin-left: 0px !important;
+                padding-top: 0.375rem !important;
+                padding-bottom: 0.375rem !important;
+            }
+        }
+        .button-apply {
+            @include media-breakpoint-down(lg) {
+                width: 100% !important;
+                margin-left: 0px !important;
+                padding-top: 0.375rem !important;
+                padding-bottom: 0.375rem !important;
+                @apply mb-1.5;
+            }
+        }
+        .button-apply,
+        .button-cancel {
+            @apply w-20 py-1 px-2 rounded-md font-medium ml-1 mr-0;
+        }
+        .button-apply {
+            @apply bg-primary text-white;
+        }
+        .button-cancel {
+            @apply bg-slate-200/70 text-slate-500;
+        }
+    }
+    .container__months {
+        @apply px-1;
+        .month-item-weekdays-row {
+            @apply text-slate-400 mt-3;
+        }
+        .month-item-header {
+            @apply px-0 pb-0 pt-2;
+            .button-previous-month {
+                @apply flex items-center justify-center w-8 h-8;
+                &:hover {
+                    @apply bg-slate-100;
+                }
+                svg {
+                    transform: rotate(135deg);
+                    @apply -mr-1;
+                }
+            }
+            .button-next-month {
+                @apply flex items-center justify-center w-8 h-8;
+                &:hover {
+                    @apply bg-slate-100;
+                }
+                svg {
+                    transform: rotate(-45deg);
+                    @apply -ml-1;
+                }
+            }
+            .button-previous-month:hover svg,
+            .button-previous-month svg,
+            .button-next-month:hover svg,
+            .button-next-month svg {
+                fill: transparent;
+                border: solid black;
+                border-width: 0 2px 2px 0;
+                border-radius: 0;
+                display: inline-block;
+                border-color: #4a5568;
+                @apply w-2 h-2 block;
+            }
+            div > .month-item-name,
+            div > .month-item-year {
+                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(74, 85, 104)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
+                background-size: 15px;
+                background-position: center right 0.6rem;
+                @apply bg-transparent text-sm border bg-no-repeat py-1 pl-2 pr-8 rounded-md focus:outline-none focus:border-slate-200 focus:ring-transparent;
+            }
+        }
+    }
+    .container__days {
+        .day-item {
+            @apply text-slate-800;
+            &:hover {
+                @apply shadow-none bg-slate-100 text-slate-800;
+            }
+            &.is-today,
+            &.is-today:hover {
+                @apply font-medium text-primary;
+            }
+            &.is-start-date,
+            &.is-start-date:hover,
+            &.is-end-date,
+            &.is-end-date:hover {
+                @apply bg-primary text-white;
+            }
+            &.is-in-range,
+            &.is-in-range:hover {
+                @apply bg-slate-100;
+            }
+        }
+        .week-number {
+            @apply text-slate-400;
+        }
+    }
+}
+@include media-breakpoint-down(lg) {
+    :root {
+        --litepicker-day-width: 35px;
+    }
+}
+
+.dark {
+    .litepicker {
+        @apply bg-darkmode-600;
+        &:before,
+        &:after {
+            border-right-color: transparent;
+            border-left-color: transparent;
+            border-bottom-color: theme("colors.darkmode.600");
+        }
+        .container__months {
+            .button-previous-month:hover {
+                @apply bg-darkmode-400;
+            }
+            .button-next-month:hover {
+                @apply bg-darkmode-400;
+            }
+            .month-item-header {
+                .button-previous-month:hover svg,
+                .button-previous-month svg,
+                .button-next-month:hover svg,
+                .button-next-month svg {
+                    @apply border-slate-200;
+                }
+                div > .month-item-name,
+                div > .month-item-year {
+                    @apply text-slate-200;
+                }
+                div > .month-item-name,
+                div > .month-item-year {
+                    @apply border-darkmode-400;
+                }
+            }
+        }
+        .container__days {
+            .day-item {
+                @apply text-slate-200;
+                &:hover {
+                    @apply bg-darkmode-400;
+                }
+                &.is-start-date,
+                &.is-start-date:hover,
+                &.is-end-date,
+                &.is-end-date:hover {
+                    @apply bg-primary text-slate-200;
+                }
+                &.is-in-range,
+                &.is-in-range:hover {
+                    @apply bg-darkmode-400;
+                }
+                &.is-today,
+                &.is-today:hover {
+                    @apply text-slate-200;
+                }
+            }
+        }
+        .container__footer {
+            @apply border-darkmode-400;
+            .button-cancel {
+                @apply bg-darkmode-400 text-slate-300;
+            }
+        }
+        .container__tooltip {
+            @apply bg-darkmode-400;
+            &:before,
+            &:after {
+                border-top-color: theme("colors.darkmode.600");
+            }
+        }
+    }
+}
--- a/src/assets/css/components/_login.css
+++ b/src/assets/css/components/_login.css
@ -0,0 +1,26 @@
+.login {
+    @apply relative overflow-hidden bg-white dark:bg-darkmode-600;
+    @include media-breakpoint-down(xl) {
+        @apply bg-primary dark:bg-darkmode-800;
+    }
+    &:before {
+        content: "";
+        @apply w-[57%] -mt-[28%] -mb-[15%] -ml-[13%] absolute inset-y-0 left-0 transform rotate-[-4deg] bg-primary/20 rounded-[100%] dark:bg-darkmode-400;
+        @include media-breakpoint-down(xl) {
+            @apply hidden;
+        }
+    }
+    &:after {
+        content: "";
+        @apply w-[57%] -mt-[20%] -mb-[12%] -ml-[13%] absolute inset-y-0 left-0 transform rotate-[-4deg] bg-primary rounded-[100%] dark:bg-darkmode-700;
+        @include media-breakpoint-down(xl) {
+            @apply hidden;
+        }
+    }
+    .login__input {
+        min-width: 350px;
+        @include media-breakpoint-down(xl) {
+            @apply min-w-full;
+        }
+    }
+}
--- a/src/assets/css/components/_lucide-icon.css
+++ b/src/assets/css/components/_lucide-icon.css
@ -0,0 +1,3 @@
+.lucide {
+    @apply stroke-1.5;
+}
--- a/src/assets/css/components/_main.css
+++ b/src/assets/css/components/_main.css
@ -0,0 +1,10 @@
+.main {
+  background-image: url("../../images/bg-main.svg");
+  @apply py-5 bg-no-repeat bg-fixed;
+}
+
+.dark {
+  .main {
+    background-image: url("../../images/bg-main-dark.svg");
+  }
+}
--- a/src/assets/css/components/_mobile-menu.css
+++ b/src/assets/css/components/_mobile-menu.css
@ -0,0 +1,74 @@
+.mobile-menu {
+  @apply w-full fixed bg-primary/90 z-[60] border-b border-white/[0.08] -mt-5 -mx-8 mb-6 dark:bg-darkmode-800;
+  &:before {
+    content: "";
+    @apply w-full h-screen z-10 fixed inset-x-0 bg-black/90 invisible opacity-0 transition-opacity duration-200 ease-in-out;
+  }
+  &.mobile-menu--active {
+    &:before {
+      content: "";
+      @apply visible opacity-100;
+    }
+    .scrollable {
+      @apply ml-0;
+      .mobile-menu-toggler {
+        @apply visible opacity-100;
+      }
+    }
+  }
+  @include media-breakpoint-down(sm) {
+    @apply -mx-3;
+  }
+  .mobile-menu-bar {
+    height: 70px;
+    @apply px-8 flex items-center;
+    @include media-breakpoint-down(sm) {
+      @apply px-3;
+    }
+  }
+  .scrollable {
+    @apply h-screen z-20 fixed top-0 left-0 w-[270px] -ml-[100%] bg-primary transition-all duration-300 ease-in-out dark:bg-darkmode-800;
+    .mobile-menu-toggler {
+      @apply fixed top-0 right-0 mt-4 mr-4 invisible opacity-0 transition-opacity duration-200 ease-in-out;
+    }
+    .simplebar-track.simplebar-vertical {
+      .simplebar-scrollbar:before {
+        @apply bg-black/50;
+      }
+    }
+  }
+  ul {
+    &.menu__sub-open {
+      @apply block;
+    }
+    li {
+      max-width: 1280px;
+      @apply w-full mx-auto;
+      ul {
+        @apply bg-black/10 rounded-lg mx-4 my-1 dark:bg-darkmode-700;
+        .menu {
+          @apply px-4;
+        }
+        ul {
+          @apply bg-black/10 rounded-lg mx-0 dark:bg-darkmode-600;
+        }
+      }
+    }
+  }
+  .menu__devider {
+    @apply w-full h-px bg-white/[0.08] relative;
+  }
+  .menu {
+    height: 50px;
+    @apply flex items-center text-white px-6;
+    .menu__title {
+      @apply w-full ml-3 flex items-center;
+      .menu__sub-icon {
+        @apply transition ease-in duration-100 ml-auto;
+        svg {
+          @apply w-5 h-5;
+        }
+      }
+    }
+  }
+}
--- a/src/assets/css/components/_news.css
+++ b/src/assets/css/components/_news.css
@ -0,0 +1,14 @@
+.news {
+    .news__preview {
+        height: 400px;
+        @include media-breakpoint-down(md) {
+            height: 250px;
+        }
+    }
+    p {
+        text-indent: 30px;
+    }
+    .news__input {
+        height: 69px;
+    }
+}
--- a/src/assets/css/components/_notification-content.css
+++ b/src/assets/css/components/_notification-content.css
@ -0,0 +1,12 @@
+.notification-content {
+    width: 350px;
+    @include media-breakpoint-down(sm) {
+        width: 280px;
+    }
+    .notification-content__title {
+        @apply font-medium mb-5;
+    }
+    .notification-content__box {
+        @apply p-5;
+    }
+}
--- a/src/assets/css/components/_notification.css
+++ b/src/assets/css/components/_notification.css
@ -0,0 +1,12 @@
+.notification {
+    @apply relative text-white/70;
+    .notification__icon {
+        @apply w-5 h-5;
+    }
+    &.notification--bullet:before {
+        content: "";
+        width: 8px;
+        height: 8px;
+        @apply rounded-full absolute top-[-2px] right-0 bg-danger;
+    }
+}
--- a/src/assets/css/components/_pos-dropdown.css
+++ b/src/assets/css/components/_pos-dropdown.css
@ -0,0 +1,3 @@
+.pos-dropdown .pos-dropdown__dropdown-menu {
+    width: 265px;
+}
--- a/src/assets/css/components/_post.css
+++ b/src/assets/css/components/_post.css
@ -0,0 +1,14 @@
+.post {
+    .post__tabs {
+        @apply border-transparent dark:border-transparent;
+        .nav-item .nav-link {
+            @apply flex justify-center items-center text-slate-500;
+            &:hover:not(.disabled):not(.active):hover {
+                @apply border-transparent bg-transparent text-slate-600 dark:bg-transparent dark:text-slate-300;
+            }
+            &.active {
+                @apply text-primary border-transparent dark:bg-darkmode-600 dark:border-transparent dark:text-white;
+            }
+        }
+    }
+}
--- a/src/assets/css/components/_pricing-tabs.css
+++ b/src/assets/css/components/_pricing-tabs.css
@ -0,0 +1,5 @@
+.pricing-tabs.nav.nav-pills {
+    .nav-item .nav-link {
+        @apply rounded-none;
+    }
+}
--- a/src/assets/css/components/_pristine.css
+++ b/src/assets/css/components/_pristine.css
@ -0,0 +1,5 @@
+.has-error {
+    .form-control {
+        @apply border-danger dark:border-danger/70;
+    }
+}
--- a/src/assets/css/components/_report-box-2.css
+++ b/src/assets/css/components/_report-box-2.css
@ -0,0 +1,15 @@
+.report-box-2 {
+    @apply relative;
+    &:before {
+        content: "";
+        width: 90%;
+        background: #f9fafc;
+        box-shadow: 0px 3px 20px #0000000b;
+        @apply h-full mt-3 absolute rounded-md mx-auto inset-x-0 dark:bg-darkmode-400/70;
+    }
+    .report-box-2__indicator {
+        padding-top: 3px;
+        padding-bottom: 3px;
+        @apply flex rounded-full text-white text-xs pl-2 pr-1 mt-3 mr-auto items-center font-medium;
+    }
+}
--- a/src/assets/css/components/_report-box-3.css
+++ b/src/assets/css/components/_report-box-3.css
@ -0,0 +1,42 @@
+.report-box-3 {
+    margin-left: -22px;
+    margin-right: -22px;
+    @apply relative;
+    @include media-breakpoint-down(md) {
+        margin-left: -16px;
+        margin-right: -16px;
+    }
+    &:before {
+        content: "";
+        border-radius: 30px 30px 0px 0px;
+        transform: translatey(35px);
+        animation: 0.4s intro-report-box-3-animation ease-in-out 0.33333s;
+        animation-fill-mode: forwards;
+        animation-delay: 0.1s;
+        @apply w-full h-full bg-slate-200/70 dark:bg-opacity-50 absolute top-0 left-0 right-0 opacity-0 dark:bg-darkmode-500;
+    }
+    &.report-box-3--content {
+        padding: 0px 22px;
+        min-height: 400px;
+        &:before {
+            content: "";
+            border-radius: 30px;
+            transform: translatey(35px);
+            animation: 0.4s intro-report-box-3-animation ease-in-out 0.33333s;
+            animation-fill-mode: forwards;
+            animation-delay: 0.1s;
+            box-shadow: 0px 3px 20px #0000000b;
+            @apply w-full h-full bg-slate-100 absolute top-0 left-0 right-0 opacity-0 dark:bg-darkmode-700;
+            @include media-breakpoint-down(xl) {
+                @apply shadow-none rounded-t-none;
+            }
+        }
+    }
+}
+
+@keyframes intro-report-box-3-animation {
+    100% {
+        @apply opacity-100;
+        transform: translateX(0px);
+    }
+}
--- a/src/assets/css/components/_report-box-4.css
+++ b/src/assets/css/components/_report-box-4.css
@ -0,0 +1,32 @@
+.report-box-4 {
+    @apply relative;
+    &:before {
+        content: "";
+        border-radius: 30px 30px 0px 0px;
+        transform: translatey(35px);
+        animation: 0.4s intro-report-box-4-animation ease-in-out 0.33333s;
+        animation-fill-mode: forwards;
+        animation-delay: 0.1s;
+        margin-left: -22px;
+        margin-right: -22px;
+        box-shadow: 0px 3px 20px #0000000b;
+        @apply h-full bg-slate-100 absolute top-0 left-0 right-0 opacity-0 hidden dark:bg-darkmode-700;
+        @include media-breakpoint-down(xl) {
+            @apply block;
+        }
+        @include media-breakpoint-down(md) {
+            margin-left: -16px;
+            margin-right: -16px;
+        }
+    }
+    .report-box-4__content {
+        flex: 1 1 0;
+    }
+}
+
+@keyframes intro-report-box-4-animation {
+    100% {
+        @apply opacity-100;
+        transform: translateX(0px);
+    }
+}
--- a/src/assets/css/components/_report-box.css
+++ b/src/assets/css/components/_report-box.css
@ -0,0 +1,18 @@
+.report-box {
+    @apply relative;
+    &:before {
+        content: "";
+        width: 90%;
+        box-shadow: 0px 3px 20px #0000000b;
+        @apply bg-slate-50 h-full mt-3 absolute rounded-md mx-auto inset-x-0 dark:bg-darkmode-400/70;
+    }
+    .report-box__icon {
+        width: 28px;
+        height: 28px;
+    }
+    .report-box__indicator {
+        padding-top: 3px;
+        padding-bottom: 3px;
+        @apply flex rounded-full text-white text-xs pl-2 pr-1 items-center font-medium;
+    }
+}
--- a/src/assets/css/components/_report-chart.css
+++ b/src/assets/css/components/_report-chart.css
@ -0,0 +1,11 @@
+.report-chart {
+  @apply relative;
+  &:before {
+    content: "";
+    @apply block absolute w-16 left-0 top-0 bottom-0 ml-10 mb-7 bg-gradient-to-r from-white via-white/80 to-transparent dark:from-darkmode-600;
+  }
+  &:after {
+    content: "";
+    @apply block absolute w-16 right-0 top-0 bottom-0 mb-7 bg-gradient-to-l from-white via-white/80 to-transparent dark:from-darkmode-600;
+  }
+}
--- a/src/assets/css/components/_report-maps.css
+++ b/src/assets/css/components/_report-maps.css
@ -0,0 +1,3 @@
+.report-maps {
+    height: 310px;
+}
--- a/src/assets/css/components/_search-result.css
+++ b/src/assets/css/components/_search-result.css
@ -0,0 +1,22 @@
+.search-result {
+    width: 450px;
+    @apply z-20 absolute right-0 mt-1 invisible opacity-0;
+    transition: visibility 0s linear 0.2s, opacity 0.2s 0s;
+    &.show {
+        transition: visibility 0s linear 0s, opacity 0.2s 0s;
+        @apply visible opacity-100;
+        > .search-result__content {
+            margin-top: -1px;
+            .tab-content .tab-pane {
+                @apply visible;
+            }
+        }
+    }
+    .search-result__content {
+        transition: margin-top 0.2s;
+        @apply box p-5 mt-5;
+        .search-result__content__title {
+            @apply font-medium mb-2;
+        }
+    }
+}
--- a/src/assets/css/components/_search.css
+++ b/src/assets/css/components/_search.css
@ -0,0 +1,12 @@
+.search {
+  @apply relative;
+  .search__input {
+    @apply w-56 shadow-none rounded-full bg-slate-200 pr-8 transition-[width] duration-300 ease-in-out focus:border-transparent dark:bg-darkmode-400/70;
+    &:focus {
+      @apply w-72;
+    }
+  }
+  .search__icon {
+    @apply w-5 h-5 absolute my-auto inset-y-0 mr-3 right-0 text-slate-600;
+  }
+}
--- a/src/assets/css/components/_side-nav.css
+++ b/src/assets/css/components/_side-nav.css
@ -0,0 +1,199 @@
+.side-nav {
+  @apply w-[250px] px-5 pt-8 pb-16 overflow-x-hidden;
+  @include media-breakpoint-down(xl) {
+    @apply w-[105px];
+  }
+  @include media-breakpoint-down(md) {
+    @apply hidden;
+  }
+  &.side-nav--simple {
+    @apply w-[105px];
+    .side-menu {
+      .side-menu__title {
+        @apply hidden;
+        .side-menu__sub-icon {
+          @apply hidden;
+        }
+      }
+      &:not(.side-menu--active) .side-menu__icon:before {
+        @apply hidden;
+      }
+    }
+  }
+  .side-nav__devider {
+    @apply w-full h-px bg-white/[0.08] z-10 relative dark:bg-white/[0.07];
+  }
+  .side-menu {
+    @apply h-[50px] flex items-center pl-5 text-white mb-1 relative rounded-lg dark:text-slate-300;
+    .side-menu__title {
+      @apply w-full ml-3 flex items-center;
+      .side-menu__sub-icon {
+        @apply transition ease-in duration-100 ml-auto mr-5;
+        svg {
+          @apply w-4 h-4;
+        }
+        @include media-breakpoint-down(xl) {
+          @apply hidden;
+        }
+      }
+      @include media-breakpoint-down(xl) {
+        @apply hidden;
+      }
+    }
+  }
+  > ul {
+    @for $i from 1 through 50 {
+      > li:nth-child($i) {
+        &.side-nav__devider {
+          @apply opacity-0;
+          animation: 0.4s intro-devider-animation ease-in-out 0.33333s;
+          animation-fill-mode: forwards;
+          animation-delay: calc($i * 0.1s);
+        }
+        & > a {
+          &:not(.side-menu--active) {
+            @apply opacity-0;
+            transform: translateX(50px);
+            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
+            animation-fill-mode: forwards;
+            animation-delay: calc($i * 0.1s);
+          }
+          &.side-menu--active {
+            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
+            animation-fill-mode: forwards;
+          }
+        }
+      }
+    }
+    ul {
+      @for $i from 1 through 50 {
+        li:nth-child($i) {
+          & > a {
+            @apply opacity-0;
+            transform: translateX(50px);
+            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
+            animation-fill-mode: forwards;
+            animation-delay: calc($i * 0.1s);
+          }
+        }
+      }
+      @apply bg-white/[0.04] rounded-lg relative dark:bg-transparent;
+      &:before {
+        content: "";
+        @apply block inset-0 bg-primary/60 rounded-lg absolute z-[-1] dark:bg-darkmode-900/30;
+      }
+      &.side-menu__sub-open {
+        @apply block;
+      }
+      .side-menu__icon:before {
+        @apply hidden;
+      }
+      li a {
+        &:not(.side-menu--active) {
+          @apply text-white/70 dark:text-slate-400;
+        }
+        &.side-menu--active .side-menu__title {
+          @apply font-medium;
+        }
+      }
+      ul {
+        @apply bg-white/[0.04] rounded-lg relative dark:bg-transparent;
+        &:before {
+          content: "";
+          @apply block inset-0 bg-primary/60 rounded-lg absolute z-[-1] dark:bg-darkmode-900/30;
+        }
+      }
+    }
+    & > li {
+      & > .side-menu {
+        &.side-menu--active {
+          @apply bg-primary dark:bg-transparent;
+          &:before {
+            content: "";
+            @apply block inset-0 bg-white/[0.08] rounded-lg absolute border-b-[3px] border-solid border-black/10 dark:bg-darkmode-700;
+          }
+          &:after {
+            content: "";
+            width: 20px;
+            height: 80px;
+            margin-right: -47px;
+            animation: 0.3s active-side-menu-chevron-animation ease-in-out
+              0.33333s;
+            animation-fill-mode: forwards;
+            animation-delay: 1s;
+            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='80' viewBox='0 0 20 122.1'%3E%3Cpath data-name='Union 1' d='M16.038 122H16v-2.213a95.805 95.805 0 00-2.886-20.735 94.894 94.894 0 00-7.783-20.434A39.039 39.039 0 010 61.051a39.035 39.035 0 015.331-17.567 94.9 94.9 0 007.783-20.435A95.746 95.746 0 0016 2.314V0h4v122h-3.961v.1l-.001-.1z' fill='%23f1f5f8'/%3E%3C/svg%3E");
+            @apply bg-no-repeat bg-cover absolute top-0 bottom-0 right-0 my-auto opacity-0;
+          }
+          .side-menu__icon {
+            @apply z-10 dark:text-slate-300;
+          }
+          .side-menu__title {
+            @apply font-medium z-10 dark:text-slate-300;
+          }
+        }
+        .side-menu__icon {
+          @apply dark:text-slate-400;
+        }
+        .side-menu__title {
+          @apply dark:text-slate-400;
+        }
+        &:hover:not(.side-menu--active):not(.side-menu--open) {
+          @apply bg-primary/60 dark:bg-transparent;
+          &:before {
+            content: "";
+            @apply block inset-0 bg-white/[0.04] rounded-lg absolute z-[-1] dark:bg-darkmode-700;
+          }
+        }
+      }
+    }
+  }
+}
+
+@keyframes intro-devider-animation {
+  100% {
+    @apply opacity-100;
+  }
+}
+
+@keyframes intro-menu-animation {
+  100% {
+    @apply opacity-100;
+    transform: translateX(0px);
+  }
+}
+
+@keyframes intro-submenu-animation {
+  100% {
+    @apply opacity-100;
+    transform: translateX(0px);
+  }
+}
+
+@keyframes intro-active-menu-animation {
+  100% {
+    @apply z-10;
+  }
+}
+
+@keyframes active-side-menu-chevron-animation {
+  100% {
+    margin-right: -27px;
+    @apply opacity-100;
+  }
+}
+
+.dark {
+  .side-nav {
+    > ul {
+      & > li {
+        & > .side-menu {
+          &.side-menu--active {
+            &:after {
+              background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='80' viewBox='0 0 20 122.1'%3E%3Cpath data-name='Union 1' d='M16.038 122H16v-2.213a95.805 95.805 0 00-2.886-20.735 94.894 94.894 0 00-7.783-20.434A39.039 39.039 0 010 61.051a39.035 39.035 0 015.331-17.567 94.9 94.9 0 007.783-20.435A95.746 95.746 0 0016 2.314V0h4v122h-3.961v.1l-.001-.1z' fill='%23232e45'/%3E%3C/svg%3E");
+            }
+          }
+        }
+      }
+    }
+  }
+}
--- a/src/assets/css/components/_source-preview.css
+++ b/src/assets/css/components/_source-preview.css
@ -0,0 +1,12 @@
+.source-preview {
+    @apply relative;
+    code {
+        &:before {
+            content: "HTML";
+            @apply font-roboto font-medium px-4 py-2 block absolute top-0 right-0 rounded-bl bg-slate-200 bg-opacity-70 dark:bg-slate-300;
+        }
+        &.javascript:before {
+            content: "JS";
+        }
+    }
+}
--- a/src/assets/css/components/_table-report.css
+++ b/src/assets/css/components/_table-report.css
@ -0,0 +1,48 @@
+.table-report {
+    &:not(.table-report--bordered):not(.table-report--tabulator) {
+        border-spacing: 0 10px;
+        @apply border-separate;
+        th {
+            @apply border-b-0;
+        }
+        td {
+            @apply bg-white border-b-0 dark:bg-darkmode-600;
+            box-shadow: 20px 3px 20px #0000000b;
+            &:first-child {
+                @apply rounded-l-md;
+            }
+            &:last-child {
+                @apply rounded-r-md;
+            }
+            &.table-report__action {
+                @apply py-0 relative before:block before:w-px before:h-8 before:bg-slate-200 before:absolute before:left-0 before:inset-y-0 before:my-auto before:dark:bg-darkmode-400;
+            }
+        }
+    }
+    img {
+        box-shadow: 0px 0px 0px 2px #fff, 1px 1px 5px rgba(0, 0, 0, 0.32);
+    }
+    &.table-report--tabulator
+        .tabulator-header
+        .tabulator-headers
+        .tabulator-col {
+        &:nth-child(3),
+        &:nth-child(4),
+        &:nth-child(5),
+        &:nth-child(6) {
+            .tabulator-col-content {
+                .tabulator-col-title {
+                    @apply text-center;
+                }
+            }
+        }
+    }
+}
+
+.dark {
+    .table-report {
+        img {
+            box-shadow: 0px 0px 0px 2px #3f4865, 1px 1px 5px rgba(0, 0, 0, 0.32);
+        }
+    }
+}
--- a/src/assets/css/components/_tabulator.css
+++ b/src/assets/css/components/_tabulator.css
@ -0,0 +1,194 @@
+.tabulator-print-fullscreen-hide:before {
+    content: "";
+    @apply fixed bg-white top-0 left-0 w-full h-screen;
+}
+.tabulator {
+    @apply overflow-hidden border-0 bg-transparent;
+    .tabulator-header {
+        @apply font-medium text-current border-t border-b border-slate-200 bg-transparent;
+        .tabulator-headers {
+            .tabulator-col {
+                @apply bg-transparent border-r-0;
+                &:hover {
+                    @apply bg-slate-100;
+                }
+                .tabulator-col-content {
+                    @apply px-5 py-3;
+                    .tabulator-col-title {
+                        @apply pr-0;
+                    }
+                    .tabulator-arrow {
+                        top: -3px;
+                        border-left-width: 5px;
+                        border-right-width: 5px;
+                        @apply bottom-0 my-auto;
+                    }
+                }
+                &.tabulator-sortable[aria-sort="none"]
+                    .tabulator-col-content
+                    .tabulator-arrow {
+                    border-bottom-color: #cbd5e0;
+                }
+            }
+        }
+    }
+    .tabulator-row {
+        @apply border-b border-slate-200;
+        &:hover,
+        &.tabulator-row-even:hover {
+            @apply bg-slate-200;
+        }
+        &.tabulator-row-even {
+            @apply bg-slate-100;
+        }
+        .tabulator-cell {
+            @apply border-r-0 px-5 py-3;
+            &.tabulator-row-handle {
+                @apply px-0;
+            }
+            .tabulator-responsive-collapse-toggle {
+                @apply w-4 h-4 -mr-5 bg-slate-400 rounded-full;
+            }
+        }
+        .tabulator-responsive-collapse {
+            @apply p-3 border-slate-200 border-b-0;
+            td {
+                @apply p-2;
+                strong {
+                    @apply font-medium;
+                }
+            }
+        }
+    }
+    .tabulator-footer {
+        @apply bg-transparent border-t-0 p-0 mt-2;
+        @include media-breakpoint-down(md) {
+            @apply whitespace-normal;
+        }
+        .tabulator-paginator {
+            @apply flex items-center;
+            @include media-breakpoint-down(md) {
+                @apply block text-left;
+            }
+            > label {
+                @apply font-normal text-slate-700;
+            }
+            .tabulator-page-size {
+                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(74, 85, 104)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
+                background-size: 15px;
+                background-position: center right 0.6rem;
+                @apply py-2 pl-3 pr-8 ml-2 mr-auto rounded-md appearance-none bg-white border-slate-200 bg-no-repeat;
+                @include media-breakpoint-down(md) {
+                    @apply mr-3;
+                }
+            }
+            .tabulator-page {
+                min-width: 40px;
+                @apply btn font-normal inline-flex items-center justify-center border-transparent text-slate-700;
+                @include media-breakpoint-down(sm) {
+                    @apply mr-0 px-1;
+                }
+                &:hover {
+                    @apply bg-slate-200 text-slate-700;
+                }
+                &.active {
+                    @apply bg-slate-100 font-medium;
+                    &:hover {
+                        @apply bg-slate-100;
+                    }
+                }
+                &[data-page="first"],
+                &[data-page="prev"],
+                &[data-page="next"],
+                &[data-page="last"] {
+                    @apply w-5 text-transparent;
+                }
+                &[data-page="first"] {
+                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%232d3748' stroke-width='1.1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpolyline points='11 17 6 12 11 7'%3E%3C/polyline%3E%3Cpolyline points='18 17 13 12 18 7'%3E%3C/polyline%3E%3C/svg%3E");
+                    background-size: 50%;
+                    @apply bg-center bg-no-repeat;
+                }
+                &[data-page="prev"] {
+                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%232d3748' stroke-width='1.1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E");
+                    background-size: 45%;
+                    @apply bg-center bg-no-repeat;
+                }
+                &[data-page="next"] {
+                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%232d3748' stroke-width='1.1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
+                    background-size: 45%;
+                    @apply bg-center bg-no-repeat;
+                }
+                &[data-page="last"] {
+                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%232d3748' stroke-width='1.1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpolyline points='13 17 18 12 13 7'%3E%3C/polyline%3E%3Cpolyline points='6 17 11 12 6 7'%3E%3C/polyline%3E%3C/svg%3E");
+                    background-size: 50%;
+                    @apply bg-center bg-no-repeat;
+                }
+            }
+        }
+    }
+    .tabulator-tableHolder .tabulator-placeholder span {
+        @apply text-slate-500 font-normal text-sm;
+    }
+    .tabulator-loader {
+        background: #ffffffbd;
+        .tabulator-loader-msg {
+            @apply font-normal text-base bg-transparent;
+            &.tabulator-loading {
+                @apply border-0 text-slate-700;
+            }
+            &.tabulator-error {
+                @apply border-0 text-danger;
+            }
+        }
+    }
+}
+
+.dark {
+    .tabulator {
+        .tabulator-header {
+            @apply text-slate-300 border-darkmode-400;
+            .tabulator-headers .tabulator-col:hover {
+                @apply bg-darkmode-300;
+            }
+        }
+        .tabulator-table {
+            @apply bg-transparent text-slate-200;
+            .tabulator-row {
+                @apply bg-transparent border-transparent;
+                &:hover,
+                &.tabulator-row-even:hover {
+                    @apply bg-darkmode-700;
+                }
+                &.tabulator-row-even {
+                    @apply bg-darkmode-400;
+                }
+            }
+        }
+        .tabulator-footer {
+            .tabulator-paginator {
+                > label {
+                    @apply text-slate-200;
+                }
+                .tabulator-page-size {
+                    @apply bg-darkmode-300 border-darkmode-600 text-slate-200;
+                }
+                .tabulator-page {
+                    @apply bg-transparent text-slate-200;
+                    &:hover {
+                        @apply bg-darkmode-700 text-slate-300;
+                    }
+                    &.active,
+                    &.active:hover {
+                        @apply bg-darkmode-300;
+                    }
+                }
+            }
+        }
+        .tabulator-loader {
+            @apply bg-black/30;
+            .tabulator-loader-msg.tabulator-loading {
+                @apply text-slate-200;
+            }
+        }
+    }
+}
--- a/src/assets/css/components/_tiny-slider.css
+++ b/src/assets/css/components/_tiny-slider.css
@ -0,0 +1,43 @@
+.tns-outer {
+    @apply relative;
+    .tns-controls button {
+        @apply w-5 h-5 bg-slate-200 text-transparent rounded-full absolute inset-y-0 my-auto z-10 outline-none dark:bg-darkmode-300;
+        &:hover {
+            @apply bg-slate-300 dark:bg-darkmode-200;
+        }
+        &[data-controls="prev"] {
+            @apply left-0 -ml-6;
+            &:before {
+                content: "";
+                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(102 113 132)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
+                background-size: 80%;
+                @apply w-full h-full bg-center transform rotate-90 absolute top-0 left-0;
+            }
+        }
+        &[data-controls="next"] {
+            @apply right-0 -mr-6;
+            &:before {
+                content: "";
+                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(102 113 132)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
+                background-size: 80%;
+                @apply w-full h-full bg-center transform -rotate-90 absolute top-0 left-0;
+            }
+        }
+    }
+    .tns-nav {
+        margin-bottom: -1.8rem;
+        @apply w-full absolute bottom-0 z-10 flex justify-center;
+        button {
+            @apply bg-slate-300 w-3 h-3 rounded-full mx-1 outline-none dark:bg-darkmode-300;
+            &.tns-nav-active {
+                @apply bg-slate-500 dark:bg-darkmode-200;
+            }
+        }
+    }
+    button[data-action] {
+        @apply hidden;
+    }
+    .tns-visually-hidden {
+        @apply hidden;
+    }
+}
--- a/src/assets/css/components/_tippy.css
+++ b/src/assets/css/components/_tippy.css
@ -0,0 +1,44 @@
+.tooltip-content {
+    left: 10000px;
+    @apply fixed;
+}
+.tippy-box {
+    @apply rounded-md dark:text-slate-300 dark:bg-darkmode-300;
+    & > .tippy-svg-arrow {
+        @apply dark:fill-darkmode-300;
+    }
+    .tippy-content {
+        @apply px-3 py-1.5;
+    }
+}
+.tippy-popper {
+    &[x-placement="left"],
+    &[x-placement="right"],
+    &[x-placement="left-start"],
+    &[x-placement="left-end"],
+    &[x-placement="right-start"],
+    &[x-placement="right-end"] {
+        .tippy-roundarrow,
+        .tippy-arrow {
+            @apply top-0 bottom-0 my-auto;
+        }
+    }
+    &[x-placement="top"],
+    &[x-placement="bottom"],
+    &[x-placement="top-start"],
+    &[x-placement="top-end"],
+    &[x-placement="bottom-start"],
+    &[x-placement="bottom-end"] {
+        .tippy-roundarrow,
+        .tippy-arrow {
+            @apply left-0 right-0 mx-auto;
+        }
+    }
+}
+
+.dark {
+    .tippy-box {
+        box-shadow: 0 0 20px 4px #00000026, 0 4px 80px -8px #24282f40,
+            0 4px 4px -2px #5b5e6926;
+    }
+}
--- a/src/assets/css/components/_toastify-content.css
+++ b/src/assets/css/components/_toastify-content.css
@ -0,0 +1,3 @@
+.toastify-content {
+    @apply py-5 pl-5 pr-14 bg-white border border-slate-200/60 rounded-lg shadow-xl dark:bg-darkmode-600 dark:text-slate-300 dark:border-darkmode-600;
+}
--- a/src/assets/css/components/_toastify.css
+++ b/src/assets/css/components/_toastify.css
@ -0,0 +1,14 @@
+.toastify {
+    background: none;
+    @apply shadow-none text-slate-700 p-0;
+    @include media-breakpoint-down(md) {
+        max-width: calc(100% - 30px);
+    }
+    .toast-close {
+        @apply text-transparent absolute opacity-100 inset-y-0 right-0 pr-3 flex items-center;
+        &:before {
+            content: "×";
+            @apply block text-slate-500 text-3xl -mt-1.5 font-light;
+        }
+    }
+}
--- a/src/assets/css/components/_tom-select.css
+++ b/src/assets/css/components/_tom-select.css
@ -0,0 +1,130 @@
+.tom-select {
+  .ts-input {
+    min-height: 40px;
+    padding: 7.5px 32px 7.5px 12px;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(74 85 104)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
+    background-size: 18px;
+    background-position: center right 0.6rem;
+    @apply text-sm shadow-sm border-inherit bg-no-repeat rounded;
+    .item {
+      line-height: 22px;
+    }
+    &.dropdown-active {
+      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.828' height='8.414' viewBox='0 0 14.828 8.414'%3E%3Cpath id='chevron' d='M6,9l6,6,6-6' transform='translate(19.414 16) rotate(180)' fill='none' stroke='%234a5568' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A") !important;
+      background-size: 11px !important;
+      background-position: center right 0.8rem !important;
+      background-repeat: no-repeat !important;
+    }
+    input {
+      height: 23px;
+      @apply text-sm;
+    }
+  }
+  &.multi .ts-input {
+    @apply px-1.5 py-1;
+    & > div {
+      @apply rounded my-0.5 mr-1 px-2 py-0 bg-slate-200;
+      &.active {
+        @apply bg-slate-300;
+        .remove {
+          @apply border-slate-400;
+        }
+      }
+    }
+  }
+  &.plugin-remove_button .item .remove {
+    @apply border-slate-300 ml-2 px-2;
+  }
+  &.plugin-dropdown_input .ts-input.focus {
+    @apply border-slate-200;
+  }
+  .ts-dropdown {
+    margin-top: -1px;
+    border-top: 1px solid rgba(226, 232, 240, var(--tw-border-opacity));
+    @apply z-50 text-sm shadow-sm border-slate-200 rounded;
+    .optgroup-header {
+      padding: 9px 10px;
+      @apply font-medium;
+    }
+    .option {
+      padding: 9px 13px;
+      .highlight {
+        @apply bg-danger text-white;
+      }
+      &.active {
+        @apply bg-primary text-white;
+      }
+      &:hover:not(.active) {
+        @apply bg-slate-200 text-slate-800;
+      }
+    }
+    &.plugin-dropdown_input .dropdown-input-wrap {
+      @apply p-2;
+      input {
+        @apply outline-none border border-slate-200 rounded py-2 px-3;
+      }
+    }
+    .dropdown-header {
+      @apply px-3 bg-slate-100 border-slate-200;
+      .dropdown-header-close {
+        @apply cursor-pointer opacity-100 text-slate-400 mr-0.5;
+      }
+    }
+  }
+}
+
+.dark {
+  .tom-select {
+    .ts-input {
+      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(255 255 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
+      @apply bg-darkmode-800 border-transparent text-slate-300;
+      &.dropdown-active {
+        @apply bg-darkmode-800 border-transparent text-slate-300;
+        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.828' height='8.414' viewBox='0 0 14.828 8.414'%3E%3Cpath id='chevron' d='M6,9l6,6,6-6' transform='translate(19.414 16) rotate(180)' fill='none' stroke='rgb(255 255 255)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A") !important;
+        &:before {
+          @apply bg-darkmode-800;
+        }
+      }
+    }
+    &.multi .ts-input {
+      & > div {
+        @apply bg-darkmode-600 border border-darkmode-400 text-slate-300;
+        &.active {
+          @apply bg-darkmode-400/80;
+        }
+        .remove {
+          @apply border-darkmode-400;
+        }
+      }
+    }
+    &.plugin-dropdown_input .ts-input.focus {
+      @apply border-transparent;
+    }
+    .ts-dropdown {
+      @apply bg-darkmode-700 border-darkmode-800/80 text-slate-300;
+      &.plugin-dropdown_input .dropdown-input-wrap input {
+        @apply bg-darkmode-600 border-darkmode-800/80;
+      }
+      .optgroup-header {
+        @apply bg-darkmode-800 text-slate-400;
+      }
+      .create {
+        @apply bg-darkmode-800 text-slate-300;
+        &:hover {
+          @apply bg-darkmode-600;
+        }
+      }
+      .option {
+        &:hover:not(.active) {
+          @apply bg-darkmode-600 text-slate-300;
+        }
+      }
+      .dropdown-header {
+        @apply bg-darkmode-800 border-darkmode-700 text-slate-300;
+        .dropdown-header-close {
+          @apply text-slate-300;
+        }
+      }
+    }
+  }
+}
--- a/src/assets/css/components/_top-nav.css
+++ b/src/assets/css/components/_top-nav.css
@ -0,0 +1,208 @@
+.top-nav {
+    padding-top: 12px;
+    transform: translatey(35px);
+    animation: 0.4s intro-top-menu-animation ease-in-out 0.33333s;
+    animation-fill-mode: forwards;
+    animation-delay: 0.2s;
+    @apply z-50 relative px-6 opacity-0 -mt-[3px];
+    @include media-breakpoint-down(xl) {
+        @apply px-0 pt-0 -mt-2;
+    }
+    @include media-breakpoint-down(md) {
+        @apply hidden;
+    }
+    > ul {
+        @for $i from 1 through 50 {
+            > li:nth-child($i) {
+                & > a {
+                    &:not(.top-menu--active) {
+                        @apply opacity-0;
+                        transform: translateY(50px);
+                        animation: 0.4s
+                            intro-menu-animation
+                            ease-in-out
+                            0.33333s;
+                        animation-fill-mode: forwards;
+                        animation-delay: calc($i * 0.1s);
+                    }
+                    &.top-menu--active {
+                        animation: 0.4s
+                            intro-active-menu-animation
+                            ease-in-out
+                            0.33333s;
+                        animation-fill-mode: forwards;
+                    }
+                }
+            }
+        }
+        @apply flex flex-wrap;
+        > li > .top-menu {
+            @apply mt-[3px];
+            > .top-menu__icon {
+                @apply -mt-[3px];
+            }
+            > .top-menu__title {
+                @apply -mt-[3px];
+            }
+        }
+        li {
+            @apply relative;
+            &:hover {
+                > .top-menu > .top-menu__title > .top-menu__sub-icon {
+                    @apply rotate-180;
+                }
+                > ul {
+                    @apply block;
+                    li:hover
+                        .top-menu
+                        > .top-menu__title
+                        > .top-menu__sub-icon {
+                        @apply -rotate-90;
+                    }
+                }
+            }
+            .top-menu {
+                height: 47px;
+                @apply flex items-center px-5 mr-1 text-white relative rounded-lg;
+                @include media-breakpoint-down(xl) {
+                    height: 55px;
+                    @apply rounded-full;
+                }
+                &.top-menu--active {
+                    @apply bg-primary;
+                    @include media-breakpoint-down(xl) {
+                        @apply bg-slate-100 dark:bg-darkmode-700;
+                    }
+                    &:before {
+                        content: "";
+                        @apply block inset-0 bg-white/[0.08] rounded-lg absolute border-b-[3px] border-solid border-black/10 dark:bg-darkmode-700;
+                        @include media-breakpoint-down(xl) {
+                            @apply hidden;
+                        }
+                    }
+                    &:after {
+                        content: "";
+                        width: 20px;
+                        height: 80px;
+                        margin-bottom: -74px;
+                        animation: 0.3s active-top-menu-chevron-animation
+                            ease-in-out 0.33333s;
+                        animation-fill-mode: forwards;
+                        animation-delay: 1s;
+                        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='80' viewBox='0 0 20 122.1'%3E%3Cpath data-name='Union 1' d='M16.038 122H16v-2.213a95.805 95.805 0 00-2.886-20.735 94.894 94.894 0 00-7.783-20.434A39.039 39.039 0 010 61.051a39.035 39.035 0 015.331-17.567 94.9 94.9 0 007.783-20.435A95.746 95.746 0 0016 2.314V0h4v122h-3.961v.1l-.001-.1z' fill='%23f1f5f8'/%3E%3C/svg%3E");
+                        @apply bg-no-repeat bg-cover absolute left-0 right-0 bottom-0 mx-auto transform rotate-90 opacity-0;
+                        @include media-breakpoint-down(xl) {
+                            @apply hidden;
+                        }
+                    }
+                    .top-menu__icon {
+                        @apply dark:text-white;
+                        @include media-breakpoint-down(xl) {
+                            @apply text-primary;
+                        }
+                    }
+                    .top-menu__title {
+                        @apply font-medium dark:text-white;
+                        @include media-breakpoint-down(xl) {
+                            @apply text-slate-800;
+                        }
+                    }
+                }
+                .top-menu__icon {
+                    @apply z-10 dark:text-slate-400;
+                }
+                .top-menu__title {
+                    @apply z-10 dark:text-slate-400;
+                }
+                .top-menu__title {
+                    @apply ml-3 flex items-center whitespace-nowrap;
+                    .top-menu__sub-icon {
+                        @apply transform transition ease-in duration-200 w-4 h-4 ml-2;
+                        @include media-breakpoint-down(xl) {
+                            @apply hidden;
+                        }
+                        .top-menu__sub-icon {
+                            @apply duration-100;
+                        }
+                    }
+                }
+            }
+            ul {
+                box-shadow: 0px 3px 20px #0000000b;
+                @apply bg-primary hidden w-56 absolute rounded-md z-20 px-0 mt-1 before:block before:absolute before:w-full before:h-full before:bg-white/[0.04] before:inset-0 before:rounded-md before:z-[-1] dark:before:bg-black/10;
+                &:after {
+                    content: "";
+                    @apply w-full h-1 absolute top-0 left-0 -mt-1 cursor-pointer;
+                }
+                li {
+                    @apply px-5 relative;
+                    .top-menu {
+                        @apply px-0 mr-0;
+                        .top-menu__title {
+                            @apply w-full;
+                            .top-menu__sub-icon {
+                                @apply ml-auto;
+                            }
+                        }
+                    }
+                }
+                ul {
+                    left: 100%;
+                    @apply bg-primary hidden rounded-md mt-0 ml-0 top-0 before:block before:absolute before:w-full before:h-full before:bg-white/[0.04] before:inset-0 before:rounded-md before:z-[-1] dark:before:bg-black/10;
+                }
+            }
+        }
+        > li:hover > .top-menu:not(.top-menu--active) {
+            @apply bg-primary/60 dark:bg-transparent;
+            &:before {
+                content: "";
+                @apply block inset-0 bg-white/[0.04] rounded-lg absolute z-[-1] dark:bg-darkmode-700;
+                @include media-breakpoint-down(xl) {
+                    @apply rounded-full bg-white/10;
+                }
+            }
+        }
+    }
+}
+
+@keyframes intro-top-menu-animation {
+    100% {
+        @apply opacity-100;
+        transform: translateY(0px);
+    }
+}
+
+@keyframes intro-active-top-menu-animation {
+    100% {
+        @apply z-10;
+    }
+}
+
+@keyframes active-top-menu-chevron-animation {
+    100% {
+        margin-bottom: -54px;
+        @apply opacity-100;
+    }
+}
+
+.dark {
+    .top-nav {
+        > ul {
+            li {
+                .top-menu {
+                    &.top-menu--active {
+                        &:after {
+                            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='80' viewBox='0 0 20 122.1'%3E%3Cpath data-name='Union 1' d='M16.038 122H16v-2.213a95.805 95.805 0 00-2.886-20.735 94.894 94.894 0 00-7.783-20.434A39.039 39.039 0 010 61.051a39.035 39.035 0 015.331-17.567 94.9 94.9 0 007.783-20.435A95.746 95.746 0 0016 2.314V0h4v122h-3.961v.1l-.001-.1z' fill='%23232e45'/%3E%3C/svg%3E");
+                        }
+                    }
+                }
+                ul {
+                    @apply bg-darkmode-600;
+                }
+            }
+            ul {
+                box-shadow: 0px 3px 7px #0000001c;
+            }
+        }
+    }
+}
--- a/src/assets/css/components/_wrapper.css
+++ b/src/assets/css/components/_wrapper.css
@ -0,0 +1,54 @@
+.wrapper {
+    @apply relative;
+    &:before {
+        content: "";
+        width: 95%;
+        z-index: -1;
+        transform: translatey(35px);
+        animation: 0.4s intro-wrapper-animation ease-in-out 0.33333s;
+        animation-fill-mode: forwards;
+        animation-delay: 0.1s;
+        border-radius: 1.3rem;
+        @apply bg-white/10 h-full -mt-4 absolute mx-auto inset-x-0 opacity-0 dark:bg-darkmode-400/50;
+    }
+    &.wrapper--top-nav {
+        .wrapper-box {
+            padding-top: 80px;
+            margin-top: -62px;
+            @include media-breakpoint-down(xl) {
+                margin-top: -67px;
+                @apply bg-transparent before:hidden dark:bg-transparent;
+            }
+            @include media-breakpoint-down(md) {
+                margin-top: -7px;
+                @apply pt-0;
+            }
+        }
+        &:before {
+            @include media-breakpoint-down(xl) {
+                @apply bg-transparent;
+            }
+        }
+    }
+    .wrapper-box {
+        transform: translatey(35px);
+        animation: 0.4s intro-wrapper-animation ease-in-out 0.33333s;
+        animation-fill-mode: forwards;
+        animation-delay: 0.2s;
+        @apply bg-primary flex rounded-[1.3rem] dark:bg-darkmode-400;
+        &:before {
+            content: "";
+            @apply block absolute inset-0 bg-black/[0.15] rounded-[1.3rem] z-[-1];
+        }
+        @include media-breakpoint-down(md) {
+            @apply -mt-[7px];
+        }
+    }
+}
+
+@keyframes intro-wrapper-animation {
+    100% {
+        @apply opacity-100;
+        transform: translateX(0px);
+    }
+}
--- a/src/assets/css/components/_zoom-vanilla.css
+++ b/src/assets/css/components/_zoom-vanilla.css
@ -0,0 +1,3 @@
+.zoom-overlay {
+    @apply bg-black/75 dark:bg-black/40;
+}
--- a/src/assets/css/fonts/_roboto.css
+++ b/src/assets/css/fonts/_roboto.css
@ -0,0 +1,972 @@
+/* cyrillic-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 100;
+  font-display: swap;
+  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEz0dL-vwnYh2eg.woff2)
+      format("woff2");
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
+    U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 100;
+  font-display: swap;
+  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzQdL-vwnYh2eg.woff2)
+      format("woff2");
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 100;
+  font-display: swap;
+  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzwdL-vwnYh2eg.woff2)
+      format("woff2");
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 100;
+  font-display: swap;
+  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzMdL-vwnYh2eg.woff2)
+      format("woff2");
+  unicode-range: U+0370-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 100;
+  font-display: swap;
+  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEz8dL-vwnYh2eg.woff2)
+      format("woff2");
+  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 100;
+  font-display: swap;
+  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEz4dL-vwnYh2eg.woff2)
+      format("woff2");
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 100;
+  font-display: swap;
+  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzAdL-vwnYg.woff2)
+      format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 300;
+  font-display: swap;
+  src: local("Roboto Light Italic"), local("Roboto-LightItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc3CsTYl4BOQ3o.woff2)
+      format("woff2");
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
+    U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 300;
+  font-display: swap;
+  src: local("Roboto Light Italic"), local("Roboto-LightItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc-CsTYl4BOQ3o.woff2)
+      format("woff2");
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 300;
+  font-display: swap;
+  src: local("Roboto Light Italic"), local("Roboto-LightItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc2CsTYl4BOQ3o.woff2)
+      format("woff2");
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 300;
+  font-display: swap;
+  src: local("Roboto Light Italic"), local("Roboto-LightItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc5CsTYl4BOQ3o.woff2)
+      format("woff2");
+  unicode-range: U+0370-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 300;
+  font-display: swap;
+  src: local("Roboto Light Italic"), local("Roboto-LightItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc1CsTYl4BOQ3o.woff2)
+      format("woff2");
+  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 300;
+  font-display: swap;
+  src: local("Roboto Light Italic"), local("Roboto-LightItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc0CsTYl4BOQ3o.woff2)
+      format("woff2");
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 300;
+  font-display: swap;
+  src: local("Roboto Light Italic"), local("Roboto-LightItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc6CsTYl4BO.woff2)
+      format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: local("Roboto Italic"), local("Roboto-Italic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xFIzIXKMnyrYk.woff2)
+      format("woff2");
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
+    U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: local("Roboto Italic"), local("Roboto-Italic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xMIzIXKMnyrYk.woff2)
+      format("woff2");
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: local("Roboto Italic"), local("Roboto-Italic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xEIzIXKMnyrYk.woff2)
+      format("woff2");
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: local("Roboto Italic"), local("Roboto-Italic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xLIzIXKMnyrYk.woff2)
+      format("woff2");
+  unicode-range: U+0370-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: local("Roboto Italic"), local("Roboto-Italic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xHIzIXKMnyrYk.woff2)
+      format("woff2");
+  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: local("Roboto Italic"), local("Roboto-Italic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xGIzIXKMnyrYk.woff2)
+      format("woff2");
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: local("Roboto Italic"), local("Roboto-Italic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xIIzIXKMny.woff2)
+      format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 500;
+  font-display: swap;
+  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc3CsTYl4BOQ3o.woff2)
+      format("woff2");
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
+    U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 500;
+  font-display: swap;
+  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc-CsTYl4BOQ3o.woff2)
+      format("woff2");
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 500;
+  font-display: swap;
+  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc2CsTYl4BOQ3o.woff2)
+      format("woff2");
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 500;
+  font-display: swap;
+  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc5CsTYl4BOQ3o.woff2)
+      format("woff2");
+  unicode-range: U+0370-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 500;
+  font-display: swap;
+  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc1CsTYl4BOQ3o.woff2)
+      format("woff2");
+  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 500;
+  font-display: swap;
+  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc0CsTYl4BOQ3o.woff2)
+      format("woff2");
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 500;
+  font-display: swap;
+  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc6CsTYl4BO.woff2)
+      format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic3CsTYl4BOQ3o.woff2)
+      format("woff2");
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
+    U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic-CsTYl4BOQ3o.woff2)
+      format("woff2");
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic2CsTYl4BOQ3o.woff2)
+      format("woff2");
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic5CsTYl4BOQ3o.woff2)
+      format("woff2");
+  unicode-range: U+0370-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic1CsTYl4BOQ3o.woff2)
+      format("woff2");
+  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic0CsTYl4BOQ3o.woff2)
+      format("woff2");
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic6CsTYl4BO.woff2)
+      format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 900;
+  font-display: swap;
+  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc3CsTYl4BOQ3o.woff2)
+      format("woff2");
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
+    U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 900;
+  font-display: swap;
+  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc-CsTYl4BOQ3o.woff2)
+      format("woff2");
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 900;
+  font-display: swap;
+  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc2CsTYl4BOQ3o.woff2)
+      format("woff2");
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 900;
+  font-display: swap;
+  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc5CsTYl4BOQ3o.woff2)
+      format("woff2");
+  unicode-range: U+0370-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 900;
+  font-display: swap;
+  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc1CsTYl4BOQ3o.woff2)
+      format("woff2");
+  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 900;
+  font-display: swap;
+  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc0CsTYl4BOQ3o.woff2)
+      format("woff2");
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: "Roboto";
+  font-style: italic;
+  font-weight: 900;
+  font-display: swap;
+  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc6CsTYl4BO.woff2)
+      format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 100;
+  font-display: swap;
+  src: local("Roboto Thin"), local("Roboto-Thin"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxFIzIXKMnyrYk.woff2)
+      format("woff2");
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
+    U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 100;
+  font-display: swap;
+  src: local("Roboto Thin"), local("Roboto-Thin"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxMIzIXKMnyrYk.woff2)
+      format("woff2");
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 100;
+  font-display: swap;
+  src: local("Roboto Thin"), local("Roboto-Thin"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxEIzIXKMnyrYk.woff2)
+      format("woff2");
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 100;
+  font-display: swap;
+  src: local("Roboto Thin"), local("Roboto-Thin"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxLIzIXKMnyrYk.woff2)
+      format("woff2");
+  unicode-range: U+0370-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 100;
+  font-display: swap;
+  src: local("Roboto Thin"), local("Roboto-Thin"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxHIzIXKMnyrYk.woff2)
+      format("woff2");
+  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 100;
+  font-display: swap;
+  src: local("Roboto Thin"), local("Roboto-Thin"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxGIzIXKMnyrYk.woff2)
+      format("woff2");
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 100;
+  font-display: swap;
+  src: local("Roboto Thin"), local("Roboto-Thin"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxIIzIXKMny.woff2)
+      format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: local("Roboto Light"), local("Roboto-Light"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2)
+      format("woff2");
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
+    U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: local("Roboto Light"), local("Roboto-Light"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2)
+      format("woff2");
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: local("Roboto Light"), local("Roboto-Light"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2)
+      format("woff2");
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: local("Roboto Light"), local("Roboto-Light"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2)
+      format("woff2");
+  unicode-range: U+0370-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: local("Roboto Light"), local("Roboto-Light"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCxc4AMP6lbBP.woff2)
+      format("woff2");
+  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: local("Roboto Light"), local("Roboto-Light"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2)
+      format("woff2");
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: local("Roboto Light"), local("Roboto-Light"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2)
+      format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: local("Roboto"), local("Roboto-Regular"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2)
+      format("woff2");
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
+    U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: local("Roboto"), local("Roboto-Regular"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2)
+      format("woff2");
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: local("Roboto"), local("Roboto-Regular"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2)
+      format("woff2");
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: local("Roboto"), local("Roboto-Regular"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2)
+      format("woff2");
+  unicode-range: U+0370-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: local("Roboto"), local("Roboto-Regular"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2)
+      format("woff2");
+  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: local("Roboto"), local("Roboto-Regular"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2)
+      format("woff2");
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: local("Roboto"), local("Roboto-Regular"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2)
+      format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: local("Roboto Medium"), local("Roboto-Medium"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2)
+      format("woff2");
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
+    U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: local("Roboto Medium"), local("Roboto-Medium"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2)
+      format("woff2");
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: local("Roboto Medium"), local("Roboto-Medium"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2)
+      format("woff2");
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: local("Roboto Medium"), local("Roboto-Medium"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2)
+      format("woff2");
+  unicode-range: U+0370-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: local("Roboto Medium"), local("Roboto-Medium"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2)
+      format("woff2");
+  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: local("Roboto Medium"), local("Roboto-Medium"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2)
+      format("woff2");
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: local("Roboto Medium"), local("Roboto-Medium"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2)
+      format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: local("Roboto Bold"), local("Roboto-Bold"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2)
+      format("woff2");
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
+    U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: local("Roboto Bold"), local("Roboto-Bold"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2)
+      format("woff2");
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: local("Roboto Bold"), local("Roboto-Bold"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2)
+      format("woff2");
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: local("Roboto Bold"), local("Roboto-Bold"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2)
+      format("woff2");
+  unicode-range: U+0370-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: local("Roboto Bold"), local("Roboto-Bold"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2)
+      format("woff2");
+  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: local("Roboto Bold"), local("Roboto-Bold"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2)
+      format("woff2");
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: local("Roboto Bold"), local("Roboto-Bold"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2)
+      format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 900;
+  font-display: swap;
+  src: local("Roboto Black"), local("Roboto-Black"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCRc4AMP6lbBP.woff2)
+      format("woff2");
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
+    U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 900;
+  font-display: swap;
+  src: local("Roboto Black"), local("Roboto-Black"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfABc4AMP6lbBP.woff2)
+      format("woff2");
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 900;
+  font-display: swap;
+  src: local("Roboto Black"), local("Roboto-Black"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCBc4AMP6lbBP.woff2)
+      format("woff2");
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 900;
+  font-display: swap;
+  src: local("Roboto Black"), local("Roboto-Black"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBxc4AMP6lbBP.woff2)
+      format("woff2");
+  unicode-range: U+0370-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 900;
+  font-display: swap;
+  src: local("Roboto Black"), local("Roboto-Black"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCxc4AMP6lbBP.woff2)
+      format("woff2");
+  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 900;
+  font-display: swap;
+  src: local("Roboto Black"), local("Roboto-Black"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfChc4AMP6lbBP.woff2)
+      format("woff2");
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 900;
+  font-display: swap;
+  src: local("Roboto Black"), local("Roboto-Black"),
+    url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2)
+      format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
--- a/src/assets/fonts/.DS_Store
+++ b/src/assets/fonts/.DS_Store
--- a/src/assets/fonts/roboto/LICENSE.txt
+++ b/src/assets/fonts/roboto/LICENSE.txt
@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
--- a/src/assets/fonts/roboto/Roboto-Black.ttf
+++ b/src/assets/fonts/roboto/Roboto-Black.ttf
--- a/src/assets/fonts/roboto/Roboto-BlackItalic.ttf
+++ b/src/assets/fonts/roboto/Roboto-BlackItalic.ttf
--- a/src/assets/fonts/roboto/Roboto-Bold.ttf
+++ b/src/assets/fonts/roboto/Roboto-Bold.ttf
--- a/src/assets/fonts/roboto/Roboto-BoldItalic.ttf
+++ b/src/assets/fonts/roboto/Roboto-BoldItalic.ttf
--- a/src/assets/fonts/roboto/Roboto-Italic.ttf
+++ b/src/assets/fonts/roboto/Roboto-Italic.ttf
--- a/src/assets/fonts/roboto/Roboto-Light.ttf
+++ b/src/assets/fonts/roboto/Roboto-Light.ttf
--- a/src/assets/fonts/roboto/Roboto-LightItalic.ttf
+++ b/src/assets/fonts/roboto/Roboto-LightItalic.ttf
--- a/src/assets/fonts/roboto/Roboto-Medium.ttf
+++ b/src/assets/fonts/roboto/Roboto-Medium.ttf
--- a/src/assets/fonts/roboto/Roboto-MediumItalic.ttf
+++ b/src/assets/fonts/roboto/Roboto-MediumItalic.ttf
--- a/src/assets/fonts/roboto/Roboto-Regular.ttf
+++ b/src/assets/fonts/roboto/Roboto-Regular.ttf
--- a/src/assets/fonts/roboto/Roboto-Thin.ttf
+++ b/src/assets/fonts/roboto/Roboto-Thin.ttf
--- a/src/assets/fonts/roboto/Roboto-ThinItalic.ttf
+++ b/src/assets/fonts/roboto/Roboto-ThinItalic.ttf
--- a/src/assets/images/.DS_Store
+++ b/src/assets/images/.DS_Store
--- a/src/assets/images/bg-main-dark.svg
+++ b/src/assets/images/bg-main-dark.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1920.004" height="1193.001" viewBox="0 0 1920.004 1193.001">
+  <path id="Intersection_13" data-name="Intersection 13" d="M1183.231,1554.011,2050,361.011h346.311V1440.1l-82.762,113.912Zm-706.924-1193H918.725L476.308,969.945Z" transform="translate(-476.307 -361.011)" fill="rgba(0,0,0,0.06)"/>
+</svg>
--- a/src/assets/images/bg-main.svg
+++ b/src/assets/images/bg-main.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1920.004" height="1193.001" viewBox="0 0 1920.004 1193.001">
+  <path id="Intersection_13" data-name="Intersection 13" d="M1183.231,1554.011,2050,361.011h346.311V1440.1l-82.762,113.912Zm-706.924-1193H918.725L476.308,969.945Z" transform="translate(-476.307 -361.011)" fill="rgba(255,255,255,0.02)"/>
+</svg>
--- a/src/assets/images/error-illustration.svg
+++ b/src/assets/images/error-illustration.svg
@ -0,0 +1,72 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="840" height="726.849" viewBox="0 0 840 726.849">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.5" y1="1" x2="0.5" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="gray" stop-opacity="0.251"/>
+      <stop offset="0.54" stop-color="gray" stop-opacity="0.122"/>
+      <stop offset="1" stop-color="gray" stop-opacity="0.102"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="-1.386" y1="7.85" x2="-1.386" y2="6.809" xlink:href="#linear-gradient"/>
+  </defs>
+  <g id="undraw_Taken_if77" transform="translate(0 -0.001)">
+    <g id="Group_1" data-name="Group 1" opacity="0.8">
+      <ellipse id="Ellipse_1" data-name="Ellipse 1" cx="146.46" cy="113.46" rx="146.46" ry="113.46" transform="translate(285.54 18.85)" fill="url(#linear-gradient)"/>
+    </g>
+    <path id="Ellipse_2" data-name="Ellipse 2" d="M143.21,0C222.3,0,286.42,49.67,286.42,110.94S222.3,221.88,143.21,221.88,0,172.21,0,110.94,64.117,0,143.21,0Z" transform="translate(288.79 21.37)" fill="#475569"/>
+    <path id="Path_1" data-name="Path 1" d="M491.94,231.21c0-61.27,64.11-110.94,143.2-110.94A175.54,175.54,0,0,1,706.5,135c-25.17-17-58.1-27.33-94.14-27.33-79.09,0-143.21,49.67-143.21,110.94,0,41.14,28.91,77.05,71.86,96.21C510.94,294.48,491.94,264.57,491.94,231.21Z" transform="translate(-180 -86.57)" fill="#334155" opacity="0.54"/>
+    <path id="Path_2" data-name="Path 2" d="M432,176.9,590.76,451.88,749.52,726.85H114.48L273.24,451.88Z" fill="#f1f5f9" opacity="0.2"/>
+    <g id="Group_2" data-name="Group 2" opacity="0.3">
+      <path id="Path_3" data-name="Path 3" d="M649.67,652.79,662,616.2a62.66,62.66,0,0,0-23.2-70.89l.1-.06a61.48,61.48,0,0,0-15.79-8h0l-.17-.06-.19-.06h0a61.55,61.55,0,0,0-16.9-3.18,59.272,59.272,0,0,0-6.11,0,62.316,62.316,0,0,0-10.49,1.45c-1,.22-2,.47-2.91.74s-1.93.56-2.88.87c-1.9.63-3.77,1.34-5.6,2.15-.92.4-1.83.82-2.72,1.27a61.46,61.46,0,0,0-7.75,4.56c-.83.57-1.64,1.16-2.44,1.76a62,62,0,0,0-21.24,29.6L524.33,634a61.861,61.861,0,0,0-2.68,28.12c.2,1.45.45,2.89.74,4.32s.65,2.84,1,4.24c.27.93.55,1.86.86,2.78.46,1.37,1,2.74,1.51,4.08.37.89.76,1.78,1.17,2.66.81,1.75,1.71,3.46,2.68,5.13a54.1,54.1,0,0,0,3.16,4.88c.84,1.18,1.73,2.34,2.65,3.46a52.246,52.246,0,0,0,3.92,4.33,61.809,61.809,0,0,0,21,13.89h0l.34.14a21.647,21.647,0,0,1,1.4-2.17c3-4.11,8.22-7,13.19-5.92.36.08.72.19,1.08.3,2.52.89,5,2.48,7.43,3.26a6.66,6.66,0,0,0,5.61-.07c4.86-2.59,3.06-10.76,7.23-14.34a6.5,6.5,0,0,1,.61-.46,1.9,1.9,0,0,1-.16-.23c3.22-2,7.68-.67,11.39.62,4,1.41,9.22,2.36,12-.91,1.88-2.24,1.74-5.65,3.53-8,2.08-2.7,6-3,9.39-2.52l.17.05c6.5,2.68,13.6-1.77,13.1-8.78a54.765,54.765,0,0,1,3.02-20.07Z" transform="translate(-180 -86.57)" fill="#f1f5f9"/>
+    </g>
+    <path id="Path_4" data-name="Path 4" d="M563.21,706.78c2.92-4,7.93-6.8,12.73-5.71s9.35,5.66,13.62,3.37c5.84-3.12,1.7-14.59,11.18-15.44a12.441,12.441,0,0,1,5.77,1c4,1.63,10.26,3.47,13.34-.2,1.81-2.16,1.68-5.45,3.41-7.69,2-2.6,5.81-2.93,9.06-2.43l.16.05c6.27,2.59,13.13-1.71,12.64-8.47-.63-9,2.23-17.48,2.85-19.32l11.88-35.31A60.38,60.38,0,0,0,622,540.34h0a60.38,60.38,0,0,0-76.27,37.86L527,633.73a60.39,60.39,0,0,0,34.82,75.15,21.445,21.445,0,0,1,1.39-2.1Z" transform="translate(-180 -86.57)" fill="#fff"/>
+    <circle id="Ellipse_3" data-name="Ellipse 3" cx="6.51" cy="6.51" r="6.51" transform="translate(398.84 479.57)" fill="#475569" opacity="0.2"/>
+    <circle id="Ellipse_4" data-name="Ellipse 4" cx="6.51" cy="6.51" r="6.51" transform="translate(435.86 492.02)" fill="#475569" opacity="0.2"/>
+    <ellipse id="Ellipse_5" data-name="Ellipse 5" cx="9.76" cy="6.51" rx="9.76" ry="6.51" transform="matrix(0.319, -0.948, 0.948, 0.319, 406.3, 524.221)" fill="#475569"/>
+    <circle id="Ellipse_6" data-name="Ellipse 6" cx="9.76" cy="9.76" r="9.76" transform="translate(542.77 477.76)" fill="#fff"/>
+    <circle id="Ellipse_7" data-name="Ellipse 7" cx="4.88" cy="4.88" r="4.88" transform="translate(578.57 467.29)" fill="#fff"/>
+    <ellipse id="Ellipse_19" data-name="Ellipse 19" cx="34" cy="7" rx="34" ry="7" transform="translate(423 44.43)" opacity="0.05"/>
+    <ellipse id="Ellipse_20" data-name="Ellipse 20" cx="34" cy="7" rx="34" ry="7" transform="translate(358 74.43)" opacity="0.05"/>
+    <ellipse id="Ellipse_21" data-name="Ellipse 21" cx="34" cy="7" rx="34" ry="7" transform="translate(483 87.43)" opacity="0.05"/>
+    <g id="Group_4" data-name="Group 4" opacity="0.5">
+      <g id="Group_3" data-name="Group 3" opacity="0.3">
+        <path id="Path_5" data-name="Path 5" d="M662.67,259.79,675,223.2a62.66,62.66,0,0,0-23.2-70.89l.1-.06a61.477,61.477,0,0,0-15.79-8h0l-.17-.06-.19-.06h0a61.55,61.55,0,0,0-16.9-3.18,59.264,59.264,0,0,0-6.11,0,62.32,62.32,0,0,0-10.49,1.45c-1,.22-2,.47-2.91.74s-1.93.56-2.88.87c-1.9.63-3.77,1.34-5.6,2.15-.92.4-1.83.82-2.72,1.27a61.467,61.467,0,0,0-7.75,4.56c-.83.57-1.64,1.16-2.44,1.76a62,62,0,0,0-21.24,29.6L537.33,241a61.858,61.858,0,0,0-2.68,28.12c.2,1.45.45,2.89.74,4.32s.65,2.84,1,4.24c.27.93.55,1.86.86,2.78.46,1.37,1,2.74,1.51,4.08.37.89.76,1.78,1.17,2.66.81,1.75,1.71,3.46,2.68,5.13a54.078,54.078,0,0,0,3.16,4.88c.84,1.18,1.73,2.34,2.65,3.46,1.24,1.5,2.54,2.95,3.92,4.33a61.81,61.81,0,0,0,21,13.89h0l.34.14a21.648,21.648,0,0,1,1.4-2.17c3-4.11,8.22-7,13.19-5.92.36.08.72.19,1.08.3,2.52.89,5,2.48,7.43,3.26a6.66,6.66,0,0,0,5.61-.07c4.86-2.59,3.06-10.76,7.23-14.34a6.509,6.509,0,0,1,.61-.46,1.887,1.887,0,0,1-.16-.23c3.22-2,7.68-.67,11.39.62,4,1.41,9.22,2.36,12-.91,1.88-2.24,1.74-5.65,3.53-8,2.08-2.7,6-3,9.39-2.52h.17c6.5,2.68,13.6-1.77,13.1-8.78C659.06,270.51,662,261.7,662.67,259.79Z" transform="translate(-180 -86.57)" fill="url(#linear-gradient-2)"/>
+      </g>
+      <path id="Path_6" data-name="Path 6" d="M576.21,313.78c2.92-4,7.93-6.8,12.73-5.71s9.35,5.66,13.62,3.37c5.84-3.12,1.7-14.59,11.18-15.44a12.44,12.44,0,0,1,5.77,1c4,1.63,10.26,3.47,13.34-.2,1.81-2.16,1.68-5.45,3.41-7.69,2-2.6,5.81-2.93,9.06-2.43l.16.05c6.27,2.59,13.13-1.71,12.64-8.47-.63-9,2.23-17.48,2.85-19.32l11.88-35.31A60.38,60.38,0,0,0,635,147.34h0a60.38,60.38,0,0,0-76.27,37.86L540,240.73a60.39,60.39,0,0,0,34.82,75.15,21.447,21.447,0,0,1,1.39-2.1Z" transform="translate(-180 -86.57)" fill="#f1f5f9"/>
+      <circle id="Ellipse_8" data-name="Ellipse 8" cx="6.51" cy="6.51" r="6.51" transform="translate(411.84 86.57)" opacity="0.2"/>
+      <circle id="Ellipse_9" data-name="Ellipse 9" cx="6.51" cy="6.51" r="6.51" transform="translate(448.86 99.02)" opacity="0.2"/>
+    </g>
+    <path id="Path_7" data-name="Path 7" d="M749.52,186a87.515,87.515,0,0,1,2.79,22c0,61.27-64.11,110.94-143.2,110.94C544.38,318.9,489.69,285.64,472,240c13.14,50.77,71,89,140.41,89,79.09,0,143.21-49.67,143.21-110.94a88.159,88.159,0,0,0-6.1-32.06Z" transform="translate(-180 -86.57)" opacity="0.1"/>
+    <g id="Group_5" data-name="Group 5" opacity="0.8">
+      <ellipse id="Ellipse_10" data-name="Ellipse 10" cx="296.18" cy="77.41" rx="296.18" ry="77.41" transform="translate(135.82 103.27)" fill="#cbd5e1"/>
+    </g>
+    <path id="Path_8" data-name="Path 8" d="M612,192.4c-158.18,0-286.42,33.51-286.42,74.86H898.42C898.42,225.91,770.18,192.4,612,192.4Z" transform="translate(-180 -86.57)" fill="#f1f5f9"/>
+    <path id="Path_9" data-name="Path 9" d="M612,342.11c158.18,0,286.42-33.51,286.42-74.85H325.58C325.58,308.6,453.82,342.11,612,342.11Z" transform="translate(-180 -86.57)" fill="#fff"/>
+    <path id="Path_10" data-name="Path 10" d="M612,342.11c158.18,0,286.42-33.51,286.42-74.85H325.58C325.58,308.6,453.82,342.11,612,342.11Z" transform="translate(-180 -86.57)" fill="#f1f5f9"/>
+    <rect id="Rectangle_1" data-name="Rectangle 1" width="273.4" height="39.06" rx="17.22" transform="translate(295.3 161.15)" fill="#475569" opacity="0.05"/>
+    <path id="Path_11" data-name="Path 11" d="M313.89,144.38a3.68,3.68,0,0,1-2.05-4.44,1.86,1.86,0,0,0,.08-.41h0a1.84,1.84,0,0,0-3.31-1.22h0a1.82,1.82,0,0,0-.2.36,3.67,3.67,0,0,1-4.44,2.05,2,2,0,0,0-.41-.08h0a1.84,1.84,0,0,0-1.22,3.31h0a1.619,1.619,0,0,0,.36.21,3.68,3.68,0,0,1,2.05,4.44,1.889,1.889,0,0,0-.08.4h0a1.84,1.84,0,0,0,3.31,1.23h0a1.649,1.649,0,0,0,.2-.37,3.67,3.67,0,0,1,4.44-2,2,2,0,0,0,.41.08h0a1.84,1.84,0,0,0,1.22-3.31h0A1.621,1.621,0,0,0,313.89,144.38Z" transform="translate(-180 -86.57)" fill="#fff" opacity="0.5"/>
+    <path id="Path_12" data-name="Path 12" d="M822.89,450.38a3.68,3.68,0,0,1-2-4.44,1.851,1.851,0,0,0,.08-.41h0a1.84,1.84,0,0,0-3.31-1.22h0a1.817,1.817,0,0,0-.2.36,3.67,3.67,0,0,1-4.44,2.05,2,2,0,0,0-.41-.08h0a1.84,1.84,0,0,0-1.22,3.31h0a1.622,1.622,0,0,0,.36.21,3.68,3.68,0,0,1,2,4.44,1.89,1.89,0,0,0-.08.4h0a1.84,1.84,0,0,0,3.31,1.23h0a1.645,1.645,0,0,0,.2-.37,3.67,3.67,0,0,1,4.44-2,2,2,0,0,0,.41.08h0a1.84,1.84,0,0,0,1.22-3.31h0a1.62,1.62,0,0,0-.36-.25Z" transform="translate(-180 -86.57)" fill="#fff" opacity="0.5"/>
+    <path id="Path_13" data-name="Path 13" d="M260.89,592.38a3.68,3.68,0,0,1-2.05-4.44,1.859,1.859,0,0,0,.08-.41h0a1.84,1.84,0,0,0-3.31-1.22h0a1.817,1.817,0,0,0-.2.36,3.67,3.67,0,0,1-4.44,2.05,2,2,0,0,0-.41-.08h0a1.84,1.84,0,0,0-1.22,3.31h0a1.619,1.619,0,0,0,.36.21,3.68,3.68,0,0,1,2.05,4.44,1.891,1.891,0,0,0-.08.4h0a1.84,1.84,0,0,0,3.31,1.23h0a1.647,1.647,0,0,0,.2-.37,3.67,3.67,0,0,1,4.44-2,2,2,0,0,0,.41.08h0a1.84,1.84,0,0,0,1.22-3.31h0a1.62,1.62,0,0,0-.36-.25Z" transform="translate(-180 -86.57)" fill="#fff" opacity="0.5"/>
+    <path id="Path_14" data-name="Path 14" d="M205.89,261.38a3.68,3.68,0,0,1-2-4.44,1.859,1.859,0,0,0,.08-.41h0a1.84,1.84,0,0,0-3.31-1.22h0a1.82,1.82,0,0,0-.2.36,3.67,3.67,0,0,1-4.44,2.05,2,2,0,0,0-.41-.08h0a1.84,1.84,0,0,0-1.22,3.31h0a1.621,1.621,0,0,0,.36.21,3.68,3.68,0,0,1,2.05,4.44,1.889,1.889,0,0,0-.08.4h0a1.84,1.84,0,0,0,3.31,1.23h0a1.65,1.65,0,0,0,.2-.37,3.67,3.67,0,0,1,4.44-2,2,2,0,0,0,.41.08h0a1.84,1.84,0,0,0,1.22-3.31h0A1.62,1.62,0,0,0,205.89,261.38Z" transform="translate(-180 -86.57)" fill="#fff" opacity="0.5"/>
+    <path id="Path_15" data-name="Path 15" d="M812.89,93.38a3.68,3.68,0,0,1-2-4.44,1.858,1.858,0,0,0,.08-.41h0a1.84,1.84,0,0,0-3.31-1.22h0a1.818,1.818,0,0,0-.2.36,3.67,3.67,0,0,1-4.44,2,2,2,0,0,0-.41-.08h0A1.84,1.84,0,0,0,801.34,93h0a1.618,1.618,0,0,0,.36.21,3.68,3.68,0,0,1,2,4.44,1.885,1.885,0,0,0-.08.4h0A1.84,1.84,0,0,0,807,99.23h0a1.65,1.65,0,0,0,.2-.37,3.67,3.67,0,0,1,4.44-2,2,2,0,0,0,.41.08h0a1.84,1.84,0,0,0,1.22-3.31h0a1.623,1.623,0,0,0-.38-.25Z" transform="translate(-180 -86.57)" fill="#fff" opacity="0.5"/>
+    <g id="Group_6" data-name="Group 6" opacity="0.5">
+      <rect id="Rectangle_2" data-name="Rectangle 2" width="3" height="17" transform="translate(110 257.85)" fill="#fff"/>
+      <rect id="Rectangle_3" data-name="Rectangle 3" width="3" height="17" transform="translate(120 264.85) rotate(90)" fill="#fff"/>
+    </g>
+    <g id="Group_7" data-name="Group 7" opacity="0.5">
+      <rect id="Rectangle_4" data-name="Rectangle 4" width="3" height="17" transform="translate(830 177.85)" fill="#fff"/>
+      <rect id="Rectangle_5" data-name="Rectangle 5" width="3" height="17" transform="translate(840 184.85) rotate(90)" fill="#fff"/>
+    </g>
+    <g id="Group_8" data-name="Group 8" opacity="0.5">
+      <rect id="Rectangle_6" data-name="Rectangle 6" width="3" height="17" transform="translate(730 456.85)" fill="#fff"/>
+      <rect id="Rectangle_7" data-name="Rectangle 7" width="3" height="17" transform="translate(740 463.85) rotate(90)" fill="#fff"/>
+    </g>
+    <circle id="Ellipse_11" data-name="Ellipse 11" cx="6" cy="6" r="6" transform="translate(717 75.85)" fill="#fff" opacity="0.5"/>
+    <circle id="Ellipse_12" data-name="Ellipse 12" cx="6" cy="6" r="6" transform="translate(0 6.85)" fill="#fff" opacity="0.5"/>
+    <circle id="Ellipse_13" data-name="Ellipse 13" cx="6" cy="6" r="6" transform="translate(180 351.85)" fill="#fff" opacity="0.5"/>
+    <ellipse id="Ellipse_14" data-name="Ellipse 14" cx="34" cy="7" rx="34" ry="7" transform="translate(200 147.43)" fill="#475569" opacity="0.05"/>
+    <ellipse id="Ellipse_15" data-name="Ellipse 15" cx="34" cy="7" rx="34" ry="7" transform="translate(200 200.43)" fill="#475569" opacity="0.05"/>
+    <ellipse id="Ellipse_16" data-name="Ellipse 16" cx="34" cy="7" rx="34" ry="7" transform="translate(587 147.43)" fill="#475569" opacity="0.05"/>
+    <ellipse id="Ellipse_17" data-name="Ellipse 17" cx="34" cy="7" rx="34" ry="7" transform="translate(587 200.43)" fill="#475569" opacity="0.05"/>
+    <ellipse id="Ellipse_18" data-name="Ellipse 18" cx="34" cy="7" rx="34" ry="7" transform="translate(398 117.43)" fill="#475569" opacity="0.05"/>
+    <ellipse id="Ellipse_22" data-name="Ellipse 22" cx="34" cy="7" rx="34" ry="7" transform="translate(398 221.43)" fill="#475569" opacity="0.05"/>
+  </g>
+</svg>
--- a/src/assets/images/food-beverage-1.jpg
+++ b/src/assets/images/food-beverage-1.jpg
--- a/src/assets/images/food-beverage-10.jpg
+++ b/src/assets/images/food-beverage-10.jpg
--- a/src/assets/images/food-beverage-11.jpg
+++ b/src/assets/images/food-beverage-11.jpg
--- a/src/assets/images/food-beverage-12.jpg
+++ b/src/assets/images/food-beverage-12.jpg
--- a/src/assets/images/food-beverage-13.jpg
+++ b/src/assets/images/food-beverage-13.jpg
--- a/src/assets/images/food-beverage-14.jpg
+++ b/src/assets/images/food-beverage-14.jpg
--- a/src/assets/images/food-beverage-15.jpg
+++ b/src/assets/images/food-beverage-15.jpg
--- a/src/assets/images/food-beverage-16.jpg
+++ b/src/assets/images/food-beverage-16.jpg
--- a/src/assets/images/food-beverage-17.jpg
+++ b/src/assets/images/food-beverage-17.jpg
--- a/src/assets/images/food-beverage-18.jpg
+++ b/src/assets/images/food-beverage-18.jpg
--- a/src/assets/images/food-beverage-19.jpg
+++ b/src/assets/images/food-beverage-19.jpg
--- a/src/assets/images/food-beverage-2.jpg
+++ b/src/assets/images/food-beverage-2.jpg
--- a/src/assets/images/food-beverage-3.jpg
+++ b/src/assets/images/food-beverage-3.jpg
--- a/src/assets/images/food-beverage-4.jpg
+++ b/src/assets/images/food-beverage-4.jpg
--- a/src/assets/images/food-beverage-5.jpg
+++ b/src/assets/images/food-beverage-5.jpg
--- a/src/assets/images/food-beverage-6.jpg
+++ b/src/assets/images/food-beverage-6.jpg
--- a/src/assets/images/food-beverage-7.jpg
+++ b/src/assets/images/food-beverage-7.jpg
--- a/src/assets/images/food-beverage-8.jpg
+++ b/src/assets/images/food-beverage-8.jpg
--- a/src/assets/images/food-beverage-9.jpg
+++ b/src/assets/images/food-beverage-9.jpg
--- a/src/assets/images/illustration.svg
+++ b/src/assets/images/illustration.svg
@ -0,0 +1,121 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="330.653" height="229.984" viewBox="0 0 330.653 229.984">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.5" y1="1" x2="0.5" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="gray" stop-opacity="0.251"/>
+      <stop offset="0.54" stop-color="gray" stop-opacity="0.122"/>
+      <stop offset="1" stop-color="gray" stop-opacity="0.102"/>
+    </linearGradient>
+  </defs>
+  <g id="Group_1" data-name="Group 1" transform="translate(-420 -259)">
+    <circle id="Ellipse_37" data-name="Ellipse 37" cx="3.972" cy="3.972" r="3.972" transform="translate(722.377 259)" fill="#f1f5f9" opacity="0.1"/>
+    <ellipse id="Ellipse_38" data-name="Ellipse 38" cx="27.882" cy="2.78" rx="27.882" ry="2.78" transform="translate(620.471 483.424)" fill="#6c63ff" opacity="0.1"/>
+    <path id="Path_65" data-name="Path 65" d="M136.394,487.31l-.122,6.6-.98,53.523L126.9,567.077l-28.9.331V490.352l30.166-2.39Z" transform="translate(354.436 -100.91)" fill="#5f5d7e"/>
+    <path id="Path_66" data-name="Path 66" d="M136.394,487.31l-.122,6.6-.98,53.523L126.9,567.077l-28.9.331V490.352l30.166-2.39Z" transform="translate(354.436 -100.91)" fill="#334155"/>
+    <path id="Path_67" data-name="Path 67" d="M194.819,487.31l-.122,6.6-.98,53.523-8.387,19.641,2.208-73.038-.007-.046-.94-6.031Z" transform="translate(296.011 -100.91)" fill="#475569"/>
+    <path id="Path_68" data-name="Path 68" d="M128.166,487.962l8.228-.652-.122,6.6-7.166.079L98,494.34v-3.988Z" transform="translate(354.436 -100.91)" opacity="0.1"/>
+    <path id="Path_69" data-name="Path 69" d="M930.981,487.562v76.613h-6.729L897.33,544.538V485.4l24.053-2.261,1.476.679,1.393.642Z" transform="translate(-180.328 -98.121)" fill="#475569"/>
+    <rect id="Rectangle_55" data-name="Rectangle 55" width="6.729" height="80.356" transform="translate(743.924 385.698)" fill="#334155"/>
+    <path id="Path_70" data-name="Path 70" d="M930.981,483.819v4.4l-6.729.076-26.922.3v-3.2l24.053-2.261,1.476.679,1.393.642v-.642Z" transform="translate(-180.328 -98.121)" opacity="0.1"/>
+    <path id="Path_71" data-name="Path 71" d="M330.653,464.929v6.242L0,474.858v-7.944l31.113-6.289,270.745-1.986Z" transform="translate(420 -81.73)" fill="#475569"/>
+    <path id="Path_72" data-name="Path 72" d="M330.653,477.64v6.242L0,487.57v-7.944Z" transform="translate(420 -94.441)" fill="#334155"/>
+    <rect id="Rectangle_56" data-name="Rectangle 56" width="115.818" height="89.925" rx="22.82" transform="translate(540.975 289.64)" fill="#475569"/>
+    <rect id="Rectangle_57" data-name="Rectangle 57" width="97.349" height="73.356" rx="7" transform="translate(550.295 297.752)" fill="#f1f5f9"/>
+    <circle id="Ellipse_39" data-name="Ellipse 39" cx="1.595" cy="1.595" r="1.595" transform="translate(544.9 332.833)" fill="#e6e8ec"/>
+    <circle id="Ellipse_40" data-name="Ellipse 40" cx="2.631" cy="2.631" r="2.631" transform="translate(649.326 331.969)" fill="#e6e8ec"/>
+    <path id="Path_73" data-name="Path 73" d="M620.934,349.638l-12.448-7.566a1.7,1.7,0,0,0-2.525,1.483V358.27a1.7,1.7,0,0,0,2.525,1.483l12.448-7.143a1.7,1.7,0,0,0,0-2.972Zm9.36,1.274a17.542,17.542,0,1,0-17.542,17.542,17.542,17.542,0,0,0,17.542-17.542Zm-31.688,0a14.146,14.146,0,1,1,14.146,14.146,14.146,14.146,0,0,1-14.146-14.146Z" transform="translate(-11.469 -14.925)" fill="#475469"/>
+    <path id="Path_74" data-name="Path 74" d="M736.127,405.782a4.14,4.14,0,0,0-.374-1.165c.251-.857.414-1.384.414-1.384a1.93,1.93,0,0,0-.04-.331,5.081,5.081,0,0,0-5.147-4.263c-1.986.036-5.753.169-9.93.639.238-1.671.523-3.671.821-5.729l.546.06a2.6,2.6,0,0,1,.391.02h.175a1.8,1.8,0,0,0,1.211-.371.715.715,0,0,0-.222-1.172A2.952,2.952,0,0,0,726.565,391a2.317,2.317,0,0,0,0-2.694c-.7-.993-2.178-1.655-2.257-2.823a3.449,3.449,0,0,1,.748-1.844,7.7,7.7,0,0,0-1.215-9.251,18.1,18.1,0,0,0-1.47-1.307c-.728-2.674-1.489-5.064-1.714-5.14a5.783,5.783,0,0,1-1.268-1.264,6.084,6.084,0,0,0-.023-1.367c-.351-2.317-2.648-3.972-3.912-6.017a10.388,10.388,0,0,1-1.168-6.894,49.319,49.319,0,0,1,1.807-6.9,8.782,8.782,0,0,0,.354-5.187,9.428,9.428,0,0,0-2.135-3.217,24.318,24.318,0,0,0-7.586-5.958,15.076,15.076,0,0,0-6.716-1.436h-.023l-.364.02-.258.017-.258.026-.275.026h0c-.281.036-.559.079-.837.136a28.9,28.9,0,0,0-6.14-.688h-.268a3.144,3.144,0,0,0-1.754.414c-.735.513-.828,1.433-1.049,2.234a6.2,6.2,0,0,1-2.383,3.31c-.791.569-1.721.993-2.476,1.589a2.522,2.522,0,0,0-1.142,2.37,2.586,2.586,0,0,0,1.655,1.622c-.1.119-.2.235-.288.357.156.063.331.119.473.165.993.3,2.062.331,3.068.6a6.725,6.725,0,0,1,.814.275,11.624,11.624,0,0,0-1.36,5.468,11.78,11.78,0,0,0,6.163,10.333v.331c.1,3.455-.159,7.659-1.926,8.371s-3.459,1.516-4.5,2.036l-.331.175c-.275-.126-.549-.258-.818-.4,0,0-1.407-.166-1.162.907,0,0-4.253-.662-6.587,1.155a60.664,60.664,0,0,0-6.914,6.6c-.751.99-6.56,3.154-6.56,3.154a7.448,7.448,0,0,0,1.039-5.693s-.874-3.78-.457-5.3,1.5-7.143,1.5-7.143.152-5.938-3.088-8.662-5.494-4.965-4.243-2.317a36.912,36.912,0,0,0,1.834,3.545s-7.748,1.84-5,4.713,3.5,2.876,3.5,2.876-.917,7.093-1.086,8.414-1.655,11.383-1.655,11.383-.083,4.786.751,5.527a3.765,3.765,0,0,0,4,2.979s6.58-.166,8.414-.907,8.162-4.7,8.831-4.455a.38.38,0,0,1,.129.086.943.943,0,0,1,.1.1c-.662,1.466-2.231,6.444-1.562,8.89,0,0-.583,6.927,2.916,9.155,0,0,5.081,8.579,3.164,13.2-.152.374-.288.718-.414,1.053-2.909-2.413-7.348-4.634-14.126-5.862-.692-.126-1.38-.278-2.062-.444-1.926-.467-7.225-.894-9.747,7.484a36.849,36.849,0,0,1-2.237,5.667,18.709,18.709,0,0,0-2.118,7.745c-.056,4,2.012,7.973,9.519,9.43a28.567,28.567,0,0,0,1.443,9.079c2.082,5.2,5.415,13.61,5.415,13.61s4,8.579,4.25,12.041a55.272,55.272,0,0,1,.235,7.282,3.231,3.231,0,0,1-.033.364,8.769,8.769,0,0,1-1.119,1.016c-.583.331-2.5,2.393-2.5,2.886a8.82,8.82,0,0,0,.126,1.41,3.474,3.474,0,0,0-1.4,2.515c0,4.475,12.7,8.1,28.365,8.1s28.362-3.641,28.362-8.1c0-4.084-10.592-7.46-24.354-8.016,2.87-1.145,5.418-2.347,6.474-3.31a1.549,1.549,0,0,0,.5-.682L705.5,473.78s-.208.046-.516.136l-.185-.278c-1.185-1.8-3.465-5.4-3.465-6.375,0-.361-.6-2.668-1.476-5.829V451.289c8.692,1.324,19.892-.477,19.892-.477l.05-.026h.218v-.119c1.506-.834,9.039-5.246,11.273-11.1.662-1.708-.162-4.154-1.8-6.769,1.145-2.843,3.972-10.188,3.69-13.117,0-.156-.02-.331-.02-.5a8.635,8.635,0,0,0,.033-.9c.331-4.3,2.979-12.164,2.979-12.164S736.16,405.981,736.127,405.782ZM679.86,386.665c.6,1.059,1.248,2.413,1.5,2.962h0s-.88-1.622-1.486-2.962Zm.629,92.709-.063.023v-.331a19.7,19.7,0,0,1,.063-2.588,3.032,3.032,0,0,0-.285-1.344,31.773,31.773,0,0,1-2.029-7.987,40.057,40.057,0,0,1-.434-6.835,121.041,121.041,0,0,0,.149-15.113l5.124,1.152,5.958,12.147s3.833,5.931,5.021,10.611V473.8a11.453,11.453,0,0,1-1.791,3.886c-.791,1.082-1.562,2.178-2.277,3.31-.218.351-.46.712-.7,1.049-.079,0-3.995.228-4.66.963a4.449,4.449,0,0,0-1.245,1.887l-.169.026a39.5,39.5,0,0,0-2.645-5.544Z" transform="translate(-50.055 -12.157)" fill="url(#linear-gradient)"/>
+    <path id="Path_75" data-name="Path 75" d="M775.915,767.873l-1.324,4.3-5.627,4.882-8.275,2.376s-3.889-2.128-2.565-2.542a3.266,3.266,0,0,0,1.248-1.086c-.463,1.688,3.22-.487,3.22-.487s9.516-6.785,10.509-7.53a7.484,7.484,0,0,1,2.118-.97C775.634,767.465,775.915,767.873,775.915,767.873Z" transform="translate(-120.277 -304.91)" opacity="0.1"/>
+    <path id="Path_76" data-name="Path 76" d="M757.738,692.923l-1.324,4.3-5.627,4.882-8.275,2.376s-3.889-2.128-2.565-2.542a3.264,3.264,0,0,0,1.248-1.086,16.531,16.531,0,0,0,1.1-1.6c.708-1.139,1.476-2.237,2.261-3.31a11.912,11.912,0,0,0,2.089-5.5c.579-4.551-5.3-13.736-5.3-13.736L730.68,654.79l14.894,1.82s8.026,27.555,8.026,28.878c0,.993,2.264,4.584,3.442,6.4C757.457,692.516,757.738,692.923,757.738,692.923Z" transform="translate(-102.1 -229.96)" fill="#f8d4d4"/>
+    <ellipse id="Ellipse_41" data-name="Ellipse 41" cx="28.173" cy="8.126" rx="28.173" ry="8.126" transform="translate(619.203 472.187)" fill="#1e293b"/>
+    <path id="Path_77" data-name="Path 77" d="M770.57,773.456a1.589,1.589,0,0,1-.5.685c-2.045,1.877-9.7,4.667-14.421,6.183a33.427,33.427,0,0,1-3.783,1.076,11.216,11.216,0,0,1-5.213-1.678c-1.655-1.016-.165-2.459.5-3.2s4.634-.966,4.634-.966c-1.9,3.167,2.81.387,2.81.387s9.516-6.785,10.509-7.53a9.136,9.136,0,0,1,2.813-1.158Z" transform="translate(-112.285 -305.197)" fill="#fff"/>
+    <path id="Path_79" data-name="Path 79" d="M789.781,788.09c-2.045,1.877-9.694,4.667-14.421,6.183C779.643,790.645,786.825,788.749,789.781,788.09Z" transform="translate(-131.992 -319.14)" opacity="0.1"/>
+    <ellipse id="Ellipse_42" data-name="Ellipse 42" cx="5.637" cy="1.625" rx="5.637" ry="1.625" transform="translate(641.74 476.07)" opacity="0.1"/>
+    <rect id="Rectangle_58" data-name="Rectangle 58" width="5.792" height="42.862" transform="translate(644.242 434.833)" fill="#1e293b"/>
+    <path id="Path_80" data-name="Path 80" d="M783.792,687.128v4.965A40.74,40.74,0,0,1,778,689.045V685h1.208Z" transform="translate(-133.758 -250.171)" opacity="0.1"/>
+    <path id="Path_81" data-name="Path 81" d="M754.27,610.208s19.124-4.922,23.884-8.606,23.45,13.65,20.981,20.19-11.459,11.277-11.459,11.277-24.86,4.045-29.094-4.392S754.27,610.208,754.27,610.208Z" transform="translate(-117.882 -194.037)" fill="#94a3b8"/>
+    <path id="Path_82" data-name="Path 82" d="M754.27,610.208s19.124-4.922,23.884-8.606,23.45,13.65,20.981,20.19-11.459,11.277-11.459,11.277-24.86,4.045-29.094-4.392S754.27,610.208,754.27,610.208Z" transform="translate(-117.882 -194.037)" fill="#94a3b8" opacity="0.445"/>
+    <path id="Path_83" data-name="Path 83" d="M749.27,604.208s19.124-4.922,23.884-8.606,23.45,13.65,20.981,20.19-11.459,11.277-11.459,11.277-24.86,4.045-29.094-4.392S749.27,604.208,749.27,604.208Z" transform="translate(-114.537 -190.023)" fill="#334155"/>
+    <path id="Path_84" data-name="Path 84" d="M673.421,423.313l-2.069-.751a7.524,7.524,0,0,0,1.036-5.709s-.87-3.793-.457-5.329,1.489-7.166,1.489-7.166.152-5.958-3.068-8.688-5.455-4.965-4.213-2.317a36.851,36.851,0,0,0,1.82,3.558s-7.7,1.844-4.965,4.73,3.475,2.883,3.475,2.883-.91,7.116-1.076,8.44-1.655,11.419-1.655,11.419-.083,4.8.745,5.544a3.744,3.744,0,0,0,3.972,2.979C669.046,432.9,676.069,425.134,673.421,423.313Z" transform="translate(-56.426 -54.261)" fill="#f8d4d4"/>
+    <path id="Path_85" data-name="Path 85" d="M784.127,413.249v4.634l-4.8,1.566-8.175,6.017-2.168,1.6-9.681-3.889-6.123-6.454s.3-.162.814-.43l.331-.175c1.036-.52,2.668-1.324,4.472-2.042s2.016-4.928,1.913-8.4v-.331c-.083-2.433-.331-4.422-.331-4.422s1.009-.192,2.479-.41c4.074-.606,11.677-1.423,11.009,1.072a5.752,5.752,0,0,0,0,2.578c.02.093.04.189.063.281a21.835,21.835,0,0,0,2.82,6.16l6.62,2.383.185.066Z" transform="translate(-117.153 -59.421)" fill="#f8d4d4"/>
+    <path id="Path_86" data-name="Path 86" d="M838.485,441.541v-1.407a4.636,4.636,0,0,1,1.572,0c.579.166,1.678,1.9,2.175,2.069s3.535,11.5,3.2,12.495-3.459,23.411-3.459,23.411l-6.3,6.951-1.241-19.114,4.055-11.336Z" transform="translate(-171.511 -86.307)" fill="#f8d4d4"/>
+    <path id="Path_87" data-name="Path 87" d="M737.631,601.77s-5.762,1.241-5.031,3.062,3.955,1.9,3.955,1.9Z" transform="translate(-103.342 -194.489)" fill="#fdc2cc"/>
+    <path id="Path_88" data-name="Path 88" d="M710.965,463.909l-4.385,9.45-5.213,3.806-.91-5.882s-1.761-3.889-2.519-4.548a.379.379,0,0,0-.129-.086c-.662-.248-6.951,3.724-8.771,4.468s-8.357.91-8.357.91l2.9-10.343s5.792-2.151,6.537-3.144a60.232,60.232,0,0,1,6.868-6.62c2.317-1.82,6.544-1.158,6.544-1.158l.066.027,1.086.47,3.144,7.7Z" transform="translate(-68.65 -93.384)" fill="#f8d4d4"/>
+    <path id="Path_89" data-name="Path 89" d="M701.066,669.314a19.757,19.757,0,0,0-.063,2.595c.023.923.063,1.708.063,1.708l-1.9,3.972s-6.537,2.151-5.461,1.241a3.6,3.6,0,0,0,.662-2.214,56.131,56.131,0,0,0-.235-7.3c-.248-3.475-4.22-12.081-4.22-12.081s-3.31-8.44-5.378-13.653-1.324-14.646-1.324-14.646.331-7.116,1.82-9.268,7.282-2.9,7.282-2.9l2.717,9.013s2.234,8.44,3.062,9.681.579,16.053.248,17.625a42.152,42.152,0,0,0,.434,6.858,32.207,32.207,0,0,0,2.012,8.01,3.059,3.059,0,0,1,.281,1.359Z" transform="translate(-70.252 -204.524)" fill="#f8d4d4"/>
+    <path id="Path_90" data-name="Path 90" d="M722.3,785.068l-1.9,3.972s-6.537,2.151-5.461,1.241a3.6,3.6,0,0,0,.662-2.214c.235-.235.487-.493.745-.758a16.712,16.712,0,0,1,5.908-3.949h0C722.263,784.283,722.3,785.068,722.3,785.068Z" transform="translate(-91.489 -315.975)" opacity="0.1"/>
+    <path id="Path_91" data-name="Path 91" d="M719.522,791.588a.187.187,0,0,1,0,.046c-.331,1.572-5.792,3.724-5.792,3.724s-3.475.579-5.461,1.076a1.374,1.374,0,0,1-.467.043c-1.532-.116-1.6-3.065-1.6-3.518a9.4,9.4,0,0,1,2.482-2.9,17.738,17.738,0,0,0,1.84-1.764,17.078,17.078,0,0,1,6.031-4.028h0S719.787,789.956,719.522,791.588Z" transform="translate(-85.723 -316.584)" fill="#fff"/>
+    <path id="Path_93" data-name="Path 93" d="M722.76,806.268a.2.2,0,0,1,0,.046c-.331,1.572-5.792,3.724-5.792,3.724s-3.475.579-5.461,1.076a1.375,1.375,0,0,1-.467.043c1.8-1.235,6.166-4.2,6.755-4.263S721.287,805.993,722.76,806.268Z" transform="translate(-88.961 -331.264)" opacity="0.1"/>
+    <path id="Path_94" data-name="Path 94" d="M788.514,404.442c-2.045,1.685-3.925,1.443-6.782,1.443-2.065,0-4.75.725-6.441-.2-.07-2.585-.331-4.76-.331-4.76s14.4-2.731,13.488.662a6.018,6.018,0,0,0,.066,2.86Z" transform="translate(-131.724 -59.422)" opacity="0.1"/>
+    <path id="Path_95" data-name="Path 95" d="M781.1,361.146a11.833,11.833,0,0,1-11.833,11.833,8.247,8.247,0,0,1-.907-.033h0a11.833,11.833,0,1,1,12.743-11.8Z" transform="translate(-120.003 -25.593)" fill="#f8d4d4"/>
+    <path id="Path_96" data-name="Path 96" d="M742.7,459.252l3.144,4.965-4.385,9.45-5.213,3.806-.91-5.9s-1.761-3.889-2.519-4.548c.218-.533.367-.778.367-.583,0,.827,2.036,4.551,2.036,4.551,6.289-2.151,4.336-10.509,4.336-10.509s-.781-7.447-1.086-9.407l1.086.47Z" transform="translate(-103.532 -93.675)" opacity="0.1"/>
+    <path id="Path_97" data-name="Path 97" d="M784.127,439.869V444.5l-4.8,1.566-8.175,6.017-2.168,1.6-9.681-3.889-6.123-6.454s.3-.162.814-.43l.331-.175a40.414,40.414,0,0,0,16.718,3c12.468-1.986,12.839-5,12.528-6.067Z" transform="translate(-117.153 -86.041)" opacity="0.1"/>
+    <path id="Path_98" data-name="Path 98" d="M743.016,514.772a92.777,92.777,0,0,1-9.6,4.055c-5.709,2.069-18.287-.662-19.859-1.076s-13.653-5.213-18.287-7.033-5.792-.331-6.868-.5-1.82-2.234-1.986-2.813,2.979-5.627,4.717-8.192,6.951-2.069,7.7-2.234,5.958,0,5.958,0-.331-1.655,1.572-6.289-3.144-13.239-3.144-13.239c-3.475-2.234-2.9-9.185-2.9-9.185-.827-3.062,1.82-10.1,1.82-9.268s2.036,4.551,2.036,4.551c6.289-2.151,4.336-10.509,4.336-10.509s-.91-8.688-1.152-9.764,1.152-.91,1.152-.91q.4.209.814.4a40.229,40.229,0,0,0,17.059,3.161c15.116-2.439,12.438-6.328,12.339-6.467l.735.261c5.461,3.972,3.806,17.128,3.806,17.128l-2.046,9.82-1.519,7.315s5.378,32.6,5.875,34.257S743.016,514.772,743.016,514.772Z" transform="translate(-72.484 -85.901)" fill="#94a3b8"/>
+    <path id="Path_99" data-name="Path 99" d="M730.994,622c-.331.248-4.055,7.944-1.324,10.095S730.994,622,730.994,622Z" transform="translate(-100.759 -208.023)" opacity="0.1"/>
+    <path id="Path_100" data-name="Path 100" d="M743.68,625.27c.083.248,7.778,12.495,12,13.488Z" transform="translate(-110.798 -210.21)" opacity="0.1"/>
+    <path id="Path_101" data-name="Path 101" d="M797.2,332.386l-1.231.261a8.3,8.3,0,0,1,1.039-.308Z" transform="translate(-145.78 -14.236)" opacity="0.1"/>
+    <path id="Path_102" data-name="Path 102" d="M783.931,396.545l-2.317,9.814A11.986,11.986,0,0,1,778.4,404.2a9.8,9.8,0,0,0-2.35-1.966,10.2,10.2,0,0,0-4.081-.563,19.63,19.63,0,0,1-5.1-.874,3.6,3.6,0,0,1-1.324-.642,3.217,3.217,0,0,1-.662-2.8,42.893,42.893,0,0,0,.05-5.723c-.02-.357-.046-.715-.076-1.072-.132-1.6-.563-3.452-2.2-4.137-.841-.331-1.844-.3-2.648-.7a2.185,2.185,0,0,1-.331-.2c-1.192-.834-1.3-2.506-1.254-3.912q.106-2.9.2-5.8a16.864,16.864,0,0,0-.063-2.863h0a6.352,6.352,0,0,0-.516-1.827c-.718-1.536-2.214-2.817-2.482-4.438a1.8,1.8,0,0,1-.03-.228c-.139-1.45.774-2.8,1.1-4.227.642-2.87-1.516-6.014-4.69-6.838-.993-.258-2.059-.308-3.048-.6a4.887,4.887,0,0,1-.467-.165,13.894,13.894,0,0,1,11.167-5.3c7.391,0,13.385,5.3,13.385,11.833a11.356,11.356,0,0,1-4.945,9.185c.02.093.043.189.07.281a20.819,20.819,0,0,0,3.191,6.16l7.493,2.383.834.265C785.8,383.395,783.931,396.545,783.931,396.545Z" transform="translate(-113.969 -25.596)" opacity="0.1"/>
+    <path id="Path_103" data-name="Path 103" d="M867.572,520.655a1.124,1.124,0,0,1-.212-.03A.439.439,0,0,1,867.572,520.655Z" transform="translate(-193.541 -140.2)" opacity="0.1"/>
+    <path id="Path_104" data-name="Path 104" d="M759.671,330a28.465,28.465,0,0,0-6.315-.738,3.5,3.5,0,0,0-1.986.417c-.732.513-.824,1.44-1.043,2.241a6.216,6.216,0,0,1-2.367,3.31c-.784.573-1.708.993-2.459,1.6a2.566,2.566,0,0,0-1.135,2.376,2.938,2.938,0,0,0,2.171,1.84c.993.281,2.049.331,3.048.6,3.174.824,5.329,3.972,4.687,6.835-.331,1.427-1.235,2.777-1.1,4.227.162,1.731,1.761,3.065,2.512,4.67a10.092,10.092,0,0,1,.586,4.687l-.2,5.8c-.053,1.529.079,3.369,1.589,4.117.808.4,1.814.354,2.648.7,1.635.682,2.065,2.539,2.2,4.134a42.74,42.74,0,0,1,.026,6.8,3.187,3.187,0,0,0,.662,2.8,3.549,3.549,0,0,0,1.324.642,19.634,19.634,0,0,0,5.1.874,10.307,10.307,0,0,1,4.081.563,9.878,9.878,0,0,1,2.35,1.966,12.988,12.988,0,0,0,7.672,3.359,2.285,2.285,0,0,0,1.734-.354c.427-.394.175-1.244-.434-1.195a2.943,2.943,0,0,0,2.787-1.066,2.35,2.35,0,0,0,0-2.7c-.692-.993-2.161-1.655-2.241-2.833a3.5,3.5,0,0,1,.741-1.85,7.781,7.781,0,0,0-1.2-9.268c-1.552-1.605-3.879-2.823-4.422-4.882-.361-1.377.185-2.823-.023-4.223-.331-2.317-2.625-3.972-3.886-6.037a10.5,10.5,0,0,1-1.162-6.914,49.179,49.179,0,0,1,1.8-6.918,8.928,8.928,0,0,0,.351-5.206,9.539,9.539,0,0,0-2.122-3.227,23.9,23.9,0,0,0-7.533-5.958,13.774,13.774,0,0,0-9.837-.907" transform="translate(-111.233 -12.175)" fill="#474157"/>
+    <path id="Path_105" data-name="Path 105" d="M759.671,330a28.465,28.465,0,0,0-6.315-.738,3.5,3.5,0,0,0-1.986.417c-.732.513-.824,1.44-1.043,2.241a6.216,6.216,0,0,1-2.367,3.31c-.784.573-1.708.993-2.459,1.6a2.566,2.566,0,0,0-1.135,2.376,2.938,2.938,0,0,0,2.171,1.84c.993.281,2.049.331,3.048.6,3.174.824,5.329,3.972,4.687,6.835-.331,1.427-1.235,2.777-1.1,4.227.162,1.731,1.761,3.065,2.512,4.67a10.092,10.092,0,0,1,.586,4.687l-.2,5.8c-.053,1.529.079,3.369,1.589,4.117.808.4,1.814.354,2.648.7,1.635.682,2.065,2.539,2.2,4.134a42.74,42.74,0,0,1,.026,6.8,3.187,3.187,0,0,0,.662,2.8,3.549,3.549,0,0,0,1.324.642,19.634,19.634,0,0,0,5.1.874,10.307,10.307,0,0,1,4.081.563,9.878,9.878,0,0,1,2.35,1.966,12.988,12.988,0,0,0,7.672,3.359,2.285,2.285,0,0,0,1.734-.354c.427-.394.175-1.244-.434-1.195a2.943,2.943,0,0,0,2.787-1.066,2.35,2.35,0,0,0,0-2.7c-.692-.993-2.161-1.655-2.241-2.833a3.5,3.5,0,0,1,.741-1.85,7.781,7.781,0,0,0-1.2-9.268c-1.552-1.605-3.879-2.823-4.422-4.882-.361-1.377.185-2.823-.023-4.223-.331-2.317-2.625-3.972-3.886-6.037a10.5,10.5,0,0,1-1.162-6.914,49.179,49.179,0,0,1,1.8-6.918,8.928,8.928,0,0,0,.351-5.206,9.539,9.539,0,0,0-2.122-3.227,23.9,23.9,0,0,0-7.533-5.958,13.774,13.774,0,0,0-9.837-.907" transform="translate(-111.233 -12.175)" fill="#1e293b"/>
+    <path id="Path_106" data-name="Path 106" d="M737.18,548.476s2.813,1.076,5.792-1.9S737.18,548.476,737.18,548.476Z" transform="translate(-106.449 -156.917)" opacity="0.1"/>
+    <g id="Group_116" data-name="Group 116" transform="translate(633.048 317.105)" opacity="0.1">
+      <path id="Path_107" data-name="Path 107" d="M793.1,330.871a11.776,11.776,0,0,1,1.655-.209,12.551,12.551,0,0,0-2.317.073Z" transform="translate(-776.467 -330.203)"/>
+      <path id="Path_108" data-name="Path 108" d="M777.411,390.5a9.9,9.9,0,0,0-2.353-1.966,10.3,10.3,0,0,0-4.081-.563,19.53,19.53,0,0,1-5.1-.874,3.549,3.549,0,0,1-1.324-.642,3.225,3.225,0,0,1-.662-2.8,42.733,42.733,0,0,0-.026-6.8c-.136-1.6-.563-3.452-2.2-4.134-.837-.351-1.84-.308-2.648-.7-1.509-.748-1.655-2.588-1.592-4.117q.1-2.9.2-5.8a10.059,10.059,0,0,0-.586-4.69c-.751-1.605-2.35-2.936-2.512-4.67-.136-1.446.778-2.8,1.1-4.227.642-2.87-1.516-6.011-4.69-6.835-.993-.258-2.059-.311-3.048-.6a2.905,2.905,0,0,1-2.155-1.82,2.52,2.52,0,0,1,1.132-2.38c.751-.606,1.675-1.023,2.463-1.6a6.193,6.193,0,0,0,2.363-3.31,3.713,3.713,0,0,1,1.043-2.241,2.648,2.648,0,0,1,1.357-.4c-.295,0-.589-.017-.88-.017a3.521,3.521,0,0,0-1.986.414c-.732.516-.824,1.44-1.043,2.241a6.216,6.216,0,0,1-2.367,3.31c-.784.573-1.708.993-2.459,1.6a2.568,2.568,0,0,0-1.135,2.38,2.92,2.92,0,0,0,2.158,1.82c.99.295,2.049.331,3.048.6,3.174.824,5.329,3.972,4.687,6.835-.331,1.427-1.235,2.78-1.1,4.227.162,1.734,1.761,3.065,2.512,4.67a10.057,10.057,0,0,1,.586,4.69q-.1,2.9-.2,5.8c-.053,1.529.079,3.369,1.589,4.117.808.4,1.814.354,2.648.7,1.635.682,2.065,2.539,2.2,4.134a42.74,42.74,0,0,1,.026,6.8,3.187,3.187,0,0,0,.662,2.8,3.549,3.549,0,0,0,1.324.642,19.5,19.5,0,0,0,5.1.874,10.308,10.308,0,0,1,4.081.563A9.959,9.959,0,0,1,775.9,390.5a12.968,12.968,0,0,0,7.669,3.36,3.544,3.544,0,0,0,1.109-.043,12.945,12.945,0,0,1-7.267-3.317Z" transform="translate(-744.18 -329.32)"/>
+    </g>
+    <path id="Path_109" data-name="Path 109" d="M684.782,484s-2.648,2.429-2.261,3.422S684.782,484,684.782,484Z" transform="translate(-69.856 -115.699)" opacity="0.1"/>
+    <path id="Path_110" data-name="Path 110" d="M668.535,577.927c-1.91-.467-7.176-.9-9.681,7.507a37.186,37.186,0,0,1-2.221,5.683c-2.4,4.935-5.508,15.083,8.146,17.317l32.767,7.447s17.542,2.151,18.7,1.324a3.207,3.207,0,0,0,.993-2.648s-19.363,0-23.169-5.958-3.972-14.067-3.972-14.067.477-12.521-19.528-16.159C669.908,578.248,669.213,578.092,668.535,577.927Z" transform="translate(-51.152 -178.397)" fill="#474157"/>
+    <path id="Path_111" data-name="Path 111" d="M668.535,578.1c-1.91-.467-7.176-.9-9.681,7.51a37.188,37.188,0,0,1-2.221,5.683c-2.4,4.932-5.508,15.08,8.146,17.314l32.767,7.447s17.542,2.151,18.7,1.324a3.207,3.207,0,0,0,.993-2.648s-19.363,0-23.169-5.958S690.1,594.7,690.1,594.7s.477-12.521-19.528-16.159C669.908,578.418,669.213,578.256,668.535,578.1Z" transform="translate(-51.152 -178.511)" fill="#334155"/>
+    <path id="Path_112" data-name="Path 112" d="M811.958,543.834a5.061,5.061,0,0,0-5.114-4.276c-4.713.086-19.22.715-25.959,5.117,0,0-5.13,3.31-6.62,3.31s-21.68,17.211,8.275,32.6c0,0,16.053,4.568,22.341-6.156,0,0,4.468-11.518,4.137-15.507S812,544.178,812,544.178,811.991,544.049,811.958,543.834Z" transform="translate(-125.886 -152.867)" fill="#475569"/>
+    <path id="Path_113" data-name="Path 113" d="M811.958,553.257a4.963,4.963,0,0,0-5.114-3.949c-4.713.079-19.22.662-25.959,4.723,0,0-5.13,3.055-6.62,3.055s-21.68,15.887,8.275,30.1c0,0,16.053,4.217,22.341-5.683,0,0,4.468-10.635,4.137-14.315S812,553.575,812,553.575,811.991,553.456,811.958,553.257Z" transform="translate(-125.886 -159.39)" fill="#475569" opacity="0.1"/>
+    <rect id="Rectangle_59" data-name="Rectangle 59" width="5.296" height="11.277" transform="translate(664.763 427.716)" fill="#1e293b"/>
+    <ellipse id="Ellipse_43" data-name="Ellipse 43" cx="14.908" cy="0.957" rx="14.908" ry="0.957" transform="translate(461.439 379.949)" opacity="0.1"/>
+    <path id="Path_114" data-name="Path 114" d="M266.794,405.634a5.684,5.684,0,0,0-.755,1.42c-.046.126-.093.265-.139.4a1.22,1.22,0,0,0-.262-.089,3.753,3.753,0,0,0-1.182-.1c0-.152.02-.331.023-.483.05-1.744-.156-4.177-1.82-3.148-1.6.993-.457,2.648.573,3.71l.265.258c-.94.662-1.119,2.228-1.274,3.853s-1.536,3.406-2.453,4.415c-.093.1-.175.2-.258.281a3.346,3.346,0,0,0-2.664-.685c-.036-.142-.079-.291-.122-.45-.741-2.674-2.28-7.311-4.243-8.328l.258-.331c.834-1.092,1.774-2.711.387-3.128s-1.513,1.407-1.436,2.77c0,.172.026.331.04.483a2.042,2.042,0,0,0-1.45.708l-.215-.252c-1.125-1.324-3.187-3.432-3.813-1.84-.583,1.483,1.235,3.406,2.512,4.521l.079.07c-.857,3.485,2.876,6.332,4.9,7.563l.261.159c-2.78,3.277-4.5,9.417-4.5,9.417l7.785,1.39s5.163-4.452,4.5-8.635h.053c5.16-1.033,6.332-6.534,5.527-9.8l.093-.036a5.871,5.871,0,0,0,2.39-1.807C271.3,405.928,268.271,403.664,266.794,405.634Z" transform="translate(222.063 -61.62)" fill="#475569"/>
+    <path id="Path_115" data-name="Path 115" d="M266.794,405.634a5.684,5.684,0,0,0-.755,1.42c-.046.126-.093.265-.139.4a1.22,1.22,0,0,0-.262-.089,3.753,3.753,0,0,0-1.182-.1c0-.152.02-.331.023-.483.05-1.744-.156-4.177-1.82-3.148-1.6.993-.457,2.648.573,3.71l.265.258c-.94.662-1.119,2.228-1.274,3.853s-1.536,3.406-2.453,4.415c-.093.1-.175.2-.258.281a3.346,3.346,0,0,0-2.664-.685c-.036-.142-.079-.291-.122-.45-.741-2.674-2.28-7.311-4.243-8.328l.258-.331c.834-1.092,1.774-2.711.387-3.128s-1.513,1.407-1.436,2.77c0,.172.026.331.04.483a2.042,2.042,0,0,0-1.45.708l-.215-.252c-1.125-1.324-3.187-3.432-3.813-1.84-.583,1.483,1.235,3.406,2.512,4.521l.079.07c-.857,3.485,2.876,6.332,4.9,7.563l.261.159c-2.78,3.277-4.5,9.417-4.5,9.417l7.785,1.39s5.163-4.452,4.5-8.635h.053c5.16-1.033,6.332-6.534,5.527-9.8l.093-.036a5.871,5.871,0,0,0,2.39-1.807C271.3,405.928,268.271,403.664,266.794,405.634Z" transform="translate(222.063 -61.62)" fill="none" opacity="0.1"/>
+    <path id="Path_116" data-name="Path 116" d="M252.281,410.632l-.9,2.664s-.506-.357-1.145-.92c-1.278-1.115-3.1-3.038-2.512-4.521.626-1.592,2.688.51,3.813,1.84C251.98,410.222,252.281,410.632,252.281,410.632Z" transform="translate(221.08 -64.374)" fill="#f1f5f9"/>
+    <path id="Path_117" data-name="Path 117" d="M265.366,406.372a12.878,12.878,0,0,1-.887,1.043,13.984,13.984,0,0,1-.162-1.4c-.076-1.364.069-3.174,1.436-2.77S266.187,405.279,265.366,406.372Z" transform="translate(209.915 -61.633)" fill="#f1f5f9"/>
+    <path id="Path_118" data-name="Path 118" d="M297.718,407.222c-.026.877-.113,1.576-.113,1.576a11.254,11.254,0,0,1-1.135-1.013c-1.029-1.069-2.168-2.717-.573-3.71C297.559,403.045,297.765,405.477,297.718,407.222Z" transform="translate(189.306 -62.063)" fill="#f1f5f9"/>
+    <path id="Path_119" data-name="Path 119" d="M310.61,411.379a5.871,5.871,0,0,1-2.4,1.8,6.681,6.681,0,0,1-.8.288l-1.072-1.506a10.934,10.934,0,0,1,.444-1.463,5.688,5.688,0,0,1,.755-1.42,1.919,1.919,0,0,1,3.073,2.3Z" transform="translate(181.79 -65.072)" fill="#f1f5f9"/>
+    <path id="Path_120" data-name="Path 120" d="M256.831,414.57c.453.526.755.937.755.937l-.9,2.664s-.506-.357-1.145-.92a5.213,5.213,0,0,1,1.026-2.34A3.1,3.1,0,0,1,256.831,414.57Z" transform="translate(215.776 -69.249)" fill="#1e293b" opacity="0.1"/>
+    <path id="Path_121" data-name="Path 121" d="M265.4,412.088a12.9,12.9,0,0,1-.887,1.043,13.967,13.967,0,0,1-.162-1.4,1.807,1.807,0,0,1,1.049.357Z" transform="translate(209.882 -67.349)" fill="#1e293b" opacity="0.1"/>
+    <path id="Path_122" data-name="Path 122" d="M263.826,423.624l-2.264.993a13.76,13.76,0,0,1-1.2-.682c-2.38-1.466-7.162-5.15-3.955-9.493s5.882,3.449,6.934,7.255C263.671,422.84,263.826,423.624,263.826,423.624Z" transform="translate(215.916 -68.308)" fill="#f1f5f9"/>
+    <path id="Path_123" data-name="Path 123" d="M299.22,414.643a1.844,1.844,0,0,1,1.248-.563c-.026.877-.113,1.575-.113,1.575a11.266,11.266,0,0,1-1.135-1.012Z" transform="translate(186.553 -68.921)" fill="#1e293b" opacity="0.1"/>
+    <path id="Path_124" data-name="Path 124" d="M308.213,417.581a6.692,6.692,0,0,1-.8.288l-1.072-1.506a10.935,10.935,0,0,1,.444-1.463,3.83,3.83,0,0,1,1.428,2.681Z" transform="translate(181.79 -69.47)" fill="#1e293b" opacity="0.1"/>
+    <path id="Path_125" data-name="Path 125" d="M285.8,427.814l-.381.066c-7.589,1.155-2.5-2.939-2.5-2.939s.331-.314.8-.831c.917-1.009,2.294-2.78,2.453-4.415.238-2.459.513-4.766,3.416-4.088C292.452,416.272,293,426.374,285.8,427.814Z" transform="translate(198.577 -69.862)" fill="#f1f5f9"/>
+    <rect id="Rectangle_60" data-name="Rectangle 60" width="14.5" height="3.813" transform="translate(469.747 376.844)" fill="#474157"/>
+    <rect id="Rectangle_61" data-name="Rectangle 61" width="18.946" height="13.306" transform="translate(467.443 364.452)" fill="#474157"/>
+    <rect id="Rectangle_62" data-name="Rectangle 62" width="14.5" height="3.813" transform="translate(469.608 376.844)" fill="#334155" opacity="0.1"/>
+    <rect id="Rectangle_63" data-name="Rectangle 63" width="18.946" height="13.306" transform="translate(467.384 364.455)" fill="#334155" opacity="0.1"/>
+    <rect id="Rectangle_64" data-name="Rectangle 64" width="14.5" height="3.813" transform="translate(470.7 376.844)" fill="#1e293b"/>
+    <path id="Path_126" data-name="Path 126" d="M273.539,439c.331,1.139.49,1.923.49,1.923l-2.264.993a13.763,13.763,0,0,1-1.2-.682A5.677,5.677,0,0,1,273.539,439Z" transform="translate(205.727 -85.593)" fill="#1e293b" opacity="0.1"/>
+    <path id="Path_127" data-name="Path 127" d="M285.8,445.244l-.381.066c-7.589,1.155-2.5-2.939-2.5-2.939s.331-.314.8-.831a5,5,0,0,1,2.081,3.7Z" transform="translate(198.577 -87.292)" fill="#1e293b" opacity="0.1"/>
+    <path id="Path_128" data-name="Path 128" d="M257.76,451.555s4.25-15.225,10.211-10.525-2.426,11.915-2.426,11.915Z" transform="translate(214.291 -86.348)" fill="#f1f5f9"/>
+    <circle id="Ellipse_44" data-name="Ellipse 44" cx="0.477" cy="0.477" r="0.477" transform="translate(473.719 348.045)" fill="#1e293b" opacity="0.1"/>
+    <circle id="Ellipse_45" data-name="Ellipse 45" cx="0.477" cy="0.477" r="0.477" transform="translate(473.679 350.273)" fill="#1e293b" opacity="0.1"/>
+    <circle id="Ellipse_46" data-name="Ellipse 46" cx="0.477" cy="0.477" r="0.477" transform="translate(487.504 348.482)" fill="#1e293b" opacity="0.1"/>
+    <circle id="Ellipse_47" data-name="Ellipse 47" cx="0.477" cy="0.477" r="0.477" transform="translate(476.38 359.884)" fill="#1e293b" opacity="0.1"/>
+    <circle id="Ellipse_48" data-name="Ellipse 48" cx="0.477" cy="0.477" r="0.477" transform="translate(486.511 352.179)" fill="#1e293b" opacity="0.1"/>
+    <circle id="Ellipse_49" data-name="Ellipse 49" cx="0.477" cy="0.477" r="0.477" transform="translate(481.586 357.104)" fill="#1e293b" opacity="0.1"/>
+    <circle id="Ellipse_50" data-name="Ellipse 50" cx="0.477" cy="0.477" r="0.477" transform="translate(475.347 348.998)" fill="#1e293b" opacity="0.1"/>
+    <circle id="Ellipse_51" data-name="Ellipse 51" cx="0.477" cy="0.477" r="0.477" transform="translate(486.194 349.915)" fill="#1e293b" opacity="0.1"/>
+    <circle id="Ellipse_52" data-name="Ellipse 52" cx="0.477" cy="0.477" r="0.477" transform="translate(484.565 353.609)" fill="#1e293b" opacity="0.1"/>
+    <circle id="Ellipse_53" data-name="Ellipse 53" cx="0.477" cy="0.477" r="0.477" transform="translate(479.557 359.527)" fill="#1e293b" opacity="0.1"/>
+    <circle id="Ellipse_54" data-name="Ellipse 54" cx="0.477" cy="0.477" r="0.477" transform="translate(478.525 357.184)" fill="#1e293b" opacity="0.1"/>
+    <circle id="Ellipse_55" data-name="Ellipse 55" cx="0.477" cy="0.477" r="0.477" transform="translate(476.062 351.901)" fill="#1e293b" opacity="0.1"/>
+    <rect id="Rectangle_65" data-name="Rectangle 65" width="14.5" height="1.393" transform="translate(470.7 376.844)" opacity="0.1"/>
+    <rect id="Rectangle_66" data-name="Rectangle 66" width="18.946" height="13.306" transform="translate(468.397 364.452)" fill="#1e293b"/>
+    <circle id="Ellipse_56" data-name="Ellipse 56" cx="0.477" cy="0.477" r="0.477" transform="translate(480.193 361.672)" fill="#1e293b" opacity="0.1"/>
+    <circle id="Ellipse_57" data-name="Ellipse 57" cx="0.477" cy="0.477" r="0.477" transform="translate(477.333 362.268)" fill="#1e293b" opacity="0.1"/>
+    <path id="Path_129" data-name="Path 129" d="M399.263,626s2.36,3.088-1.089,7.748-6.289,8.606-5.15,11.505c0,0,5.21-8.659,9.45-8.778S403.927,631.21,399.263,626Z" transform="translate(123.968 -210.699)" fill="#f1f5f9"/>
+    <path id="Path_130" data-name="Path 130" d="M399.525,626a3.8,3.8,0,0,1,.483.967c4.134,4.859,6.338,9.393,2.363,9.509-3.7.116-8.146,6.736-9.211,8.39.036.129.079.258.126.381,0,0,5.21-8.659,9.45-8.778S404.188,631.21,399.525,626Z" transform="translate(123.706 -210.699)" fill="#1e293b" opacity="0.1"/>
+    <path id="Path_131" data-name="Path 131" d="M424.553,636.492c0,1.086-.122,1.966-.271,1.966s-.271-.88-.271-1.966.152-.576.3-.576S424.553,635.4,424.553,636.492Z" transform="translate(103.067 -217.252)" fill="#475569"/>
+    <path id="Path_132" data-name="Path 132" d="M426.437,640.312c-.953.52-1.784.834-1.857.7s.642-.662,1.6-1.182.576-.142.662,0S427.393,639.793,426.437,640.312Z" transform="translate(102.689 -219.775)" fill="#475569"/>
+    <path id="Path_133" data-name="Path 133" d="M363.985,626s-2.36,3.088,1.089,7.748,6.289,8.606,5.147,11.505c0,0-5.206-8.659-9.446-8.778S359.321,631.21,363.985,626Z" transform="translate(146.771 -210.699)" fill="#f1f5f9"/>
+    <path id="Path_134" data-name="Path 134" d="M363.985,626a3.8,3.8,0,0,0-.483.967c-4.134,4.859-6.338,9.393-2.363,9.509,3.7.116,8.146,6.736,9.211,8.39a3.669,3.669,0,0,1-.129.381s-5.206-8.655-9.446-8.768S359.321,631.21,363.985,626Z" transform="translate(146.771 -210.699)" fill="#1e293b" opacity="0.1"/>
+    <path id="Path_135" data-name="Path 135" d="M361.44,636.492c0,1.086.122,1.966.271,1.966s.271-.88.271-1.966-.152-.576-.3-.576S361.44,635.4,361.44,636.492Z" transform="translate(144.927 -217.252)" fill="#475569"/>
+    <path id="Path_136" data-name="Path 136" d="M355.691,640.312c.953.52,1.784.834,1.857.7s-.642-.662-1.6-1.182-.576-.142-.662,0S354.734,639.793,355.691,640.312Z" transform="translate(149.17 -219.775)" fill="#475569"/>
+    <path id="Ellipse_58" data-name="Ellipse 58" d="M24.691,0C38.327,0,49.382,1.7,49.382,3.79S38.327,7.58,24.691,7.58,0,5.883,0,3.79,11.055,0,24.691,0Z" transform="translate(492.3 450.604)" fill="#f1f5f9" opacity="0.077"/>
+    <path id="Path_137" data-name="Path 137" d="M380.556,668.693l-.119.963-.166,1.364-.066.566-.169,1.364-.07.569-.165,1.36-1.873,15.49c-.169,1.383-2.429,2.459-5.153,2.459h-9.837c-2.727,0-4.965-1.076-5.15-2.459l-1.893-15.49-.165-1.36-.069-.569-.169-1.364-.066-.566-.165-1.364-.119-.963c-.1-.781,1.125-1.443,2.671-1.443H377.89C379.427,667.25,380.652,667.912,380.556,668.693Z" transform="translate(149.146 -238.296)" fill="#1e293b"/>
+    <path id="Path_138" data-name="Path 138" d="M280.188,623.15l-.165,1.36H255.176l-.165-1.36Z" transform="translate(249.394 -191.79)" fill="#334155"/>
+    <path id="Path_139" data-name="Path 139" d="M280.425,628.98l-.165,1.364H255.88l-.169-1.364Z" transform="translate(248.926 -195.69)" fill="#334155"/>
+    <path id="Path_140" data-name="Path 140" d="M280.668,634.81l-.165,1.364H256.6l-.165-1.364Z" transform="translate(248.444 -199.59)" fill="#334155"/>
+  </g>
+</svg>
--- a/src/assets/images/logo.svg
+++ b/src/assets/images/logo.svg
@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="311.899" height="291.707" viewBox="0 0 311.899 291.707">
+  <g id="Icon_ionic-ios-apps" data-name="Icon ionic-ios-apps" transform="translate(-4.57 -4.492)">
+    <path id="Path_9" data-name="Path 9" d="M305.678,64.318,184.327,9a65.721,65.721,0,0,0-47.842,0L15.22,64.318c-14.293,6.5-14.293,17.117,0,23.639l120.221,54.826a69.059,69.059,0,0,0,50.033,0L305.687,87.956C319.971,81.46,319.971,70.822,305.678,64.318Z" transform="translate(0.07)" fill="#fff" opacity="0.999"/>
+    <g id="Group_1" data-name="Group 1" transform="translate(4.533 135.941)">
+      <path id="Path_10" data-name="Path 10" d="M108.2,53.266,44,24a10.438,10.438,0,0,0-8.553,0L12.99,34.227c-11.32,5.145-11.32,13.556,0,18.721l95.21,43.42a54.692,54.692,0,0,0,39.625,0l95.2-43.42c11.32-5.148,11.32-13.556,0-18.721L220.582,24a10.438,10.438,0,0,0-8.553,0l-64.2,29.268a54.692,54.692,0,0,1-39.625,0Z" transform="translate(28.02 60.176)" fill="#fff" opacity="0.5"/>
+      <path id="Path_11" data-name="Path 11" d="M274.692,27.406l-23.1-10.493a11.652,11.652,0,0,0-9.618,0l-78.68,35.625a64.317,64.317,0,0,1-37.812,0L46.815,16.914a11.652,11.652,0,0,0-9.618,0L14.108,27.407c-12.819,5.825-12.819,15.351,0,21.2L121.925,97.783a61.937,61.937,0,0,0,44.874,0L274.615,48.608C287.51,42.773,287.51,33.232,274.692,27.406Z" transform="translate(11.592 -15.875)" fill="#fff" opacity="0.75"/>
+    </g>
+  </g>
+</svg>
--- a/src/assets/images/map-marker-dark.svg
+++ b/src/assets/images/map-marker-dark.svg
@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="31.064" viewBox="0 0 20 31.064">
+  <g id="Group_18" data-name="Group 18" transform="translate(-408 -150)">
+    <path id="Subtraction_21" data-name="Subtraction 21" d="M10,31.064v0L1.462,15.208A10,10,0,1,1,20,10a9.9,9.9,0,0,1-1.078,4.522l-.056.108c-.037.071-.077.146-.121.223L10,31.062ZM10,2a8,8,0,1,0,8,8A8.009,8.009,0,0,0,10,2Z" transform="translate(408 150)" fill="#cad1d9a8"/>
+    <circle id="Ellipse_26" data-name="Ellipse 26" cx="6" cy="6" r="6" transform="translate(412 154)" fill="#cad1d9a8"/>
+  </g>
+</svg>
--- a/src/assets/images/map-marker-region-dark.svg
+++ b/src/assets/images/map-marker-region-dark.svg
@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="55.053" height="47.678" viewBox="0 0 55.053 47.678">
+  <g id="Group_17" data-name="Group 17" transform="translate(-319.473 -83.999)">
+    <g id="Group_14" data-name="Group 14" transform="translate(0 0)">
+      <path id="Intersection_4" data-name="Intersection 4" d="M12.789,17.143a15,15,0,0,1,20.7,0l-1.6,2.141-.018-.018a12.352,12.352,0,0,0-17.469,0l-.018.018Z" transform="translate(323.861 78.999)" fill="#cad1d9a8" opacity="0.845"/>
+      <path id="Intersection_5" data-name="Intersection 5" d="M10.384,13.919a19,19,0,0,1,25.511,0l-2.016,2.7a15.647,15.647,0,0,0-21.479,0Z" transform="translate(323.861 78.999)" fill="#cad1d9a8" opacity="0.652"/>
+      <path id="Intersection_6" data-name="Intersection 6" d="M7.982,10.7a22.978,22.978,0,0,1,30.313,0l-2,2.679a19.652,19.652,0,0,0-26.316,0Z" transform="translate(323.861 78.999)" fill="#cad1d9a8" opacity="0.453"/>
+    </g>
+    <g id="Group_13" data-name="Group 13" transform="translate(427.806 461.061) rotate(-120)">
+      <path id="Intersection_4-2" data-name="Intersection 4" d="M12.789,17.143a15,15,0,0,1,20.7,0l-1.6,2.141-.018-.018a12.352,12.352,0,0,0-17.469,0l-.018.018Z" transform="translate(323.861 78.999)" fill="#cad1d9a8" opacity="0.845"/>
+      <path id="Intersection_5-2" data-name="Intersection 5" d="M10.384,13.919a19,19,0,0,1,25.511,0l-2.016,2.7a15.647,15.647,0,0,0-21.479,0Z" transform="translate(323.861 78.999)" fill="#cad1d9a8" opacity="0.652"/>
+      <path id="Intersection_6-2" data-name="Intersection 6" d="M7.982,10.7a22.978,22.978,0,0,1,30.313,0l-2,2.679a19.652,19.652,0,0,0-26.316,0Z" transform="translate(323.861 78.999)" fill="#cad1d9a8" opacity="0.453"/>
+    </g>
+    <circle id="Ellipse_9" data-name="Ellipse 9" cx="11" cy="11" r="11" transform="translate(336 96)" fill="#cad1d9a8"/>
+    <g id="Group_12" data-name="Group 12" transform="translate(613.194 -139.96) rotate(120)">
+      <path id="Intersection_4-3" data-name="Intersection 4" d="M12.789,17.143a15,15,0,0,1,20.7,0l-1.6,2.141-.018-.018a12.352,12.352,0,0,0-17.469,0l-.018.018Z" transform="translate(323.861 78.999)" fill="#cad1d9a8" opacity="0.845"/>
+      <path id="Intersection_5-3" data-name="Intersection 5" d="M10.384,13.919a19,19,0,0,1,25.511,0l-2.016,2.7a15.647,15.647,0,0,0-21.479,0Z" transform="translate(323.861 78.999)" fill="#cad1d9a8" opacity="0.652"/>
+      <path id="Intersection_6-3" data-name="Intersection 6" d="M7.982,10.7a22.978,22.978,0,0,1,30.313,0l-2,2.679a19.652,19.652,0,0,0-26.316,0Z" transform="translate(323.861 78.999)" fill="#cad1d9a8" opacity="0.453"/>
+    </g>
+  </g>
+</svg>
--- a/Show More
+++ b/Show More