diff --git a/src/components/sections/about/AboutFeaturesSplit.tsx b/src/components/sections/about/AboutFeaturesSplit.tsx
index 3b6a533..5600175 100644
--- a/src/components/sections/about/AboutFeaturesSplit.tsx
+++ b/src/components/sections/about/AboutFeaturesSplit.tsx
@@ -58,9 +58,15 @@ const AboutFeaturesSplit = ({
             {items.map((item, index) => {
               const ItemIcon = resolveIcon(item.icon);
               const isEthical = item.title.includes("Ethical Sourcing");
+              const isArtisan = item.title.includes("Artisan Craft");
+              
+              let bgClass = "";
+              if (isEthical) bgClass = "bg-purple-600 p-4 rounded-lg";
+              if (isArtisan) bgClass = "bg-red-600 p-4 rounded-lg";
+
               return (
               <div key={item.title}>
-                <div className={`flex flex-col gap-2 ${isEthical ? "bg-purple-600 p-4 rounded-lg" : ""}`}>
+                <div className={`flex flex-col gap-2 ${bgClass}`}>
                   <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>