From d260f245b723784eda2df017fd9d47eb01b536a4 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Tue, 28 Apr 2026 12:03:59 +0000
Subject: [PATCH] Bob AI: Change the background color of the div containing the
 text '

---
 src/components/sections/about/AboutFeaturesSplit.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/sections/about/AboutFeaturesSplit.tsx b/src/components/sections/about/AboutFeaturesSplit.tsx
index b898665..3b6a533 100644
--- a/src/components/sections/about/AboutFeaturesSplit.tsx
+++ b/src/components/sections/about/AboutFeaturesSplit.tsx
@@ -57,9 +57,10 @@ const AboutFeaturesSplit = ({
           <div className="flex flex-col justify-center gap-3 xl:gap-4 2xl:gap-5 p-3 xl:p-4 2xl:p-5 w-full md:w-4/10 2xl:w-3/10 card rounded">
             {items.map((item, index) => {
               const ItemIcon = resolveIcon(item.icon);
+              const isEthical = item.title.includes("Ethical Sourcing");
               return (
               <div key={item.title}>
-                <div className="flex flex-col gap-2">
+                <div className={`flex flex-col gap-2 ${isEthical ? "bg-purple-600 p-4 rounded-lg" : ""}`}>
                   <div className="flex items-center justify-center shrink-0 mb-1 size-10 primary-button rounded">
                     <ItemIcon className="h-2/5 w-2/5 text-primary-cta-text" strokeWidth={1.5} />
                   </div>
@@ -83,4 +84,4 @@ const AboutFeaturesSplit = ({
   );
 };
 
-export default AboutFeaturesSplit;
+export default AboutFeaturesSplit;
\ No newline at end of file