diff --git a/src/Pages/BookingScreen/Components/BSNavbar/BSNavbar1.jsx b/src/Pages/BookingScreen/Components/BSNavbar/BSNavbar1.jsx
index 73cfcdb..9ff6275 100644
--- a/src/Pages/BookingScreen/Components/BSNavbar/BSNavbar1.jsx
+++ b/src/Pages/BookingScreen/Components/BSNavbar/BSNavbar1.jsx
@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { useNavigate } from 'react-router-dom';
-import { Badge, Button, Popover, Tooltip } from 'antd';
+import { Badge, Button, Popconfirm, Popover, Tooltip } from 'antd';
 import {
   FeatureAddon,
   GlobalBookingType,
@@ -568,19 +568,25 @@ const BSNavbar1 = (props) => {
             : 'black',
       }}
     >
-      <div>
-        <TooltipWrapper
-          title="Back to Home"
-          placement="right"
-          isMobile={isMobile}
-        >
-          <PozoHomeIcon
-            style={{ color: '#1292EE', fontSize: '30px', cursor: 'pointer' }}
-            className="BSBillingNav2-toggle-icon"
-            onClick={handleHome}
-          />
-        </TooltipWrapper>
-      </div>
+      <Popconfirm
+        title="Are you sure you want to go home?"
+        onConfirm={handleHome}
+        okText="Yes"
+        cancelText="No"
+      >
+        <div>
+          <TooltipWrapper
+            title="Back to Home"
+            placement="right"
+            isMobile={isMobile}
+          >
+            <PozoHomeIcon
+              style={{ color: '#1292EE', fontSize: '28px', cursor: 'pointer' }}
+              className="BSBillingNav2-toggle-icon"
+            />
+          </TooltipWrapper>
+        </div>
+      </Popconfirm>
       {(addcustomer || hold) && (
         <FeaturesFunctionalities
           handleAddCustomerCancel={handleAddCustomerCancel}
diff --git a/src/Pages/BookingScreen/Components/BSNavbar/BSNavbar2.jsx b/src/Pages/BookingScreen/Components/BSNavbar/BSNavbar2.jsx
index fb3e8d1..2fbb0f7 100644
--- a/src/Pages/BookingScreen/Components/BSNavbar/BSNavbar2.jsx
+++ b/src/Pages/BookingScreen/Components/BSNavbar/BSNavbar2.jsx
@@ -3,7 +3,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import { useNavigate } from 'react-router-dom';
 import { AiFillHome } from 'react-icons/ai';
 import { MenuOutlined } from '@ant-design/icons';
-import { Popover, Badge, Tooltip, Button } from 'antd';
+import { Popover, Badge, Tooltip, Button, Popconfirm } from 'antd';
 import {
   getEditFavItems,
   PreferenceData,
@@ -103,7 +103,7 @@ import {
 import { FaUserLarge } from 'react-icons/fa6';
 import { BiSolidPhoneCall } from 'react-icons/bi';
 import PozoSwapIcon from '../UtillComponents/Pozo retail icons/PozoSwapIcon.jsx';
-import { CgSearchLoading } from "react-icons/cg";
+import { CgSearchLoading } from 'react-icons/cg';
 import UserRelieveManager from '../../Template/RealivingUser.jsx';
 import { FaParking } from 'react-icons/fa';
 import BSNavBarUserInfo from './BSNavBarUserInfo';
@@ -578,12 +578,18 @@ const BSNavbar2 = () => {
     <div className="BSBillingNavBar2" style={{ backgroundColor: 'white' }}>
       <div style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
         <div>
-          <AiFillHome
-            style={{ color: '#1292EE', fontSize: '30px' }}
-            className="BSBillingNav2-toggle-icon"
-            onClick={handleHome}
-          />
-        </div>
+          <Popconfirm
+            title="Are you sure you want to go home?"
+            onConfirm={handleHome}
+            okText="Yes"
+            cancelText="No"
+          >
+            <AiFillHome
+              style={{ color: '#1292EE', fontSize: '30px' }}
+              className="BSBillingNav2-toggle-icon"
+            />
+          </Popconfirm>
+        </div>{' '}
         <div className="salesStoreName">
           <BranchName />
         </div>
@@ -615,8 +621,8 @@ const BSNavbar2 = () => {
       </div>
       {/* Multiple search  */}
       <Tooltip title={'Multiple Search'}>
-        <div className='MultiSearchIconDiv2'>
-           <CgSearchLoading onClick={() => setMultiple(true)} />
+        <div className="MultiSearchIconDiv2">
+          <CgSearchLoading onClick={() => setMultiple(true)} />
         </div>
       </Tooltip>
       <div className="BSBillingNav2div2">
@@ -1323,9 +1329,7 @@ const BSNavbar2 = () => {
         destroyOnClose={true}
         children={
           <>
-            <MultipleSearch
-              close={setMultiple}
-            />
+            <MultipleSearch close={setMultiple} />
           </>
         }
       />
diff --git a/src/Pages/BookingScreen/Components/BSNavbar/BSNavbar3.jsx b/src/Pages/BookingScreen/Components/BSNavbar/BSNavbar3.jsx
index 98f3667..83709fd 100644
--- a/src/Pages/BookingScreen/Components/BSNavbar/BSNavbar3.jsx
+++ b/src/Pages/BookingScreen/Components/BSNavbar/BSNavbar3.jsx
@@ -36,7 +36,7 @@ import { useApplyOfferto_CardDetail } from '../UtillComponents/BSNavBarOffer/BSN
 import '../../../../Styles/BookingScreen/Components/BSNavbar/BSNavbar3.scss';
 
 // UI Imports
-import { Badge, Tooltip } from 'antd';
+import { Badge, Popconfirm, Tooltip } from 'antd';
 import { AiFillHome } from 'react-icons/ai';
 import { GoClockFill } from 'react-icons/go';
 import {
@@ -122,7 +122,7 @@ import BSNavBarWholeSale from '../UtillComponents/BSNavBarWholeSale.jsx';
 import { Global_OfferStatus } from '../../../../Features/Offer/Offer.js';
 import { globalholddata } from '../../../../Features/BookingScreen/HoldOption/HoldOption.js';
 import BSNavBarWeightScale from '../UtillComponents/BSNavBarWeightScale.jsx';
-import { CgSearchLoading } from "react-icons/cg";
+import { CgSearchLoading } from 'react-icons/cg';
 import { DefaultModal } from '../../../../Components/Modal/DefaultModal.jsx';
 import MultipleSearch from '../UtillComponents/MultipleSearch.jsx';
 
@@ -567,11 +567,14 @@ const BSNavbar3 = ({ optionNames }) => {
       <div className="BSNavbar3Main">
         <div className="homeTime">
           <div className="homeIcon">
-            <AiFillHome
-              color="#fff"
-              size={24}
-              onClick={handleHomePageNavigate}
-            />
+            <Popconfirm
+              title="Are you sure you want to go to home page?"
+              onConfirm={handleHomePageNavigate}
+              okText="Yes"
+              cancelText="No"
+            >
+              <AiFillHome color="#fff" size={24} />
+            </Popconfirm>{' '}
             <div>
               {' '}
               <BranchName />
@@ -604,7 +607,7 @@ const BSNavbar3 = ({ optionNames }) => {
 
         {/* Multiple search  */}
         <Tooltip title={'Multiple Search'}>
-          <div className='MultiSearchIconDiv3'>
+          <div className="MultiSearchIconDiv3">
             <CgSearchLoading onClick={() => setMultiple(true)} />
           </div>
         </Tooltip>
@@ -1185,9 +1188,7 @@ const BSNavbar3 = ({ optionNames }) => {
         destroyOnClose={true}
         children={
           <>
-            <MultipleSearch
-              close={setMultiple}
-            />
+            <MultipleSearch close={setMultiple} />
           </>
         }
       />
diff --git a/src/Pages/BookingScreen/Components/UtillComponents/MembershipCard.scss b/src/Pages/BookingScreen/Components/UtillComponents/MembershipCard.scss
index bcb5e58..4dfa847 100644
--- a/src/Pages/BookingScreen/Components/UtillComponents/MembershipCard.scss
+++ b/src/Pages/BookingScreen/Components/UtillComponents/MembershipCard.scss
@@ -165,7 +165,7 @@
 }
 
 .physicalMembershipCard {
-  font-family: 'Poppins' !important;
+  font-family: "Poppins" !important;
   width: 340px;
   height: 225px;
   background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);
@@ -173,12 +173,12 @@
   padding: 20px;
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
   color: white;
-  font-family: 'Arial', sans-serif;
+  font-family: "Arial", sans-serif;
   position: relative;
   overflow: hidden;
 
   &::before {
-    content: '';
+    content: "";
     position: absolute;
     top: -50%;
     right: -20%;
@@ -302,8 +302,8 @@
     position: absolute;
     bottom: 22%;
     right: 24px;
-    .user-profile{
-      img{
+    .user-profile {
+      img {
         border-radius: 6px;
       }
     }
@@ -325,7 +325,7 @@
       height: 100%;
 
       .qrCell {
-        background: #2E5090;
+        background: #2e5090;
         border-radius: 1px;
 
         &:nth-child(2n) {
@@ -333,7 +333,7 @@
         }
 
         &:nth-child(3n) {
-          background: #2E5090;
+          background: #2e5090;
         }
       }
     }
@@ -363,7 +363,7 @@
 
   .ant-switch-inner-checked,
   .ant-switch-inner-unchecked {
-    font-family: 'Poppins';
+    font-family: "Poppins";
     font-weight: 500;
   }
 
@@ -444,4 +444,4 @@
       width: 100%;
     }
   }
-}
\ No newline at end of file
+}
diff --git a/src/Styles/BookingScreen/Components/BSItemCards/BSItemCard.scss b/src/Styles/BookingScreen/Components/BSItemCards/BSItemCard.scss
index 54f9a4f..04e811e 100644
--- a/src/Styles/BookingScreen/Components/BSItemCards/BSItemCard.scss
+++ b/src/Styles/BookingScreen/Components/BSItemCards/BSItemCard.scss
@@ -1,6 +1,6 @@
 .bs-item-card-masterdiv {
   padding: 0rem 0rem;
-  overflow: auto; 
+  overflow: auto;
   height: inherit;
   scrollbar-width: none;
 
@@ -37,10 +37,7 @@
   text-align: center;
 }
 
-// .BSCategory5-Cardcont .bs-item-card-masterdiv {
-//   height: 93vh;
-// }
-
+ 
 .BSItemCard-master-container {
   display: flex;
   flex-direction: row;
@@ -86,38 +83,30 @@
   background-color: rgba(255, 255, 255, 0.8);
   position: absolute;
   display: flex;
-  // flex-wrap: wrap;
-  column-gap: 0.5rem;
+   column-gap: 0.5rem;
   justify-content: center;
   cursor: pointer;
-  // top: 50px;
-  bottom: 0px;
-  // bottom: 12px;
-  left: 0;
+   bottom: 0px;
+   left: 0;
   right: 0;
 }
 
 .BSItemCard-itemName {
   text-align: center;
-  //naresh27
-  font-size: 12px;
+   font-size: 12px;
   font-weight: 500;
   max-width: 130px;
-  // font-family: "Gilroy";
-  white-space: nowrap;
+   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  // max-width: 100px;
-}
+ }
 
 .BSItemCard-itemPrice {
-  // width: 100%;
-  color: #52c41a;
+   color: #52c41a;
   font-size: 14px;
   font-weight: 600;
   font-family: "Gilroy";
-  // nk
-  white-space: nowrap;
+   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   width: 105px;
@@ -131,8 +120,7 @@
 
 .BSItemCard-badge-withoutimage {
   position: absolute;
-  // naresh
-  top: 0px;
+   top: 0px;
   right: 0;
 }
 
@@ -157,8 +145,7 @@
 .BSItemCard-content-smallimage {
   width: max-content;
   padding: 5px 0;
-  // background-color: rgba(255, 255, 255, 0.7);
-  display: flex;
+   display: flex;
   flex-direction: column;
   column-gap: 0.5rem;
   justify-content: center;
@@ -177,13 +164,7 @@
   row-gap: 0.5rem;
   cursor: pointer;
   // vicky
-  justify-content: space-around;
-  // height: 62px;
-  // padding: 5px;
-  // border-radius: 3px;
-  // align-items: center;
-  // justify-content: center;
-  // padding: 5px;
+  justify-content: space-around; 
 }
 
 .BSItemCard-containers-smallimage-mobile {
@@ -193,13 +174,7 @@
   flex-direction: row;
   column-gap: 0.4rem;
   row-gap: 0.5rem;
-  cursor: pointer;
-  // height: 62px;
-  // padding: 5px;
-  // border-radius: 3px;
-  // align-items: center;
-  // justify-content: center;
-  // padding: 5px;
+  cursor: pointer; 
 }
 
 .BSItemCard-content-small-screem {
@@ -224,8 +199,7 @@
 @media (min-width: 280px) and (max-width: 499px) {
   .ItemWiseReport-heading {
     display: flex;
-    align-items: flex-start;
-    // width: 13.5rem;
+    align-items: flex-start; 
     align-items: center;
   }
 
@@ -241,11 +215,7 @@
   tr,
   td {
     font-size: 14px !important;
-  }
-
-  // .ant-picker-dropdown {
-  //   width: 99%;
-  // }
+  } 
 
   .other-submitbtn {
     justify-content: flex-start !important;
@@ -270,11 +240,7 @@
   .configMsrSubDiv {
     column-gap: 0.5rem !important;
   }
-
-  // naresh tha sonna cmd panna 4/4/2024
-  // .cat-Size .ant-input-affix-wrapper {
-  //   width: 42% !important;
-  // }
+ 
 
   .ant-modal .ant-modal-content {
     padding: 1rem !important;
@@ -362,23 +328,11 @@
   .BSItemCard-containers-mobile {
     width: 6rem !important;
   }
-
-  // .BSItemCard-image{
-  //   width: 9rem !important;
-  //   height: 8rem !important;
-  // }
+ 
   .BSItemCard-content-small-screem {
     width: 8rem !important;
     height: 6rem !important;
-  }
-
-  // .BSItemCard-container-smallimage{
-  //   width: 7rem !important;
-  //   opacity: 12%;
-  // }
-  // .BSItemCard-itemName{
-  //   width: 3rem !important;
-  // }
+  } 
   .BSItemCard-itemName {
     width: 60px !important;
     font-size: 10px;
@@ -386,14 +340,10 @@
     text-align: center !important;
   }
 
-  .bs-item-card-masterdiv {
-    // height: 64vh !important;
+  .bs-item-card-masterdiv { 
     height: inherit;
   }
-
-  // .BSCategory5-Cardcont .bs-item-card-masterdiv {
-  //   height: 98vh !important;
-  // }
+ 
 }
 
 @media (min-width: 500px) and (max-width: 767px) {
@@ -422,12 +372,7 @@
     margin-top: 3px;
   }
 }
-
-@media only screen and (max-width: 1000px) {
-  // .BSItemCard-itemName{
-  //   max-width: 70px ;
-  // }
-}
+ 
 
 .QRStockchange-table thead {
   position: sticky;
@@ -479,33 +424,23 @@
   z-index: 1;
 }
 
-.Card-modal-table {
-  // width:100%;
+.Card-modal-table { 
   height: 59vh;
   overflow: auto;
-  justify-content: flex-start;
-  // display: flex;
-  // flex-wrap: wrap;
-  // flex-direction: row;
+  justify-content: flex-start; 
   padding: 1.8rem 0.5rem;
   column-gap: 0.5rem;
   row-gap: 1rem;
 }
 
 .Brand-Card-modal-table {
-  // width:100%;
-  height: 43vh;
+   height: 43vh;
   overflow: auto;
   justify-content: flex-start;
-  // display: flex;
-  // flex-wrap: wrap;
-  // flex-direction: row;
-  padding: 1.8rem 0.5rem;
+   padding: 1.8rem 0.5rem;
   column-gap: 0.5rem;
   row-gap: 1rem;
-  // border:0.5px solid black;
-  // border-radius: 5px;
-}
+ }
 
 .Brand-Card-modal-table::-webkit-scrollbar {
   width: 10px !important;
@@ -530,16 +465,10 @@
   display: flex;
   justify-content: center;
   flex-direction: column;
-  // align-items: center;
   justify-content: center;
   border: solid 1px #e4e4e4;
   background-color: #f3f3f3;
-  // width: 100px;
-  // height: 190px;
-  // background-color: #b87373;
-  // color: #fff;
   transition-duration: 0.3s;
-  //  padding: 0.5rem;
   border-radius: 6px;
 }
 
@@ -547,16 +476,10 @@
   display: flex;
   justify-content: center;
   flex-direction: column;
-  // align-items: center;
   justify-content: center;
   border: solid 1px #e4e4e4;
   background-color: #f3f3f3;
-  // width: 100px;
-  // height: 190px;
-  // background-color: #b87373;
-  // color: #fff;
   transition-duration: 0.3s;
-  //  padding: 0.5rem;
   border-radius: 6px;
   opacity: 0.5;
   pointer-events: none;
@@ -572,12 +495,8 @@
 .ItemQtyCard:hover {
   transition-duration: 0.3s;
   transform: scale(1.02);
-
-  // background-color: wheat;
   border: solid 1px #f3f3f3;
-  // padding: 0.6rem 0.5rem;
   box-shadow: var(--BOX_SHADOW_LEVEL1);
-  // background-color: #e3ffe9;
   cursor: pointer;
 
   .qtyprice {
@@ -1220,9 +1139,7 @@
   flex-wrap: wrap;
   flex-direction: row;
   column-gap: 1rem;
-  row-gap: 0.5rem;
-  // position: fixed;
-  // bottom: 10px;
+  row-gap: 0.5rem; 
   font-family: "Poppins";
   font-size: 14px;
   color: #000;
diff --git a/src/Styles/BookingScreen/Template/BSLayout7/BSC1Search.scss b/src/Styles/BookingScreen/Template/BSLayout7/BSC1Search.scss
index 38662f4..ab83a7d 100644
--- a/src/Styles/BookingScreen/Template/BSLayout7/BSC1Search.scss
+++ b/src/Styles/BookingScreen/Template/BSLayout7/BSC1Search.scss
@@ -142,3 +142,56 @@
   overflow: auto;
   scrollbar-width: thin;
 }
+
+
+.ItemQtyCard {
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  justify-content: center;
+  border: solid 1px #e4e4e4;
+  background-color: #f3f3f3;
+  transition-duration: 0.3s;
+  border-radius: 6px;
+}
+
+.ItemQtyCard-disabled {
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+   justify-content: center;
+  border: solid 1px #e4e4e4;
+  background-color: #f3f3f3;
+   transition-duration: 0.3s;
+   border-radius: 6px;
+  opacity: 0.5;
+  pointer-events: none;
+}
+
+.ItemQtyCard:hover {
+  transition-duration: 0.3s;
+  transform: scale(1.02);
+  border: solid 1px #f3f3f3;
+  box-shadow: var(--BOX_SHADOW_LEVEL1);
+  cursor: pointer;
+
+  .qtyprice {
+    font-size: 16px;
+    background-color: var(--SELECTED_COLOR);
+  }
+}
+
+.BrandDetail {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  column-gap: 1rem;
+  row-gap: 1rem;
+  padding: 0.5rem;
+}
+
+.Brand-Card {
+  display: flex;
+  flex-direction: column;
+  row-gap: 1rem;
+}
\ No newline at end of file
diff --git a/src/Styles/BookingScreen/Template/BSLayout7/Combo1.scss b/src/Styles/BookingScreen/Template/BSLayout7/Combo1.scss
index f12e48f..8a68a92 100644
--- a/src/Styles/BookingScreen/Template/BSLayout7/Combo1.scss
+++ b/src/Styles/BookingScreen/Template/BSLayout7/Combo1.scss
@@ -643,6 +643,9 @@
 
     svg {
       color: #fff !important;
+      display: flex;
+      align-items: center;
+      justify-content: center;
     }
     img {
       width: 20px !important;
diff --git a/src/Styles/Reports/LedgerReport/LedgerReport.scss b/src/Styles/Reports/LedgerReport/LedgerReport.scss
index b1c5a90..3720377 100644
--- a/src/Styles/Reports/LedgerReport/LedgerReport.scss
+++ b/src/Styles/Reports/LedgerReport/LedgerReport.scss
@@ -31,11 +31,9 @@
 }
 
 .RadioButton {
-  display: flex;
-  //  align-items: center;
+  display: flex; 
   flex-wrap: nowrap;
-  justify-items: center;
-  // margin-left: "70px";50pxLedger-datePicker
+  justify-items: center; 
 }
 
 .RadioButton-DMYPicker .ant-radio-group {
@@ -60,10 +58,7 @@
   height: 60px;
 }
 
-.Ledger-datePicker {
-  //  display: flex;
-
-  //  padding: 1rem;
+.Ledger-datePicker { 
   .ant-space-item {
     height: 70px;
   }
@@ -94,9 +89,7 @@
 }
 
 .ledger-PrintIcon {
-  font-size: xx-large;
-  //  padding-left: 25px;
-  //  padding-bottom: 30px;
+  font-size: xx-large; 
 }
 
 .RadioButton-DMYPicker {
@@ -127,8 +120,8 @@
   width: 72px;
 }
 
-.LedgerTable .ant-table-wrapper .ant-table-thead>tr>th,
-.ant-table-wrapper .ant-table-thead>tr>td {
+.LedgerTable .ant-table-wrapper .ant-table-thead > tr > th,
+.ant-table-wrapper .ant-table-thead > tr > td {
   color: #000000;
   font-size: 12px;
   font-weight: 600;
@@ -155,13 +148,11 @@
   flex-direction: column;
   justify-content: center;
   width: max-content;
-  height: 50px;
-  //    padding-left: 20px;
-  //    padding-bottom: 30px;
+  height: 50px; 
 }
 
 .MasterLedger-Report .ant-table-wrapper .ant-table-cell,
-.MasterLedger-Report .ant-table-wrapper .ant-table-thead>tr>th {
+.MasterLedger-Report .ant-table-wrapper .ant-table-thead > tr > th {
   padding: 1px 13px;
   width: 100px;
 }
@@ -173,10 +164,7 @@
 .RadioButton-DMYPicker p {
   padding: 0 !important;
 }
-
-// .dropDown-ledger .float-label{
-// margin-bottom: 0px ;
-// }
+ 
 .MasterLedger-Report .formDivAnt {
   row-gap: 0.1rem;
 }
@@ -196,18 +184,8 @@
   .ant-picker-month-panel {
     width: 200px !important;
   }
-
-  // .MasterLedger-Report .ant-picker-dropdown,
-  // .ant-picker-date-panel {
-  //     width: 100px !important;
-  // }
-  .Ledger-datePicker .ant-picker-dropdown,
-  .ant-picker-date-panel {
-    //srinath
-    // width: 90% !important;
-    //
-  }
-
+ 
+ 
   .LedgerTable {
     height: 50vh;
   }
@@ -216,11 +194,7 @@
     overflow-y: scroll;
   }
 
-  .Ledger-datePicker {
-    // margin: 0rem -1rem;
-    //  display: flex;
-
-    //  padding: 1rem;
+  .Ledger-datePicker { 
 
     .ant-picker {
       width: 100px !important;
@@ -234,23 +208,15 @@
     transform: scale(0.8);
     margin: 0rem -1rem;
   }
-
-  //  .dropDown-ledger{
-  //     width:30px !important;
-  //     height: 64px !important;
-
-  // }
+ 
   .dropDown-ledger {
     width: 70px !important;
     height: 64px !important;
     padding-left: 0px !important;
   }
 
-  .AllRadioButton {
-    //srinath
-    // width: 32vh;
-    width: 37vh;
-    //
+  .AllRadioButton { 
+    width: 37vh; 
     overflow-x: scroll;
   }
 }
@@ -269,4 +235,107 @@
     justify-items: center;
     flex-wrap: wrap;
   }
-}
\ No newline at end of file
+}
+
+.custom-table {
+  width: 100%;
+  border-collapse: collapse;
+  border: 1px solid #909090;
+  font-family: "Poppins", sans-serif;
+
+  > thead {
+    position: sticky;
+    top: -1px;
+  }
+}
+
+.custom-table th {
+  background-color: #a4c5f4;
+  color: #1e1e1e;
+  padding: 6px;
+  text-align: left;
+  border: 1px solid #909090;
+  -webkit-text-stroke-width: 0.2px;
+  font-size: 12px;
+  font-weight: 500;
+  font-family: VAR(--HEADING_FONT_FAMILY);
+  // text-transform: uppercase;
+  text-transform: capitalize;
+  letter-spacing: 0.2px;
+}
+
+.centerDivList {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+   overflow: scroll;
+  padding-bottom: 2rem;
+}
+
+.custom-table td {
+  padding: 4px 6px;
+  border: 1px solid #909090;
+  text-align: left;
+  font-size: 12px !important;
+}
+
+.custom-table tbody tr td {
+  text-align: left;
+
+  .ant-select.ant-select-in-form-item {
+    width: 190px !important;
+  }
+}
+
+.custom-table tbody tr td[colspan="7"] {
+  padding: 20px;
+}
+
+.custom-table tbody tr.additionalCharges-selected {
+  background-color: #dddddd;
+}
+
+.custom-table tbody tr.setAsDefault-selected {
+  background-color: #cceaf0;
+}
+
+.custom-table {
+  .ant-form-item {
+    margin-bottom: 0 !important;
+  }
+
+  .float-label {
+    margin-bottom: 8px !important;
+  }
+}
+
+.ChargesAddAndCancel {
+  display: flex;
+  justify-content: flex-end;
+  gap: 1rem;
+
+  > div {
+    border-radius: 6px;
+    padding: 5px 10px;
+    color: #fff;
+    font-weight: 600 !important;
+    cursor: pointer;
+  }
+
+  > div:nth-child(1) {
+    background-color: #28aa3a;
+  }
+
+  > div:nth-child(2) {
+    background-color: #ff0000;
+  }
+}
+
+.custom-table {
+  Button:disabled,
+  Button[disabled] {
+    width: unset !important;
+    height: unset !important;
+    border-radius: 50px !important;
+  }
+}
diff --git a/src/check.scss b/src/check.scss
index bea3807..8a68a92 100644
--- a/src/check.scss
+++ b/src/check.scss
@@ -1,117 +1,726 @@
-.toggle-switch {
-  position: relative;
-  display: inline-block;
-  width: 46px;
-  height: 24px;
-}
-
-.toggle-switch input {
-  opacity: 0;
-  width: 0;
-  height: 0;
-}
-
-.slider {
+.BSC1-Master {
   position: absolute;
-  cursor: pointer;
-  background-color: #ccc;
-  border-radius: 24px;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  transition: 0.4s;
-}
-
-.slider:before {
-  position: absolute;
-  content: "";
-  height: 18px;
-  width: 18px;
-  left: 3px;
-  bottom: 3px;
-  background-color: white;
-  border-radius: 50%;
-  transition: 0.4s;
-}
-
-/* Active (checked) style */
-.toggle-switch input:checked + .slider {
-  background-color: #28a745;
-}
-
-.toggle-switch input:checked + .slider:before {
-  transform: translateX(22px);
-}
-.counter-expand-box {
-  max-height: 0;
-  overflow: hidden;
-  opacity: 0;
-  padding: 0;
-  transition: all 0.3s ease;
-}
-
-.counter-expand-box.open {
-  max-height: 300px; // large enough for the content
-  opacity: 1;
-  padding: 12px;
-  border-radius: 6px;
-  border: 1px solid #ccc;
-  background: #f1f1f1;
+  overflow: hidden !important;
   display: flex;
   flex-direction: column;
-  gap: 8px;
-}
-
-/// Another  swtich button style code
-
-.PrinterSettingSwitchBTN {
-  display: inline-flex;
-  gap: 16px;
-  font-family: "Poppins";
-  margin-bottom: 12px; 
-  border-bottom: 1px solid #d1d5db;
-}
-
-.PrinterSettingSwitchBTN > div {
-  font-size: 22px;
-  font-weight: 600; 
-  cursor: pointer;
-  color: #6b7280;
+  justify-content: space-between;
+  position: absolute;
   display: flex;
-  align-items: center;
-  gap: 6px;
-  position: relative;
-  border: none;
-  background: transparent;
-  font-family: "Gilroy";
-  transition: color 0.2s ease;
-  @media (max-width: 600px) {
-    font-size: 18px;
+  position: absolute;
+  overflow: auto !important;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  height: max-content;
+  overflow-y: auto;
+  height: 80vh;
+  z-index: -1;
+}
+
+@media (max-height: 1400px) and (min-height: 1100px) {
+  .BSC1-Master {
+    height: 74vh !important;
   }
 }
 
-.PrinterSettingSwitchBTN > div:hover {
-  color: #0f172a;
+@media (max-height: 1099px) and (min-height: 1001px) {
+  .BSC1-Master {
+    height: 71vh !important;
+  }
 }
 
-.PrinterSettingSwitchBTN > div.selected {
-  color: #0f172a;
+@media (max-height: 1000px) and (min-height: 901px) {
+  .BSC1-Master {
+    height: 68vh !important;
+  }
 }
 
-.PrinterSettingSwitchBTN > div.selected::after {
-  content: "";
-  position: absolute;
+@media (max-height: 900px) and (min-height: 791px) {
+  .BSC1-Master {
+    height: 65vh !important;
+  }
+}
+
+@media (max-height: 790px) and (min-height: 690px) {
+  .BSC1-Master {
+    height: 60vh !important;
+  }
+}
+
+@media (max-height: 689px) and (min-height: 620px) {
+  .BSC1-Master {
+    height: 55vh !important;
+  }
+}
+
+@media (max-height: 619px) and (min-height: 560px) {
+  .BSC1-Master {
+    height: 55vh !important;
+  }
+
+  .BSBilling7-tablediv {
+    height: 46vh !important;
+  }
+}
+
+@media (max-height: 559px) and (min-height: 520px) {
+  .BSC1-Master {
+    height: 45vh !important;
+  }
+}
+
+@media (max-height: 519px) and (min-height: 480px) {
+  .BSC1-Master {
+    height: 40vh !important;
+  }
+}
+
+@media (max-height: 479px) and (min-height: 450px) {
+  .BSC1-Master {
+    height: 35vh !important;
+  }
+}
+
+@media (max-height: 449px) and (min-height: 425px) {
+  .BSC1-Master {
+    height: 35vh !important;
+  }
+}
+
+@media (max-height: 424px) and (min-height: 350px) {
+  .BSC1-Master {
+    height: 27vh !important;
+  }
+}
+
+.BS1ComboTable {
+  height: 80vh;
+  overflow: auto;
+  padding-bottom: 10rem !important;
+  padding: 0 3px;
+}
+
+.BS1ComboTableComboSalesBillTable {
+  height: 100%;
+  overflow: auto;
+  padding-bottom: 1.5rem !important;
+  padding: 0 3px;
+}
+
+.BS1ComboTable {
+  &.BillingTable1-table-th {
+    padding: 2vh 0vh 2vh 0vh;
+    font-size: 14px;
+  }
+
+  & .BillingTable1-table-td {
+    padding: 2vh 0vh 2vh 0vh;
+    font-size: 16px;
+  }
+}
+
+.BSC1-Master .PCBillingTable6-Table1 td {
+  border: 0.1px solid #a8a8a880 !important;
+  border-collapse: collapse;
+}
+
+.BSC1-Master .PCBillingTable6-Table1 th {
+  border: 0.1px solid #a8a8a880 !important;
+  border-collapse: collapse;
+}
+
+.BSC1-Master .BSBill-Table7 th {
+  border: 0.1px solid #a8a8a880 !important;
+  border-collapse: collapse;
+}
+
+.BSC1-Master .BSBill-Table7 td {
+  border: 0.1px solid #a8a8a880 !important;
+  border-collapse: collapse;
+}
+
+.BSC1-Master .Billing-Table1 th {
+  border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
+  border-collapse: collapse;
+}
+
+.BSC1-Master .BSBill-Table3 th {
+  border: 0.1px solid rgba(168, 168, 168, 0.5019607843);
+  border-collapse: collapse;
+}
+
+.BSC1-Master .BSBill-Table3 td {
+  border: 0.1px solid rgba(168, 168, 168, 0.5019607843);
+  border-collapse: collapse;
+}
+
+.BSC1-Master .BillingTable1-table-td {
+  border: 0.1px solid rgba(168, 168, 168, 0.5019607843);
+  border-collapse: collapse;
+}
+
+.BSC1-Master .BSBill-Table4 th {
+  border: 0.1px solid rgba(168, 168, 168, 0.5019607843);
+  border-collapse: collapse;
+}
+
+.BSC1-Master .BSBill-Table4 td {
+  border: 0.1px solid rgba(168, 168, 168, 0.5019607843);
+  border-collapse: collapse;
+  padding: 0 0.5rem;
+}
+
+.BSC1-Master .BSBillingTable5-tablediv th {
+  border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
+  border-collapse: collapse !important;
+}
+
+.BSC1-Master .BSBillingTable5-tablediv td {
+  border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
+  border-collapse: collapse !important;
+}
+
+.BSC1-Master .BillingTable6-Table1 td {
+  border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
+  border-collapse: collapse !important;
+}
+
+.BSC1-Master .BillingTable6-Table1 th {
+  border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
+  border-collapse: collapse !important;
+}
+
+.BSC1-Master .Table3-item-price {
+  text-align: center !important;
+}
+
+.BSC1-Master .Table4-item-price {
+  text-align: center !important;
+}
+
+.BSC1-Master .BillingTable1-table-td {
+  text-align: center !important;
+  padding: 0 10px;
+}
+
+.BSC1-Master .Table3-Dis-index {
+  border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
+  border-collapse: collapse !important;
+}
+
+.BSC1-Master .forcomboalign {
+  text-align: center !important;
+}
+
+.BSC1-Master .comboAlignCenter {
+  right: 34vw;
+}
+
+@media screen and (min-width: 500px) and (max-width: 768px) {
+  .BSC1-Master .comboAlignCenter {
+    right: 30vw !important;
+  }
+
+  .BSC1-Master .BSC1Payment-Container {
+    height: 8rem;
+  }
+}
+
+@media screen and (max-width: 768px) {
+  .BSC1Payment-div4 {
+    margin: 0 !important;
+
+    gap: 1 !important;
+  }
+
+  .BSC1Payment-div4-button-disable {
+    width: 100% !important;
+  }
+
+  .BSC1Payment-div4-button {
+    width: 100%;
+  }
+
+  .BSC1Payment-div4-payment {
+    align-items: center;
+  }
+
+  .BSC1Payment-div4-payment {
+    gap: 0.6rem !important;
+  }
+
+  .BSC1-Master .Billing-Table1 td {
+    border: 0.1px solid #a8a8a880 !important;
+    border-collapse: collapse;
+    font-size: 12px !important;
+  }
+
+  .BSC1-Master .Billing-Table1 th {
+    border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
+    border-collapse: collapse;
+    font-size: 12px !important;
+  }
+
+  .BSC1-Master .BSBill-Table3 th {
+    border: 0.1px solid rgba(168, 168, 168, 0.5019607843);
+    border-collapse: collapse;
+    font-size: 12px !important;
+  }
+
+  .BSC1-Master .BSBill-Table3 td {
+    border: 0.1px solid rgba(168, 168, 168, 0.5019607843);
+    border-collapse: collapse;
+    font-size: 12px !important;
+  }
+
+  .BSC1-Master .BSBill-Table4 th {
+    border: 0.1px solid rgba(168, 168, 168, 0.5019607843);
+    border-collapse: collapse;
+    font-size: 12px !important;
+  }
+
+  .BSC1-Master .BSBill-Table4 td {
+    border: 0.1px solid rgba(168, 168, 168, 0.5019607843);
+    border-collapse: collapse;
+    font-size: 12px !important;
+  }
+
+  .BSC1-Master .BSBillingTable5-tablediv th {
+    border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
+    border-collapse: collapse !important;
+    font-size: 12px !important;
+  }
+
+  .BSC1-Master .BSBillingTable5-tablediv td {
+    border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
+    border-collapse: collapse !important;
+    font-size: 12px !important;
+  }
+
+  .BSC1-Master .BillingTable6-Table1 td {
+    border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
+    border-collapse: collapse !important;
+    font-size: 12px !important;
+  }
+
+  .BSC1-Master .BillingTable6-Table1 th {
+    border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
+    border-collapse: collapse !important;
+    font-size: 12px !important;
+  }
+
+  .BSC1Payment-div4 {
+    padding-bottom: 1rem !important;
+  }
+}
+
+@media screen and (max-width: 499px) {
+  .BSC1Payment-div4-payment {
+    flex-wrap: wrap;
+  }
+
+  .BSC1Payment-div4 {
+    padding: 0 !important;
+    gap: 1;
+  }
+
+  .BSC1Payment-div4-payment {
+    padding: 0 !important;
+  }
+
+  .BSC1Payment-div4-button-disable {
+    padding: 0;
+    height: 45px !important;
+  }
+}
+
+@media screen and (max-width: 599px) {
+  .BSC1Payment-div4-payment {
+    flex-wrap: wrap;
+  }
+
+  .BSC1Payment-div4 {
+    padding: 0 !important;
+  }
+
+  .BSC1Payment-div4-payment {
+    padding: 0 !important;
+  }
+
+  .BSC1Payment-div4-payment .css-x5j1g7-control {
+    width: 100px !important;
+  }
+
+  .BSC1NavBar-Container {
+    column-gap: 0.5rem !important;
+  }
+
+  .BSC1-Master .comboAlignCenter {
+    right: 15vw !important;
+    height: 15rem;
+  }
+
+  .BSC1-Master .BSBillingNav-icon-table-icon {
+    width: 22px !important;
+    height: 24px;
+  }
+
+  .BSC1Search-div1 {
+    width: 95vw;
+  }
+
+  .Combo-BSNavbar1-timer {
+    display: none !important;
+  }
+}
+
+@media screen and (min-width: 768px) and (max-width: 1220px) {
+  .BSC1-Master .BSC1Payment-div4 {
+    display: flex;
+    flex-direction: row;
+    gap: 1rem;
+    justify-content: center;
+    flex-wrap: wrap;
+  }
+}
+
+.BSC1-Master {
+  right: 0;
   left: 0;
-  bottom: -1px;
+}
+
+.overall-bscombo-container {
+  overflow: hidden;
+
+  .BSC1Search-div1 {
+    height: 45px !important;
+  }
+
+  .ant-select-selection-search {
+    top: 10px !important;
+  }
+}
+
+.BSC1-Master .for-combo {
+  text-align: left !important;
+}
+
+.BSC1-Master .BSC1Payment-Container {
+  height: 8rem;
+}
+
+.overall-bscombo-container .BSC1NavBar-manu-icon {
+  width: 31px;
+  height: 38px;
+  padding-top: 5px;
+  position: absolute !important;
+  bottom: -11px !important;
+}
+
+.Combo-BSNavbar1-timer {
+  width: 8rem;
+  font-family: "Gilroy";
+  display: flex;
+  justify-content: center;
+  text-wrap: nowrap;
+  font-weight: 600;
+  color: #fff !important;
+  font-size: 1.25rem;
+  text-wrap: nowrap;
+}
+
+.BSC1-Master .BSBill-Table4 {
+  width: 100vw !important;
+}
+
+.BSC1-Master .BSC1Payment-div4-button-disable {
+  height: 50px;
+}
+
+.BSC1-Master .BSBill2-cont {
+  // height: 72%;
+  overflow: auto;
+}
+
+.BSC1Search-container .L {
   width: 100%;
-  height: 2px;
-  background: #2c88ee;
-  border-radius: 2px;
+  display: flex;
+  flex-direction: row;
+  /* padding: 0.5rem 22px 0 1.5rem; */
+  gap: 0.5rem;
+  /* padding-bottom: 8px; */
+  align-items: center;
+  justify-content: center;
+  padding: 4px 8px;
 }
 
-.PrinterSettingSwitchBTN > div.selected svg {
-  color: #4765db !important;
+.overall-bscombo-container .Combosearch {
+  // width: 99vw;
+  height: 10px;
 }
 
-// End
\ No newline at end of file
+.overall-bscombo-container.BSC1Search-div1 .ant-select:not(.ant-select-customize-input) .ant-select-selector {
+  width: 100%;
+}
+
+.overall-bscombo-container .Combosearch .custom-input {
+  border: none;
+}
+
+.overall-bscombo-container .Combosearch .ant-select-selector {
+  width: 100%;
+}
+
+.ComboSubNavbar {
+  flex-wrap: nowrap !important;
+
+  @media (max-width: 1024px) {
+    overflow: auto;
+    padding-bottom: 5px;
+  }
+
+  .price-change-btn {
+    background-color: #1292ee;
+    color: #fff !important;
+    width: 32px;
+    height: 32px;
+    margin-right: unset !important;
+    outline: none !important;
+    border: none;
+    border-radius: 4px;
+    padding: 2px;
+    cursor: pointer;
+    img {
+      filter: invert(1);
+      width: 25px !important;
+      height: 25px !important;
+    }
+  }
+
+  .pricing-name-details {
+    font-family: "Poppins";
+    font-size: 12px;
+    background: var(--SELECTED_COLOR);
+    padding: 3px 5px;
+    border-radius: 5px;
+    color: white;
+    white-space: nowrap;
+    margin-left: 8rem;
+    font-weight: 400;
+    @media (max-width: 500px) {
+      font-size: 10px !important;
+    }
+  }
+}
+
+.comboNavbarSubMain {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  padding: 0 6px;
+
+  .SalesCountComponent-Master {
+    width: unset;
+    gap: 10px;
+
+    p {
+      font-size: 13px !important;
+    }
+  }
+
+  @media (max-width: 1024px) {
+    flex-direction: column;
+  }
+}
+
+.ComboScreenPageTable {
+  .billtable3th {
+    padding: 3px !important;
+  }
+
+  .del-all-btn {
+    padding: 0.2rem 0.1rem;
+  }
+
+  .BSBill-Table3-throw {
+    height: 2rem;
+  }
+
+  .BSBilling3-tablediv {
+    tr {
+      height: 28px;
+    }
+
+    th > span {
+      font-size: 14px !important;
+
+      @media (max-width: 500px) {
+        font-size: 12px !important;
+      }
+    }
+
+    td:nth-child(2) {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+    }
+
+    td:nth-child(3),
+    th:nth-child(3) {
+      width: 100px !important;
+      text-align: right;
+    }
+
+    td:nth-child(4),
+    th:nth-child(4) {
+      width: 100px !important;
+      text-align: center;
+    }
+
+    td:nth-child(5),
+    th:nth-child(5) {
+      width: 100px !important;
+      text-align: center;
+    }
+
+    td:nth-child(6),
+    th:nth-child(6) {
+      width: 100px !important;
+      text-align: right;
+    }
+
+    td:nth-child(7),
+    th:nth-child(7) {
+      width: 100px !important;
+      text-align: right;
+    }
+
+    td:nth-child(8),
+    th:nth-child(8) {
+      width: 40px !important;
+      text-align: center;
+    }
+  }
+}
+
+.BookingCloseCombo {
+  width: 32px;
+  height: 32px;
+  background-color: #1292ee;
+  border-radius: 6px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  svg {
+    width: 25px !important;
+    height: 25px !important;
+    color: #fff !important;
+  }
+}
+
+.SearchSubnavbar-combo {
+  @media (max-width: 1024px) {
+  }
+}
+
+.combuSubNavbarRightSide {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+
+  .comboPrichangeBTN {
+    width: 32px;
+    height: 32px;
+    // background-color: #1292ee;
+    border-radius: 6px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #fff;
+
+    svg {
+      color: #fff !important;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+    img {
+      width: 20px !important;
+      height: 20px !important;
+    }
+  }
+
+  .RiVerifiedBadgeFill {
+    width: 32px;
+    height: 32px;
+    background-color: #1292ee;
+    border-radius: 6px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 5px;
+  }
+}
+
+.keyboardShortcut {
+  width: 32px;
+  height: 32px;
+  background-color: #1292ee;
+  border-radius: 6px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  color: #fff;
+}
+.Layout-bill-Subcontainer {
+  display: flex;
+  width: 100%;
+  justify-content: space-around;
+  font-weight: 600;
+  align-items: center;
+  gap: 2px;
+
+  @media (max-width: 500px) {
+    font-size: 10px;
+    flex-wrap: wrap;
+  }
+}
+.pricing-name-details {
+  font-family: "Poppins";
+  font-size: 12px;
+  background: var(--SELECTED_COLOR);
+  padding: 3px 5px;
+  border-radius: 5px;
+  color: white;
+  white-space: nowrap;
+  margin-left: 8rem;
+  font-weight: 400;
+  @media (max-width: 500px) {
+    font-size: 10px !important;
+  }
+}
+
+.MultiSearchIconDiv3 {
+  background-color: #ffffff;
+  color: #1292ee !important;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  width: 32px !important;
+  height: 32px;
+  padding: 4px;
+
+  svg {
+    font-size: 22px;
+    width: 32px !important;
+    height: 32px;
+
+    display: flex;
+  }
+}