From ed7f8fffdfb18d9121cbdb80872af774d4d0afba Mon Sep 17 00:00:00 2001
From: Joiejoie1 <soniqjjj@gmail.com>
Date: Wed, 18 Mar 2026 12:28:20 +0000
Subject: [PATCH] fix: add missing slick-carousel CSS and autoplaySpeed for
 slide transitions

Signed-off-by: Joiejoie1 <soniqjjj@gmail.com>
---
 src/sections/Client/index.js | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/sections/Client/index.js b/src/sections/Client/index.js
index 78668e4321960..9e00dd487ea1c 100644
--- a/src/sections/Client/index.js
+++ b/src/sections/Client/index.js
@@ -2,6 +2,8 @@ import React from "react";
 
 import { SlickSlider, SliderItem } from "../../reusecore/SlickSlider";
 import { Container } from "../../reusecore/Layout";
+import "slick-carousel/slick/slick.css";
+import "slick-carousel/slick/slick-theme.css";
 
 import Client1 from "../../assets/images/app/clients/client-1.webp";
 import Client2 from "../../assets/images/app/clients/client-2.webp";
@@ -14,6 +16,7 @@ import ClientsSectionWrapper from "./clientSection.style";
 const Client = () => {
   const settings = {
     autoplay: true,
+    autoplaySpeed: 3000,
     infinite: true,
     dots: false,
     speed: 500,
@@ -23,22 +26,22 @@ const Client = () => {
       {
         breakpoint: 912,
         settings: {
-          slidesToShow: 3
-        }
+          slidesToShow: 3,
+        },
       },
       {
         breakpoint: 500,
         settings: {
-          slidesToShow: 2
-        }
+          slidesToShow: 2,
+        },
       },
       {
         breakpoint: 400,
         settings: {
-          slidesToShow: 1
-        }
-      }
-    ]
+          slidesToShow: 1,
+        },
+      },
+    ],
   };
   return (
     <ClientsSectionWrapper>