add design scroll to list bime

app/globals.css

@@ -296,6 +296,14 @@ html {
   height: 10px;
 }
 
+.scroll-h-sm {
+  padding-bottom: 10px;
+}
+
+.scroll-h-sm::-webkit-scrollbar {
+  height: 5px !important;
+}
+
 .opacity-page {
   animation: loadPageOpacity;
   animation-duration: 1s;

components/clinic/components/about/ListBime.js

@@ -3,7 +3,7 @@ import Image from "next/image";
 
 function ListBime({ data, loading }) {
   return (
-    <ul className="flex overflow-auto hidden-scroll  mt-[8px] items-center justify-start xl:justify-center gap-[8px] sm:gap-[13px] md:gap-[19px] lg:gap-[24px]">
+    <ul className="flex overflow-auto scroll-h-sm mt-[8px] items-center justify-start xl:justify-center gap-[8px] sm:gap-[13px] md:gap-[19px] lg:gap-[24px]">
       {data.list_bime.map((item, idx) => (
         <CustomLoading width={156} height={110} loading={loading}>
           <li