From 4750f0948efb9936dee5fbce592691f8b0fe914e Mon Sep 17 00:00:00 2001
From: ConfusedKnight <aarushdangol2006@gmail.com>
Date: Thu, 1 May 2025 13:37:50 +0545
Subject: [PATCH] fix: matched card heights

---
 .../src/app/components/BenefitsOfParticipating/CardDark.tsx   | 4 ++--
 .../src/app/components/BenefitsOfParticipating/CardLight.tsx  | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/components/BenefitsOfParticipating/CardDark.tsx b/frontend/src/app/components/BenefitsOfParticipating/CardDark.tsx
index 989c43a..8afb779 100644
--- a/frontend/src/app/components/BenefitsOfParticipating/CardDark.tsx
+++ b/frontend/src/app/components/BenefitsOfParticipating/CardDark.tsx
@@ -19,8 +19,8 @@ export default function CardDark({
   svg: ReactElement;
 }) {
   return (
-    <div className=" primary-border-background lg:w-[32.93rem] lg:h-[18.37rem] md:w-[36rem] min-h-[17.93rem] h-fit w-full  rounded-[1.875rem] p-[0.1875rem] relative ">
-      <div className=" new-gradient-background w-full h-full rounded-[1.875rem] flex flex-col px-12 gap-[21px] justify-center relative">
+    <div className=" primary-border-background lg:w-[32.93rem] lg:h-[18.7rem] md:w-[36rem] min-h-[17.93rem] rounded-[1.875rem] p-[0.1875rem] relative gap-5">
+      <div className=" new-gradient-background w-full h-full rounded-[1.875rem] flex flex-col px-12 gap-7 justify-center">
         <div>
           <div
             className={`${cabinetExtraBold.className} text-primary-gradient-color lg:text-[2rem] text-[1.5rem] w-[10.69rem] md:w-[18.72rem] sm:leading-[2rem] md:leading-[2.75rem] pb-[1.5rem] md:pb-0 font-extrabold z-10 md:mb-[1.5rem]`}
diff --git a/frontend/src/app/components/BenefitsOfParticipating/CardLight.tsx b/frontend/src/app/components/BenefitsOfParticipating/CardLight.tsx
index 7dfd5d1..521b0b5 100644
--- a/frontend/src/app/components/BenefitsOfParticipating/CardLight.tsx
+++ b/frontend/src/app/components/BenefitsOfParticipating/CardLight.tsx
@@ -19,7 +19,7 @@ export default function CardLight({
   svg: ReactElement;
 }) {
   return (
-    <div className="secondary-gradient-background lg:w-[32.93rem] lg:h-[18.37rem] md:w-[36rem] w-full min-h-[17.93rem] h-fit rounded-[1.875rem] p-[0.1875rem] relative justify-start gap-5">
+    <div className="secondary-gradient-background lg:w-[32.93rem] lg:h-[18.372rem] md:w-[36rem] min-h-[17.93rem] rounded-[1.875rem] p-[0.1875rem] relative justify-start gap-5">
       <div className=" w-full h-full rounded-[1.875rem] flex flex-col px-12 gap-7 justify-center items-start">
         <div>
         <div