diff --git a/src/components/Clients.jsx b/src/components/Clients.jsx
index dc1d611b..c864932d 100644
--- a/src/components/Clients.jsx
+++ b/src/components/Clients.jsx
@@ -99,7 +99,7 @@ function ClientPattern({ mouseX, mouseY, ...gridProps }) {
         />
       </div>
       <motion.div
-        className="absolute inset-0 rounded-2xl bg-gradient-to-r from-[#D7EDEA] to-[#F4FBDF] opacity-0 transition duration-300 group-hover:opacity-100 dark:from-[#202D2E] dark:to-[#303428]"
+        className="absolute inset-0 rounded-2xl bg-gradient-to-r from-[#FFAC1C] to-[#F28C28] opacity-0 transition duration-300 group-hover:opacity-30 dark:group-hover:opacity-60 dark:from-[#F28C28]/30 dark:to-[#FF7518]/30"
         style={style}
       />
       <motion.div
diff --git a/src/components/Resources.jsx b/src/components/Resources.jsx
index 97e3b994..8f3ed041 100644
--- a/src/components/Resources.jsx
+++ b/src/components/Resources.jsx
@@ -168,7 +168,7 @@ function ResourcePattern({ mouseX, mouseY, ...gridProps }) {
         />
       </div>
       <motion.div
-        className="absolute inset-0 rounded-2xl bg-gradient-to-r from-[#D7EDEA] to-[#F4FBDF] opacity-0 transition duration-300 group-hover:opacity-100 dark:from-[#202D2E] dark:to-[#303428]"
+        className="absolute inset-0 rounded-2xl bg-gradient-to-r from-[#FFAC1C] to-[#F28C28] opacity-0 transition duration-300 group-hover:opacity-30 dark:group-hover:opacity-60 dark:from-[#F28C28]/30 dark:to-[#FF7518]/30"
         style={style}
       />
       <motion.div