diff --git a/web/src/scss/components/_VAlert.scss b/web/src/scss/components/_VAlert.scss
index 8415aed..28b8ff9 100644
--- a/web/src/scss/components/_VAlert.scss
+++ b/web/src/scss/components/_VAlert.scss
@@ -1,24 +1,24 @@
 .single-line-alert {
-    .v-alert__close,
-    .v-alert__prepend {
-        align-self: center !important;
-    }
+  .v-alert__close,
+  .v-alert__prepend {
+    align-self: center !important;
+  }
 }
 
 @media (max-width: 500px) {
-    .single-line-alert {
-        display: flex;
-        flex-wrap: wrap;
-       
-        .v-alert__append {
-            margin-inline-start: 0px;
-        }
-        .v-alert__close {
-            margin-left: auto;
-        }
-        .v-alert__content {
-            width: 100%;
-            margin-top: 5px;
-        }
+  .single-line-alert {
+    display: flex;
+    flex-wrap: wrap;
+
+    .v-alert__append {
+      margin-inline-start: 0px;
     }
+    .v-alert__close {
+      margin-left: auto;
+    }
+    .v-alert__content {
+      width: 100%;
+      margin-top: 5px;
+    }
+  }
 }
diff --git a/web/src/scss/components/_VBreadcrumb.scss b/web/src/scss/components/_VBreadcrumb.scss
index 81b4ad1..e698242 100644
--- a/web/src/scss/components/_VBreadcrumb.scss
+++ b/web/src/scss/components/_VBreadcrumb.scss
@@ -1,9 +1,8 @@
-
-.v-breadcrumbs{
-    .v-breadcrumbs-divider{
-        padding: 0 0 !important;  
-      }
-      .v-breadcrumbs-item--link{
-        text-decoration: none;
-      }
+.v-breadcrumbs {
+  .v-breadcrumbs-divider {
+    padding: 0 0 !important;
+  }
+  .v-breadcrumbs-item--link {
+    text-decoration: none;
+  }
 }
diff --git a/web/src/scss/components/_VButtons.scss b/web/src/scss/components/_VButtons.scss
index dd2183e..7285fab 100644
--- a/web/src/scss/components/_VButtons.scss
+++ b/web/src/scss/components/_VButtons.scss
@@ -1,22 +1,22 @@
 .v-btn-group .v-btn {
-    height: inherit !important;
+  height: inherit !important;
 }
 
 .v-btn-group {
-    border-color: rgb(var(--v-theme-borderColor)) !important;
+  border-color: rgb(var(--v-theme-borderColor)) !important;
 }
-.v-btn{
-    text-transform: capitalize;
-    letter-spacing: 0;
-    border-radius: 30px;
+.v-btn {
+  text-transform: capitalize;
+  letter-spacing: 0;
+  border-radius: 30px;
 
-    &.v-btn--variant-elevated{
-        box-shadow: none !important;
-    }
-    .v-btn--slim{
-        padding: 0 15px;
-    }
+  &.v-btn--variant-elevated {
+    box-shadow: none !important;
+  }
+  .v-btn--slim {
+    padding: 0 15px;
+  }
 }
-.v-btn--elevated:hover{
-    box-shadow: none;
+.v-btn--elevated:hover {
+  box-shadow: none;
 }
diff --git a/web/src/scss/components/_VCard.scss b/web/src/scss/components/_VCard.scss
index 3bf5eb6..58eec6d 100644
--- a/web/src/scss/components/_VCard.scss
+++ b/web/src/scss/components/_VCard.scss
@@ -1,69 +1,70 @@
 // Outline Card
 .v-card--variant-outlined {
-    border-color: rgba(var(--v-theme-borderColor)) !important;
+  border-color: rgba(var(--v-theme-borderColor)) !important;
 }
 
 .v-card--variant-elevated,
 .v-card--variant-flat {
-    color: rgb(var(--v-theme-textPrimary));
+  color: rgb(var(--v-theme-textPrimary));
 }
 
 .card-hover {
-    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-    &:hover {
-        scale: 1.01;
-        transition: all 0.1s ease-in 0s;
-    }
+  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  &:hover {
+    scale: 1.01;
+    transition: all 0.1s ease-in 0s;
+  }
 }
 
 .v-card {
-    width: 100%;
-    overflow: visible;
-    .color-inherits {
-        color: inherit;
-    }
-    .feature-card {
-        .v-responsive__content {
-            height: 100%;
-        }
-    }
-    .v-timeline-divider__before,.v-timeline-divider__after {
-        background: rgba(var(--v-border-color), 1);
-    }
-    .v-card-text{
-        padding: 24px 24px;
-    }
-    .v-card-item{
-        padding: 24px 24px;
+  width: 100%;
+  overflow: visible;
+  .color-inherits {
+    color: inherit;
+  }
+  .feature-card {
+    .v-responsive__content {
+      height: 100%;
     }
+  }
+  .v-timeline-divider__before,
+  .v-timeline-divider__after {
+    background: rgba(var(--v-border-color), 1);
+  }
+  .v-card-text {
+    padding: 24px 24px;
+  }
+  .v-card-item {
+    padding: 24px 24px;
+  }
 }
 
 // Theme cards
 .cardBordered {
-    .v-card {
-        box-shadow: none !important;
-        border: 1px solid rgb(var(--v-theme-borderColor));
-    }
+  .v-card {
+    box-shadow: none !important;
+    border: 1px solid rgb(var(--v-theme-borderColor));
+  }
 }
 
-.elevation-o-card{
-    .v-card-item{
-        padding: 0.625rem 1rem;
-    }
+.elevation-o-card {
+  .v-card-item {
+    padding: 0.625rem 1rem;
+  }
 }
 
-.card-title{
-    font-size: 18px;
-    font-weight: 500;
-    color:rgb(var(--v-theme-textPrimary));
+.card-title {
+  font-size: 18px;
+  font-weight: 500;
+  color: rgb(var(--v-theme-textPrimary));
 }
-.card-subtitle{
-    font-size: 14px;
-    font-weight: 400;
-    color:rgb(var(--v-theme-textSecondary));
+.card-subtitle {
+  font-size: 14px;
+  font-weight: 400;
+  color: rgb(var(--v-theme-textSecondary));
+}
+.dark-card-title {
+  font-size: 18px;
+  font-weight: 500;
+  color: rgb(var(--v-theme-textPrimary));
 }
-.dark-card-title{
-    font-size: 18px;
-    font-weight: 500;
-    color:rgb(var(--v-theme-textPrimary));
-}
\ No newline at end of file
diff --git a/web/src/scss/components/_VDatatable.scss b/web/src/scss/components/_VDatatable.scss
index a2c9214..a98fb27 100644
--- a/web/src/scss/components/_VDatatable.scss
+++ b/web/src/scss/components/_VDatatable.scss
@@ -1,3 +1,3 @@
 .v-pagination__item--is-active .v-btn__overlay {
-    opacity: 0.15 !important;
-}
\ No newline at end of file
+  opacity: 0.15 !important;
+}
diff --git a/web/src/scss/components/_VDatatables.scss b/web/src/scss/components/_VDatatables.scss
index 0ccafd9..1f86339 100644
--- a/web/src/scss/components/_VDatatables.scss
+++ b/web/src/scss/components/_VDatatables.scss
@@ -1,99 +1,86 @@
 .v-table {
+  &.datatabels {
+    &.productlist {
+      .v-data-table-header__content span {
+        color: rgb(var(--v-theme-textPrimary));
+      }
 
-    &.datatabels {
-
-        &.productlist {
-            .v-data-table-header__content span {
-                color: rgb(var(--v-theme-textPrimary));
-            }
-
-            .v-toolbar {
-                .v-input__control {
-                    max-width: 300px;
-                }
-
-                .v-toolbar__content {
-                    height: auto !important;
-                }
-            }
-
-            thead tr th:first-child {
-                padding-left: 0px !important;
-            }
-
-            tbody tr td:first-child {
-                padding-left: 0px !important;
-            }
-            tbody tr td{
-                padding: 15px;
-            }
-
+      .v-toolbar {
+        .v-input__control {
+          max-width: 300px;
         }
 
-        .v-selection-control--dirty .v-selection-control__input>.v-icon {
-            color: rgb(var(--v-theme-primary));
+        .v-toolbar__content {
+          height: auto !important;
         }
+      }
+
+      thead tr th:first-child {
+        padding-left: 0px !important;
+      }
+
+      tbody tr td:first-child {
+        padding-left: 0px !important;
+      }
+      tbody tr td {
+        padding: 15px;
+      }
     }
 
+    .v-selection-control--dirty .v-selection-control__input > .v-icon {
+      color: rgb(var(--v-theme-primary));
+    }
+  }
 }
 
-
-@media screen and (max-width:1368px) {
-
-    .v-table {
-
-        &.datatabels {
-
-            &.productlist {
-                .v-data-table-header__content span {
-                    color: rgb(var(--v-theme-textPrimary));
-                }
-
-                table {
-                    tbody {
-                        tr {
-
-                            td {
-                                padding: 14px 5px !important;
-
-                                &:first-child {
-                                    padding-left: 15px !important;
-                                }
-                            }
-                        }
-                    }
-
-                    thead {
-                        tr {
-                            th {
-                                padding: 14px 5px !important;
-
-                                &:first-child {
-                                    padding-left: 15px !important;
-                                }
-                            }
-                        }
-                    }
-                }
-
-
-            }
+@media screen and (max-width: 1368px) {
+  .v-table {
+    &.datatabels {
+      &.productlist {
+        .v-data-table-header__content span {
+          color: rgb(var(--v-theme-textPrimary));
         }
 
-    }
+        table {
+          tbody {
+            tr {
+              td {
+                padding: 14px 5px !important;
 
+                &:first-child {
+                  padding-left: 15px !important;
+                }
+              }
+            }
+          }
+
+          thead {
+            tr {
+              th {
+                padding: 14px 5px !important;
+
+                &:first-child {
+                  padding-left: 15px !important;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
 }
 
 .v-pagination {
-    .v-pagination__list {
-        .v-pagination__item--is-active {
-            .v-btn {
-                .v-btn__overlay {
-                    opacity: 0;
-                }
-
-                background-color: rgb(var(--v-theme-grey100)) !important;
-            }
+  .v-pagination__list {
+    .v-pagination__item--is-active {
+      .v-btn {
+        .v-btn__overlay {
+          opacity: 0;
         }
+
+        background-color: rgb(var(--v-theme-grey100)) !important;
+      }
     }
-}
\ No newline at end of file
+  }
+}
diff --git a/web/src/scss/components/_VExpansionpanel.scss b/web/src/scss/components/_VExpansionpanel.scss
index de59dc7..5b93ae7 100644
--- a/web/src/scss/components/_VExpansionpanel.scss
+++ b/web/src/scss/components/_VExpansionpanel.scss
@@ -1,6 +1,6 @@
-.v-expansion-panel-title__overlay{
-    background: rgba(var(--v-theme-primary));
+.v-expansion-panel-title__overlay {
+  background: rgba(var(--v-theme-primary));
 }
 .v-expansion-panel:not(:first-child)::after {
-    border-color: transparent !important;
-}
\ No newline at end of file
+  border-color: transparent !important;
+}
diff --git a/web/src/scss/components/_VField.scss b/web/src/scss/components/_VField.scss
index a3dad00..f53fcd5 100644
--- a/web/src/scss/components/_VField.scss
+++ b/web/src/scss/components/_VField.scss
@@ -2,17 +2,17 @@
 
 .v-field--variant-outlined .v-field__outline__start.v-locale--is-ltr,
 .v-locale--is-ltr .v-field--variant-outlined .v-field__outline__start {
-    border-radius: $border-radius-root 0 0 $border-radius-root;
+  border-radius: $border-radius-root 0 0 $border-radius-root;
 }
 
 .v-field--variant-outlined .v-field__outline__end.v-locale--is-ltr,
 .v-locale--is-ltr .v-field--variant-outlined .v-field__outline__end {
-    border-radius: 0 $border-radius-root $border-radius-root 0;
+  border-radius: 0 $border-radius-root $border-radius-root 0;
 }
 
 .v-field {
-    font-size: 14px;
-    color:  rgba(var(--v-theme-textPrimary));
+  font-size: 14px;
+  color: rgba(var(--v-theme-textPrimary));
 }
 
 // select outlined
@@ -20,10 +20,9 @@
 .v-field--variant-outlined .v-field__outline__notch::before,
 .v-field--variant-outlined .v-field__outline__notch::after,
 .v-field--variant-outlined .v-field__outline__end {
-    opacity: 1;
+  opacity: 1;
 }
 
-
-.v-field--active .v-label.v-field-label{
-    color: rgb(var(--v-theme-textPrimary));
-}
\ No newline at end of file
+.v-field--active .v-label.v-field-label {
+  color: rgb(var(--v-theme-textPrimary));
+}
diff --git a/web/src/scss/components/_VInput.scss b/web/src/scss/components/_VInput.scss
index 77ad91a..f38719d 100644
--- a/web/src/scss/components/_VInput.scss
+++ b/web/src/scss/components/_VInput.scss
@@ -2,34 +2,34 @@
 .v-input--density-default,
 .v-field--variant-solo,
 .v-field--variant-filled {
-    --v-input-control-height: 51px;
-    --v-input-padding-top: 14px;
+  --v-input-control-height: 51px;
+  --v-input-padding-top: 14px;
 }
 
 // comfortable
 .v-input--density-comfortable {
-    --v-input-control-height: 44px;
+  --v-input-control-height: 44px;
 }
 
 // compact
 .v-input--density-compact {
-    --v-input-padding-top: 10px;
+  --v-input-padding-top: 10px;
 }
 .v-label {
-    font-size: 14px;
-    opacity: 0.7;
-    font-weight: 500 !important;
+  font-size: 14px;
+  opacity: 0.7;
+  font-weight: 500 !important;
 }
 .v-switch .v-label,
 .v-checkbox .v-label {
-    opacity: 1;
+  opacity: 1;
 }
 
 .v-text-field__suffix {
-    opacity: 1;
-    padding-left: 20px;
+  opacity: 1;
+  padding-left: 20px;
 }
 
 .shadow-none .v-field--variant-solo {
-    box-shadow: none !important;
+  box-shadow: none !important;
 }
diff --git a/web/src/scss/components/_VLabs.scss b/web/src/scss/components/_VLabs.scss
index 633d421..a8a452f 100644
--- a/web/src/scss/components/_VLabs.scss
+++ b/web/src/scss/components/_VLabs.scss
@@ -1,18 +1,19 @@
-.v-time-picker-clock{
-    background: rgb(var(--v-theme-grey100)) ; 
-}   
-.v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default{
-    border: 0 !important;
+.v-time-picker-clock {
+  background: rgb(var(--v-theme-grey100));
 }
-.v-stepper-header,.v-stepper.v-sheet{
-    box-shadow: none !important;
+.v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default {
+  border: 0 !important;
+}
+.v-stepper-header,
+.v-stepper.v-sheet {
+  box-shadow: none !important;
 }
 
 .v-time-picker-controls__time__btn.v-btn--density-default.v-btn {
-    width: 55px !important;
-    height: 55px !important;
-    font-size: 30px;
+  width: 55px !important;
+  height: 55px !important;
+  font-size: 30px;
 }
 .v-time-picker-controls__time__separator {
-    font-size: 36px !important;
-}
\ No newline at end of file
+  font-size: 36px !important;
+}
diff --git a/web/src/scss/components/_VList.scss b/web/src/scss/components/_VList.scss
index 1f88ca7..4620862 100644
--- a/web/src/scss/components/_VList.scss
+++ b/web/src/scss/components/_VList.scss
@@ -1,34 +1,34 @@
 .v-list.theme-list {
-    .v-list-item:hover > .v-list-item__overlay {
-        opacity: 1;
-        z-index: 1;
-    }
-    .v-list-item--variant-text {
-        .v-list-item__overlay {
-            background: rgb(var(--v-theme-hoverColor));
-        }
-    }
-
-    .v-list-item__prepend,
-    .v-list-item__content {
-        z-index: 2;
-    }
-
+  .v-list-item:hover > .v-list-item__overlay {
+    opacity: 1;
+    z-index: 1;
+  }
+  .v-list-item--variant-text {
     .v-list-item__overlay {
-        background-color: rgb(var(--v-theme-hoverColor));
+      background: rgb(var(--v-theme-hoverColor));
     }
-    .v-list-item.v-list-item--active{
-        .v-list-item__overlay{
-            opacity: 1;
-        }
-    } 
+  }
 
-    .mail-items{
-        min-height: 40px !important;
-        margin-bottom: 5px !important;
-       }
+  .v-list-item__prepend,
+  .v-list-item__content {
+    z-index: 2;
+  }
+
+  .v-list-item__overlay {
+    background-color: rgb(var(--v-theme-hoverColor));
+  }
+  .v-list-item.v-list-item--active {
+    .v-list-item__overlay {
+      opacity: 1;
+    }
+  }
+
+  .mail-items {
+    min-height: 40px !important;
+    margin-bottom: 5px !important;
+  }
 }
 
-.v-list-item-title{
-    font-size: 14px;
+.v-list-item-title {
+  font-size: 14px;
 }
diff --git a/web/src/scss/components/_VSelectionControl.scss b/web/src/scss/components/_VSelectionControl.scss
index 5c080a9..9134c28 100644
--- a/web/src/scss/components/_VSelectionControl.scss
+++ b/web/src/scss/components/_VSelectionControl.scss
@@ -1,6 +1,6 @@
 // For checkbox & radios
 .v-selection-control__input > .v-icon.mdi-checkbox-blank-outline,
 .v-selection-control__input > .v-icon.mdi-radiobox-blank {
-    color: rgb(var(--v-theme-inputBorder));
-    opacity: 1;
+  color: rgb(var(--v-theme-inputBorder));
+  opacity: 1;
 }
diff --git a/web/src/scss/components/_VShadow.scss b/web/src/scss/components/_VShadow.scss
index e834869..26443dd 100644
--- a/web/src/scss/components/_VShadow.scss
+++ b/web/src/scss/components/_VShadow.scss
@@ -8,26 +8,26 @@
   box-shadow: $box-shadow !important;
 }
 .elevation-1 {
-  box-shadow:0px 12px 30px -2px rgba(58,75,116,0.14) !important
+  box-shadow: 0px 12px 30px -2px rgba(58, 75, 116, 0.14) !important;
 }
 .elevation-2 {
-  box-shadow:0px 24px 24px -12px rgba(0, 0, 0, .05) !important
+  box-shadow: 0px 24px 24px -12px rgba(0, 0, 0, 0.05) !important;
 }
 .elevation-3 {
-  box-shadow: rgba(145,158,171,0.2) 0px 0px 2px 0px, rgba(145,158,171,0.12) 0px 12px 24px -4px  !important;
+  box-shadow:
+    rgba(145, 158, 171, 0.2) 0px 0px 2px 0px,
+    rgba(145, 158, 171, 0.12) 0px 12px 24px -4px !important;
 }
-.elevation-4{
-  box-shadow: 0px 12px 12px -6px rgba(0,0,0,0.15) !important;
+.elevation-4 {
+  box-shadow: 0px 12px 12px -6px rgba(0, 0, 0, 0.15) !important;
 }
-.elevation-5
-{
-  box-shadow: 1px 0 7px rgba(0, 0, 0, .05)!important;
+.elevation-5 {
+  box-shadow: 1px 0 7px rgba(0, 0, 0, 0.05) !important;
 }
 
 .primary-shadow {
-  box-shadow: rgba(var(--v-theme-primary), 0.30) 0px 12px 14px 0px;
+  box-shadow: rgba(var(--v-theme-primary), 0.3) 0px 12px 14px 0px;
   &:hover {
     box-shadow: none;
   }
 }
-
diff --git a/web/src/scss/components/_VStepper.scss b/web/src/scss/components/_VStepper.scss
index 06e5f17..135f2f6 100644
--- a/web/src/scss/components/_VStepper.scss
+++ b/web/src/scss/components/_VStepper.scss
@@ -1,8 +1,9 @@
-.v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
-    background: rgb(var(--v-theme-primary)) !important;
+.v-stepper-item--selected .v-stepper-item__avatar.v-avatar,
+.v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
+  background: rgb(var(--v-theme-primary)) !important;
 }
 
 .v-stepper-item__avatar.v-avatar {
-    background: rgba(var(--v-theme-primary), var(--v-medium-emphasis-opacity)) !important;
-    color: rgb(var(--v-theme-on-primary)) !important;
-}
\ No newline at end of file
+  background: rgba(var(--v-theme-primary), var(--v-medium-emphasis-opacity)) !important;
+  color: rgb(var(--v-theme-on-primary)) !important;
+}
diff --git a/web/src/scss/components/_VTable.scss b/web/src/scss/components/_VTable.scss
index 61a5c0b..4c946df 100644
--- a/web/src/scss/components/_VTable.scss
+++ b/web/src/scss/components/_VTable.scss
@@ -1,99 +1,87 @@
 .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
 .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th,
 .v-table .v-table__wrapper > table > thead > tr:last-child > th {
-    border-bottom: thin solid rgba(var(--v-border-color)) !important;
+  border-bottom: thin solid rgba(var(--v-border-color)) !important;
 }
 
-.v-data-table{
-    th.v-data-table__th{
-        font-size:16px;
-        color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
-    }
-    td.v-data-table__td{
-        font-size: 14px;
-        text-wrap: nowrap;
-    }
-    .v-data-table-footer{
-        padding: 15px 8px;
-    }
-    .v-data-table-header__sort-badge{
-        background-color:rgb(var(--v-theme-borderColor)) !important;
-    }
-    .tdhead{
-        font-size:16px;
-    }
+.v-data-table {
+  th.v-data-table__th {
+    font-size: 16px;
+    color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
+  }
+  td.v-data-table__td {
+    font-size: 14px;
+    text-wrap: nowrap;
+  }
+  .v-data-table-footer {
+    padding: 15px 8px;
+  }
+  .v-data-table-header__sort-badge {
+    background-color: rgb(var(--v-theme-borderColor)) !important;
+  }
+  .tdhead {
+    font-size: 16px;
+  }
 }
-@media screen and (max-width:767px) {
-    .v-data-table-footer{
-        justify-content: center;
-    }
+@media screen and (max-width: 767px) {
+  .v-data-table-footer {
+    justify-content: center;
+  }
 }
 
 .v-table {
+  &.ticket-table {
+    table {
+      thead {
+        th {
+          font-weight: 600 !important;
+        }
+      }
 
+      tbody {
+        tr {
+          td {
+            padding: 16px 16px !important;
+          }
+        }
+      }
+    }
+  }
 
-    &.ticket-table {
+  &.invoice-table {
+    .v-table__wrapper {
+      table {
+        thead {
+          th {
+            font-weight: 600 !important;
+            padding: 0px 24px !important;
 
-        table {
-            thead {
-                th {
-                    font-weight: 600 !important;
-                }
+            &:first-child {
+              padding-left: 0 !important;
             }
 
-            tbody {
-                tr {
-
-                    td {
-                        padding: 16px 16px !important;
-                    }
-                }
+            &:last-child {
+              padding-right: 0 !important;
             }
+          }
         }
 
-    }
+        tbody {
+          tr {
+            td {
+              padding: 8px 24px !important;
 
-    &.invoice-table {
-        .v-table__wrapper {
-            table {
-                thead {
-                    th {
-                        font-weight: 600 !important;
-                        padding: 0px 24px !important;
+              &:first-child {
+                padding-left: 0 !important;
+              }
 
-                        &:first-child {
-                            padding-left: 0 !important;
-                        }
-
-                        &:last-child {
-                            padding-right: 0 !important;
-                        }
-
-                    }
-                }
-
-                tbody {
-                    tr {
-
-                        td {
-                            padding: 8px 24px !important;
-
-                            &:first-child {
-                                padding-left: 0 !important;
-                            }
-
-                            &:last-child {
-                                padding-right: 0 !important;
-                            }
-                        }
-                    }
-                }
+              &:last-child {
+                padding-right: 0 !important;
+              }
             }
+          }
         }
-
-
+      }
     }
-
-    
-
-}
\ No newline at end of file
+  }
+}
diff --git a/web/src/scss/components/_VTabs.scss b/web/src/scss/components/_VTabs.scss
index 9932645..c73a17a 100644
--- a/web/src/scss/components/_VTabs.scss
+++ b/web/src/scss/components/_VTabs.scss
@@ -1,14 +1,13 @@
 @use "../variables" as *;
 
 .theme-tab {
-    &.v-tabs {
-        .v-tab {
-            border-radius: $border-radius-root !important;
-            min-width: auto !important;
-            &.v-slide-group-item--active {
-                background: rgb(var(--v-theme-primary));
-                
-            }
-        }
+  &.v-tabs {
+    .v-tab {
+      border-radius: $border-radius-root !important;
+      min-width: auto !important;
+      &.v-slide-group-item--active {
+        background: rgb(var(--v-theme-primary));
+      }
     }
-}
\ No newline at end of file
+  }
+}
diff --git a/web/src/scss/components/_VTextField.scss b/web/src/scss/components/_VTextField.scss
index bbc52a7..ca71dc2 100644
--- a/web/src/scss/components/_VTextField.scss
+++ b/web/src/scss/components/_VTextField.scss
@@ -10,4 +10,3 @@
     background-color: rgba(0, 0, 0, 0.025);
   }
 }
-
diff --git a/web/src/scss/front/_general.scss b/web/src/scss/front/_general.scss
index 46d795b..d522a64 100644
--- a/web/src/scss/front/_general.scss
+++ b/web/src/scss/front/_general.scss
@@ -1,597 +1,584 @@
 @use "../variables" as *;
 
 @keyframes slideup {
-    0% {
-        transform: translate3d(0, 0, 0);
-    }
+  0% {
+    transform: translate3d(0, 0, 0);
+  }
 
-    100% {
-        transform: translate3d(0px, -100%, 0px);
-    }
+  100% {
+    transform: translate3d(0px, -100%, 0px);
+  }
 }
 
 .animateDown {
-    animation: 35s linear 0s infinite normal none running slideDown;
+  animation: 35s linear 0s infinite normal none running slideDown;
 }
 
 @keyframes slideDown {
-    0% {
-        transform: translate3d(0, -100%, 0);
-    }
+  0% {
+    transform: translate3d(0, -100%, 0);
+  }
 
-    100% {
-        transform: translate3d(0px, 0, 0px);
-    }
+  100% {
+    transform: translate3d(0px, 0, 0px);
+  }
 }
 
 // OfferBar
 .offerbar {
-    position: relative;
+  position: relative;
+  top: 0;
+  width: 100%;
+  z-index: 999;
+
+  .white-btn {
+    background-color: rgba(var(--v-theme-surface), 0.15);
+    font-weight: 700;
+    height: 25px;
+  }
+
+  &:before {
+    background-repeat: no-repeat;
+    content: "";
+    position: absolute;
+    background-image: url("@/assets/images/front-pages/background/left-shape.png");
+    bottom: 0;
+    height: 40px;
+    left: 0;
+    width: 325px;
+  }
+
+  &:after {
+    background-repeat: no-repeat;
+    content: "";
+    position: absolute;
+    background-image: url("@/assets/images/front-pages/background/right-shape.png");
+    bottom: 0;
+    right: 17%;
+    width: 325px;
     top: 0;
-    width: 100%;
-    z-index: 999;
-
-    .white-btn {
-        background-color: rgba(var(--v-theme-surface), 0.15);
-        font-weight: 700;
-        height: 25px;
-    }
-
-
-
-    &:before {
-        background-repeat: no-repeat;
-        content: '';
-        position: absolute;
-        background-image: url('@/assets/images/front-pages/background/left-shape.png');
-        bottom: 0;
-        height: 40px;
-        left: 0;
-        width: 325px;
-    }
-
-    &:after {
-        background-repeat: no-repeat;
-        content: '';
-        position: absolute;
-        background-image: url('@/assets/images/front-pages/background/right-shape.png');
-        bottom: 0;
-        right: 17%;
-        width: 325px;
-        top: 0;
-        background-size: contain;
-    }
+    background-size: contain;
+  }
 }
 
 //
 // frameworks
 //
 .slider-group {
-    animation: slide 45s linear infinite;
+  animation: slide 45s linear infinite;
 }
 
 .marquee1-group {
-    animation: marquee 45s linear infinite;
+  animation: marquee 45s linear infinite;
 }
 
 .marquee2-group {
-    animation: marquee2 45s linear infinite;
+  animation: marquee2 45s linear infinite;
 }
 
-
 @keyframes slide {
-    0% {
-        transform: translate3d(0, 0, 0);
-    }
+  0% {
+    transform: translate3d(0, 0, 0);
+  }
 
-    100% {
-        transform: translate3d(-100%, 0, 0);
-    }
+  100% {
+    transform: translate3d(-100%, 0, 0);
+  }
 }
 
 @keyframes marquee {
-    0% {
-        transform: translate3d(0, 0, 0);
-    }
+  0% {
+    transform: translate3d(0, 0, 0);
+  }
 
-    100% {
-        transform: translate3d(-2086px, 0, 0);
-    }
+  100% {
+    transform: translate3d(-2086px, 0, 0);
+  }
 }
 
 @keyframes marquee2 {
-    0% {
-        transform: translate3d(-2086px, 0, 0)
-    }
+  0% {
+    transform: translate3d(-2086px, 0, 0);
+  }
 
-    100% {
-        transform: translate3d(0, 0, 0)
-    }
+  100% {
+    transform: translate3d(0, 0, 0);
+  }
 }
 
 .front-wraper {
+  overflow: hidden;
+
+  .underline-link {
+    text-underline-offset: 4px;
+  }
+
+  .underline-link-6 {
+    text-underline-offset: 6px;
+    text-decoration-thickness: 2px;
+  }
+
+  .main-banner {
+    min-width: 1300px;
     overflow: hidden;
+    max-height: 700px;
+    height: calc(100vh - 100px);
 
-    .underline-link {
-        text-underline-offset: 4px;
+    img {
+      max-width: 100%;
+      height: auto;
+    }
+  }
+
+  .team {
+    &:hover {
+      .intro {
+        opacity: 1;
+      }
     }
 
-    .underline-link-6 {
-        text-underline-offset: 6px;
-        text-decoration-thickness: 2px;
+    .intro {
+      opacity: 0;
+      bottom: 16px;
+      inset-inline-start: 0.75rem;
+      inset-inline-end: 0.75rem;
+      transition: 0.5s;
+    }
+  }
+
+  // Revenue Products
+  .feature-tabs {
+    .v-slide-group__content {
+      gap: 16px;
+      padding-bottom: 56px;
     }
 
-    .main-banner {
-        min-width: 1300px;
-        overflow: hidden;
-        max-height: 700px;
-        height: calc(100vh - 100px);
-
-        img {
-            max-width: 100%;
-            height: auto;
-
-        }
+    .v-btn {
+      background-color: rgba(var(--v-theme-surface));
+      padding: 16px 24px;
+      border-radius: 12px !important;
+      font-size: 16px;
+      box-shadow: 0px 24px 24px -12px rgba(0, 0, 0, 0.05);
     }
 
-    .team {
-        &:hover {
-            .intro {
-                opacity: 1;
-            }
-        }
+    .v-tab--selected {
+      background-color: rgba(var(--v-theme-primary));
+      box-shadow: 0px 24px 24px -12px rgba(99, 91, 255, 0.15);
 
-        .intro {
-            opacity: 0;
-            bottom: 16px;
-            inset-inline-start: .75rem;
-            inset-inline-end: .75rem;
-            transition: 0.5s;
-        }
-    }
+      .v-btn__content {
+        color: #fff;
 
-    // Revenue Products
-    .feature-tabs {
-        .v-slide-group__content {
-            gap: 16px;
-            padding-bottom: 56px;
-        }
-
-
-
-        .v-btn {
-            background-color: rgba(var(--v-theme-surface));
-            padding: 16px 24px;
-            border-radius: 12px !important;
-            font-size: 16px;
-            box-shadow: 0px 24px 24px -12px rgba(0, 0, 0, .05);
-        }
-
-       .v-tab--selected {
-            background-color: rgba(var(--v-theme-primary));
-            box-shadow: 0px 24px 24px -12px rgba(99, 91, 255, .15);
-
-            .v-btn__content {
-                color: #fff;
-
-                .v-tab__slider {
-                    display: none;
-                }
-            }
-        }
-    }
-
-    .v-container {
-        &.max-width-1218 {
-            max-width: 1218px !important;
-        }
-
-    }
-
-    .v-container {
-        &.max-width-800 {
-            max-width: 800px !important;
-        }
-
-        &.max-width-1000 {
-            max-width: 1000px !important;
-        }
-    }
-
-    .max-w-600 {
-        max-width: 600px !important;
-    }
-
-    .template {
-        .left-widget {
-            position: absolute;
-            top: 96px;
-            inset-inline-start: -40px;
-            max-height: 400px;
-            width: auto;
-        }
-
-        .right-widget {
-            position: absolute;
-            top: 96px;
-            inset-inline-end: -40px;
-            max-height: 400px;
-            width: auto;
-        }
-    }
-
-
-    .feature-tabs {
         .v-tab__slider {
-            top: 0;
-            bottom: unset;
+          display: none;
         }
+      }
+    }
+  }
 
-        &.v-tabs--density-default {
-            --v-tabs-height: auto;
-        }
+  .v-container {
+    &.max-width-1218 {
+      max-width: 1218px !important;
+    }
+  }
+
+  .v-container {
+    &.max-width-800 {
+      max-width: 800px !important;
     }
 
-    .feature-tabs-expansion {
+    &.max-width-1000 {
+      max-width: 1000px !important;
+    }
+  }
 
-        .v-expansion-panel-text__wrapper {
-            padding: 0px 0px 16px;
-        }
+  .max-w-600 {
+    max-width: 600px !important;
+  }
 
-        .v-expansion-panel-title {
-            padding: 16px 0px;
-        }
-
-        .v-expansion-panel {
-            background-color: transparent !important;
-        }
-
-        .v-expansion-panel--active:not(:first-child),
-        .v-expansion-panel--active+.v-expansion-panel {
-            margin-top: 0;
-        }
+  .template {
+    .left-widget {
+      position: absolute;
+      top: 96px;
+      inset-inline-start: -40px;
+      max-height: 400px;
+      width: auto;
     }
 
-    .leader-slider {
-        .carousel__slide {
-            padding: 0 15px;
-        }
+    .right-widget {
+      position: absolute;
+      top: 96px;
+      inset-inline-end: -40px;
+      max-height: 400px;
+      width: auto;
+    }
+  }
 
-        .carousel__viewport {
-            margin: 0 -15px;
-            padding-bottom: 30px;
-        }
-
-        .carousel__prev,
-        .carousel__next {
-            top: -85px;
-            width: 100%;
-            justify-content: end;
-            margin: 0;
-            transform: none;
-            display: flex;
-            justify-content: center
-        }
-
-        .carousel__next {
-            height: 48px;
-            width: 48px;
-            border-radius: 50%;
-            background: rgb(var(--v-theme-lightprimary));
-
-        }
-
-        .carousel__prev {
-            height: 48px;
-            width: 48px;
-            border-radius: 50%;
-            background: rgb(var(--v-theme-lightprimary));
-            right: 65px;
-            left: unset;
-        }
+  .feature-tabs {
+    .v-tab__slider {
+      top: 0;
+      bottom: unset;
     }
 
-    .our-template {
-        .carousel__slide {
-            padding: 0 15px 40px;
-        }
+    &.v-tabs--density-default {
+      --v-tabs-height: auto;
+    }
+  }
 
-        .carousel__viewport {
-            margin: 0 -106px;
-        }
+  .feature-tabs-expansion {
+    .v-expansion-panel-text__wrapper {
+      padding: 0px 0px 16px;
     }
 
-    .testimonials {
-
-        .carousel__prev,
-        .carousel__next {
-            width: 100%;
-            justify-content: end;
-            margin: 0;
-            transform: translateY(75px);
-            display: flex;
-            justify-content: center;
-            bottom: 0;
-        }
-
-        .carousel__next {
-            height: 32px;
-            width: 32px;
-            border-radius: 50%;
-            background: rgb(var(--v-theme-background));
-            left: -60%;
-        }
-
-        .carousel__prev {
-            height: 32px;
-            width: 32px;
-            border-radius: 50%;
-            background: rgb(var(--v-theme-background));
-            right: 65px;
-            left: -74%;
-        }
-
-        .carousel {
-            padding-bottom: 25px;
-        }
-
-        .slide-counter {
-            position: relative;
-            bottom: -4px;
-            left: 50px;
-            z-index: 2;
-            font-size: 15px;
-            opacity: 0.7;
-        }
+    .v-expansion-panel-title {
+      padding: 16px 0px;
     }
 
-    .social-icon {
-        svg {
-            path {
-                fill: rgb(255, 255, 255);
-
-                &:hover {
-                    fill: rgb(var(--v-theme-primary));
-                }
-            }
-        }
+    .v-expansion-panel {
+      background-color: transparent !important;
     }
 
-    .package {
-        .v-list-item {
-            min-height: 35px !important;
-        }
+    .v-expansion-panel--active:not(:first-child),
+    .v-expansion-panel--active + .v-expansion-panel {
+      margin-top: 0;
+    }
+  }
+
+  .leader-slider {
+    .carousel__slide {
+      padding: 0 15px;
     }
 
-    .lp-faq {
-        .v-expansion-panel-title__icon {
-            .v-icon {
-                font-size: 20px;
-                opacity: 0.5
-            }
-        }
-
-        .v-expansion-panels:not(.v-expansion-panels--variant-accordion)> :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
-            border-bottom-left-radius: 8px !important;
-            border-bottom-right-radius: 8px !important;
-        }
-
-        .v-expansion-panels:not(.v-expansion-panels--variant-accordion)> :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
-            border-top-left-radius: 8px !important;
-            border-top-right-radius: 8px !important;
-        }
-
-        .v-expansion-panels:not(.v-expansion-panels--variant-accordion)> :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
-            border-bottom-left-radius: 8px !important;
-            border-bottom-right-radius: 8px !important;
-        }
-
-        .v-expansion-panel--active:not(:first-child),
-        .v-expansion-panel--active+.v-expansion-panel {
-            margin-top: 0px !important;
-        }
+    .carousel__viewport {
+      margin: 0 -15px;
+      padding-bottom: 30px;
     }
 
-
-    .animted-img {
-        position: absolute;
-        z-index: 9;
-        top: 0%;
-        animation: mover 5s infinite alternate;
+    .carousel__prev,
+    .carousel__next {
+      top: -85px;
+      width: 100%;
+      justify-content: end;
+      margin: 0;
+      transform: none;
+      display: flex;
+      justify-content: center;
     }
 
-    .animted-img-2 {
-        position: absolute;
-        z-index: 9;
-        top: -35px;
-        inset-inline-end: 15px;
-        animation: mover 5s infinite alternate;
+    .carousel__next {
+      height: 48px;
+      width: 48px;
+      border-radius: 50%;
+      background: rgb(var(--v-theme-lightprimary));
     }
 
-    @keyframes mover {
-        0% {
-            transform: translateY(0);
-        }
+    .carousel__prev {
+      height: 48px;
+      width: 48px;
+      border-radius: 50%;
+      background: rgb(var(--v-theme-lightprimary));
+      right: 65px;
+      left: unset;
+    }
+  }
 
-        100% {
-            transform: translateY(-10px);
-        }
+  .our-template {
+    .carousel__slide {
+      padding: 0 15px 40px;
     }
 
-    .carousel__pagination {
-        .carousel__pagination-button {
-            padding: 6px;
+    .carousel__viewport {
+      margin: 0 -106px;
+    }
+  }
 
-            &::after {
-                height: 8px;
-                width: 8px;
-                border-radius: 50%;
-                background-color: transparent;
-                background-color: rgb(var(--v-theme-textPrimary));
-                opacity: 0.25;
-            }
+  .testimonials {
+    .carousel__prev,
+    .carousel__next {
+      width: 100%;
+      justify-content: end;
+      margin: 0;
+      transform: translateY(75px);
+      display: flex;
+      justify-content: center;
+      bottom: 0;
+    }
 
-            &:hover {
-                &::after {
-                    background-color: #000;
-                    opacity: 1;
-                }
-            }
-        }
+    .carousel__next {
+      height: 32px;
+      width: 32px;
+      border-radius: 50%;
+      background: rgb(var(--v-theme-background));
+      left: -60%;
+    }
 
-        .carousel__pagination-button--active {
-            &::after {
-                background-color: #000;
-                opacity: 1;
-            }
-        }
+    .carousel__prev {
+      height: 32px;
+      width: 32px;
+      border-radius: 50%;
+      background: rgb(var(--v-theme-background));
+      right: 65px;
+      left: -74%;
     }
 
     .carousel {
-        z-index: 2;
+      padding-bottom: 25px;
     }
-}
 
+    .slide-counter {
+      position: relative;
+      bottom: -4px;
+      left: 50px;
+      z-index: 2;
+      font-size: 15px;
+      opacity: 0.7;
+    }
+  }
 
-
-.v-btn--size-default {
-    &.nav-links {
-        font-size: $font-size-root !important;
-
-        .v-btn__overlay {
-            display: none;
-        }
+  .social-icon {
+    svg {
+      path {
+        fill: rgb(255, 255, 255);
 
         &:hover {
-            color: rgb(var(--v-theme-primary)) !important;
+          fill: rgb(var(--v-theme-primary));
         }
+      }
     }
+  }
+
+  .package {
+    .v-list-item {
+      min-height: 35px !important;
+    }
+  }
+
+  .lp-faq {
+    .v-expansion-panel-title__icon {
+      .v-icon {
+        font-size: 20px;
+        opacity: 0.5;
+      }
+    }
+
+    .v-expansion-panels:not(.v-expansion-panels--variant-accordion)
+      > :first-child:not(:last-child):not(.v-expansion-panel--active):not(
+        .v-expansion-panel--before-active
+      ) {
+      border-bottom-left-radius: 8px !important;
+      border-bottom-right-radius: 8px !important;
+    }
+
+    .v-expansion-panels:not(.v-expansion-panels--variant-accordion)
+      > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(
+        .v-expansion-panel--after-active
+      ) {
+      border-top-left-radius: 8px !important;
+      border-top-right-radius: 8px !important;
+    }
+
+    .v-expansion-panels:not(.v-expansion-panels--variant-accordion)
+      > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(
+        .v-expansion-panel--before-active
+      ) {
+      border-bottom-left-radius: 8px !important;
+      border-bottom-right-radius: 8px !important;
+    }
+
+    .v-expansion-panel--active:not(:first-child),
+    .v-expansion-panel--active + .v-expansion-panel {
+      margin-top: 0px !important;
+    }
+  }
+
+  .animted-img {
+    position: absolute;
+    z-index: 9;
+    top: 0%;
+    animation: mover 5s infinite alternate;
+  }
+
+  .animted-img-2 {
+    position: absolute;
+    z-index: 9;
+    top: -35px;
+    inset-inline-end: 15px;
+    animation: mover 5s infinite alternate;
+  }
+
+  @keyframes mover {
+    0% {
+      transform: translateY(0);
+    }
+
+    100% {
+      transform: translateY(-10px);
+    }
+  }
+
+  .carousel__pagination {
+    .carousel__pagination-button {
+      padding: 6px;
+
+      &::after {
+        height: 8px;
+        width: 8px;
+        border-radius: 50%;
+        background-color: transparent;
+        background-color: rgb(var(--v-theme-textPrimary));
+        opacity: 0.25;
+      }
+
+      &:hover {
+        &::after {
+          background-color: #000;
+          opacity: 1;
+        }
+      }
+    }
+
+    .carousel__pagination-button--active {
+      &::after {
+        background-color: #000;
+        opacity: 1;
+      }
+    }
+  }
+
+  .carousel {
+    z-index: 2;
+  }
 }
 
+.v-btn--size-default {
+  &.nav-links {
+    font-size: $font-size-root !important;
 
+    .v-btn__overlay {
+      display: none;
+    }
+
+    &:hover {
+      color: rgb(var(--v-theme-primary)) !important;
+    }
+  }
+}
 
 .light-primary {
-    background-color: rgb(var(--v-theme-primary), 0.1);
+  background-color: rgb(var(--v-theme-primary), 0.1);
 }
 
 .announce-close {
-    position: absolute;
-    right: 15px;
-
+  position: absolute;
+  right: 15px;
 }
 
-.text-align-start{
-    text-align: start;
+.text-align-start {
+  text-align: start;
 }
 
-@media screen and (max-width:1199px) {
-    .ps-96 {
-        padding-inline-start: 60px !important;
-    }
+@media screen and (max-width: 1199px) {
+  .ps-96 {
+    padding-inline-start: 60px !important;
+  }
 
-    .space-p-96 {
-        padding: 55px 0 !important;
-    }
+  .space-p-96 {
+    padding: 55px 0 !important;
+  }
 
-    .pt-96 {
-        padding-top: 55px !important;
-    }
+  .pt-96 {
+    padding-top: 55px !important;
+  }
 
-    .offerbar {
-        &:after {
-            background-image: none;
-        }
+  .offerbar {
+    &:after {
+      background-image: none;
     }
+  }
 
-    .offerbar:after,
-    .offerbar:before {
-        display: none;
-    }
-   
+  .offerbar:after,
+  .offerbar:before {
+    display: none;
+  }
 }
 
-@media screen and (max-width:1024px) {
-    .front-wraper .testimonials .slide-counter {
-        left: 67px;
-    }
+@media screen and (max-width: 1024px) {
+  .front-wraper .testimonials .slide-counter {
+    left: 67px;
+  }
 
-    .space-p-96 {
-        padding: 40px 0 !important;
-    }
+  .space-p-96 {
+    padding: 40px 0 !important;
+  }
 
-    .pt-96 {
-        padding-top: 40px !important;
-    }
+  .pt-96 {
+    padding-top: 40px !important;
+  }
 
-    .front-wraper .bg-collection {
-        background-image: none;
-    }
+  .front-wraper .bg-collection {
+    background-image: none;
+  }
 
+  .front-wraper .our-template .carousel__viewport {
+    margin: 0 0px;
+  }
 
-
-    .front-wraper .our-template .carousel__viewport {
-        margin: 0 0px;
-    }
-
-    .ps-96 {
-        padding-inline-start: 20px !important;
-        padding-inline-end: 20px !important;
-    }
-    
+  .ps-96 {
+    padding-inline-start: 20px !important;
+    padding-inline-end: 20px !important;
+  }
 }
 
-@media screen and (max-width:991px) {
-    .text-align-start{
-        text-align: center;
-    }
+@media screen and (max-width: 991px) {
+  .text-align-start {
+    text-align: center;
+  }
 }
 
-@media screen and (max-width:767px) {
-    .technology {
-        .round-54 {
-            height: 45px;
-            width: 45px;
+@media screen and (max-width: 767px) {
+  .technology {
+    .round-54 {
+      height: 45px;
+      width: 45px;
 
-            img {
-                height: 22px;
-            }
-        }
+      img {
+        height: 22px;
+      }
+    }
+  }
+
+  .front-wraper {
+    .display-2 {
+      font-size: 32px;
+      line-height: normal;
     }
 
-    .front-wraper {
-        .display-2 {
-            font-size: 32px;
-            line-height: normal;
-        }
-
-        .display-1 {
-            font-size: 32px;
-            line-height: normal;
-        }
+    .display-1 {
+      font-size: 32px;
+      line-height: normal;
     }
+  }
 
-    .front-wraper .leader-slider .carousel__viewport {
-        margin: 0 0px;
+  .front-wraper .leader-slider .carousel__viewport {
+    margin: 0 0px;
+  }
+
+  .announce-close {
+    bottom: 8px;
+  }
+
+  .text-48 {
+    font-size: 30px !important;
+    line-height: 40px !important;
+  }
+
+  .text-56 {
+    font-size: 35px !important;
+    line-height: 40px !important;
+  }
+
+  .team {
+    .intro {
+      opacity: 1 !important;
     }
-
-    .announce-close {
-        bottom: 8px;
-    }
-
-    .text-48 {
-        font-size: 30px !important;
-        line-height: 40px !important;
-    }
-
-    .text-56 {
-        font-size: 35px !important;
-        line-height: 40px !important;
-    }
-
-    .team {
-        .intro {
-            opacity: 1 !important;
-        }
-    }
-
-}
\ No newline at end of file
+  }
+}
diff --git a/web/src/scss/front/_header.scss b/web/src/scss/front/_header.scss
index 0952c88..cd997c0 100644
--- a/web/src/scss/front/_header.scss
+++ b/web/src/scss/front/_header.scss
@@ -1,104 +1,99 @@
 @use "../variables" as *;
 
 .front-lp-header {
+  .v-toolbar {
+    background: rgb(var(--v-theme-surface));
+  }
 
-    .v-toolbar{
-        background: rgb(var(--v-theme-surface));
-    }
-    
-    &.v-app-bar .v-toolbar__content {
-        padding: 0;
+  &.v-app-bar .v-toolbar__content {
+    padding: 0;
+  }
 
-    }
+  .v-toolbar__content {
+    background: transparent !important;
+    box-shadow: none !important;
+  }
 
-    .v-toolbar__content {
-        background: transparent !important;
-        box-shadow: none !important;
-    }
+  &.v-toolbar {
+    background: transparent !important;
+    top: 0 !important;
+  }
 
-    &.v-toolbar {
-        background: transparent !important;
-        top: 0 !important;
-    }
-
-    .v-toolbar {
-        background: transparent !important;
-    }
-
-    &.sticky-header {
-        position: fixed !important;
-        top: 0 !important;
-        transition: 0.5s;
-        background-color: rgba(var(--v-theme-surface)) !important;
-        box-shadow: 0 4px 29px -11px #3a4b7424 !important;
-        
-    }
+  .v-toolbar {
+    background: transparent !important;
+  }
 
+  &.sticky-header {
+    position: fixed !important;
+    top: 0 !important;
+    transition: 0.5s;
+    background-color: rgba(var(--v-theme-surface)) !important;
+    box-shadow: 0 4px 29px -11px #3a4b7424 !important;
+  }
 }
 //
 // mega menu
 //
-.white-btn{
-    background-color: #769CFF;
+.white-btn {
+  background-color: #769cff;
 }
 .front_wrapper {
-   
-    &.v-menu .v-overlay__content {
-        margin: 0 auto;
-        left: 0 !important;
-        right: 0;
+  &.v-menu .v-overlay__content {
+    margin: 0 auto;
+    left: 0 !important;
+    right: 0;
+  }
+  .megamenu {
+    &::before {
+      content: "";
+      position: absolute;
+      top: 0px;
+      left: 0px;
+      width: 100%;
+      height: 96%;
+      background-color: rgba(55, 114, 255, 0.2);
+      border-radius: 7px;
+      opacity: 0;
     }
-    .megamenu {
-        &::before {
-            content: '';
-            position: absolute;
-            top: 0px;
-            left: 0px;
-            width: 100%;
-            height: 96%;
-            background-color: rgba(55, 114, 255, 0.2);
-            border-radius: 7px;
-            opacity: 0;
-        }
-        .v-btn {
-            top: 50%;
-            transform: translateY(-50%);
-            z-index: 1;
-            left: 0;
-            right: 0;
-            min-width: 100px;
-            opacity: 0;
-            font-size: 13px;
-        }
-        &:hover {
-            &::before,
-            .v-btn {
-                opacity: 1;
-            }
-        }
+    .v-btn {
+      top: 50%;
+      transform: translateY(-50%);
+      z-index: 1;
+      left: 0;
+      right: 0;
+      min-width: 100px;
+      opacity: 0;
+      font-size: 13px;
     }
+    &:hover {
+      &::before,
+      .v-btn {
+        opacity: 1;
+      }
+    }
+  }
 }
 .lp-drawer {
-    &.v-navigation-drawer {
-        top: 0 !important;
-        height: 100% !important;
-        z-index: 1007 !important;
-    }
+  &.v-navigation-drawer {
+    top: 0 !important;
+    height: 100% !important;
+    z-index: 1007 !important;
+  }
 }
 
 .lp-mobile-sidebar {
-    .v-list {
-        .v-list-item__content {
-            overflow: inherit;
-        }
-    }
-    .v-list-group__items .v-list-item {
-        padding-inline-start: 25px !important;
+  .v-list {
+    .v-list-item__content {
+      overflow: inherit;
     }
+  }
+  .v-list-group__items .v-list-item {
+    padding-inline-start: 25px !important;
+  }
 }
 
 .v-btn--size-default {
-    &.nav-links {
-        font-size: $font-size-root !important;
-    }
-}
\ No newline at end of file
+  &.nav-links {
+    font-size: $font-size-root !important;
+  }
+}
diff --git a/web/src/scss/layout/_container.scss b/web/src/scss/layout/_container.scss
index d9fc39a..93a63c8 100644
--- a/web/src/scss/layout/_container.scss
+++ b/web/src/scss/layout/_container.scss
@@ -1,40 +1,40 @@
 html {
-    overflow-y: auto;
+  overflow-y: auto;
 }
-.v-main{
-    background:rgb(var(--v-theme-background)) !important; ;
+.v-main {
+  background: rgb(var(--v-theme-background)) !important;
 }
 @media (max-width: 1279px) {
-    .v-main {
-        margin: 0 10px;
-    }
+  .v-main {
+    margin: 0 10px;
+  }
 }
 
 .cursor-pointer {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 .page-wrapper {
-    min-height: calc(100vh - 100px);
-    padding: 24px;
-    // border-radius: $border-radius-root;
-    @media screen and (max-width: 767px) {
-        padding: 20px 10px;
-    }
+  min-height: calc(100vh - 100px);
+  padding: 24px;
+  // border-radius: $border-radius-root;
+  @media screen and (max-width: 767px) {
+    padding: 20px 10px;
+  }
 }
 
 .maxWidth {
-    max-width: 1200px;
-    margin: 0 auto;
+  max-width: 1200px;
+  margin: 0 auto;
 }
 
 .fixed-width {
-    max-width: 1300px;
+  max-width: 1300px;
 }
 
 .right-pos-img {
-    position: absolute;
-    right: 0;
-    top: 0;
-    height: 100%;
+  position: absolute;
+  right: 0;
+  top: 0;
+  height: 100%;
 }
diff --git a/web/src/scss/layout/_customizer.scss b/web/src/scss/layout/_customizer.scss
index 1e3b9af..9c87b19 100644
--- a/web/src/scss/layout/_customizer.scss
+++ b/web/src/scss/layout/_customizer.scss
@@ -1,93 +1,102 @@
 .v-btn.customizer-btn {
-    position: fixed;
-    bottom: 30px;
-    right: 30px;
-    border-radius: 50%;
-    // .icon-tabler-settings {
-    //     animation: progress-circular-rotate 1.4s linear infinite;
-    //     transform-origin: center center;
-    //     transition: all 0.2s ease-in-out;
-    // }
+  position: fixed;
+  bottom: 30px;
+  right: 30px;
+  border-radius: 50%;
+  // .icon-tabler-settings {
+  //     animation: progress-circular-rotate 1.4s linear infinite;
+  //     transform-origin: center center;
+  //     transition: all 0.2s ease-in-out;
+  // }
 }
 
 .btn-group-custom {
-    &.v-btn-group {
-        height: 66px !important;
-        overflow: unset !important;
-        .v-btn {
-            height: 66px !important;
-            padding: 0 20px;
-            border: 1px solid rgb(var(--v-theme-borderColor), 0.7) !important;
-            transition: all 0.1s ease-in 0s;
-            &:hover {
-                transform: scale(1.05);
-            }
-            &.text-primary {
-                .v-btn__overlay {
-                    background: transparent !important;
-                }
-                .icon {
-                    color: rgb(var(--v-theme-primary)) !important;
-                    fill: rgb(var(--v-theme-primary), 0.2);
-                }
-                color: rgb(var(--v-theme-primary)) !important;
-            }
+  &.v-btn-group {
+    height: 66px !important;
+    overflow: unset !important;
+    .v-btn {
+      height: 66px !important;
+      padding: 0 20px;
+      border: 1px solid rgb(var(--v-theme-borderColor), 0.7) !important;
+      transition: all 0.1s ease-in 0s;
+      &:hover {
+        transform: scale(1.05);
+      }
+      &.text-primary {
+        .v-btn__overlay {
+          background: transparent !important;
         }
+        .icon {
+          color: rgb(var(--v-theme-primary)) !important;
+          fill: rgb(var(--v-theme-primary), 0.2);
+        }
+        color: rgb(var(--v-theme-primary)) !important;
+      }
     }
+  }
 }
 
 .hover-btns {
-    transition: all 0.1s ease-in 0s;
-    &:hover {
-        transform: scale(1.05);
-    }
+  transition: all 0.1s ease-in 0s;
+  &:hover {
+    transform: scale(1.05);
+  }
 }
 // all theme colors
 .v-avatar.themeBlue,
 .v-avatar.themeDarkBlue {
-    background: #1e88e5;
+  background: #1e88e5;
 }
 .v-avatar.themeAqua,
 .v-avatar.themeDarkAqua {
-    background: #0074ba;
+  background: #0074ba;
 }
 
 .v-avatar.themePurple,
 .v-avatar.themeDarkPurple {
-    background: #763ebd;
+  background: #763ebd;
 }
 .v-avatar.themeGreen,
 .v-avatar.themeDarkGreen {
-    background: #0a7ea4;
+  background: #0a7ea4;
 }
 
 .v-avatar.themeCyan,
 .v-avatar.themeDarkCyan {
-    background: #01c0c8;
+  background: #01c0c8;
 }
 
 .v-avatar.themeOrange,
 .v-avatar.themeDarkOrange {
-    background: #fa896b;
+  background: #fa896b;
 }
 
+.DARK_BLUE_THEME,
+.DARK_AQUA_THEME,
+.DARK_ORANGE_THEME,
+.DARK_PURPLE_THEME,
+.DARK_GREEN_THEME,
+.DARK_CYAN_THEME {
+  .togglethemeBlue {
+    display: block !important;
+  }
 
-.DARK_BLUE_THEME, .DARK_AQUA_THEME, .DARK_ORANGE_THEME, .DARK_PURPLE_THEME, .DARK_GREEN_THEME, .DARK_CYAN_THEME {
-    .togglethemeBlue {
-        display: block !important;
-    }
-
-    .togglethemeDarkBlue {
-        display: none !important;
-    }
+  .togglethemeDarkBlue {
+    display: none !important;
+  }
 }
 
-.BLUE_THEME, .AQUA_THEME, .ORANGE_THEME, .PURPLE_THEME, .GREEN_THEME, .CYAN_THEME {
-    .togglethemeDarkBlue {
-        display: block !important;
-    }
+.BLUE_THEME,
+.AQUA_THEME,
+.ORANGE_THEME,
+.PURPLE_THEME,
+.GREEN_THEME,
+.CYAN_THEME {
+  .togglethemeDarkBlue {
+    display: block !important;
+  }
 
-    .togglethemeBlue {
-        display: none !important;
-    }
-}
\ No newline at end of file
+  .togglethemeBlue {
+    display: none !important;
+  }
+}
diff --git a/web/src/scss/layout/_reboot.scss b/web/src/scss/layout/_reboot.scss
index f4e4321..d8a5856 100644
--- a/web/src/scss/layout/_reboot.scss
+++ b/web/src/scss/layout/_reboot.scss
@@ -1,109 +1,111 @@
 .h-100 {
-    height: 100%;
+  height: 100%;
 }
 
 .w-100 {
-    width: 100%;
+  width: 100%;
 }
 
 .h-100vh {
-    height: 100vh;
+  height: 100vh;
 }
 
 .gap-2 {
-    gap: 8px;
+  gap: 8px;
 }
 
 .gap-3 {
-    gap: 16px;
+  gap: 16px;
 }
 
 .gap-4 {
-    gap: 24px;
+  gap: 24px;
 }
 
 .text-white {
-    color: rgb(255, 255, 255) !important;
+  color: rgb(255, 255, 255) !important;
 }
 
 // border
 .border-bottom {
-    border-bottom: 1px solid rgba(0, 0, 0, .05);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
 }
 
 .opacity-1 {
-    opacity: 1 !important;
+  opacity: 1 !important;
 }
 
 .opacity-50 {
-    opacity: 0.5;
+  opacity: 0.5;
 }
 
 .z-auto.v-card {
-    z-index: auto;
+  z-index: auto;
 }
 
 .obj-cover {
-    object-fit: cover;
+  object-fit: cover;
 }
 
 .cursor-move {
-    cursor: move;
+  cursor: move;
 }
 
 body {
-    cursor: default;
+  cursor: default;
 }
 
-input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="file"]):not([type="range"]):not([type="color"]),
+input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not(
+    [type="reset"]
+  ):not([type="file"]):not([type="range"]):not([type="color"]),
 textarea,
 [contenteditable="true"] {
-    cursor: text;
+  cursor: text;
 }
 
 //Date time picker
 input[type="date"],
 input[type="time"] {
-    display: block !important;
+  display: block !important;
 }
 
 input[type="date"]::-webkit-calendar-picker-indicator,
 input[type="time"]::-webkit-calendar-picker-indicator {
-    display: block !important;
+  display: block !important;
 }
 
 .ProseMirror {
-    min-height: 150px;
+  min-height: 150px;
 }
 
 .upload-btn-wrapper {
-    width: 150px;
-    height: 140px;
-    margin: 0 auto;
-    box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
+  width: 150px;
+  height: 140px;
+  margin: 0 auto;
+  box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
 
-    input[type=file] {
-        position: absolute;
-        left: 0;
-        top: 0;
-        opacity: 0;
-        height: 100%;
-        width: 100%;
-    }
+  input[type="file"] {
+    position: absolute;
+    left: 0;
+    top: 0;
+    opacity: 0;
+    height: 100%;
+    width: 100%;
+  }
 }
 
 .bg-transparent {
-    background-color: transparent !important;
+  background-color: transparent !important;
 }
-.bg-dark{
-    background-color: rgba(0, 0, 0, .08);
+.bg-dark {
+  background-color: rgba(0, 0, 0, 0.08);
 }
-.bg-white-opacity{
-    background-color: rgba(255, 255, 255, 0.2);
+.bg-white-opacity {
+  background-color: rgba(255, 255, 255, 0.2);
 }
 
-@media screen and (max-width:1368px) and (min-width:1200px) {
-    .space-20 {
-        padding: 30px 20px !important;
-    }
-}
\ No newline at end of file
+@media screen and (max-width: 1368px) and (min-width: 1200px) {
+  .space-20 {
+    padding: 30px 20px !important;
+  }
+}
diff --git a/web/src/scss/layout/_rtl.scss b/web/src/scss/layout/_rtl.scss
index b245ee8..bdfd319 100644
--- a/web/src/scss/layout/_rtl.scss
+++ b/web/src/scss/layout/_rtl.scss
@@ -1,341 +1,334 @@
 .v-locale--is-rtl {
-    .customizer-btn {
-        left: 30px;
-        right: unset;
+  .customizer-btn {
+    left: 30px;
+    right: unset;
+  }
+
+  .horizontal-navbar .icon-box {
+    margin-left: 12px;
+  }
+
+  .bg-img-1 {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: unset !important;
+    transform: scaleX(-1);
+  }
+
+  .ml-1 {
+    margin-left: unset !important;
+    margin-right: 4px;
+  }
+
+  .ml-2 {
+    margin-left: unset !important;
+    margin-right: 8px;
+  }
+
+  .mr-1 {
+    margin-right: unset !important;
+    margin-left: 4px;
+  }
+
+  .mr-2 {
+    margin-right: unset !important;
+    margin-left: 8px;
+  }
+
+  .mr-sm-2 {
+    margin-right: unset !important;
+    margin-left: 8px;
+  }
+
+  .mr-3 {
+    margin-right: unset !important;
+    margin-left: 12px !important;
+  }
+
+  .mr-4 {
+    margin-right: unset !important;
+    margin-left: 16px !important;
+  }
+
+  .ml-3 {
+    margin-left: unset !important;
+    margin-right: 12px !important;
+  }
+
+  .mr-auto {
+    margin-left: auto !important;
+    margin-right: unset !important;
+  }
+
+  .ml-4 {
+    margin-left: unset !important;
+    margin-right: 16px;
+  }
+
+  .ml-sm-4 {
+    margin-left: unset !important;
+    margin-right: 16px;
+  }
+
+  .ml-md-4 {
+    margin-left: unset !important;
+    margin-right: 16px;
+  }
+
+  .ml-sm-3 {
+    margin-left: unset !important;
+    margin-right: 12px;
+  }
+
+  .ml-5 {
+    margin-left: unset !important;
+    margin-right: 20px;
+  }
+
+  .ml-6 {
+    margin-left: unset !important;
+    margin-right: 24px;
+  }
+
+  .ml-10 {
+    margin-left: unset !important;
+    margin-right: 40px;
+  }
+
+  .pl-1 {
+    padding-left: unset !important;
+    padding-right: 4px !important;
+  }
+
+  .pl-2 {
+    padding-left: unset !important;
+    padding-right: 8px !important;
+  }
+
+  .pr-2 {
+    padding-left: 8px !important;
+  }
+
+  .pr-4 {
+    padding-left: 16px !important;
+    padding-right: unset !important;
+  }
+
+  .pl-4 {
+    padding-left: unset !important;
+    padding-right: 16px !important;
+  }
+
+  .right-pos-img {
+    right: unset;
+    left: 0;
+    transform: scaleX(-1);
+    top: 0;
+  }
+
+  .badg-dotDetail {
+    left: 0;
+    right: -8px;
+  }
+
+  .text-right {
+    text-align: left !important;
+  }
+
+  .text-sm-right,
+  .text-md-right {
+    text-align: left !important;
+  }
+
+  .text-sm-left {
+    text-align: right !important;
+  }
+
+  .text-left {
+    text-align: right !important;
+  }
+
+  .ml-auto,
+  .ml-sm-auto {
+    margin-left: unset !important;
+    margin-right: auto !important;
+  }
+
+  .justify-start {
+    justify-content: flex-end !important;
+  }
+
+  .vertical-table .v-table > .v-table__wrapper > table > tbody > tr > th {
+    border-left: thin solid rgba(var(--v-border-color), 1) !important;
+  }
+
+  .authentication .auth-header {
+    left: unset;
+    right: 0;
+  }
+
+  .horizontal-navbar li a {
+    padding: 10px 13px;
+  }
+
+  .horizontal-navbar {
+    li {
+      margin-right: 0;
+      margin-left: 15px;
+    }
+  }
+
+  // &.v-menu .v-overlay__content,
+  // &.search_popup .v-overlay__content,
+  // &.language_dropdown .v-overlay__content,
+  // &.notification_popup .v-overlay__content,
+  // &.profile_popup .v-overlay__content {
+  //     left: inherit;
+  // }
+
+  .related-Product {
+    .carousel__prev.navarrow {
+      top: 0;
+      right: unset !important;
+      left: 0;
     }
 
-    .horizontal-navbar .icon-box {
-        margin-left: 12px;
+    .carousel__next.navarrow {
+      top: 0;
+      right: unset !important;
+      left: 45px;
+    }
+  }
+
+  //RTL mode minisidebar hover to active scrollbar
+  .ps--active-y > .ps__rail-y {
+    right: unset !important;
+    left: 0;
+  }
+
+  //RTL mode sidebar scrollbar on right side
+  .left-customizer {
+    .ps__rail-y {
+      right: 0 !important;
+    }
+  }
+
+  .horizontal-navbar .ddMenu {
+    padding: 10px 15px 10px 0px;
+  }
+
+  .v-list-group__items {
+    .iconClass {
+      position: relative;
+      left: unset;
+      right: -2px;
+    }
+  }
+
+  @media (min-width: 960px) {
+    .horizontal-navbar .ddLevel-2,
+    .horizontal-navbar .ddLevel-3 {
+      top: -5px;
+      right: 212px;
     }
 
+    .horizontal-navbar li a .navIcon {
+      margin-right: 0;
+      margin-left: 10px;
+    }
+  }
 
+  .leftSidebar .profile-name h5 {
+    direction: ltr;
+  }
 
-    .bg-img-1 {
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        right: unset !important;
-        transform: scaleX(-1);
+  .horizontal-navbar {
+    .ddMenu {
+      .navItemLink {
+        padding-right: 15px;
+      }
+    }
+  }
+
+  @media screen and (max-width: 1279px) {
+    .mini-sidebar {
+      .v-navigation-drawer.v-navigation-drawer--right {
+        width: 270px !important;
+      }
+
+      .v-navigation-drawer.v-navigation-drawer--left {
+        width: 320px !important;
+      }
+    }
+  }
+
+  .rtlImg {
+    transform: scaleX(-1);
+  }
+
+  .marquee1-group {
+    animation: marquee-rtl 45s linear infinite;
+  }
+
+  .marquee2-group {
+    animation: marquee2-rtl 45s linear infinite;
+  }
+
+  @keyframes marquee-rtl {
+    0% {
+      transform: translate3d(0, 0, 0);
     }
 
-    .ml-1 {
-        margin-left: unset !important;
-        margin-right: 4px;
+    100% {
+      transform: translate3d(2086px, 0, 0);
+    }
+  }
+
+  @keyframes marquee2-rtl {
+    0% {
+      transform: translate3d(2086px, 0, 0);
     }
 
-    .ml-2 {
-        margin-left: unset !important;
-        margin-right: 8px;
+    100% {
+      transform: translate3d(0, 0, 0);
     }
+  }
 
-    .mr-1 {
-        margin-right: unset !important;
-        margin-left: 4px;
-    }
+  .front-wraper {
+    .testimonials {
+      .slide-counter {
+        left: -50px;
+      }
 
-    .mr-2 {
-        margin-right: unset !important;
-        margin-left: 8px;
-    }
-
-    .mr-sm-2 {
-        margin-right: unset !important;
-        margin-left: 8px;
-    }
-
-    .mr-3 {
-        margin-right: unset !important;
-        margin-left: 12px !important;
-    }
-
-    .mr-4 {
-        margin-right: unset !important;
-        margin-left: 16px !important;
-    }
-
-    .ml-3 {
-        margin-left: unset !important;
-        margin-right: 12px !important;
-    }
-
-    .mr-auto {
-        margin-left: auto !important;
-        margin-right: unset !important;
-    }
-
-    .ml-4 {
-        margin-left: unset !important;
-        margin-right: 16px;
-    }
-
-    .ml-sm-4 {
-        margin-left: unset !important;
-        margin-right: 16px;
-    }
-
-    .ml-md-4 {
-        margin-left: unset !important;
-        margin-right: 16px;
-    }
-
-    .ml-sm-3 {
-        margin-left: unset !important;
-        margin-right: 12px;
-    }
-
-
-    .ml-5 {
-        margin-left: unset !important;
-        margin-right: 20px;
-    }
-
-    .ml-6 {
-        margin-left: unset !important;
-        margin-right: 24px;
-    }
-
-    .ml-10 {
-        margin-left: unset !important;
-        margin-right: 40px;
-    }
-
-    .pl-1 {
-        padding-left: unset !important;
-        padding-right: 4px !important;
-    }
-
-    .pl-2 {
-        padding-left: unset !important;
-        padding-right: 8px !important;
-    }
-
-    .pr-2 {
-        padding-left: 8px !important;
-    }
-
-    .pr-4 {
-        padding-left: 16px !important;
-        padding-right: unset !important;
-    }
-
-    .pl-4 {
-        padding-left: unset !important;
-        padding-right: 16px !important;
-    }
-
-    .right-pos-img {
-        right: unset;
-        left: 0;
-        transform: scaleX(-1);
-        top: 0;
-    }
-
-    .badg-dotDetail {
-        left: 0;
-        right: -8px;
-    }
-
-    .text-right {
-        text-align: left !important;
-    }
-
-    .text-sm-right,
-    .text-md-right {
-        text-align: left !important;
-    }
-
-    .text-sm-left {
-        text-align: right !important;
-    }
-
-    .text-left {
-        text-align: right !important;
-    }
-
-    .ml-auto,
-    .ml-sm-auto {
-        margin-left: unset !important;
-        margin-right: auto !important;
-    }
-
-    .justify-start {
-        justify-content: flex-end !important;
-    }
-
-    .vertical-table .v-table>.v-table__wrapper>table>tbody>tr>th {
-        border-left: thin solid rgba(var(--v-border-color), 1) !important;
-    }
-
-    .authentication .auth-header {
+      .carousel__prev {
+        right: -74%;
         left: unset;
-        right: 0;
-    }
 
-    .horizontal-navbar li a {
-        padding: 10px 13px;
-    }
-
-    .horizontal-navbar {
-        li {
-            margin-right: 0;
-            margin-left: 15px;
+        .rtlnav {
+          transform: scaleX(-1);
         }
-    }
+      }
 
-    // &.v-menu .v-overlay__content,
-    // &.search_popup .v-overlay__content,
-    // &.language_dropdown .v-overlay__content,
-    // &.notification_popup .v-overlay__content,
-    // &.profile_popup .v-overlay__content {
-    //     left: inherit;
-    // }
-
-    .related-Product {
-        .carousel__prev.navarrow {
-            top: 0;
-            right: unset !important;
-            left: 0;
-        }
-
-        .carousel__next.navarrow {
-            top: 0;
-            right: unset !important;
-            left: 45px;
-        }
-    }
-
-    //RTL mode minisidebar hover to active scrollbar
-    .ps--active-y>.ps__rail-y {
-        right: unset !important;
-        left: 0;
-    }
-
-    //RTL mode sidebar scrollbar on right side
-    .left-customizer {
-        .ps__rail-y {
-            right: 0 !important;
-        }
-    }
-
-    .horizontal-navbar .ddMenu {
-        padding: 10px 15px 10px 0px;
-    }
-
-    .v-list-group__items {
-        .iconClass {
-            position: relative;
-            left: unset;
-            right: -2px;
-        }
-    }
-
-    @media (min-width: 960px) {
-
-        .horizontal-navbar .ddLevel-2,
-        .horizontal-navbar .ddLevel-3 {
-            top: -5px;
-            right: 212px;
-        }
-
-        .horizontal-navbar li a .navIcon {
-            margin-right: 0;
-            margin-left: 10px;
-        }
-    }
-
-    .leftSidebar .profile-name h5 {
-        direction: ltr;
-    }
-
-    .horizontal-navbar {
-        .ddMenu {
-            .navItemLink {
-                padding-right: 15px;
-            }
-        }
-    }
-
-    @media screen and (max-width:1279px) {
-        .mini-sidebar {
-            .v-navigation-drawer.v-navigation-drawer--right {
-                width: 270px !important;
-            }
-
-            .v-navigation-drawer.v-navigation-drawer--left {
-                width: 320px !important;
-            }
-        }
-
-    }
-
-    .rtlImg {
-        transform: scaleX(-1);
-    }
-
-    .marquee1-group {
-        animation: marquee-rtl 45s linear infinite;
-    }
-
-    .marquee2-group {
-        animation: marquee2-rtl 45s linear infinite;
-    }
-
-    @keyframes marquee-rtl {
-        0% {
-            transform: translate3d(0, 0, 0);
-        }
-
-        100% {
-            transform: translate3d(2086px, 0, 0);
-        }
-    }
-
-    @keyframes marquee2-rtl {
-        0% {
-            transform: translate3d(2086px, 0, 0);
-        }
-
-        100% {
-            transform: translate3d(0, 0, 0);
-        }
-    }
-
-    .front-wraper {
-        .testimonials {
-            .slide-counter {
-                left: -50px;
-            }
-
-            .carousel__prev {
-                right: -74%;
-                left: unset;
-
-                .rtlnav {
-                    transform: scaleX(-1);
-                }
-            }
-
-            .carousel__next {
-                right: -60%;
-                left: unset;
-
-                .rtlnav {
-                    transform: scaleX(-1);
-                }
-
-            }
-        }
-    }
-
-    //For Rtl Chart
-    .rtl-me-n7 {
-        margin-inline-start: -28px !important;
-        margin-inline-end: unset !important;
-    }
-
-    .profile-img::before {
+      .carousel__next {
+        right: -60%;
         left: unset;
-        right: 14px;
-    }
 
-}
\ No newline at end of file
+        .rtlnav {
+          transform: scaleX(-1);
+        }
+      }
+    }
+  }
+
+  //For Rtl Chart
+  .rtl-me-n7 {
+    margin-inline-start: -28px !important;
+    margin-inline-end: unset !important;
+  }
+
+  .profile-img::before {
+    left: unset;
+    right: 14px;
+  }
+}
diff --git a/web/src/scss/layout/_text.scss b/web/src/scss/layout/_text.scss
index 0c58315..feeabbf 100644
--- a/web/src/scss/layout/_text.scss
+++ b/web/src/scss/layout/_text.scss
@@ -1,98 +1,98 @@
 $sizes: (
-    'display-1': 44px,
-    'display-2': 40px,
-    'display-3': 30px,
-    'h1': 36px,
-    'h2': 30px,
-    'h3': 21px,
-    'h4': 18px,
-    'h5': 16px,
-    'h6': 14px,
-    'text-10': 10px,
-    'text-12': 12px,
-    'text-13': 13px,
-    'text-14': 14px,
-    'text-15': 15px,
-    'text-16': 16px,
-    'text-17': 17px,
-    'text-18': 18px,
-    'text-20': 20px,
-    'text-22': 22px,
-    'text-24': 24px,
-    'text-28': 28px,
-    'text-34': 34px,
-    'text-40': 40px,
-    'text-44': 44px,
-    'text-48': 48px,
-    'text-50': 50px,
-    'text-52': 52px,
-    'text-56': 56px,
-    'text-64': 64px,
-    'body-text-1': 10px
+  "display-1": 44px,
+  "display-2": 40px,
+  "display-3": 30px,
+  "h1": 36px,
+  "h2": 30px,
+  "h3": 21px,
+  "h4": 18px,
+  "h5": 16px,
+  "h6": 14px,
+  "text-10": 10px,
+  "text-12": 12px,
+  "text-13": 13px,
+  "text-14": 14px,
+  "text-15": 15px,
+  "text-16": 16px,
+  "text-17": 17px,
+  "text-18": 18px,
+  "text-20": 20px,
+  "text-22": 22px,
+  "text-24": 24px,
+  "text-28": 28px,
+  "text-34": 34px,
+  "text-40": 40px,
+  "text-44": 44px,
+  "text-48": 48px,
+  "text-50": 50px,
+  "text-52": 52px,
+  "text-56": 56px,
+  "text-64": 64px,
+  "body-text-1": 10px,
 );
 
 @each $pixel, $size in $sizes {
-    .#{$pixel} {
-        font-size: $size;
-        line-height: $size + 10;
-    }
+  .#{$pixel} {
+    font-size: $size;
+    line-height: $size + 10;
+  }
 }
 
 $height: (
-    'h-10': 10px,
-    'h-12': 12px,
-    'h-15': 15px,
+  "h-10": 10px,
+  "h-12": 12px,
+  "h-15": 15px,
 );
 
 @each $pixel, $size in $height {
-    .#{$pixel} {
-        height: $size;
-        width: $size ;
-    }
+  .#{$pixel} {
+    height: $size;
+    width: $size;
+  }
 }
 
 .textSecondary {
-    color: rgb(var(--v-theme-textSecondary)) !important;
+  color: rgb(var(--v-theme-textSecondary)) !important;
 }
 
 .textPrimary {
-    color: rgb(var(--v-theme-textPrimary)) !important;
+  color: rgb(var(--v-theme-textPrimary)) !important;
 }
 
 // line height
 
 .lh-md {
-    line-height: 1.57;
+  line-height: 1.57;
 }
-.lh-normal{
-    line-height: normal;
+.lh-normal {
+  line-height: normal;
 }
 
 .font-weight-semibold {
-    font-weight: 600;
+  font-weight: 600;
 }
 
 // hover text
 .text-hover-primary {
-    color: rgb(var(--v-theme-textPrimary));
+  color: rgb(var(--v-theme-textPrimary));
 
-    &:hover {
-        color: rgb(var(--v-theme-primary));
-    }
+  &:hover {
+    color: rgb(var(--v-theme-primary));
+  }
 }
 
 .link {
-    color: rgb(var(--v-theme-textSecondary));
-    text-decoration: none;
+  color: rgb(var(--v-theme-textSecondary));
+  text-decoration: none;
 
-    &:hover {
-        color: rgb(var(--v-theme-primary));
-    }
+  &:hover {
+    color: rgb(var(--v-theme-primary));
+  }
 }
 
 .hover-primary {
-    &:hover {
-        color: rgb(var(--v-theme-primary)) !important;
-        opacity: 1;
-    }
-}
\ No newline at end of file
+  &:hover {
+    color: rgb(var(--v-theme-primary)) !important;
+    opacity: 1;
+  }
+}
diff --git a/web/src/scss/layout/_topbar.scss b/web/src/scss/layout/_topbar.scss
index 762e4f2..fd88a5a 100644
--- a/web/src/scss/layout/_topbar.scss
+++ b/web/src/scss/layout/_topbar.scss
@@ -1,110 +1,109 @@
 .v-app-bar {
-    .v-toolbar__content {
-        padding: 0 15px;
-        > .v-btn:first-child {
-            margin-inline-start: 0;
-        }
-        .v-btn {
-            color: rgba(var(--v-theme-textsurface)) !important;
-        }
+  .v-toolbar__content {
+    padding: 0 15px;
+    > .v-btn:first-child {
+      margin-inline-start: 0;
     }
+    // .v-btn {
+    //     color: rgba(var(--v-theme-textsurface)) !important;
+    // }
+  }
 }
 
 .custom-text-primary {
-    &.v-list-item:hover > .v-list-item__overlay {
-        display: none;
-    }
+  &.v-list-item:hover > .v-list-item__overlay {
+    display: none;
+  }
+  .custom-title {
+    color: rgb(var(--v-theme-textPrimary)) !important;
+  }
+  &:hover {
     .custom-title {
-        color: rgb(var(--v-theme-textPrimary)) !important;
-    }
-    &:hover {
-        .custom-title {
-            color: rgb(var(--v-theme-primary)) !important;
-        }
+      color: rgb(var(--v-theme-primary)) !important;
     }
+  }
 }
-@media screen and (max-width:1279px) {
-    .mini-sidebar {
-        .v-navigation-drawer.v-navigation-drawer--left {
-            width: 270px !important;
-        }
+@media screen and (max-width: 1279px) {
+  .mini-sidebar {
+    .v-navigation-drawer.v-navigation-drawer--left {
+      width: 270px !important;
     }
+  }
 }
 
-
 .notify {
-    position: relative;
-    top: -20px;
-    right: -8px;
-  
-    .heartbit {
-      position: absolute;
-      top: -5px;
-      right: -2px;
-      height: 18px;
-      width: 18px;
-      z-index: 10;
-      border: 2px solid rgb(var(--v-theme-error));
-      border-radius: 70px;
-      animation: heartbit 1s ease-out;
-      -moz-animation: heartbit 1s ease-out;
-      -moz-animation-iteration-count: infinite;
-      -o-animation: heartbit 1s ease-out;
-      -o-animation-iteration-count: infinite;
-      -webkit-animation: heartbit 1s ease-out;
-      -webkit-animation-iteration-count: infinite;
-      animation-iteration-count: infinite;
-    }
-  
-    .point {
-      width: 4px;
-      height: 4px;
-      border-radius: 30px;
-      position: absolute;
-      right: 5px;
-      top: 2px;
-      background-color: rgb(var(--v-theme-error));
-      position: absolute;
-    }
-  }
-  
-  @keyframes heartbit {
-    0% {
-      transform: scale(0);
-      opacity: 0;
-    }
-  
-    25% {
-      transform: scale(0.1);
-      opacity: 0.1;
-    }
-  
-    50% {
-      transform: scale(0.5);
-      opacity: 0.3;
-    }
-  
-    75% {
-      transform: scale(0.8);
-      opacity: 0.5;
-    }
-  
-    100% {
-      transform: scale(1);
-      opacity: 0;
-    }
+  position: relative;
+  top: -20px;
+  right: -8px;
+
+  .heartbit {
+    position: absolute;
+    top: -5px;
+    right: -2px;
+    height: 18px;
+    width: 18px;
+    z-index: 10;
+    border: 2px solid rgb(var(--v-theme-error));
+    border-radius: 70px;
+    animation: heartbit 1s ease-out;
+    -moz-animation: heartbit 1s ease-out;
+    -moz-animation-iteration-count: infinite;
+    -o-animation: heartbit 1s ease-out;
+    -o-animation-iteration-count: infinite;
+    -webkit-animation: heartbit 1s ease-out;
+    -webkit-animation-iteration-count: infinite;
+    animation-iteration-count: infinite;
   }
 
-  .v-menu.mobile_popup .v-overlay__content {
-    width: 100%;
+  .point {
+    width: 4px;
+    height: 4px;
+    border-radius: 30px;
+    position: absolute;
+    right: 5px;
+    top: 2px;
+    background-color: rgb(var(--v-theme-error));
+    position: absolute;
+  }
 }
 
-  @media (max-width: 1199px) {
-    .main-head{
-        &.v-app-bar .v-toolbar__content{
-            width: 100%;
-            justify-content: space-between;
-            padding: 0 10px;
-        }
+@keyframes heartbit {
+  0% {
+    transform: scale(0);
+    opacity: 0;
+  }
+
+  25% {
+    transform: scale(0.1);
+    opacity: 0.1;
+  }
+
+  50% {
+    transform: scale(0.5);
+    opacity: 0.3;
+  }
+
+  75% {
+    transform: scale(0.8);
+    opacity: 0.5;
+  }
+
+  100% {
+    transform: scale(1);
+    opacity: 0;
+  }
+}
+
+.v-menu.mobile_popup .v-overlay__content {
+  width: 100%;
+}
+
+@media (max-width: 1199px) {
+  .main-head {
+    &.v-app-bar .v-toolbar__content {
+      width: 100%;
+      justify-content: space-between;
+      padding: 0 10px;
     }
-}
\ No newline at end of file
+  }
+}
diff --git a/web/src/scss/pages/_dashboards.scss b/web/src/scss/pages/_dashboards.scss
index e222a21..8172c0f 100644
--- a/web/src/scss/pages/_dashboards.scss
+++ b/web/src/scss/pages/_dashboards.scss
@@ -1,90 +1,84 @@
 .month-table {
-    &.custom-px-0 {
-        thead {
-            tr {
-                th:first-child {
-                    padding-left: 0 !important;
-                }
-
-                th:last-child {
-                    padding-right: 0 !important;
-                }
-            }
+  &.custom-px-0 {
+    thead {
+      tr {
+        th:first-child {
+          padding-left: 0 !important;
         }
 
-        tr.month-item {
-            td:first-child {
-                padding-left: 0 !important;
-            }
-
-            td:last-child {
-                padding-right: 0 !important;
-            }
+        th:last-child {
+          padding-right: 0 !important;
         }
+      }
     }
 
     tr.month-item {
-        td {
-            padding-top: 16px !important;
-            padding-bottom: 16px !important;
-        }
+      td:first-child {
+        padding-left: 0 !important;
+      }
 
-        &:hover {
-            background: transparent !important;
-        }
+      td:last-child {
+        padding-right: 0 !important;
+      }
+    }
+  }
+
+  tr.month-item {
+    td {
+      padding-top: 16px !important;
+      padding-bottom: 16px !important;
     }
 
-    tr.month-item-0 {
-        td {
-            padding-top: 12px !important;
-            padding-bottom: 12px !important;
-        }
+    &:hover {
+      background: transparent !important;
+    }
+  }
 
-        &:hover {
-            background: transparent !important;
-        }
+  tr.month-item-0 {
+    td {
+      padding-top: 12px !important;
+      padding-bottom: 12px !important;
     }
 
-    tr.month-item-hover {
+    &:hover {
+      background: transparent !important;
+    }
+  }
 
-        td {
-            padding-top: 12px !important;
-            padding-bottom: 12px !important;
-        }
-
-        border-left: 4px solid transparent;
-
-        &:hover {
-            border-left: 4px solid rgba(var(--v-theme-primary)) !important;
-        }
+  tr.month-item-hover {
+    td {
+      padding-top: 12px !important;
+      padding-bottom: 12px !important;
     }
 
+    border-left: 4px solid transparent;
 
+    &:hover {
+      border-left: 4px solid rgba(var(--v-theme-primary)) !important;
+    }
+  }
 }
 
-
 .no-line {
+  .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td {
+    border-bottom: 0 !important;
+  }
 
-    .v-table .v-table__wrapper>table>tbody>tr:not(:last-child)>td {
-        border-bottom: 0 !important;
-    }
-
-    .v-table .v-table__wrapper>table>tbody>tr>td {
-        padding: 12px;
-    }
+  .v-table .v-table__wrapper > table > tbody > tr > td {
+    padding: 12px;
+  }
 }
 
 .recent-transaction {
-    .line {
-        width: 2px;
-        height: 35px;
-    }
+  .line {
+    width: 2px;
+    height: 35px;
+  }
 }
 
-
 .chip-label {
-    width: 80px;
-    justify-content: center;
+  width: 80px;
+  justify-content: center;
 }
 
 //
@@ -92,136 +86,131 @@
 //
 
 body {
-    .apexcharts-tooltip {
-        border-radius: 16px;
-    }
+  .apexcharts-tooltip {
+    border-radius: 16px;
+  }
 
-    .apexcharts-tooltip-marker {
-        border-radius: 4px;
-        width: 12px;
-        height: 4px;
-    }
+  .apexcharts-tooltip-marker {
+    border-radius: 4px;
+    width: 12px;
+    height: 4px;
+  }
 
-    .apexcharts-tooltip.apexcharts-theme-dark {
-        background: rgba(17, 28, 45, 0.8);
-
-        .apexcharts-tooltip-title {
-            border-bottom: 0;
-            background: rgba(17, 28, 45, 0.7);
-        }
-    }
-
-    .apexcharts-tooltip-series-group {
-        padding: 0 14px;
-    }
+  .apexcharts-tooltip.apexcharts-theme-dark {
+    background: rgba(17, 28, 45, 0.8);
 
     .apexcharts-tooltip-title {
-        padding: 10px 14px;
+      border-bottom: 0;
+      background: rgba(17, 28, 45, 0.7);
     }
+  }
+
+  .apexcharts-tooltip-series-group {
+    padding: 0 14px;
+  }
+
+  .apexcharts-tooltip-title {
+    padding: 10px 14px;
+  }
 }
 
 .profile-activity {
+  .v-tab {
+    &.v-btn {
+      border: 1px dashed rgba(var(--v-theme-borderColor));
+      border-radius: 8px;
+      min-width: 90px;
+      overflow: hidden;
+      padding: 15px 20px;
+      overflow: hidden;
 
-    .v-tab {
+      .v-btn__content {
+        display: block;
+      }
 
-        &.v-btn {
-            border: 1px dashed rgba(var(--v-theme-borderColor));
-            border-radius: 8px;
-            min-width: 90px;
-            overflow: hidden;
-            padding: 15px 20px;
-            overflow: hidden;
-
-            .v-btn__content {
-                display: block;
-            }
-
-            &.v-tab--selected{
-                border: 1px solid rgba(var(--v-theme-borderColor));
-                border-bottom: 2px solid;
-            }
-            .v-tab__slider{
-                opacity: 0;
-            }
-        }
-        
+      &.v-tab--selected {
+        border: 1px solid rgba(var(--v-theme-borderColor));
+        border-bottom: 2px solid;
+      }
+      .v-tab__slider {
+        opacity: 0;
+      }
     }
+  }
 
-    .v-slide-group__content {
-        gap: 16px;
-    }
+  .v-slide-group__content {
+    gap: 16px;
+  }
 }
 
 .comment-box {
-    border-bottom: 1px solid rgba(var(--v-theme-borderColor));
-    padding-bottom: 20px;
-    margin-bottom: 20px;
-    cursor: pointer;
+  border-bottom: 1px solid rgba(var(--v-theme-borderColor));
+  padding-bottom: 20px;
+  margin-bottom: 20px;
+  cursor: pointer;
 
-    &:last-child {
-        border-bottom: 0;
-        padding-bottom: 0px;
-        margin-bottom: 0px;
-    }
+  &:last-child {
+    border-bottom: 0;
+    padding-bottom: 0px;
+    margin-bottom: 0px;
+  }
 
+  .comment-action {
+    opacity: 0;
+    transition: 0.5s;
+  }
+
+  &:hover {
     .comment-action {
-        opacity: 0;
-        transition: 0.5s;
-    }
-
-    &:hover {
-        .comment-action {
-            opacity: 1;
-        }
+      opacity: 1;
     }
+  }
 }
 
 .todo-list {
-    border-bottom: 1px solid rgba(var(--v-theme-borderColor));
-    padding-bottom: 25px;
-    margin-bottom: 25px;
-    cursor: pointer;
-
-    &:last-child {
-        border-bottom: 0;
-        padding-bottom: 20px;
-        margin-bottom: 20px;
-    }
+  border-bottom: 1px solid rgba(var(--v-theme-borderColor));
+  padding-bottom: 25px;
+  margin-bottom: 25px;
+  cursor: pointer;
 
+  &:last-child {
+    border-bottom: 0;
+    padding-bottom: 20px;
+    margin-bottom: 20px;
+  }
 }
 
 .progress-cards {
-    border-inline-end: 1px solid rgba(var(--v-theme-borderColor));
+  border-inline-end: 1px solid rgba(var(--v-theme-borderColor));
 
-    &:last-child {
-        border: 0;
-    }
+  &:last-child {
+    border: 0;
+  }
 
-    @media screen and (max-width:991px) {
-        border-inline-end: 0 !important
-    }
+  @media screen and (max-width: 991px) {
+    border-inline-end: 0 !important;
+  }
 }
 
 .notification {
-    border-bottom: 1px solid rgba(var(--v-theme-borderColor));
+  border-bottom: 1px solid rgba(var(--v-theme-borderColor));
 
-    &:last-child {
-        border: 0;
-    }
+  &:last-child {
+    border: 0;
+  }
 }
 
-
 .earning-cards {
-  @media screen and (max-width:991px){
-    .w-25{
-        width: 100% !important;
-        &.border-e{
-            border: 0 !important;
-        }
-        .mobile-border{
-            border-bottom:1px solid rgba(var(--v-theme-borderColor));
-            padding-bottom: 8px !important;
-        }
+  @media screen and (max-width: 991px) {
+    .w-25 {
+      width: 100% !important;
+      &.border-e {
+        border: 0 !important;
+      }
+      .mobile-border {
+        border-bottom: 1px solid rgba(var(--v-theme-borderColor));
+        padding-bottom: 8px !important;
+      }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/web/src/scss/pages/_editor.scss b/web/src/scss/pages/_editor.scss
index 0076bfc..22128b7 100644
--- a/web/src/scss/pages/_editor.scss
+++ b/web/src/scss/pages/_editor.scss
@@ -1,61 +1,61 @@
 .ProseMirror {
-    padding: 20px;
-    border: 1px solid rgb(var(--v-theme-inputBorder), 0.3);
-    border-radius: 0 0 12px 12px;
-    &.ProseMirror-focused {
-        outline-color: rgb(var(--v-theme-primary), 0.3) !important;
-    }
-    > * + * {
-        margin-top: 0.75em;
-    }
+  padding: 20px;
+  border: 1px solid rgb(var(--v-theme-inputBorder), 0.3);
+  border-radius: 0 0 12px 12px;
+  &.ProseMirror-focused {
+    outline-color: rgb(var(--v-theme-primary), 0.3) !important;
+  }
+  > * + * {
+    margin-top: 0.75em;
+  }
 
-    ul,
-    ol {
-        padding: 0 1rem;
-    }
+  ul,
+  ol {
+    padding: 0 1rem;
+  }
 
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-        line-height: 1.1;
-    }
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+  }
+
+  code {
+    background-color: rgba(#616161, 0.1);
+    color: #616161;
+  }
+
+  pre {
+    background: #0d0d0d;
+    color: #fff;
+    font-family: "JetBrainsMono", monospace;
+    padding: 0.75rem 1rem;
+    border-radius: 0.5rem;
 
     code {
-        background-color: rgba(#616161, 0.1);
-        color: #616161;
+      color: inherit;
+      padding: 0;
+      background: none;
+      font-size: 0.8rem;
     }
+  }
 
-    pre {
-        background: #0d0d0d;
-        color: #fff;
-        font-family: 'JetBrainsMono', monospace;
-        padding: 0.75rem 1rem;
-        border-radius: 0.5rem;
+  img {
+    max-width: 100%;
+    height: auto;
+  }
 
-        code {
-            color: inherit;
-            padding: 0;
-            background: none;
-            font-size: 0.8rem;
-        }
-    }
+  blockquote {
+    padding-left: 1rem;
+    border-left: 2px solid rgba(#0d0d0d, 0.1);
+  }
 
-    img {
-        max-width: 100%;
-        height: auto;
-    }
-
-    blockquote {
-        padding-left: 1rem;
-        border-left: 2px solid rgba(#0d0d0d, 0.1);
-    }
-
-    hr {
-        border: none;
-        border-top: 2px solid rgba(#0d0d0d, 0.1);
-        margin: 2rem 0;
-    }
+  hr {
+    border: none;
+    border-top: 2px solid rgba(#0d0d0d, 0.1);
+    margin: 2rem 0;
+  }
 }