fix design page bime

app/globals.css

@@ -315,14 +315,6 @@ 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 scroll-h-sm 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 hidden-scroll 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