diff --git a/cards/MyOrderCard.tsx b/cards/MyOrderCard.tsx
index 75a5619..a4b935f 100644
--- a/cards/MyOrderCard.tsx
+++ b/cards/MyOrderCard.tsx
@@ -22,31 +22,31 @@ const MyOrderCard = ({ data, selectedMultiLangData }: any) => {
         <div className="card-header pb-1 ">
           <div className="row pb-0">
             <div className=" mb-sm-0 col-md-2 col-6 order-div">
-              <p className="text-uppercase gray mb-0 myorder_p">
+              <p className="text-uppercase gray  myorder_p">
                 {selectedMultiLangData?.order_placed}
               </p>
 
-              <p className="gray mb-0 myorder_p">
+              <p className="gray  myorder_p">
                 {data?.transaction_date?.split("-")?.reverse()?.join("/")}
               </p>
             </div>
             <div className=" col-md-2 col-6 order-div">
-              <p className="text-uppercase gray mb-0 myorder_p">
+              <p className="text-uppercase gray  myorder_p" >
                 {" "}
                 {selectedMultiLangData?.total_price}
               </p>
               {data?.total === 0 ? (
-                <p className="border price_request">
-                  {selectedMultiLangData?.price_on_request}
+                <p className="border price_request" >
+                  {selectedMultiLangData?.price_on_request} 
                 </p>
               ) : (
-                <p className="gray mb-0 myorder_p price_font_family">
+                <p className="gray  myorder_p price_font_family">
                   {data?.currency_symbol} {data?.total}
                 </p>
               )}
             </div>
-            <div className="col-md-2 col-4 order-cards">
-              <p className="text-uppercase gray mb-0 myorder_p">
+            <div className="col-md-2 col-4 order-cards" >
+              <p className="text-uppercase gray  myorder_p">
                 {selectedMultiLangData?.ship_to}
               </p>
               {data?.addresses?.map((personAddress: any, index: number) => (
@@ -112,10 +112,10 @@ const MyOrderCard = ({ data, selectedMultiLangData }: any) => {
         </div>
         {data?.order_details?.map((detail: any) => (
           <div
-            className="cart_item card-body order_cartdetails"
-            key={detail?.item_name}
+            className="cart_item cart_item-myorder-m card-body order_cartdetails" 
+            key={detail?.item_name} 
           >
-            <div className="d-flex mb-0">
+            <div className="d-flex  pb-0" >
               <div className="flex-fill">
                 <h6 className="green text-capitalize bold mb-0 mt-2 order-ptag d-inline-flex">
                   <div>{selectedMultiLangData?.status} </div>
@@ -137,19 +137,19 @@ const MyOrderCard = ({ data, selectedMultiLangData }: any) => {
                   />
                 </div>
               </div>
-              <div className="product_item_details col-lg-6 col-md-7 col-8">
+              <div className="product_item_details col-lg-6 col-md-7 col-8" >
                 <div className="d-flex orderDetail-card">
-                  <div className="flex-fill">
+                  <div className="flex-fill" >
                     <Link href="#" legacyBehavior>
                       <a className="product_item_name bold">
                         {detail?.item_name}
                       </a>
                     </Link>
-                    <table width="100%" className="mt-2 table table-borderless">
+                    <table width="100%" className="mt-1 table table-borderless" > 
                       <tbody>
                         <tr className="item_options myorder_tr">
                           <td className="px-0 py-0 pb-0 myorder_td">
-                            <p className="text-capitalize black mb-0 myorder_p">
+                            <p className="text-capitalize black  myorder_p">
                               {selectedMultiLangData?.item_code}
                             </p>
                           </td>
@@ -157,7 +157,7 @@ const MyOrderCard = ({ data, selectedMultiLangData }: any) => {
                             width="85%"
                             className="px-0 py-0 pb-0 myorder_width"
                           >
-                            <p className="text-capitalize black mb-0 myorder_p">
+                            <p className="text-capitalize black  myorder_p">
                               : {detail?.name}
                             </p>
                           </td>
@@ -165,17 +165,17 @@ const MyOrderCard = ({ data, selectedMultiLangData }: any) => {
 
                         <tr className="item_options myorder_tr">
                           <td className="px-0 py-0 pb-0 myorder_td">
-                            <p className="text-capitalize black mb-0 myorder_p">
-                              {selectedMultiLangData?.price}
+                            <p className="text-capitalize black  myorder_p" >
+                              {selectedMultiLangData?.price} 
                             </p>
                           </td>
                           <td
                             width="85%"
                             className="px-0 py-0 pb-0 myorder_width"
                           >
-                            <p className="text-capitalize black mb-0 myorder_p">
+                            <p className="text-capitalize black  myorder_p">
                               {detail?.prod_info[1]?.value !== 0 ? (
-                                <p className="mb-0 price_font_family">
+                                <p className=" price_font_family">
                                   {" "}
                                   : {data?.currency_symbol}{" "}
                                   {detail.prod_info[1]?.value}
@@ -191,7 +191,7 @@ const MyOrderCard = ({ data, selectedMultiLangData }: any) => {
 
                         <tr className="item_options myorder_tr">
                           <td className="px-0 py-0 pb-0 myorder_td">
-                            <p className="text-capitalize black mb-0 myorder_p">
+                            <p className="text-capitalize black  myorder_p">
                               {selectedMultiLangData?.quantity}
                             </p>
                           </td>
@@ -199,7 +199,7 @@ const MyOrderCard = ({ data, selectedMultiLangData }: any) => {
                             width="85%"
                             className="px-0 py-0 pb-0 myorder_width"
                           >
-                            <p className="text-capitalize black mb-0 myorder_p">
+                            <p className="text-capitalize black  myorder_p">
                               : {detail?.prod_info[2]?.value}
                             </p>
                           </td>
@@ -216,7 +216,7 @@ const MyOrderCard = ({ data, selectedMultiLangData }: any) => {
                     {selectedMultiLangData?.shipping_method}
                   </h5>
                   <div>
-                    <p className="mb-0">
+                    <p className="">
                       {selectedMultiLangData?.transporter}:{" "}
                       {data?.shipping_method?.transporter}
                     </p>
@@ -232,13 +232,13 @@ const MyOrderCard = ({ data, selectedMultiLangData }: any) => {
                     {data?.shipping_method?.door_delivery === 0 &&
                     data?.shipping_method?.godown_delivery !== 0 ? (
                       <>
-                        <p className="mb-0">
+                        <p className="">
                           {selectedMultiLangData?.godown_delivery_yes}
                         </p>
                         {data?.shipping_method?.location === null ? (
                           ""
                         ) : (
-                          <p className="mb-0">
+                          <p className="">
                             {selectedMultiLangData?.location} :{" "}
                             {data?.shipping_method?.location}
                           </p>
@@ -251,7 +251,7 @@ const MyOrderCard = ({ data, selectedMultiLangData }: any) => {
                     {data?.shipping_method?.remarks === null ? (
                       ""
                     ) : (
-                      <p className="mb-0">
+                      <p className="">
                         {selectedMultiLangData?.remark} :{" "}
                         {data?.shipping_method?.remarks}
                       </p>
@@ -293,10 +293,10 @@ const MyOrderCard = ({ data, selectedMultiLangData }: any) => {
                 </>
               )}
             </div>
-            <div className="row">
-              <div className="mt-3 col-sm-12"></div>
+            <div className="row" >
+              <div className="mt-0 col-sm-12" ></div>
             </div>
-            <hr className="d-block hr_orderdetail" />
+            <hr className="d-block hr_orderdetail"  />
           </div>
         ))}
       </div>
diff --git a/components/Auth/Loginpage.tsx b/components/Auth/Loginpage.tsx
index 22b7a2b..2554637 100644
--- a/components/Auth/Loginpage.tsx
+++ b/components/Auth/Loginpage.tsx
@@ -163,7 +163,7 @@ const Loginpage = () => {
                           <Form.Group controlId="formName">
                             <div className="row mt-3">
                               <div className="col-md-4">
-                                <Form.Label className="login-label">
+                                <Form.Label className="login-label color-black ">
                                   {selectedMultiLangData?.mobile_number} /{" "}
                                   {selectedMultiLangData?.email}:
                                 </Form.Label>
@@ -214,7 +214,7 @@ const Loginpage = () => {
                           <Form.Group controlId="formPassword">
                             <div className="row mt-3">
                               <div className="col-md-4">
-                                <Form.Label className="login-label">
+                                <Form.Label className="login-label color-black">
                                   {selectedMultiLangData?.password_otp}:
                                 </Form.Label>
                               </div>
@@ -267,9 +267,9 @@ const Loginpage = () => {
                             <div
                               className={`col-12 text-lg-start register_account`}
                             >
-                              <div className="register ms-2 account-margin">
+                              <div className="register ms-2 account-margin not-acc-margin">
                                 <span className="not_an_account">
-                                  {selectedMultiLangData?.not_an_account}?{" "}
+                                 <span className="color-black">{selectedMultiLangData?.not_an_account}?{" "}</span> 
                                   <Link className={`linkss`} href="/register">
                                     {selectedMultiLangData?.register}
                                   </Link>
diff --git a/components/DealerLedger/DealerAccounting.tsx b/components/DealerLedger/DealerAccounting.tsx
index aa9ac7e..c37b0c4 100644
--- a/components/DealerLedger/DealerAccounting.tsx
+++ b/components/DealerLedger/DealerAccounting.tsx
@@ -6,36 +6,38 @@ const DealerAccounting = ({
 }: any) => {
   return (
     <>
-      <div className="container mt-5 mb-0 delaer-leader-container">
+      <div className="container mt-0 mb-0 delaer-leader-container" >
         <div className="row justify-content-center">
-          <h2 className="dealer-heading text-captilize products-name" >Dealer Ledger</h2>
-          <div className="col-lg-3 card border-dark mx-2 mt-3 px-0 mb-2 products-name" >
-            <div className="card-header  text-center fs-3 products-name">
+        <div className="page_heading">
+          <h4 className="dealer-heading text-captilize color-black p-0 m-0" >Dealer Ledger</h4>
+          </div>
+          <div className="col-lg-3 card border-dark mx-2 mt-0 px-0 mb-2 color-black" >
+            <div className="card-header  text-center fs-3 color-black">
               {selectedMultiLangData?.remaining_credit_balance}
             </div>
-            <h3 className="text-center mt-2 mb-0 products-name">
+            <h3 className="text-center mt-2 mb-0 color-black">
               {dealerLedgerSummary?.remaining_credit_balance}
             </h3>
 
-            <div className="card-header px-3 fs-3 my-0 mt-2 text-center products-name">
+            <div className="card-header px-3 fs-3 my-0 mt-2 text-center color-black">
               {selectedMultiLangData?.total_credit_amount}
             </div>
-            <h3 className="text-center mt-2 products-name">
+            <h3 className="text-center mt-2 color-black">
               {dealerLedgerSummary?.remaining_credit_balance}
             </h3>
           </div>
           <div className="col-lg-1"></div>
-          <div className="col-lg-3 card border-info mx-2 px-0 mb-2 mt-3 products-name">
+          <div className="col-lg-3 card border-info mx-2 px-0 mb-2 mt-0 color-black" >
             <div className="card-header fs-3 text-center">
               {selectedMultiLangData?.payment_due}
             </div>
-            <h3 className="text-center mt-2 products-name">
+            <h3 className="text-center mt-2 color-black">
               {dealerLedgerSummary?.opening_balance}
             </h3>
-            <div className="card-header fs-3 text-center products-name">
+            <div className="card-header fs-3 text-center color-black">
               {selectedMultiLangData?.due_on}
             </div>
-            <h3 className="text-center mt-2 products-name">
+            <h3 className="text-center mt-2 color-black">
               {dealerLedgerSummary?.payment_due_date
                 ?.split("-")
                 ?.reverse()
diff --git a/components/DealerLedger/DealerLedger.tsx b/components/DealerLedger/DealerLedger.tsx
index 24fc4d5..2610470 100644
--- a/components/DealerLedger/DealerLedger.tsx
+++ b/components/DealerLedger/DealerLedger.tsx
@@ -91,7 +91,7 @@ const DealerLedger = () => {
           <div className="col-lg-8">
             <div className="row m-lg-5">
               <div className="col-lg-4 col-6 mt-0 pt-0 mb-0 pb-0">
-                <div className="fs-3 products-name ">
+                <div className="fs-3 color-black ">
                   {selectedMultiLangData?.account_name} :
                 </div>
               </div>
@@ -127,7 +127,7 @@ const DealerLedger = () => {
                 <select
                   className={`${
                     fieldDisable ? "" : "disabled"
-                  } form-select fs-5 products-name`}
+                  } form-select fs-5 color-black`}
                   disabled={fieldDisable}
                   onChange={(e) => setDlSelectedMonth(e.target.value)}
                 >
@@ -166,8 +166,8 @@ const DealerLedger = () => {
                 </div>
               </div>
               <div className="col-lg-6 col-12 ">
-                <div className="row">
-                  <div className="col-lg-6 col-7">
+                <div className="row" >
+                  <div className="col-lg-5 col-7" >
                     <input
                       type="date"
                       id="FromDate"
@@ -176,11 +176,11 @@ const DealerLedger = () => {
                       onChange={(e) => setDlFromDate(e.target.value)}
                       className={`${
                         fieldDisable ? "" : "disabled"
-                      } mt-lg-2 px-1 products-name`}
-                      disabled={!fieldDisable}
+                      } mt-lg-2 px-1 color-black `}
+                      disabled={!fieldDisable} 
                     />
                   </div>
-                  <div className="col-lg-4 col-5">
+                  <div className="col-lg-4 col-5" >
                     <input
                       type="date"
                       id="toDate"
@@ -189,7 +189,7 @@ const DealerLedger = () => {
                       onChange={(e) => setDlToDate(e.target.value)}
                       className={`${
                         fieldDisable ? "" : "disabled"
-                      } mt-lg-2 px-1 products-name`}
+                      } mt-lg-2 px-1 color-black dealer-todate-mob`}
                       disabled={!fieldDisable}
                     />
                   </div>
@@ -197,9 +197,9 @@ const DealerLedger = () => {
               </div>
             </div>
             <div className="row">
-              <div className="col-lg-8 text-center mb-3">
+              <div className="col-lg-8 text-center mb-0">
                 <button
-                  className="btn btn-outline-primary ledger-submit-button rounded-3 mt-5 w-25 products-name"
+                  className="btn btn-outline-primary ledger-submit-button rounded-3 mt-2 w-25 color-black"
                   onClick={HandleLedgerData}
                 >
                   {selectedMultiLangData?.submit}
diff --git a/components/DealerLedger/DealerLedgerTable.tsx b/components/DealerLedger/DealerLedgerTable.tsx
index 74a27c7..3c9a19d 100644
--- a/components/DealerLedger/DealerLedgerTable.tsx
+++ b/components/DealerLedger/DealerLedgerTable.tsx
@@ -47,7 +47,7 @@ const DealerLedgerTable = ({
   };
   return (
     <>
-      <div className="table-responsive dealer-ledger-table ">
+      <div className="table-responsive dealer-ledger-table " >
         <table className="table table-bordered ">
           <thead className="">
             <tr className="table-info">
diff --git a/components/OrderDetails/OrderDetail.tsx b/components/OrderDetails/OrderDetail.tsx
index a8f93bb..d7931eb 100644
--- a/components/OrderDetails/OrderDetail.tsx
+++ b/components/OrderDetails/OrderDetail.tsx
@@ -96,7 +96,7 @@ const Index = ({ sales_order_id }: any) => {
           {detail?.length > 0 &&
             detail !== null &&
             detail?.map((data: any) => (
-              <div className="container products-name" key={data?.name}>
+              <div className="container color-black" key={data?.name}>
                 <div className="row"></div>
                 <div className="row products-name">
                   <div className="col-md-6">
@@ -376,7 +376,7 @@ const Index = ({ sales_order_id }: any) => {
                                     <tbody>
                                       <tr className="item_options myorder_tr">
                                         <td className="px-0 py-0 pb-0 myorder_td">
-                                          <p className="text-capitalize black mb-0 myorder_p">
+                                          <p className="text-capitalize black mb-1 myorder_p">
                                             {selectedMultiLangData?.item_code}
                                           </p>
                                         </td>
@@ -384,7 +384,7 @@ const Index = ({ sales_order_id }: any) => {
                                           width="85%"
                                           className="px-0 py-0 pb-0 myorder_width"
                                         >
-                                          <p className="text-capitalize black mb-0 myorder_p">
+                                          <p className="text-capitalize black mb-1 myorder_p">
                                             : {oDetail?.name}
                                           </p>
                                         </td>
@@ -392,7 +392,7 @@ const Index = ({ sales_order_id }: any) => {
 
                                       <tr className="item_options myorder_tr">
                                         <td className="px-0 py-0 pb-0 myorder_td">
-                                          <p className="text-capitalize black mb-0 myorder_p">
+                                          <p className="text-capitalize black mb-1 myorder_p">
                                             {selectedMultiLangData?.price}
                                           </p>
                                         </td>
@@ -400,7 +400,7 @@ const Index = ({ sales_order_id }: any) => {
                                           width="85%"
                                           className="px-0 py-0 pb-0 myorder_width"
                                         >
-                                          <p className="text-capitalize black mb-0 myorder_p">
+                                          <p className="text-capitalize black mb-1 myorder_p">
                                             {oDetail?.prod_info[1].value !==
                                             0 ? (
                                               <p className="mb-0 price_font_family">
@@ -421,7 +421,7 @@ const Index = ({ sales_order_id }: any) => {
 
                                       <tr className="item_options myorder_tr">
                                         <td className="px-0 py-0 pb-0 myorder_td">
-                                          <p className="text-capitalize black mb-0 myorder_p">
+                                          <p className="text-capitalize black mb-1 myorder_p">
                                             {selectedMultiLangData?.quantity}
                                           </p>
                                         </td>
@@ -429,7 +429,7 @@ const Index = ({ sales_order_id }: any) => {
                                           width="85%"
                                           className="px-0 py-0 pb-0 myorder_width"
                                         >
-                                          <p className="text-capitalize black mb-0 myorder_p">
+                                          <p className="text-capitalize black mb-1 myorder_p">
                                             : {oDetail?.prod_info[2].value}
                                           </p>
                                         </td>
diff --git a/components/ProfilePage/ProfileMaster.tsx b/components/ProfilePage/ProfileMaster.tsx
index fa0456c..4df1037 100644
--- a/components/ProfilePage/ProfileMaster.tsx
+++ b/components/ProfilePage/ProfileMaster.tsx
@@ -106,40 +106,40 @@ const ProfileMaster = () => {
 
   const personalDetails: any = () => {
     return (
-      <div className="ms-2 products-name">
+      <div className="ms-2 color-black" >
         <div className="mob-userdetail-containers">
-          <div className="col-lg-3 bold fs-3 products-name">
+          <div className="col-lg-3 bold fs-3 color-black">
             {selectedMultiLangData?.user_name}:
           </div>
-          <div className="col-lg-9 fs-4 persons-data-mob products-name">
+          <div className="col-lg-9 fs-4 persons-data-mob color-black">
             {profileList && profileList?.profile_details?.customer_name}
           </div>
         </div>
 
         <div className="mob-userdetail-containers">
-          <div className="col-lg-3 bold fs-3 products-name">
+          <div className="col-lg-3 bold fs-3 color-black">
             {selectedMultiLangData?.company_name} :
           </div>
-          <div className="col-lg-9 fs-4 persons-data-mob products-name">
+          <div className="col-lg-9 fs-4 persons-data-mob color-black">
             {profileList && profileList?.profile_details?.company_name}
           </div>
         </div>
 
         <div className="mob-userdetail-containers">
-          <div className="col-lg-3 bold fs-3 products-name">
+          <div className="col-lg-3 bold fs-3 color-black">
             {selectedMultiLangData?.mobile_number} :
           </div>
-          <div className="col-lg-9 fs-4 persons-data-mob products-name">
+          <div className="col-lg-9 fs-4 persons-data-mob color-black">
             {profileList && profileList?.profile_details?.contact_no}
           </div>
         </div>
 
         <div className="mob-userdetail-containers">
-          <div className="col-lg-3 bold fs-3 products-name">
+          <div className="col-lg-3 bold fs-3 color-black">
             {" "}
             {selectedMultiLangData?.email} :
           </div>
-          <div className="col-lg-9 fs-4 persons-data-mob products-name">
+          <div className="col-lg-9 fs-4 persons-data-mob color-black">
             {profileList && profileList?.profile_details?.email}
           </div>
         </div>
@@ -150,7 +150,7 @@ const ProfileMaster = () => {
   const availableCoupons: any = () => {
     return (
       <>
-        <div className="mb-2 row products-name">
+        <div className="mb-2 row color-black">
           <div className="col-lg-2 fs-3 bold">
             {selectedMultiLangData?.coupons}:
           </div>
@@ -183,7 +183,7 @@ const ProfileMaster = () => {
     if (ageingReport.length > 0) {
       return (
         <>
-          <div className="row mt-5 products-name">
+          <div className="row mt-5 color-black">
             <div className="col-lg-12">
               <div className="">
                 <div className="profile">
@@ -233,11 +233,11 @@ const ProfileMaster = () => {
   const showBillingAddresses: any = () => {
     return (
       <>
-        <div className="shadow-sm card px-2 products-name">
+        <div className="shadow-sm card px-2 color-black">
           <div className="card-body">
             <div className="row align-items-center">
               <div className="col-lg-8">
-                <h5 className="fw-bolder pt-1 products-name">
+                <h5 className="fw-bolder pt-1 color-black">
                   {" "}
                   {selectedMultiLangData?.billing_addresses}
                 </h5>
@@ -336,11 +336,11 @@ const ProfileMaster = () => {
   const showShippigAddresses: any = () => {
     return (
       <>
-        <div className="shadow-sm card px-2 products-name">
+        <div className="shadow-sm card px-2 color-black">
           <div className="card-body">
             <div className="row align-items-center">
               <div className="col-lg-8">
-                <h5 className="fw-bolder pt-1 products-name">
+                <h5 className="fw-bolder pt-1 color-black">
                   {" "}
                   {selectedMultiLangData?.shipping_addresses}
                 </h5>
@@ -437,7 +437,7 @@ const ProfileMaster = () => {
 
   const paymentTerms: any = () => {
     return (
-      <div className="row m-0 products-name">
+      <div className="row m-0 color-black">
         <div className="shadow-sm card mt-0 ">
           <div className="card-body">
             <div className="mb-2 row ">
@@ -569,14 +569,17 @@ const ProfileMaster = () => {
 
   return (
     <>
-      <div className="container margin_from_nav">
-        <section className="profile_section ">
+      <div className="container margin_from_nav" >
+        <section className="profile_section pb-0 mb-0">
           <div className="container">
-            <h1 className="bold text-captilize mb-3 ms-1 text-center-mob profile_heading products-name mb-5">
-              {selectedMultiLangData?.my_account}
-            </h1>
-            <div className="row">
-              <div className="col-lg-3 mt-2">
+            <div className="page_heading">
+              <h4 className="p-0 m-0">
+                {selectedMultiLangData?.my_account}
+              </h4>
+            </div>
+
+            <div className="row" >
+              <div className="col-lg-3 mt-0">
                 <div className="contactus_tab">
                   <ul
                     id="faq-tab"
@@ -586,9 +589,8 @@ const ProfileMaster = () => {
                     <li className="nav-item">
                       <Link href="#contact_faq" legacyBehavior>
                         <a
-                          className={`nav-link profile_nav border tab_width ${
-                            !documentQueued?.setTrue ? "active" : ""
-                          }  nav_tabs_list `}
+                          className={`nav-link profile_nav border tab_width ${!documentQueued?.setTrue ? "active" : ""
+                            }  nav_tabs_list `}
                           id="personal_details_faq_tab"
                           data-bs-toggle="pill"
                           href="#personal_details_faq"
@@ -596,7 +598,7 @@ const ProfileMaster = () => {
                           aria-controls="personal_details_faq"
                           aria-selected="true"
                         >
-                          <h6 className="link-tabs my-3 products-name">
+                          <h6 className="link-tabs my-3 color-black">
                             <i
                               className="fa fa-user-circle profile_tab-icons"
                               aria-hidden="true"
@@ -619,7 +621,7 @@ const ProfileMaster = () => {
                           aria-controls="address_faq"
                           aria-selected="true"
                         >
-                          <h6 className="link-tabs my-3 products-name">
+                          <h6 className="link-tabs my-3 color-black">
                             <i
                               className="fa fa-map-marker profile_tab-icons"
                               aria-hidden="true"
@@ -643,7 +645,7 @@ const ProfileMaster = () => {
                           aria-controls="offers_faq"
                           aria-selected="true"
                         >
-                          <h6 className="link-tabs my-3 products-name">
+                          <h6 className="link-tabs my-3 color-black">
                             <i
                               className="fa fa-tags profile_tab-icons"
                               aria-hidden="true"
@@ -660,9 +662,8 @@ const ProfileMaster = () => {
                     <li className="nav-item col-lg-10 col-12">
                       <Link href="#pay_faq" legacyBehavior>
                         <a
-                          className={`nav-link profile_nav border tab_width ${
-                            documentQueued?.setTrue ? "active" : ""
-                          }  nav_tabs_list `}
+                          className={`nav-link profile_nav border tab_width ${documentQueued?.setTrue ? "active" : ""
+                            }  nav_tabs_list `}
                           id="pay_faq_tab"
                           data-bs-toggle="pill"
                           href="#pay_faq"
@@ -670,7 +671,7 @@ const ProfileMaster = () => {
                           aria-controls="pay_faq"
                           aria-selected="false"
                         >
-                          <h6 className="link-tabs my-3 products-name">
+                          <h6 className="link-tabs my-3 color-black">
                             <i
                               className="fa fa-credit-card profile_tab-icons"
                               aria-hidden="true"
@@ -694,7 +695,7 @@ const ProfileMaster = () => {
                           aria-controls="enqHist_faq_tab"
                           aria-selected="false"
                         >
-                          <h6 className="link-tabs my-3 products-name">
+                          <h6 className="link-tabs my-3 color-black">
                             <i
                               className="fa fa-calendar-check-o profile_tab-icons"
                               aria-hidden="true"
@@ -712,21 +713,20 @@ const ProfileMaster = () => {
               <div className="col-lg-9 profile-tab-content-rtl">
                 <div className="tab-content" id="contact-tabContent">
                   <div
-                    className={`tab-pane fade show  ${
-                      !documentQueued.setTrue ? "active" : ""
-                    }  `}
+                    className={`tab-pane fade show  ${!documentQueued.setTrue ? "active" : ""
+                      }  pt-0 mt-0`}
                     id="personal_details_faq"
                     role="tabpanel"
                     aria-labelledby="personal_details_faq_tab"
                   >
                     <div className="card">
-                      <div className="card-body row gy-3">
+                      <div className="card-body row gy-3 pt-0 mt-0" >
                         {personalDetails()}
                       </div>
                     </div>
                   </div>
                   <div
-                    className="tab-pane fade"
+                    className="tab-pane fade pt-0 mt-0"
                     id="address_faq"
                     role="tabpanel"
                     aria-labelledby="address_faq_tab"
@@ -739,7 +739,7 @@ const ProfileMaster = () => {
                     </div>
                   </div>
                   <div
-                    className="tab-pane fade"
+                    className="tab-pane fade pt-0 mt-0"
                     id="offers_faq"
                     role="tabpanel"
                     aria-labelledby="offers_faq_tab"
@@ -757,7 +757,7 @@ const ProfileMaster = () => {
                     </div>
                   </div>
                   <div
-                    className="tab-pane fade"
+                    className="tab-pane fade "
                     id="password_faq"
                     role="tabpanel"
                     aria-labelledby="password_faq_tab"
@@ -768,9 +768,8 @@ const ProfileMaster = () => {
                   </div>
 
                   <div
-                    className={`tab-pane fade show  ${
-                      documentQueued.setTrue ? "active" : ""
-                    }  `}
+                    className={`tab-pane fade show  ${documentQueued.setTrue ? "active" : ""
+                      }  pt-0 mt-0`}
                     id="pay_faq"
                     role="tabpanel"
                     aria-labelledby="pay_faq_tab"
@@ -786,7 +785,7 @@ const ProfileMaster = () => {
                     </div>
                   </div>
                   <div
-                    className="tab-pane fade"
+                    className="tab-pane fade pt-0 mt-0"
                     id="enquiries_faq"
                     role="tabpanel"
                     aria-labelledby="enquiries_faq_tab"
@@ -813,7 +812,7 @@ const ProfileMaster = () => {
                     </div>
                   </div>
                   <div
-                    className="tab-pane fade"
+                    className="tab-pane fade pt-0 mt-0"
                     id="orders_faq"
                     role="tabpanel"
                     aria-labelledby="orders_faq_tab"
@@ -828,7 +827,7 @@ const ProfileMaster = () => {
                                   {selectedMultiLangData?.replenishment_orders}{" "}
                                   :
                                 </div>
-                                <div className="col-lg-9">
+                                <div className="col-lg-9" >
                                   <div className="row"></div>
                                 </div>
                               </div>
@@ -839,7 +838,7 @@ const ProfileMaster = () => {
                     </div>
                   </div>
                   <div
-                    className="tab-pane fade"
+                    className="tab-pane fade pt-0 mt-0"
                     id="enqHist_faq"
                     role="tabpanel"
                     aria-labelledby="enqHist_faq_tab"
diff --git a/components/QuickOrder/QuickOrderCard.tsx b/components/QuickOrder/QuickOrderCard.tsx
index fdf000a..6bbf43e 100644
--- a/components/QuickOrder/QuickOrderCard.tsx
+++ b/components/QuickOrder/QuickOrderCard.tsx
@@ -63,7 +63,7 @@ const QuickOrderCard = (props: any) => {
                   />
                 )}
               </div>
-              <div className="col-lg-7 col-12 mb-5 products-name ">
+              <div className="col-lg-7 col-12 mb-5 color-black " >
                 <p className="mb-0 quick-detail-lh">
                   {" "}
                   {selectedMultiLangData?.item_name}
@@ -95,7 +95,7 @@ const QuickOrderCard = (props: any) => {
                   </a>
                 </Link>
               </div>
-              <div className="col-lg-1 col-12 mx-lg-0 mx-4 price_font_family products-name ">
+              <div className="col-lg-1 col-12 mx-lg-0 mx-0 price_font_family color-black quick-order-mg" >
                 <p>
                   {data.price !== 0 ? (
                     <>
@@ -114,7 +114,7 @@ const QuickOrderCard = (props: any) => {
                   <>
                     <input
                       type="number"
-                      className="w-50  text-center mb-3"
+                      className="w-50  text-center mb-3 qt-margins"
                       value={showValue(data?.min_order_qty)}
                       onChange={(e) => handleInputChange(e, index)}
                     />
diff --git a/components/QuickOrder/QuickOrderMaster.tsx b/components/QuickOrder/QuickOrderMaster.tsx
index 3ae1740..8b2d27f 100644
--- a/components/QuickOrder/QuickOrderMaster.tsx
+++ b/components/QuickOrder/QuickOrderMaster.tsx
@@ -130,22 +130,25 @@ const QuickOrder = () => {
         <div className="col-lg-12  ">
           <div className="row">
             {/* <div className="col-lg-2"></div> */}
-            <div className="col-lg-12 ">
-              <h3 className="products-name">
-                {selectedMultiLangData?.quick_order}
-              </h3>
-              <div className="row">
-                <div className="col-lg-7 my-lg-2 mt-3">
+            <div className="col-lg-12 " >
+              <div className="page_heading">
+                <h3 className="">
+                  {selectedMultiLangData?.quick_order}
+                </h3>
+              </div>
+
+              <div className="row or-margin-top">
+                <div className="col-lg-7 my-lg-2 mt-0 mb-0 pt-0 pb-0 " >
                   {
                     selectedMultiLangData?.you_can_add_upto_25_valid_item_code_oem_part_no_below
                   }
                 </div>
                 <div className="col-lg-5">
-                  <div className="row mt-lg-0 mt-4 btn-quick-margin">
+                  <div className="row mt-lg-0 mt-0 btn-quick-margin or-margin-top">
                     <div className="col-lg-7 col-6 text-end ">
                       <button
                         type="button"
-                        className=" mb-3 text-uppercase py-2 px-lg-4 px-5 mt-2 reset-btn-mob"
+                        className=" mb-0 text-uppercase py-2 px-lg-4 px-5 mt-0 reset-btn-mob reset-btn-mobs"
                         style={{
                           border: "1px solid #0071DC",
                           borderRadius: "7px",
@@ -157,10 +160,10 @@ const QuickOrder = () => {
                         {selectedMultiLangData?.reset_form}
                       </button>
                     </div>
-                    <div className="col-lg-5 col-6 text-end ">
+                    <div className="col-lg-5 mt-0  col-6 text-end ">
                       <button
                         type="button"
-                        className=" text-white mb-3 text-uppercase py-2 px-lg-4 px-5 me-0 standard_btn addtoart-btn mt-2 reset-btn-mob "
+                        className=" text-white mb-0 text-uppercase py-2 px-lg-4 px-5 me-0 standard_btn addtoart-btn mt-0 reset-btn-mob "
                         style={{
                           border: "1px solid #0071DC",
                           borderRadius: "7px",
@@ -180,7 +183,7 @@ const QuickOrder = () => {
         </div>
       </div>
 
-      <div className="row  mt-5  table-heading-quick-order-mob products-name  ms-3 me-1 ">
+      <div className="row  mt-5  table-heading-quick-order-mob color-black  ms-3 me-1 " >
         <div className="col-lg-12 text-center cart_heading_bg">
           <div className="row justify-content-center products_title_quick py-3 ">
             {/* <div className="col-lg-2 cart_heading_bg_none"></div> */}
@@ -223,7 +226,7 @@ const QuickOrder = () => {
         />
       </div>
 
-      <div className="row justify-content-center my-5  py-lg-0 py-1">
+      <div className="row justify-content-center my-0 mt-5  py-lg-0 py-1">
         <div className="col-lg-2"></div>
         <div className="col-lg-10 col-12">
           {ifInputEmptyErr && (
diff --git a/components/Thankyou/ThankyouMaster.tsx b/components/Thankyou/ThankyouMaster.tsx
index 011365f..e93a191 100644
--- a/components/Thankyou/ThankyouMaster.tsx
+++ b/components/Thankyou/ThankyouMaster.tsx
@@ -22,8 +22,8 @@ const ThankYou = ({}: any) => {
 
   return (
     <>
-      <div className="container ">
-        <div className="row margin_from_nav products-name">
+      <div className=" margin_from_nav ">
+        <div className="row color-black">
           <div className="text-center mx-auto col-md-12">
             <Image
               src={Thankyouimg}
@@ -32,7 +32,7 @@ const ThankYou = ({}: any) => {
               height={100}
               alt="success_img"
             />
-            <h3 className="black bold">{selectedMultiLangData?.thank_you}</h3>
+            <h3 className="black bold mb-0 pb-1">{selectedMultiLangData?.thank_you}</h3>
             <h5 className="black mb-8">
               {" "}
               {selectedMultiLangData?.your_order_has_been_received}
diff --git a/components/myOrder/components/CancelOrder.tsx b/components/myOrder/components/CancelOrder.tsx
index 6a676aa..959a03c 100644
--- a/components/myOrder/components/CancelOrder.tsx
+++ b/components/myOrder/components/CancelOrder.tsx
@@ -23,7 +23,7 @@ const CancelOrder = ({
   const currency_state_from_redux: any = useSelector(currency_selector_state);
   return (
     <div role="tabpanel" aria-hidden="false">
-      <div className="row mb-3">
+      <div className="row mb-2 select-myorder-margin color-black">
         <div className="col-lg-12">
           <div className="row">
             <div className="col-lg-2 col-sm-4 col-6">
diff --git a/components/myOrder/components/PlaceOrder.tsx b/components/myOrder/components/PlaceOrder.tsx
index a656752..2cbd7f6 100644
--- a/components/myOrder/components/PlaceOrder.tsx
+++ b/components/myOrder/components/PlaceOrder.tsx
@@ -27,7 +27,7 @@ const PlaceOrder = ({
             <div className="row">
               <div className="col-lg-2 col-sm-4 col-6">
                 <select
-                  className="form-select placeorder_detail fs-5 w-75 products-name"
+                  className="form-select placeorder_detail fs-5 w-75 color-black"
                   onChange={handleHistoryDate}
                   value={history}
                 >
@@ -45,7 +45,7 @@ const PlaceOrder = ({
                   <option value="2020">2020</option>
                 </select>
               </div>
-              <div className="col text-end me-1">
+              <div className="col text-end me-2 order-myorder-margin">
                 <p className="mb-0 order-ptag">
                   <span className="bold">{placeorderCount?.length}</span>{" "}
                   {selectedMultiLangData?.orders}
@@ -74,9 +74,9 @@ const PlaceOrder = ({
                       (items: any) => items?.payment_status !== "Cancelled"
                     )
                     ?.map((data: any, i: any) => (
-                      <div className="row products-name" key={i} >
+                      <div className="row color-black" key={i} >
                         <div className="col-lg-12">
-                          <div className="order_card cart_table mb-3 card">
+                          <div className="order_card cart_table mb-2 card">
                             <MyOrderCard
                               data={data}
                               selectedMultiLangData={selectedMultiLangData}
diff --git a/styles/base/header/_header.scss b/styles/base/header/_header.scss
index 44936a6..fcbb009 100644
--- a/styles/base/header/_header.scss
+++ b/styles/base/header/_header.scss
@@ -1254,6 +1254,9 @@ header.header.fixed {
     justify-content: space-between !important;
     // border: 2px solid red
   }
+  .not-acc-margin{
+    margin-left: -6px !important;
+  }
   // .mob-logo-img1 {
   //   width: 500px !important;
   //   height: 30px !important;
diff --git a/styles/components/_orderDetailCustom.scss b/styles/components/_orderDetailCustom.scss
index f8850ed..d89d0ce 100644
--- a/styles/components/_orderDetailCustom.scss
+++ b/styles/components/_orderDetailCustom.scss
@@ -113,6 +113,28 @@ width: 15%
 line-height: 1.4;
 
 }   
+
+.nav-tabs-myorder{
+  margin-top: -12px !important;
+}
+
+.select-myorder-margin{
+  margin-top:-24px 
+}
+.order-myorder-margin{
+  margin-top: 8px;
+}
+.myorder-card-header{
+  padding-top: 10px;
+  padding-bottom: 7px !important;
+}
+.myorder-wrapper-pd{
+  padding-left: 40px !important;
+  padding-right: 28px !important;
+}
+.qty-title-margin{
+  padding-left: 22px !important;
+}
 @media (max-width:768px) {
   .orderdetail_img {
     min-width: 100px;
@@ -126,4 +148,26 @@ line-height: 1.4;
     .myorder_width {
       width: 65%
     }
-}
\ No newline at end of file
+    .qt-margins{
+      padding-left: 0px !important;
+      
+    }
+}
+
+@media (max-width:1024px) {
+  .qt-margins{
+    margin-left: 8px !important;
+    
+  }
+}
+
+@media only screen and (max-width: 600px) {
+  .quick-order-mg{
+    // background-color: red !important;
+    margin-top: -22px !important;
+   
+  }
+  .quick-order-mgs{
+    margin-top: -12px !important;
+  }
+}
diff --git a/styles/components/_productDetailCustom.scss b/styles/components/_productDetailCustom.scss
index f3f3b56..4c6aff1 100644
--- a/styles/components/_productDetailCustom.scss
+++ b/styles/components/_productDetailCustom.scss
@@ -613,7 +613,7 @@
   height: 78%;
 }
 .success_thanku {
-  min-height: 72%;
+  min-height: 40%;
   min-width: 12%;
 }
 .displaytag-listhome3 {
diff --git a/styles/components/_tab.scss b/styles/components/_tab.scss
index afdbca2..de963ce 100644
--- a/styles/components/_tab.scss
+++ b/styles/components/_tab.scss
@@ -80,7 +80,7 @@
     padding: 1.3rem 0;
     color: #666;
     p {
-        margin-bottom: 0;
+        margin-bottom: 5px;
         font-size: inherit;
         letter-spacing: 0;
         line-height: 2;
diff --git a/styles/pages/_allpage-wrapper.scss b/styles/pages/_allpage-wrapper.scss
new file mode 100644
index 0000000..f3f8d9d
--- /dev/null
+++ b/styles/pages/_allpage-wrapper.scss
@@ -0,0 +1,50 @@
+.margin_from_nav {
+    margin-top: 150px !important;
+    margin-bottom: 25px !important
+  }
+
+  .page_heading{
+    font-size: 22px !important;
+    text-transform: capitalize !important;
+    font-weight: bold;
+    color: black !important;
+  }
+
+  
+  .page_heading h4{
+    font-size: 22px !important;
+    text-transform: capitalize !important;
+    font-weight: bold;
+    color: black !important;
+    padding-bottom: 18px !important;
+  }
+
+  .item_action_link{
+    margin-left: -4px;
+  }
+
+  .line-height{
+    line-height: 1;
+  }
+
+  p{
+    line-height: 1 !important;
+  }
+
+
+  .price_request{
+    color: white !important;
+    background-color: #0071dc !important;
+    padding: 6px 0px;
+    margin: 2px 0px !important;
+    margin-left: 5px !important;
+    width: 120px !important;
+  }
+
+
+  @media only screen and (max-width: 600px) {
+    .margin_from_nav {
+      margin-top: 90px !important;
+      margin-bottom: 25px !important
+    }
+  }
\ No newline at end of file
diff --git a/styles/pages/_dealerLedger.scss b/styles/pages/_dealerLedger.scss
index 7d9b4a6..d643484 100644
--- a/styles/pages/_dealerLedger.scss
+++ b/styles/pages/_dealerLedger.scss
@@ -3,7 +3,7 @@
 }
 
 .dealer-ledger-container {
-    margin: 70px 0px !important;
+    // margin: 70px 0px !important;
 }
 
 .ledger-submit-button {
@@ -12,7 +12,7 @@
 }
 
 .ledger-submit-button:hover {
-    background-color: #3884f5 !important;
+    background-color: #0071dc !important;
     color: $white-color !important;
 }
 
diff --git a/styles/pages/_order.scss b/styles/pages/_order.scss
index e4df122..1a1787a 100644
--- a/styles/pages/_order.scss
+++ b/styles/pages/_order.scss
@@ -237,7 +237,10 @@
     padding-left: 45px !important;
 }
 
-
+.or-margin-top{
+  margin-top: -5px !important;
+  // border: 2px solid red
+}
 
 @media only screen and (max-width: 1024px) {
     .price-title-margin{
@@ -263,12 +266,21 @@
 
 @media only screen and (max-width: 600px) {
     .reset-btn-mob {
-      font-size: 12px !important;
+      font-size: 11px !important;
       
     }
     .btn-quick-margin{
         margin-left: -31px !important;
+        padding-left: -10px !important;
+        padding-top: 15px;
         // border: 2px solid red
     }
+    .reset-btn-mobs{
+      margin-left: -10px ;
+      // background-color: red !important;
+    }
   }
 
+
+
+
diff --git a/styles/pages/_profile.scss b/styles/pages/_profile.scss
index a96d0a9..9e0cd0b 100644
--- a/styles/pages/_profile.scss
+++ b/styles/pages/_profile.scss
@@ -1,36 +1,33 @@
 .ageingreport-table {
-    border-collapse: "collapse"; 
-    width: 100%;
-
+  border-collapse: "collapse";
+  width: 100%;
 }
 .showmodal_button {
-    background: none;
-    border: none;
+  background: none;
+  border: none;
 }
 .download-link {
-    text-decoration: underline;
-    cursor: pointer;
+  text-decoration: underline;
+  cursor: pointer;
 }
 .profile_heading {
-    font-weight: 1000;
-    font-size: 20px;
+  font-weight: 1000;
+  font-size: 20px;
 }
 
-.tab_width.active{
-    background-color: #3e9df6 !important;
+.tab_width.active {
+  background-color: #3e9df6 !important;
 }
 
-.nav_tabs_list.active h6{
-    color: $white-color!important;
+.nav_tabs_list.active h6 {
+  color: $white-color !important;
 }
 
 .profile_tab-icons {
-    font-size: 30px !important;
-    margin-bottom: 4px !important;
+  font-size: 30px !important;
+  margin-bottom: 4px !important;
 }
 
-
-
 // @media only screen and (max-width:500px){
 // .profile_tab-icons {
 //     font-size: 40px !important;
@@ -39,10 +36,10 @@
 // }
 
 .mob-userdetail-containers {
-    // border: 2px solid green;
-    display: flex !important;
-  }
-  
+  // border: 2px solid green;
+  display: flex !important;
+}
+
 //   @media only screen and (max-width: 600px) {
 //     .persons-data-mob {
 //       margin-left: 10px;
@@ -53,24 +50,24 @@
 //     //     margin-left: 0px !important;
 //     // }
 //   }
-  
 
-  .my-order-container-pd{
-    // border:2px solid green;
-    padding-left: 38px !important;
-    padding-right: 30px !important;
+.my-order-container-pd {
+  // border:2px solid green;
+  padding-left: 38px !important;
+  padding-right: 30px !important;
 }
 
-
 @media only screen and (max-width: 600px) {
-    .persons-data-mob {
-      margin-left: 10px;
-      margin-top: 2px;
-     
-    }
-    .my-order-container-pd{
-        // border:2px solid green;
-        padding-left: 10px !important;
-        padding-right: 0px !important;
-    }
-  }
\ No newline at end of file
+  .persons-data-mob {
+    margin-left: 10px;
+    margin-top: 2px;
+  }
+  .my-order-container-pd {
+    // border:2px solid green;
+    padding-left: 10px !important;
+    padding-right: 0px !important;
+  }
+  .myacc-margin-mob {
+    margin-top: 12px;
+  }
+}