remove features padding

Signed-off-by: ianmuchyri <ianmuchiri8@gmail.com>
absmach · Jan 27, 2025 · eb77479 · eb77479
1 parent 40c0246
commit eb77479
Showing 1 changed file with 3 additions and 7 deletions.
diff --git a/src/components/section-features.tsx b/src/components/section-features.tsx
@@ -15,9 +15,7 @@ export function FeaturesSection() {
   return (
     <section id={sectionId} className="py-20 bg-blue-200">
       <div className="container mx-auto">
-        <h2 className="lg:text-5xl text-3xl font-bold mb-4 text-center text-blue-950">
-          {title}
-        </h2>
+        <h2 className="lg:text-5xl text-3xl mb-4 text-center">{title}</h2>
         <p className="text-xl text-gray-700 mb-12 text-center lg:text-2xl">
           {subtitle}
         </p>
@@ -47,14 +45,12 @@ export function ProductFeatureCard({
 }: ProductFeatureCardProps) {
   return (
     <div
-      className={`flex flex-col md:flex-row items-center justify-between gap-8 py-6 ${
+      className={`flex flex-col md:flex-row items-center justify-between gap-8  ${
         reverse ? 'md:flex-row-reverse' : ''
       }`}
     >
       <div className="w-full md:w-1/2 space-y-4">
-        <h3 className="lg:text-4xl text-2xl text-blue-950 font-bold">
-          {title}
-        </h3>
+        <h3 className="lg:text-4xl text-2xl">{title}</h3>
         <p className="text-gray-700 text-lg lg:text-xl">{description}</p>
       </div>
       <div className="w-full md:w-1/2">