upload

src/assets/css/style.css

@@ -1191,6 +1191,33 @@ html {
   height: 230px;
 }
 
+.page-account .left .item.active,
+.page-account .left .item:hover {
+  background: #f5f2ff;
+  border-left: 3px solid #ac8cb4;
+}
+.page-account .left .item.active span,
+.page-account .left .item:hover span {
+  font-weight: bold;
+  color: #462f91;
+}
+.page-account .left .item.active .list_faq,
+.page-account .left .item:hover .list_faq {
+  background-position: -25px -211px;
+}
+.page-account .left .item.active .list_raovat,
+.page-account .left .item:hover .list_raovat {
+  background-position: -75px -211px;
+}
+.page-account .left .item.active .list_inbox,
+.page-account .left .item:hover .list_inbox {
+  background-position: -135px -211px;
+}
+.page-account .left .item.active .info_save,
+.page-account .left .item:hover .info_save {
+  background-position: -185px -211px;
+}
+
 @media (max-width: 1600px) {
   #js-box-list-review .list-review {
     max-height: 450px;

src/assets/css/style.scss

@@ -1251,6 +1251,32 @@ html {
     height: 230px;
 }
 
+.page-account {
+    .left {
+        .item.active,
+        .item:hover {
+            background: #f5f2ff;
+            border-left: 3px solid #ac8cb4;
+            span {
+                font-weight: bold;
+                color: #462f91;
+            }
+            .list_faq {
+                background-position: -25px -211px;
+            }
+            .list_raovat {
+                background-position: -75px -211px;
+            }
+            .list_inbox {
+                background-position: -135px -211px;
+            }
+            .info_save {
+                background-position: -185px -211px;
+            }
+        }
+    }
+}
+
 @media (max-width: 1600px) {
     #js-box-list-review {
         .list-review {