From f8abc61715eb222c0ae30898d8a803d41c654704 Mon Sep 17 00:00:00 2001
From: "pramod.mahajan" <pramod.mahajan@marcoaiot.com>
Date: Fri, 31 Oct 2025 11:33:03 +0530
Subject: [PATCH] adjust size plan cards space

---
 src/components/UserSubscription/SelectPlan.jsx | 10 +++++-----
 src/pages/Home/MakeSubscription.jsx            |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/UserSubscription/SelectPlan.jsx b/src/components/UserSubscription/SelectPlan.jsx
index 88f5637b..17adadf9 100644
--- a/src/components/UserSubscription/SelectPlan.jsx
+++ b/src/components/UserSubscription/SelectPlan.jsx
@@ -51,8 +51,8 @@ const SelectPlan = ({ currentStep, setStepStatus, onNext }) => {
 
   return (
     <div className="container text-start ">
-      <div className="row gx-4 gy-5 align-items-center justify-content-around">
-        <div className="col-sm-12 col-md-6">
+      <div className="row  gy-5 align-items-center justify-content-around">
+        <div className="col-sm-12 col-md-8">
           <div className="row">
             <div className="col-12 mb-3 text-start">
               <h4>Choose the Perfect Plan for Your Organization</h4>
@@ -331,13 +331,13 @@ const SelectPlan = ({ currentStep, setStepStatus, onNext }) => {
         </div>
 
         {/* Image Section */}
-        <div className="d-none d-md-flex col-md-6 justify-content-center align-items-center">
+        <div className="d-none d-md-flex col-md-4 justify-content-center align-items-center">
           <img
             src="/img/illustrations/undraw_pricing.png"
             alt="image"
             className="img-fluid"
             style={{
-              maxWidth: "70%",
+              maxWidth: "100%",
               height: "auto",
               objectFit: "contain",
             }}
@@ -345,7 +345,7 @@ const SelectPlan = ({ currentStep, setStepStatus, onNext }) => {
         </div>
       </div>
 
-      <div className="col-12 d-flex justify-content-end mt-3">
+      <div className="col-12 d-flex justify-content-end m-md-0 mt-3">
         <button
           type="submit"
           className="btn btn-label-primary d-flex align-items-center me-2"
diff --git a/src/pages/Home/MakeSubscription.jsx b/src/pages/Home/MakeSubscription.jsx
index 7173b51c..12456155 100644
--- a/src/pages/Home/MakeSubscription.jsx
+++ b/src/pages/Home/MakeSubscription.jsx
@@ -8,7 +8,7 @@ import SelectPlan from "../../components/UserSubscription/SelectPlan";
 import Review from "../../components/UserSubscription/Review";
 
 const MakeSubscription = () => {
-  const [currentStep, setCurrentStep] = useState(1);
+  const [currentStep, setCurrentStep] = useState(2);
   const [responsePayment, setResponsePayment] = useState(null);
 
   const [stepStatus, setStepStatus] = useState({