SUCCESSFULLY ENHANCED THE SCROLLBAR OF THE AUDIOBOOKS PAGE

audiobook.html

@@ -36,6 +36,46 @@
   <script src="https://cdn.lordicon.com/lordicon.js"></script>
   <title>Audio Books</title>
   <style>
+    /*scrollbar styles*/
+    ::-webkit-scrollbar {
+  width: 16px;
+  background-color: #f0f0f5;
+}
+
+::-webkit-scrollbar-track {
+  background-color: #f0f0f5;
+  border-radius: 10px;
+  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+}
+
+::-webkit-scrollbar-thumb {
+  background-image: linear-gradient(180deg, #ff5a5a, #d78fff);
+  border-radius: 12px;
+  border: 3px solid #f0f0f5;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-image: linear-gradient(180deg, #ff3333, #b35add);
+  box-shadow: 0 0 10px rgba(255, 0, 0, 0.5);
+}
+
+::-webkit-scrollbar-corner {
+  background-color: #f0f0f5;
+}
+
+* {
+  scrollbar-width: thin;
+  scrollbar-color: #ff5a5a #f0f0f5;
+}
+
+body {
+  -ms-overflow-style: none;
+}
+
+body::-ms-scrollbar {
+  display: none;
+}
+
     /* Header Styles */
     .header {
       background-color: #f3a5a5;