From 1ace0f6cc38b4234755f680ba3ea08cda655652a Mon Sep 17 00:00:00 2001
From: monika8848 <monika@8848digital.com>
Date: Fri, 29 Sep 2023 16:33:05 +0530
Subject: [PATCH 1/3] UI fixes in all pages

---
 cards/MyOrderCard.tsx                         | 47 ++++++---
 components/CartListing.tsx                    | 21 ++--
 components/Catalog/CatalogListCard.tsx        | 13 ++-
 components/Catalog/CreateCatalog.tsx          |  9 +-
 .../CheckoutPageMaster.tsx                    |  8 +-
 .../HandleOrderSection.tsx                    |  8 +-
 components/DealerLedger/DealerAccounting.tsx  |  4 +-
 components/DealerLedger/DealerLedger.tsx      | 16 ++--
 components/DisplayTags/DisplayTagMaster.tsx   | 34 +++----
 .../HomeTopCategoriesBanner.tsx               |  6 +-
 components/OrderDetails/OrderDetail.tsx       | 95 ++++++++++---------
 components/OrderSummary/OrderSummary.tsx      | 63 ++++++------
 components/ProfilePage/ProfileMaster.tsx      |  4 +-
 components/QuickOrder/QuickOrderMaster.tsx    | 20 ++--
 components/Wishlist/WishlistMaster.tsx        | 13 ++-
 components/myOrder/MyOrderMaster.tsx          | 12 +--
 components/myOrder/components/PlaceOrder.tsx  |  2 +-
 styles/components/_catalog.scss               |  2 +-
 styles/components/_checkoutCustom.scss        |  6 +-
 styles/globals.scss                           |  1 +
 styles/pages/CssLayout-rtl.scss               | 10 +-
 styles/pages/_allpage-wrapper.scss            | 80 +++++++++++++++-
 styles/pages/_categories.scss                 | 12 +++
 23 files changed, 304 insertions(+), 182 deletions(-)

diff --git a/cards/MyOrderCard.tsx b/cards/MyOrderCard.tsx
index a4b935f..8d04d1c 100644
--- a/cards/MyOrderCard.tsx
+++ b/cards/MyOrderCard.tsx
@@ -19,8 +19,8 @@ const MyOrderCard = ({ data, selectedMultiLangData }: any) => {
   return (
     <>
       <div key={data.id}>
-        <div className="card-header pb-1 ">
-          <div className="row pb-0">
+        <div className="card-header ">
+          <div className="row pb-0 pt-1 pb-1 myorder-header-pt"  >
             <div className=" mb-sm-0 col-md-2 col-6 order-div">
               <p className="text-uppercase gray  myorder_p">
                 {selectedMultiLangData?.order_placed}
@@ -92,8 +92,25 @@ const MyOrderCard = ({ data, selectedMultiLangData }: any) => {
                 </div>
               ))}
             </div>
-            <div className="text-end col-md-6 col-8 order-cards">
-              <p className="mb-0 myorder_p d-inline-flex justify-content-end">
+            <div className="text-end col-md-4 col-4 order-cards ">
+              <p className="myorder_p pt-2">
+                {selectedMultiLangData?.orders} # {data?.name}
+              </p>
+              </div>
+
+              <div className="col-md-2 col-4  text-end" >
+<div className=" text-center " >
+                <div className="flex-fill detail_link text-capitalize  b2c_btn btn_order_detail fs-13" >
+                  <Link href={`myOrder/${data?.name}`} legacyBehavior>
+                    <a href={`myOrder/${data?.name}`} className="color-black fs-13 btn-orderdetail-mob" >
+                      {selectedMultiLangData?.order_details}
+                    </a>
+                  </Link>
+                </div>
+              </div>
+</div>
+            {/* <div className="text-end col-md-4 col-4 order-cards">
+              <p className=" myorder_p pt-2">
                 {selectedMultiLangData?.orders}
                 <span># {data?.name}</span>
               </p>
@@ -107,7 +124,7 @@ const MyOrderCard = ({ data, selectedMultiLangData }: any) => {
                   </Link>
                 </div>
               </div>
-            </div>
+            </div> */}
           </div>
         </div>
         {data?.order_details?.map((detail: any) => (
@@ -115,7 +132,7 @@ const MyOrderCard = ({ data, selectedMultiLangData }: any) => {
             className="cart_item cart_item-myorder-m card-body order_cartdetails" 
             key={detail?.item_name} 
           >
-            <div className="d-flex  pb-0" >
+            <div className="d-flex mb-2 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>
@@ -126,13 +143,13 @@ const MyOrderCard = ({ data, selectedMultiLangData }: any) => {
             </div>
 
             <div className="d-flex align-items-center row">
-              <div className="mb-3 mb-sm-0 col-lg-2 col-md-2 col-4 mt-2">
+              <div className="mb-3 mb-sm-0 col-lg-2 col-md-2 col-4 mt-0">
                 <div className="product-img">
                   <img
                     src={`${CONSTANTS.API_BASE_URL}/${
                       detail?.img !== null ? detail?.img : detail?.brand_img
                     }`}
-                    className="product_img img-fluid orderdetail_img"
+                    className="product_img img-fluid orderdetail_img cart-image"
                     alt="product-img"
                   />
                 </div>
@@ -261,13 +278,13 @@ const MyOrderCard = ({ data, selectedMultiLangData }: any) => {
               )}
 
               {isDealer ? (
-                <div className="text-end col-lg-2 col-md-2 col-12">
-                  <button className=" order_links mb-2 d-block text-uppercase">
+                <div className="col-lg-2 col-md-2 col-12 view-product-link-b2c">
+                  <button className=" order_links mb-2 d-block text-uppercase b2c_btn view-product-link-b2c">
                     <Link
                       href={`${detail?.product_url}?currency=${currency_state_from_redux?.selected_currency_value}`}
                       legacyBehavior
                     >
-                      <a className="orderdetails_btn">
+                      <a className="color-blue">
                         {" "}
                         {selectedMultiLangData?.view_product}
                       </a>
@@ -276,14 +293,14 @@ const MyOrderCard = ({ data, selectedMultiLangData }: any) => {
                 </div>
               ) : (
                 <>
-                  <div className=" col-lg-2"></div>
-                  <div className="text-end col-lg-2 col-md-2 col-12">
-                    <button className=" order_links mb-2 d-block text-uppercase">
+                 
+                  <div className="col-lg-2 col-md-2 col-12 view-product-link-b2c">
+                    <button className=" order_links mb-2 d-block text-uppercase b2c_btn view-product-link-b2c">
                       <Link
                         href={`${detail?.product_url}?currency=${currency_state_from_redux?.selected_currency_value}`}
                         legacyBehavior
                       >
-                        <a className="orderdetails_btn">
+                        <a className="color-blue">
                           {" "}
                           {selectedMultiLangData?.view_product}
                         </a>
diff --git a/components/CartListing.tsx b/components/CartListing.tsx
index 32315eb..06793ef 100644
--- a/components/CartListing.tsx
+++ b/components/CartListing.tsx
@@ -163,20 +163,21 @@ const CartListing = () => {
       ) : (
         <>
           {Object.keys(cartListingItems).length > 0 ? (
-            <div className="cart-ps-container">
+            <div className="cart-ps-container pb-0 mb-0">
               <div className="row">
                 <div className="col-9">
-                  <div className="cart_heading mb-3">
-                    <h2 className=" shopping-cart-heading products-name pb-4">
+                  <div className="page_heading">
+                    <h4 className=" mb-0" 
+>
                       {selectedMultiLangData?.shopping_cart}
-                    </h2>
+                    </h4>
                   </div>
                 </div>
 
                 <div className="col-3 d-flex justify-content-end">
-                  <p className="checkbox-cursor product-font-family">
+                  <p className="checkbox-cursor product-font-family mb-0 pb-0 mt-1">
                     <a
-                      className="clear_cart bold"
+                      className="clear_cart bold mb-0"
                       onClick={() => ClearCartHandle(cartListingItems.name)}
                     >
                       {selectedMultiLangData?.clear_cart}
@@ -288,7 +289,7 @@ const CartListing = () => {
                           <>
                             <div key={index} className="border ">
                               <div className="container">
-                                <h3 className="mt-2 text-decoration-underline products-name category-name-font">
+                                <h3 className="mt-2 text-decoration-underline products-name category-name-font" >
                                   {category.category}
                                 </h3>
 
@@ -396,7 +397,7 @@ const CartListing = () => {
 
                 <hr />
                 <div className="container mb-0 pb-0">
-                  <div className="col-12">
+                  <div className="col-12 pb-0 mb-0">
                     <div className="row justify-content-start product-font">
                       <div className="col-md-6 note-line-height">
                         <h5>{selectedMultiLangData?.note}:-</h5>
@@ -423,7 +424,7 @@ const CartListing = () => {
                                 {selectedMultiLangData?.sub_total}{" "}
                               </div>
                               :
-                              <div className="col-lg-3 col-6 text-end price_font_family products-name bold">
+                              <div className="col-lg-3 col-6  price_font_family products-name bold">
                                 {
                                   cartListingItems?.categories[0]?.orders[0]
                                     ?.currency_symbol
@@ -527,7 +528,7 @@ const CartListing = () => {
                   </div>
                 </div>
 
-                <hr />
+                {/* <hr /> */}
               </div>
             </div>
           ) : (
diff --git a/components/Catalog/CatalogListCard.tsx b/components/Catalog/CatalogListCard.tsx
index 28d9768..6cd38e9 100644
--- a/components/Catalog/CatalogListCard.tsx
+++ b/components/Catalog/CatalogListCard.tsx
@@ -19,14 +19,17 @@ const CatalogListCard = ({
   console.log(catalogListItem, "catalogListItem");
   return (
     <>
-      <div className="row mb-5 d-flex justify-content-center ">
-        <div className="col-lg-7 catalog-wrapper text-center">
-          <h3 className="text-center text-captilize pb-2 products-name">
+      <div className="row mt-5 mb-0 d-flex justify-content-center mx-auto pb-0" >
+        <div className="col-lg-7 catalog-wrapper text-center  " >
+       
+          <h4 className="text-captilize pb-2 color-black fs-20" >
             {selectedMultiLangData?.catalog_list}
-          </h3>
+          </h4>
+          
+
           {catalogListItem?.length > 0 &&
             catalogListItem?.map((catalog: any, i: any) => (
-              <div className="col-md-12 col-lg-12 mt-4 " key={i}>
+              <div className="col-md-12 col-lg-12 mt-4 mb-0  " key={i}>
                 <div className="card catalogListing-card rounded-3 mb-5">
                   <div className="card-header catalogListing-cardHeader d-flex justify-content-between">
                     <h5 className="text-uppercase catalog-heading">
diff --git a/components/Catalog/CreateCatalog.tsx b/components/Catalog/CreateCatalog.tsx
index c0cd498..6141f7b 100644
--- a/components/Catalog/CreateCatalog.tsx
+++ b/components/Catalog/CreateCatalog.tsx
@@ -7,12 +7,15 @@ const CreateCatalog = ({
 }: any) => {
   return (
     <>
-      <div className="d-flex justify-content-center">
+      <div className="d-flex justify-content-center ms-5" >
         <div className="col-lg-7 text-center">
           <div className="row mx-auto">
-            <h3 className="text-center text-captilize pb-4">
+            <div className=" text-center page_heading">
+            <h4 className="  my-0" >
               {selectedMultiLangData?.create_catalog}
-            </h3>
+            </h4>
+            </div>
+
             <div className="col-lg-8 col-12 px-0  d-flex justify-content-center">
               <input
                 type="text"
diff --git a/components/CheckoutPageComponent/CheckoutPageMaster.tsx b/components/CheckoutPageComponent/CheckoutPageMaster.tsx
index 9fc1d20..5171540 100644
--- a/components/CheckoutPageComponent/CheckoutPageMaster.tsx
+++ b/components/CheckoutPageComponent/CheckoutPageMaster.tsx
@@ -102,12 +102,12 @@ const CheckoutPageMaster = () => {
 
   console.log("visitor state", currencySymbolForSummary);
   return (
-    <div className="container margin_from_nav_checkout mb-5">
+    <div className="container  margin_from_nav">
       {isBreakpoint ? (
         <>
-          <div className="ps-4 checkout_web_heading ">
-            <h3 className="products-name">{selectedMultiLangData?.checkout_page}</h3>
-            <hr />
+          <div className="page_heading ps-4 ms-1" >
+            <h4 className="color-black mb-0">{selectedMultiLangData?.checkout_page}</h4>
+            {/* <hr /> */}
           </div>
           <WebCheckout
             shippingAddresses={shippingAddresses}
diff --git a/components/CheckoutPageComponent/HandleOrderSection.tsx b/components/CheckoutPageComponent/HandleOrderSection.tsx
index 111bee9..7e9663f 100644
--- a/components/CheckoutPageComponent/HandleOrderSection.tsx
+++ b/components/CheckoutPageComponent/HandleOrderSection.tsx
@@ -47,10 +47,10 @@ const HandleOrderSection = (props: any) => {
             <div className="accordion" id="accordionExample">
               {CONSTANTS.ENABLE_APPLY_COUPON_CODE ? (
                 <>
-                  <div className="accordion-item border-0">
+                  <div className="accordion-item border-0" >
                     <h2 className="accordion-header" id="headingOne">
                       <button
-                        className="accordion-button collapsed pt-4 px-2 pb-2 fs-4 ms-1 accorder-btn-plus"
+                        className="accordion-button collapsed pt-3 px-2 pb-1  fs-4 ms-0 accorder-btn-plus"
                         type="button"
                         data-bs-toggle="collapse"
                         data-bs-target="#collapseOne"
@@ -129,7 +129,7 @@ const HandleOrderSection = (props: any) => {
                   <div className="accordion-item border-0">
                     <h2 className="accordion-header" id="headingTwo">
                       <button
-                        className="accordion-button collapsed pt-4 fs-4 px-2 ms-1 accorder-btn-plus"
+                        className="accordion-button collapsed pt-3 fs-4 ms-0 ps-2  accorder-btn-plus"
                         type="button"
                         data-bs-toggle="collapse"
                         data-bs-target="#collapseTwo"
@@ -162,7 +162,7 @@ const HandleOrderSection = (props: any) => {
                         </form>
                         <button
                           type="button"
-                          className="btn btn-sm transparent custom-btn d-block w-100 standard-btn btn-fancy mt-2"
+                          className="btn btn-sm transparent custom-btn d-block w-100 standard-btn btn-fancy my-2"
                           onClick={(e: any) => handleStoreCredit(e)}
                         >
                           {selectedMultiLangData?.use_store_credit}
diff --git a/components/DealerLedger/DealerAccounting.tsx b/components/DealerLedger/DealerAccounting.tsx
index c37b0c4..b50687c 100644
--- a/components/DealerLedger/DealerAccounting.tsx
+++ b/components/DealerLedger/DealerAccounting.tsx
@@ -6,10 +6,10 @@ const DealerAccounting = ({
 }: any) => {
   return (
     <>
-      <div className="container mt-0 mb-0 delaer-leader-container" >
+      <div className="container mt-0 mb-0 delaer-leader-container "  >
         <div className="row justify-content-center">
         <div className="page_heading">
-          <h4 className="dealer-heading text-captilize color-black p-0 m-0" >Dealer Ledger</h4>
+          <h4 className="my-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">
diff --git a/components/DealerLedger/DealerLedger.tsx b/components/DealerLedger/DealerLedger.tsx
index 2610470..f1edfbc 100644
--- a/components/DealerLedger/DealerLedger.tsx
+++ b/components/DealerLedger/DealerLedger.tsx
@@ -87,7 +87,7 @@ const DealerLedger = () => {
           dealerLedgerSummary={dealerLedgerSummary}
           selectedMultiLangData={selectedMultiLangData}
         />
-        <div className="row justify-content-center dealer-ledger-container mt-0 pt-0 products-name dealer-account-container">
+        <div className="row justify-content-center dealer-ledger-container mt-0 pt-0 color-black dealer-account-container">
           <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">
@@ -96,17 +96,17 @@ const DealerLedger = () => {
                 </div>
               </div>
               <div className="col-lg-6 col-6">
-                <div className="fs-3 bold products-name">
+                <div className="fs-3 bold color-black">
                   {dealerLedgerSummary?.party_name}
                 </div>
               </div>
             </div>
-            <div className="row mx-lg-5 mt-0 products-name">
+            <div className="row mx-lg-5 mt-0 color-black">
               <div className="col-lg-4 col-4 mb-0 pb-0 mt-0 pt-0 d-inline-flex justify-content-around">
                 <div className="w-25">
                   <input
                     type="radio"
-                    className="form-check-input products-name"
+                    className="form-check-input color-black"
                     id="radio1"
                     name="optradio"
                     value="option1"
@@ -116,7 +116,7 @@ const DealerLedger = () => {
                 </div>
                 <div className="w-75">
                   <label
-                    className="form-check-label products-name"
+                    className="form-check-label color-black"
                     htmlFor="radio1"
                   >
                     {selectedMultiLangData?.month}
@@ -144,12 +144,12 @@ const DealerLedger = () => {
                 </select>
               </div>
             </div>
-            <div className="row mx-lg-5 my-2 products-name">
+            <div className="row mx-lg-5 my-2 color-black">
               <div className="col-lg-4 col-4 mt-lg-2 d-inline-flex justify-content-around">
                 <div className="w-25">
                   <input
                     type="radio"
-                    className="form-check-input products-name"
+                    className="form-check-input color-black"
                     id="radio2"
                     name="optradio"
                     value="option1"
@@ -158,7 +158,7 @@ const DealerLedger = () => {
                 </div>
                 <div className="w-75">
                   <label
-                    className="form-check-label text-start products-name"
+                    className="form-check-label text-start color-black"
                     htmlFor="radio1"
                   >
                     {selectedMultiLangData?.date_range}
diff --git a/components/DisplayTags/DisplayTagMaster.tsx b/components/DisplayTags/DisplayTagMaster.tsx
index 2d589dd..1da7c00 100644
--- a/components/DisplayTags/DisplayTagMaster.tsx
+++ b/components/DisplayTags/DisplayTagMaster.tsx
@@ -19,13 +19,13 @@ const DisplayTagMaster = (props: any) => {
   // const { bestSellerTagListingOfProducts } =
   //   useDisplayTagHooks();
   return (
-    <div className="">
+    <>
       <div className="container">
         <div className="row banner-product-wrapper pb-1 products-name">
           <h3 className="text-center mb-0 mt-5">{data?.tag_name}</h3>
-          <div className="banner-product col-lg-3 col-md-4 d-lg-block d-none mb-4 mb-md-0">
-            <div className="banner banner-fixed overlay-zoom br-xs">
-              <figure className="banner-media h-100 displaytag-container">
+          <div className="banner-product col-lg-3 col-md-3 d-lg-block d-none mb-4 mb-md-0">
+            <div className="banner banner-fixed overlay-zoom br-xs banner-imageWidth">
+              <figure className="banner-media mt-4">
                 <Image
                   src={
                     data?.tag_name === "Special Offer"
@@ -37,21 +37,21 @@ const DisplayTagMaster = (props: any) => {
                       : ""
                   }
                   alt="Product Banner"
-                  width="431"
-                  height="800"
+                  width="331"
+                  height="600"
+                  className="bannerImage_height"
                 />
               </figure>
             </div>
           </div>
-          <div className="product-wrapper col-lg-9 col-md-12">
-            <div className="swiper-container swiper-theme" />
-            <div className="row justify-content-center">
+          <div className="col-lg-9 col-md-9">
+            <div className="row product-row">
               {data?.value?.length > 0 ? (
                 <>
                   {data?.value?.length > 0 &&
                     data?.value?.map((list: any, i: any) => (
-                      <div className="border mx-2 mt-5 displaytag-list" key={i}>
-                        <div className="product-wrap">
+                      <div className="col-md-3 mt-4" key={i}>
+                        <div className="product-wrap displaytag-product border">
                           <div className="product text-center">
                             <figure className="product-media">
                               {list?.image_url !== null &&
@@ -64,8 +64,8 @@ const DisplayTagMaster = (props: any) => {
                                       loader={imageLoader}
                                       src={list?.image_url}
                                       alt="Product"
-                                      width="300"
-                                      height="300"
+                                      width="270"
+                                      height="270"
                                     />
                                   </Link>
                                 </>
@@ -82,8 +82,8 @@ const DisplayTagMaster = (props: any) => {
                                           : "/assets/images/maximaCard.jpg"
                                       }
                                       alt="Product"
-                                      width="300"
-                                      height="300"
+                                      width="270"
+                                      height="270"
                                     />
                                   </Link>
                                 </>
@@ -138,8 +138,8 @@ const DisplayTagMaster = (props: any) => {
           </div>
         </div>
       </div>
-    </div>
+    </>
   );
 };
 
-export default DisplayTagMaster;
+export default DisplayTagMaster;
\ No newline at end of file
diff --git a/components/HomeTopCategories/HomeTopCategoriesBanner.tsx b/components/HomeTopCategories/HomeTopCategoriesBanner.tsx
index 774cd7e..6917761 100644
--- a/components/HomeTopCategories/HomeTopCategoriesBanner.tsx
+++ b/components/HomeTopCategories/HomeTopCategoriesBanner.tsx
@@ -23,7 +23,7 @@ const HomeTopCategoriesBanner = ({ homeTopCategories }: any) => {
                     ?.slice(3, 5)
                     ?.map((banner: any, index: any) => (
                       <div
-                        className="col-lg-6 col-12 text-center mb-lg-0 mb-2"
+                        className="col-lg-6 col-12 mb-lg-0 mb-2"
                         key={banner.name}
                       >
                         <>
@@ -33,7 +33,7 @@ const HomeTopCategoriesBanner = ({ homeTopCategories }: any) => {
                             alt="banner of Topcategory"
                             width={600}
                             height={150}
-                            className="topcat_banner"
+                            className="topcat_banner banner-imageWidth"
                           />
                         </>
                       </div>
@@ -87,4 +87,4 @@ const HomeTopCategoriesBanner = ({ homeTopCategories }: any) => {
   );
 };
 
-export default HomeTopCategoriesBanner;
+export default HomeTopCategoriesBanner;
\ No newline at end of file
diff --git a/components/OrderDetails/OrderDetail.tsx b/components/OrderDetails/OrderDetail.tsx
index d7931eb..5ab032f 100644
--- a/components/OrderDetails/OrderDetail.tsx
+++ b/components/OrderDetails/OrderDetail.tsx
@@ -76,15 +76,15 @@ const Index = ({ sales_order_id }: any) => {
     // <div className="margin_from_nav_l">
     <div
       className={`${
-        router?.pathname?.includes("/myOrder") ? "margin_from_nav_l" : ""
-      }`}
+        router?.pathname?.includes("/myOrder") ? "margin_from_nav" : ""
+      } container`}
     >
       {detail?.length === 0 ? (
         <>
           <div className="row justify-content-center mt-5">
             {[...Array(4)].map(() => (
               <>
-                <div className="col-lg-12 mx-3">
+                <div className="col-lg-12 mx-3 mt-2">
                   <ListViewLoadingLayout />
                 </div>
               </>
@@ -96,51 +96,54 @@ const Index = ({ sales_order_id }: any) => {
           {detail?.length > 0 &&
             detail !== null &&
             detail?.map((data: any) => (
-              <div className="container color-black" 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">
+                <div className="row color-black">
+                  <div className="col-md-6 ">
                     <div className="page_heading">
-                      <h5 className="bold text-uppercase black mb-2 mt-8 orderDetail-heading">
+                      <h4 className="p-0 m-0">
                         {selectedMultiLangData?.order_details}
-                      </h5>
+                      </h4>
                     </div>
                   </div>
                 </div>
-                <div className="order_detail_head row products-name ">
+                <div className="order_detail_head row color-black pb-2" >
                   <div className="col-12">
                     <div className="item_action d-flex ">
                       <div className="item_action_link me-3 ">
                         {data.creation}
                       </div>
-                      <div className="item_action_link order-pipe d-inline-flex ">
-                        <span>| {selectedMultiLangData?.orders}</span>
-                        <span># {data?.name}</span>
+                      <div className="item_action_link order-pipe color-black">
+                        <span>
+                           {selectedMultiLangData?.orders} # {data?.name}
+                        </span>
                       </div>
                     </div>
                   </div>
                 </div>
-                <div id="printableArea" className="row products-name">
+
+                
+                <div id="printableArea" className="row color-black" >
                   <div className="col-lg-12">
                     <div className="order_card mb-3 card">
-                      <div className="card-body">
+                      <div className="card-body" >
                         <div className="row">
                           {data?.addresses?.map((addr: any, index: any) => (
-                            <div className="mb-3 mb-sm-0 col-md-3" key={index}>
+                            <div className="mb-0 mb-sm-0 col-md-3" key={index}>
                               <div>
                                 <h5 className="data_heading mb-1">
                                   {addr?.name}
                                 </h5>
                                 {addr?.values &&
                                   addr?.values.map((addrValue: any, i: any) => (
-                                    <div className="myorders" key={i}>
-                                      <p className="mb-0 address_tiitles">
+                                    <div className="myorders" key={i} >
+                                      <p className="my-0 py-0 address_tiitles">
                                         {addrValue?.address_title}
                                       </p>
-                                      <p className="mb-0">
+                                      <p className="my-0 py-0 line-height">
                                         {addrValue?.address_1}
                                       </p>
-                                      <p className="mb-0">
+                                      <p className="mb-0 my-0 py-0 line-height">
                                         {addrValue?.postal_code}
                                       </p>
                                       <p className="mb-0">
@@ -205,19 +208,19 @@ const Index = ({ sales_order_id }: any) => {
                             </div>
                           </div>
 
-                          <div className="col-md-4 myorders">
+                          <div className="col-md-4 myorders" >
                             <h5 className="data_heading mb-1">
                               {" "}
                               {selectedMultiLangData?.order_summary}
                             </h5>
                             <div className="mb-1 row">
                               <div className="col-6">
-                                <p className="mb-0 order_summary_p">
+                                <p className="mb-0 ">
                                   {selectedMultiLangData?.sub_total_excl_tax}
                                 </p>
                               </div>
                               <div className="text-right col-6">
-                                <p className="mb-0 order_summary_p price_font_family">
+                                <p className="mb-0 price_font_family">
                                   {data?.currency_symbol}{" "}
                                   {data?.subtotal_exclude_tax}
                                 </p>
@@ -225,7 +228,7 @@ const Index = ({ sales_order_id }: any) => {
                             </div>
                             <div className="mb-1 row">
                               <div className="col-6">
-                                <p className="mb-0 order_summary_p">
+                                <p className="mb-0 ">
                                   {" "}
                                   {selectedMultiLangData?.tax}
                                 </p>
@@ -236,7 +239,7 @@ const Index = ({ sales_order_id }: any) => {
                                 </p>
                               </div>
                             </div>
-                            <div className="mb-1 row">
+                            <div className="mb-0 row" >
                               {data?.coupon_code !== null ? (
                                 <>
                                   <div className="col-6">
@@ -254,7 +257,7 @@ const Index = ({ sales_order_id }: any) => {
                                 ""
                               )}
                             </div>
-                            <div className="mb-1 row">
+                            <div className="mb-0 row" >
                               {data?.coupon_amount !== 0 ? (
                                 <>
                                   <div className="col-6">
@@ -277,7 +280,7 @@ const Index = ({ sales_order_id }: any) => {
                               )}
                             </div>
 
-                            <div className="mb-1 row">
+                            <div className="mb-1 row" >
                               <div className="col-6">
                                 <p className="mb-0 order_summary_p">
                                   {selectedMultiLangData?.sub_total_incl_tax}
@@ -290,8 +293,8 @@ const Index = ({ sales_order_id }: any) => {
                                 </p>
                               </div>
                             </div>
-                            <hr className="mt-1 mb-1" />
-                            <div className="row">
+                            {/* <hr className="mt-1 mb-1" /> */}
+                            <div className="mb-1 row" >
                               <div className="col-6">
                                 <p className="mb-0 bold order_summary_p">
                                   {selectedMultiLangData?.order_total}
@@ -303,7 +306,7 @@ const Index = ({ sales_order_id }: any) => {
                                 </p>
                               </div>
                             </div>
-                            <hr className="mt-1 mb-1" />
+                            {/* <hr className="mt-1 mb-1" /> */}
                             <div className="row">
                               <div className="col-6">
                                 <p className="mb-0 bold order_summary_p">
@@ -321,20 +324,20 @@ const Index = ({ sales_order_id }: any) => {
                         </div>
                       </div>
                     </div>
-                    <div className="order_card cart_table mb-3 card">
+                    <div className="order_card cart_table mb-0 card" >
                       {data?.order_details.map((oDetail: any, index: any) => (
                         <div
-                          className="cart_item card-body border-bottom"
+                          className=" card-body "
                           key={index}
                         >
-                          <div className="d-flex mb-2">
+                          <div className="d-flex mb-0">
                             <div className="flex-fill">
                               <h6 className="green text-capitalize bold mb-0 status"></h6>
                             </div>
                           </div>
                           <div className="d-flex align-items-center row">
-                            <div className="mb-3 mb-sm-0 col-lg-2 col-md-2 col-4">
-                              <div className="product-image">
+                            <div className="mb-3 mb-sm-0 col-lg-2 col-md-2 col-4" >
+                              <div className="product-image cart-image ">
                                 {oDetail?.img === null ||
                                 oDetail?.img?.length === 0 ? (
                                   <Image
@@ -357,26 +360,26 @@ const Index = ({ sales_order_id }: any) => {
                                 )}
                               </div>
                             </div>
-                            <div className="product_item_details col-lg-8 col-md-7 col-8">
+                            <div className="product_item_details col-lg-8 col-md-7 col-8" >
                               <div className="d-flex orderdetail-name">
                                 <div className="flex-fill">
                                   <Link
                                     href={`${oDetail?.product_url}?currency=${currency_state_from_redux?.selected_currency_value}`}
                                     legacyBehavior
                                   >
-                                    <a className="product_item_name">
+                                    <a className="product_item_name bold">
                                       {oDetail?.item_name}
                                     </a>
                                   </Link>
 
                                   <table
                                     width="100%"
-                                    className="mt-2 table table-borderless"
-                                  >
+                                    className="mt-0 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-1 myorder_p">
+                                          <p className="text-capitalize black mb-0 myorder_p">
                                             {selectedMultiLangData?.item_code}
                                           </p>
                                         </td>
@@ -384,7 +387,7 @@ const Index = ({ sales_order_id }: any) => {
                                           width="85%"
                                           className="px-0 py-0 pb-0 myorder_width"
                                         >
-                                          <p className="text-capitalize black mb-1 myorder_p">
+                                          <p className="text-capitalize black mb-0 myorder_p">
                                             : {oDetail?.name}
                                           </p>
                                         </td>
@@ -392,7 +395,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-1 myorder_p">
+                                          <p className="text-capitalize black mb-0 myorder_p">
                                             {selectedMultiLangData?.price}
                                           </p>
                                         </td>
@@ -400,7 +403,7 @@ const Index = ({ sales_order_id }: any) => {
                                           width="85%"
                                           className="px-0 py-0 pb-0 myorder_width"
                                         >
-                                          <p className="text-capitalize black mb-1 myorder_p">
+                                          <p className="text-capitalize black mb-0 myorder_p">
                                             {oDetail?.prod_info[1].value !==
                                             0 ? (
                                               <p className="mb-0 price_font_family">
@@ -421,7 +424,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-1 myorder_p">
+                                          <p className="text-capitalize black mb-0 myorder_p">
                                             {selectedMultiLangData?.quantity}
                                           </p>
                                         </td>
@@ -429,7 +432,7 @@ const Index = ({ sales_order_id }: any) => {
                                           width="85%"
                                           className="px-0 py-0 pb-0 myorder_width"
                                         >
-                                          <p className="text-capitalize black mb-1 myorder_p">
+                                          <p className="text-capitalize black mb-0 myorder_p">
                                             : {oDetail?.prod_info[2].value}
                                           </p>
                                         </td>
@@ -620,6 +623,8 @@ const Index = ({ sales_order_id }: any) => {
                     </div>
                   </div>
                 </div>
+
+
               </div>
             ))}
         </>
@@ -628,4 +633,4 @@ const Index = ({ sales_order_id }: any) => {
   );
 };
 
-export default Index;
+export default Index;
\ No newline at end of file
diff --git a/components/OrderSummary/OrderSummary.tsx b/components/OrderSummary/OrderSummary.tsx
index 29ffeff..4e75fb7 100644
--- a/components/OrderSummary/OrderSummary.tsx
+++ b/components/OrderSummary/OrderSummary.tsx
@@ -49,14 +49,14 @@ const OrderSummary = ({
                     {data?.name === "Tax" && (
                       <>
                         <div
-                          className="order-summery px-2 px-sm-0 px-xm-0 mx-3 products-name"
-                          key={index}
+                          className="order-summery px-2 px-sm-0 px-xm-0 mx-3 color-black"
+                          key={index} 
                         >
                           <div className="row mb-1 ">
                             <div className="col-6">{data?.name}</div>
                             <div className="col-6 text-end">
-                              <p className={`mb-0 summary_p`}>
-                                <div className="d-inline-flex">
+                              <p className={`mb-0 summary_p pt-1`}>
+                                <div >
                                   {currencySymbolForSummary}
                                   <IndianNumber value={data?.value} />
                                 </div>
@@ -69,10 +69,10 @@ const OrderSummary = ({
                     {data?.value !== 0 && data?.value !== null && (
                       <>
                         <div
-                          className="order-summery px-2 px-sm-0 px-xm-0 mx-3 products-name"
+                          className="order-summery px-2 px-sm-0 px-xm-0 mx-3 color-black my-0 py-0"
                           key={index}
                         >
-                          <div className="row mb-1 ">
+                          <div className="row mb-1 my-0 py-0">
                             <div className="col-6">
                               {data?.name === "Total" ? (
                                 <strong className="mb-0 p-0">
@@ -91,7 +91,7 @@ const OrderSummary = ({
                                     <IndianNumber value={data?.value} />
                                   </div>
                                 ) : (
-                                  <div className="d-inline-flex">
+                                  <div>
                                     {currencySymbolForSummary}
 
                                     <IndianNumber value={data?.value} />
@@ -119,9 +119,9 @@ const OrderSummary = ({
                       key={index}
                     >
                       <div className="row mb-1 ">
-                        <div className="col-6 products-name">
+                        <div className="col-6 color-black">
                           {data.name === "Total" ? (
-                            <strong className="mb-0 p-0 products-name ">
+                            <strong className="mb-0 p-0 color-black ">
                               {data?.name}
                             </strong>
                           ) : (
@@ -154,16 +154,17 @@ const OrderSummary = ({
         )}
       </div>
 
-      <div className="checkout-item mt-5">
+      <div className="checkout-item mt-4 mx-2 mb-0 pb-0">
         {cartListingItems?.categories?.length > 0 &&
           cartListingItems?.categories.map((value: any, index: any) => {
             return (
               <>
-                <div key={index}>
+                <div key={index}  >
                   {value?.orders?.length > 0 &&
                     value?.orders?.slice(0, 4).map((data: any, i: any) => {
                       return (
-                        <div className="row border mx-2 my-1 " key={i}>
+                        <div className="row border mx-2 my-1 pb-1 " key={i} 
+                        >
                           <div className="col-4">
                             <div className="checkout-img mt-3">
                               <Image
@@ -176,8 +177,8 @@ const OrderSummary = ({
                               />
                             </div>
                           </div>
-                          <div className="col-8 products-name">
-                            <div className="checkout_item_details products-name">
+                          <div className="col-8 color-black">
+                            <div className="checkout_item_details color-black">
                               <h6 className="mb-0 product_item_name ">
                                 {data.item_name}
                               </h6>
@@ -185,16 +186,16 @@ const OrderSummary = ({
                                 width="100%"
                                 className="mb-1 mt-1 table table-borderless"
                               >
-                                <tbody className="checkout-cart-card-font products-name">
+                                <tbody className="checkout-cart-card-font color-black">
                                   {data.details.map(
                                     (detail: any, index: number) => (
                                       <tr
-                                        className="item_options   products-name"
+                                        className="item_options   color-black"
                                         key={index}
                                       >
                                         <td
                                           width="50%"
-                                          className="px-0 py-0 pb-0 products-name"
+                                          className="px-0 py-0 pb-0 color-black"
                                         >
                                           <p
                                             className={`text-capitalize mb-0 cart_p`}
@@ -210,22 +211,20 @@ const OrderSummary = ({
                                           className="px-0 py-0 pb-1"
                                         >
                                           <p
-                                            className={`text-capitalize mb-0 cart_p text-end d-inline-flex`}
+                                            className={`text-capitalize mb-0 cart_p text-end`}
                                           >
                                             {detail.name === "Price" ? (
                                               <>{currencySymbolForSummary}</>
                                             ) : (
                                               ""
                                             )}
-                                            <div>
-                                              {detail.name === "Model No" ? (
-                                                detail.value.split("-")[0]
-                                              ) : (
-                                                <IndianNumber
-                                                  value={detail?.value}
-                                                />
-                                              )}
-                                            </div>
+                                            {detail.name === "Model No" ? (
+                                              detail.value.split("-")[0]
+                                            ) : (
+                                              <IndianNumber
+                                                value={detail?.value}
+                                              />
+                                            )}
                                           </p>
                                         </td>
                                       </tr>
@@ -253,9 +252,7 @@ const OrderSummary = ({
                                       </p>
                                     </td>
                                     <td width="50%" className="px-0 py-0 ">
-                                      <p
-                                        className={`mb-0 cart_p text-end d-inline-flex`}
-                                      >
+                                      <p className={`mb-0 cart_p text-end`}>
                                         {currencySymbolForSummary}
 
                                         <IndianNumber value={data?.amount} />
@@ -270,9 +267,7 @@ const OrderSummary = ({
                                       </p>
                                     </td>
                                     <td width="50%" className="px-0 py-0 ">
-                                      <p
-                                        className={`mb-0 cart_p text-end d-inline-flex`}
-                                      >
+                                      <p className={`mb-0 cart_p text-end`}>
                                         {currencySymbolForSummary}
 
                                         <IndianNumber value={data?.tax} />
@@ -326,4 +321,4 @@ const OrderSummary = ({
   );
 };
 
-export default OrderSummary;
+export default OrderSummary;
\ No newline at end of file
diff --git a/components/ProfilePage/ProfileMaster.tsx b/components/ProfilePage/ProfileMaster.tsx
index 4df1037..470e23d 100644
--- a/components/ProfilePage/ProfileMaster.tsx
+++ b/components/ProfilePage/ProfileMaster.tsx
@@ -570,10 +570,10 @@ const ProfileMaster = () => {
   return (
     <>
       <div className="container margin_from_nav" >
-        <section className="profile_section pb-0 mb-0">
+        <section className=" pb-0 mb-0">
           <div className="container">
             <div className="page_heading">
-              <h4 className="p-0 m-0">
+              <h4 className="p-0 m-0 ps-1">
                 {selectedMultiLangData?.my_account}
               </h4>
             </div>
diff --git a/components/QuickOrder/QuickOrderMaster.tsx b/components/QuickOrder/QuickOrderMaster.tsx
index 8b2d27f..657e188 100644
--- a/components/QuickOrder/QuickOrderMaster.tsx
+++ b/components/QuickOrder/QuickOrderMaster.tsx
@@ -125,25 +125,25 @@ const QuickOrder = () => {
   };
 
   return (
-    <div className="container  margin_from_nav_quick_o quickorder-main-conatainer-mob products-name">
-      <div className="row  mx-0 mt-5  ">
+    <div className="container  margin_from_nav ">
+      <div className="row  ">
         <div className="col-lg-12  ">
           <div className="row">
             {/* <div className="col-lg-2"></div> */}
-            <div className="col-lg-12 " >
+            <div className="col-lg-12 ps-5" >
               <div className="page_heading">
-                <h3 className="">
+                <h4 className="mb-0">
                   {selectedMultiLangData?.quick_order}
-                </h3>
+                </h4>
               </div>
 
               <div className="row or-margin-top">
-                <div className="col-lg-7 my-lg-2 mt-0 mb-0 pt-0 pb-0 " >
+                <div className="col-lg-7 my-lg-2 mt-0 mb-0 pt-0 pb-0 color-black" >
                   {
                     selectedMultiLangData?.you_can_add_upto_25_valid_item_code_oem_part_no_below
                   }
                 </div>
-                <div className="col-lg-5">
+                <div className="col-lg-5 padding-qo-right" >
                   <div className="row mt-lg-0 mt-0 btn-quick-margin or-margin-top">
                     <div className="col-lg-7 col-6 text-end ">
                       <button
@@ -160,7 +160,7 @@ const QuickOrder = () => {
                         {selectedMultiLangData?.reset_form}
                       </button>
                     </div>
-                    <div className="col-lg-5 mt-0  col-6 text-end ">
+                    <div className="col-lg-5 mt-0  col-6 text-end " >
                       <button
                         type="button"
                         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 "
@@ -183,7 +183,7 @@ const QuickOrder = () => {
         </div>
       </div>
 
-      <div className="row  mt-5  table-heading-quick-order-mob color-black  ms-3 me-1 " >
+      <div className="row  mt-3  table-heading-quick-order-mob color-black  ms-4 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> */}
@@ -192,7 +192,7 @@ const QuickOrder = () => {
                 {/* {selectedMultiLangData?.image} */}
               </h5>
             </div>
-            <div className="col-lg-7  products-name px-5 d-inline-flex justify-content-start">
+            <div className="col-lg-7  color-black px-5 d-inline-flex justify-content-start">
               <h6 className="mb-0 pt-2 text-start font-size-quick">
                 {selectedMultiLangData?.details}
               </h6>
diff --git a/components/Wishlist/WishlistMaster.tsx b/components/Wishlist/WishlistMaster.tsx
index f5b1560..3bbc725 100644
--- a/components/Wishlist/WishlistMaster.tsx
+++ b/components/Wishlist/WishlistMaster.tsx
@@ -286,13 +286,16 @@ const WishlistMaster = () => {
         </div>
       ) : (
         <>
-          <div className="container wishlist-container products-name">
+          <div className="container  color-black">
             {wishlistCount > 0 ? (
               <>
-                <h3 className="wishlist-title">
+              <div className="page_heading">
+              <h4 className="mb-0">
                   {" "}
                   {selectedMultiLangData?.my_wishlist}
-                </h3>
+                </h4>
+              </div>
+
                 <div className="row mt-2 mx-4 ">
                   <h5 className="col-lg-5 col-md-4 d-none d-md-block">
                     {selectedMultiLangData?.product}
@@ -308,9 +311,9 @@ const WishlistMaster = () => {
                   </h5>
                 </div>
 
-                <div className="row  mx-4">
+                <div className="row  mx-4 mb-0 pb-0">
                   {wishlistData?.map((item: any, index: any) => (
-                    <div className="row " key={index}>
+                    <div className="row mb-0 pb-0" key={index}>
                       <div className="col-lg-5 col-md-4 w-100">
                         <div className="row">
                           <div className="col-lg-4 col-12">
diff --git a/components/myOrder/MyOrderMaster.tsx b/components/myOrder/MyOrderMaster.tsx
index a6cbfbc..0e4b8ed 100644
--- a/components/myOrder/MyOrderMaster.tsx
+++ b/components/myOrder/MyOrderMaster.tsx
@@ -23,16 +23,16 @@ const MyOrderMaster = () => {
   return (
     <>
       <div className="container margin_from_nav my-order-container-pd ">
-        <div className="mt-4 row">
+        <div className=" row">
           <div className="col-md-6">
             <div className="page_heading">
-              <h2 className=" bold text-captilize pb-3 order-heading products-name">
+              <h4 className=" mb-0">
                 {selectedMultiLangData?.your_orders}
-              </h2>
+              </h4>
             </div>
           </div>
         </div>
-        <ul className="nav nav-tabs products-name" role="tablist">
+        <ul className="nav nav-tabs color-black mb-0 pb-0" role="tablist" >
           <li className="nav-item">
             <a
               className="nav-link active"
@@ -49,8 +49,8 @@ const MyOrderMaster = () => {
           </li>
         </ul>
 
-        <div className="tab-content">
-          <div id="placed_order" className=" container tab-pane active show">
+        <div className="tab-content mt-0 pt-0 mb-0 pb-0" >
+          <div id="placed_order" className=" container tab-pane active show mt-0 pt-0">
             <br />
             <PlaceOrder
               orderHistoryItems={orderHistoryItems}
diff --git a/components/myOrder/components/PlaceOrder.tsx b/components/myOrder/components/PlaceOrder.tsx
index 2cbd7f6..15f1b6d 100644
--- a/components/myOrder/components/PlaceOrder.tsx
+++ b/components/myOrder/components/PlaceOrder.tsx
@@ -22,7 +22,7 @@ const PlaceOrder = ({
   return (
     <>
       <div role="tabpanel" aria-hidden="false">
-        <div className="row mb-5 products-name">
+        <div className="row mb-4 color-black" >
           <div className="col-lg-12" >
             <div className="row">
               <div className="col-lg-2 col-sm-4 col-6">
diff --git a/styles/components/_catalog.scss b/styles/components/_catalog.scss
index 916e380..7d1ef6e 100644
--- a/styles/components/_catalog.scss
+++ b/styles/components/_catalog.scss
@@ -24,7 +24,7 @@
 .catalog-wrapper {
     // background-color: #D6EBFF;
     // border: 1px solid rgb(69, 68, 68) ;
-    padding: 30px;
+    // padding: 30px;
 }
 
 .catalog-inputBox {
diff --git a/styles/components/_checkoutCustom.scss b/styles/components/_checkoutCustom.scss
index 9e6b703..83f309a 100644
--- a/styles/components/_checkoutCustom.scss
+++ b/styles/components/_checkoutCustom.scss
@@ -59,18 +59,18 @@
 
 .card_p {
   font-size: 13px;
-  margin-top: -5px;
+  // margin-top: -5px;
 }
 
 /* order sumamry */
 
 .cart_p {
-  margin: -6px 0px;
+  // margin: -6px 0px;
   font-size: 12px;
 }
 
 .summary_p {
-  margin: -6px 0px;
+  // margin: -6px 0px;
 }
 
 /* visitor checkout */
diff --git a/styles/globals.scss b/styles/globals.scss
index 88d1432..9176c1a 100644
--- a/styles/globals.scss
+++ b/styles/globals.scss
@@ -130,3 +130,4 @@
 @import "pages/dealerLedger";
 @import "pages/resetPassword";
 @import "pages/CssLayout-rtl";
+@import "pages/allpage-wrapper";
\ No newline at end of file
diff --git a/styles/pages/CssLayout-rtl.scss b/styles/pages/CssLayout-rtl.scss
index 3f5bb46..b105ce9 100644
--- a/styles/pages/CssLayout-rtl.scss
+++ b/styles/pages/CssLayout-rtl.scss
@@ -87,4 +87,12 @@ html[dir="rtl"] {
     .my-order-container-pd .tab-content > .active {
         visibility: inherit;
     }
-}
+    // #homepage displaytag
+    .banner-imageWidth {
+        padding-left: 0;
+        padding-right: 2rem;
+    }
+    .product-row {
+        padding-left: 1rem;
+    }
+}
\ No newline at end of file
diff --git a/styles/pages/_allpage-wrapper.scss b/styles/pages/_allpage-wrapper.scss
index f3f8d9d..0372fd3 100644
--- a/styles/pages/_allpage-wrapper.scss
+++ b/styles/pages/_allpage-wrapper.scss
@@ -9,7 +9,9 @@
     font-weight: bold;
     color: black !important;
   }
-
+.color-black{
+  color:black !important;
+}
   
   .page_heading h4{
     font-size: 22px !important;
@@ -18,7 +20,9 @@
     color: black !important;
     padding-bottom: 18px !important;
   }
-
+.fs-20{
+  font-size: 20px;
+}
   .item_action_link{
     margin-left: -4px;
   }
@@ -31,7 +35,9 @@
     line-height: 1 !important;
   }
 
-
+.padding-qo-right{
+  padding-right: 23px;
+}
   .price_request{
     color: white !important;
     background-color: #0071dc !important;
@@ -40,11 +46,79 @@
     margin-left: 5px !important;
     width: 120px !important;
   }
+  
+    // my order
+
+  .view-product-link-b2c{
+    border: none !important;
+    color: #0071dc !important;
+    background-color: white !important;
+  }
+  
+  .view-product-link-b2c :hover{
+    border: none !important;
+    color: #0071dc !important;
+    background-color: white !important;
+    text-decoration: underline !important;
+    
+  }
+  
+
+  .color-blue{
+    color: #0071dc !important;
+  }
+
+  .cart-image {
+    width: 100px;
+}
+.b2c_btn{
+  border: 2px solid #2c4152 !important;
+  font-size: 13px !important;
+}
+.b2c_btn:hover{
+  border: 2px solid #2c4152 !important;
+  background-color: gainsboro !important;
+  color: black !important;
+}
+.fs-13{
+  font-size: 13px !important;
+  font-weight: bold;
+  text-transform: uppercase !important;
+}
+.btn_order_detail{
+  padding: 4px 10px;
+}
 
+.view-product-link-b2c {
+  border: none !important;
+  color: #0071dc !important;
+  background-color: white !important;
+}
 
+.view-product-link-b2c :hover{
+  border: none !important;
+  color: #0071dc !important;
+  background-color: white !important;
+  text-decoration: underline !important;
+  
+}
+.myorder-header-pt{
+  padding-top: 7.5px !important;
+}
   @media only screen and (max-width: 600px) {
     .margin_from_nav {
       margin-top: 90px !important;
       margin-bottom: 25px !important
     }
+    .orderdetail-img{
+      width: 86px !important
+    }
+    .btn_order_detail{
+      padding: 0px;
+      margin-top: 20px;
+      
+    }
+    .btn-orderdetail-mob{
+      font-size: 12px !important;
+    }
   }
\ No newline at end of file
diff --git a/styles/pages/_categories.scss b/styles/pages/_categories.scss
index 4b2f86b..2977059 100644
--- a/styles/pages/_categories.scss
+++ b/styles/pages/_categories.scss
@@ -183,4 +183,16 @@
 
 .displaytag-list {
     width: 220px;
+}
+.displaytag-product {
+    height: 300px !important;
+}
+.banner-imageWidth {
+    padding-left: 2rem;
+}
+.bannerImage_height {
+    height: 620px;
+}
+.product-row {
+    padding-right: 1rem;
 }
\ No newline at end of file

From eed7d00c71188618bcd24d747d8b8d00e662e25c Mon Sep 17 00:00:00 2001
From: monika8848 <monika@8848digital.com>
Date: Fri, 29 Sep 2023 16:46:18 +0530
Subject: [PATCH 2/3] UI fixes in all pages

---
 components/ProfilePage/ProfileMaster.tsx | 6 +++---
 styles/pages/_allpage-wrapper.scss       | 6 +++++-
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/components/ProfilePage/ProfileMaster.tsx b/components/ProfilePage/ProfileMaster.tsx
index 470e23d..eef8075 100644
--- a/components/ProfilePage/ProfileMaster.tsx
+++ b/components/ProfilePage/ProfileMaster.tsx
@@ -496,7 +496,7 @@ const ProfileMaster = () => {
           <div className="col-lg-12">
             <div className="">
               <div className="profile">
-                <h4 className="text-inline-start fw-bolder text-uppercase mb-0 pb-2 products-name">
+                <h4 className="text-inline-start fw-bolder text-uppercase mb-0 pb-2 color-black">
                   {selectedMultiLangData?.enquiry_history}
                 </h4>
               </div>
@@ -659,7 +659,7 @@ const ProfileMaster = () => {
                       </Link>
                     </li>
 
-                    <li className="nav-item col-lg-10 col-12">
+                    <li className="nav-item ">
                       <Link href="#pay_faq" legacyBehavior>
                         <a
                           className={`nav-link profile_nav border tab_width ${documentQueued?.setTrue ? "active" : ""
@@ -684,7 +684,7 @@ const ProfileMaster = () => {
                         </a>
                       </Link>
                     </li>
-                    <li className="nav-item col-lg-10 col-12">
+                    <li className="nav-item ">
                       <Link href="#enqHist_faq" legacyBehavior>
                         <a
                           className="nav-link profile_nav border nav_tabs_list tab_width"
diff --git a/styles/pages/_allpage-wrapper.scss b/styles/pages/_allpage-wrapper.scss
index 0372fd3..c7261b1 100644
--- a/styles/pages/_allpage-wrapper.scss
+++ b/styles/pages/_allpage-wrapper.scss
@@ -46,7 +46,7 @@
     margin-left: 5px !important;
     width: 120px !important;
   }
-  
+
     // my order
 
   .view-product-link-b2c{
@@ -105,6 +105,7 @@
 .myorder-header-pt{
   padding-top: 7.5px !important;
 }
+
   @media only screen and (max-width: 600px) {
     .margin_from_nav {
       margin-top: 90px !important;
@@ -121,4 +122,7 @@
     .btn-orderdetail-mob{
       font-size: 12px !important;
     }
+    .profile-tab-content-rtl{
+      margin-top: 15px;
+    }
   }
\ No newline at end of file

From da0128a8dbf8c018f118c5a43dc5145afb9efa6e Mon Sep 17 00:00:00 2001
From: monika8848 <monika@8848digital.com>
Date: Fri, 29 Sep 2023 17:02:18 +0530
Subject: [PATCH 3/3] UI fixes in all pages

---
 cards/MyOrderCard.tsx              |  2 +-
 styles/pages/_allpage-wrapper.scss | 15 +++++++++++----
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/cards/MyOrderCard.tsx b/cards/MyOrderCard.tsx
index 8d04d1c..a60b78e 100644
--- a/cards/MyOrderCard.tsx
+++ b/cards/MyOrderCard.tsx
@@ -102,7 +102,7 @@ const MyOrderCard = ({ data, selectedMultiLangData }: any) => {
 <div className=" text-center " >
                 <div className="flex-fill detail_link text-capitalize  b2c_btn btn_order_detail fs-13" >
                   <Link href={`myOrder/${data?.name}`} legacyBehavior>
-                    <a href={`myOrder/${data?.name}`} className="color-black fs-13 btn-orderdetail-mob" >
+                    <a href={`myOrder/${data?.name}`} className=" color-detail fs-13 btn-orderdetail-mob" >
                       {selectedMultiLangData?.order_details}
                     </a>
                   </Link>
diff --git a/styles/pages/_allpage-wrapper.scss b/styles/pages/_allpage-wrapper.scss
index c7261b1..7b8fea3 100644
--- a/styles/pages/_allpage-wrapper.scss
+++ b/styles/pages/_allpage-wrapper.scss
@@ -72,13 +72,14 @@
     width: 100px;
 }
 .b2c_btn{
-  border: 2px solid #2c4152 !important;
+  border: 2px solid #0071dc !important;
   font-size: 13px !important;
+  // color: black !important;
 }
 .b2c_btn:hover{
-  border: 2px solid #2c4152 !important;
-  background-color: gainsboro !important;
-  color: black !important;
+  background-color: #0071dc!important;
+  
+  color: white !important;
 }
 .fs-13{
   font-size: 13px !important;
@@ -105,6 +106,12 @@
 .myorder-header-pt{
   padding-top: 7.5px !important;
 }
+.color-detail{
+  color: black !important;
+}
+.color-detail:hover {
+  color: white !important;
+}
 
   @media only screen and (max-width: 600px) {
     .margin_from_nav {